Nama : NOVIAN ANDIKA
NIM : 18.01.4133
Kelas : D3 TI-01

Pemahaman Setelah mengikut mata kuliah Perancangan Web Semester 2


  1. Mampu membuat website statis dengan bantuan HTML, CSS, dan Javascript
    1. HTML sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
      (Saya menjadi tahu urutan kerangka simpel kerangka html mulai dari <!DOC HTML>, sampai <FOOTER>
    2. CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan kumpulan kode-kode yang bertujuan untuk menghias dan mengatur gaya website
      (Disini saya belajar bagaimana caranya mesetting padding dan margin pada suatu item di html agar placementnya sesuai dengan keinginan)
    3. Javascript Menyempurnakan tampilan dan sistem halaman web
  2. Bisa menjalankan berbagai framework seperti Boostrap, dan Jquery, FontAwesome
    1. Disini saya jadi tahu caranya memakai Boostrap, caranya ternyata simple tinggal di link cssnya di head kemudian dipanggil kelas yang diinginkan
    2. Untuk membuat berbagai icon di website kami seperti link social media dll kami tidak menggunakan cara manual, kami menggunakan Framework Ico
      Fontawesome, FontAwesome bekerja sama seperti Boostrap link file css nya di head kemudian dipanggil lah kelasnya untuk list iconnya kami melihat di website fontaweome ( https://fontawesome.com/icons?d=gallery )
  3. Dapat membuat repository di github untuk kolaborasi online antar member kelompok
    1. Demi memudahkan kolaborasi antar member kami berinisiatif menggunakan Github sebagai sarana untuk setor dan pengeditan coding kami awalnya saya binggung menggunakan untuk pertama kali lalu saya belajar bagaimana car git yg benar melalui internet, dengan Github workflow team kami menjadi lebih cepat dan efisien
  4. Mengerti caranya membeli domain dan mengaturnya agar meredirect ke website
    1. Dengan domain yang didapatkan gratis dari Github Students Pack kami mencoba menggunakannya untuk tujuan akademis
 
 
Nama : CHOIRUL ROHMAT HIDAYAT
NIM : 18.01.4136
Kelas : D3 TI-01

Pemahaman tentang Web yang saya peroleh setelah mengikuti perkuliahan PERANCANGAN WEB, diantaranya:

  1. Sedikit paham tentang struktur kode dalam html
    1. < !DOCTYPE html> : menunjukkan bahwa file tersebut adalah html5.
    2. <head></head> : berada dibawah tag <html>,berisi: judul halaman tsb, link untuk menghubungkan dengan file css,js yg dibutuhkan, serta css/script js. isinya tidak tampil dihalaman yg dibuat.
    3. <body></body> : berisi tentang segala sesuatu yg akan ditampilkan dalam halaman yg dibuat. Biasa dibagi menjadi 3, yaitu: header, content, footer
  2. Sedikit paham tentang tag-tag dasar dalam html dan css
  3. Prioritas Komputer dalam menjalankan program css
    1. Inline : berada satu baris dengan tag yg ingin dimodif
      <p style= 'color:blue;'>
    2. Embed : berada didalam tag <head> <style type=”css/text”> p{ color:blue; } .klas1{background-color:navy;} #kotak{ width:100px; height:100px;} </style>
    3. Link/ terlampir : pengaturan css berada didalam file berbeda dengan file html kita, dan untuk memanggil pengaturan tersebut kita gunakan selector tag, class, maupun id <link rel="stylesheet" href="./css/all.css">
  4. Memahami cara penggunaan bootstrap dan mengenal sebagian kecil dari tag yg ada didalamnya
    1. Bootstrap merupakan sebuah file css maupun js, dimanan didalamnya sudah tersedia pengaturan-pengaturan yang biasa digunakan oleh para web programmer sehingga memudahkan kita dalam membuat suatu web.
    2. Cara kerja bootstrap mirip dengan css/js biasa yaitu dengan melampirkan file bootstrap kedalam file html kita, ketika ingin menggunakan pengaturan tertentu kita bisa memanggilnya dengan selektor tag, class, maupun id
  5. Memahami tentang cara kerja dari sebuah web responsive
    1. Web Responsive merupakan desain web yang dapat menyesuaikan dirinya terhadap perangkat tempat ia dipanggil, sehingga membuat user merasa nyaman ketika membukanya baik melalui smartphone maupun desktop komputer
    2. Pengaturan web responsive berada didalam sebuat css baik embed maupun linked @media screen and (max-width:768px){ #carouselExampleIndicators{ display:none; } #filters{ display:none; } #sosmed{ margin-left: 10px; margin-top: -30px; } }
    6.  
 
 
Nama : MUHAMMAD REZA SAHID
NIM : 18.01.4124
Kelas : D3 TI-01

Setelah mengikuti perkuliahan perancangan web, saya sadar bahwa hal tersebut bukan passion saya, karena tidak banyak yang saya pahami tentang perancangan web, namun saya juga berusaha untuk memahami walaupun tidak seberapa.
Berikut beberapa hal yang dapat saya pahami:

  1. HTML

    Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML

  2. <DOCTYPE>

    Tag yang digunakan untuk menentukan tipe dokumen

  3. <HTML>

    Tag untuk membuat sebuah dokumen HTML

  4. <title>

    Tag yang digunakan untuk membuat title dari sebuah halaman

  5. <body>

    Tag untuk membuat tubuh dari sebuah halaman

  6. <h1> - <h6>

    Tag untuk membuat heading

  7. Dan tag dasar lainnya
  8. Membuat link ke page lain
  9. Sedikit paham tentang CSS dasar
 
 
 
Nama : MUHAMMAD REZZHA RIAMRIZAL ARSYA
NIM : 18.01.4105
Kelas : D3 TI-01

Pemahaman saya mengerjakan final project perancangan web ini saya mengetahui bahwa pemahaman saya tentang perancangan web masih kurang dan hanya sedikit yang saya ketahui banyak yang harus saya pelajari lagi, beberapa hal yang saya pelajari dari final project ini adalah:

  1. HTML menggambarkan struktur halaman Web menggunakan markup
  2. Elemen HTML adalah blok bangunan halaman HTML
  3. Elemen HTML diwakili oleh tag buka dan tutup kurung <>
  4. Tag HTML memberi label potongan konten seperti “heading”, “paragraf”, “table”, dan sebagainya
  5. Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk merender konten halaman
  6. Tag <HTML></HTML> adalah elemen level tertinggi yang menyertakan setiap halaman HTML.
  7. Tag <HEAD></HEAD> menyimpan informasi meta, seperti judul dan charset halaman.
  8. Tag <BODY></BODY> melampirkan semua konten yang muncul pada suatu halaman.
  9. tag inline digunakan untuk memformat teks. Sebagai contoh, tag <strong></strong>akan render elemen ke format bold, sedangkan tag <em></em> akan ditampilkan dalam format italic.
  10. Memahami sedikit tentang pengunaan css
  11. Saya kurang memahami tentang penggunaan responsive

Setelah mengerjakan final projek ini saya sadar bahwa banyak yang harus saya pelajari tentang perancangan web jika saya mau masuk konsentrasi di bidang ini.