Evaluasi Tengah Semester Pemrograman WEB B - Farrel Akmalazmi Nugraha

Evaluasi Tengah Semester Pemrograman Web B


Nama : Farrel Akmalazmi Nugraha 
NRP : 5025221138
Kelas : Pemrograman Web B


Pertanyaan

  2. 1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?
  3. 2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
  4. 3. Sebuah perusahaan  ingin membuat aplikasi web untuk portal berita. Fungsi aplikasi untuk display berita terbaru, pengelompokan kategori, lowongan pekerjaan, informasi iklan atau event kegiatan. Selain itu tersedia juga form untuk pembaca memasukkan artikel atau opini yang ingin dimuat di portal berita. Desainkan front end website perpustakaan.
  5. 4. Implementasikan desainmu dan buat dokumentasi.
  6. 5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.

Jawaban

  2. 1.  Website responsive adalah jenis website yang dapat menyesuaikan tampilannya sesuai dengan perangkat yang digunakan oleh pengguna. Ini berarti website tersebut dapat mengubah layout, ukuran huruf, gambar, dan elemen - elemen lainnya agar sesua dengan ukuran layar dan resolusi perangkat, seperti komputer, tablet, atau ponsel. Secara rinci, website responsive adalah teknik yang digunakan oleh pengembang web untuk memastikan bahwa pengguna dapat mengakses dan menavigasi situs dengan mudah tanpa memperhatikan perangkat apa yang mereka gunakan. Dengan banyaknya pengguna internet yang mengakses situs web melalui tablet dan ponsel (sekitar 51,3%), penting bagi pengembang web untuk memastikan bahwa situs mereka responsif.

  4. Kelebihan Website responsive : 
  • Akses Mudah di Berbagai Device: Website responsive memungkinkan akses yang mudah dari berbagai perangkat dengan layar berbeda, meningkatkan kenyamanan pengguna dan potensial konversi.
  • Penghematan Anggaran: Pembuatan website responsive lebih cepat dan ekonomis dibandingkan dengan pengembangan website khusus mobile.
  • Maintenance yang Mudah: Dengan satu website responsif, proses maintenance menjadi lebih sederhana daripada harus mengelola dua website terpisah untuk desktop dan mobile.
  • Peningkatan Pengalaman Pengguna: Pengguna dapat dengan mudah mengakses dan menavigasi halaman website, mengurangi kemungkinan tingkat keluar (bounce rate).

         Cara Membuat Website responsive : 
  • 1. Rencanakan Desain Responsif : Pertama-tama, penting untuk merencanakan desain website dengan mempertimbangkan berbagai ukuran layar perangkat. Fokuslah pada tata letak yang fleksibel dan mudah disesuaikan, serta pertimbangkan jenis konten yang akan ditampilkan di perangkat mobile dan desktop.
  • 2. Gunakan Teknologi Responsif : Gunakan teknologi HTML5 dan CSS3, yang menawarkan fitur-fitur responsif yang diperlukan. Media queries dalam CSS memungkinkan Anda mengatur tampilan dan tata letak berdasarkan ukuran layar perangkat, memastikan pengalaman pengguna yang konsisten.
  • 3. Penggunaan Meta Tag Viewport : Pastikan penggunaan tag meta viewport pada dokumen HTML Anda. Tag ini memastikan bahwa halaman website disesuaikan dengan lebar layar perangkat, memastikan tampilan yang optimal di perangkat mobile.
  • 4. Struktur HTML yang Benar : Susun struktur HTML dengan elemen semantik seperti header, nav, main, section, aside, dan footer. Penggunaan CSS akan membantu Anda mengatur tata letak elemen-elemen ini agar responsif, memungkinkan penyesuaian sesuai dengan kebutuhan layar perangkat.
  • 5. Pengaturan CSS Responsif : Media queries dalam CSS adalah kunci untuk membuat website responsif. Dengan menggunakan media queries, Anda dapat mengubah tata letak dan desain elemen-elemen website berdasarkan lebar layar perangkat, memastikan tampilan yang optimal di setiap resolusi.
  • 6. Uji Responsivitas : Uji responsivitas website Anda dengan menggunakan berbagai perangkat dan browser. Fitur Inspect Element pada browser adalah alat yang berguna untuk memeriksa dan memastikan tata letak yang responsif di berbagai resolusi, memastikan konsistensi tampilan di semua perangkat.
  • 7. Optimalkan Gambar dan Media : Optimalkan gambar dan media dengan menggunakan format gambar yang ringan seperti WebP. Teknik kompresi gambar tanpa mengorbankan kualitas visual adalah penting. Selain itu, pertimbangkan penggunaan lazy loading untuk mengoptimalkan waktu muat halaman.
  • 8. Pertimbangkan Penggunaan Framework Responsif : Pertimbangkan penggunaan framework front-end responsif seperti Bootstrap atau Foundation. Framework ini menyediakan kelas dan komponen responsif siap pakai, mempercepat pengembangan dan memastikan tampilan yang responsif di berbagai perangkat.
  • 9. Uji Kecepatan Muat Halaman : Pastikan website Anda memuat dengan cepat di berbagai kondisi jaringan. Gunakan alat seperti Google PageSpeed Insights untuk menilai kinerja website dan mengidentifikasi area yang dapat dioptimalkan guna memastikan kecepatan muat halaman yang optimal.
  • 10. Pertimbangkan Penggunaan Mobile-First Approach : Pertimbangkan pendekatan "mobile-first" dengan memulai desain dan pengembangan website dari versi mobile. Setelah versi mobile dioptimalkan, tingkatkan tata letak dan desain untuk versi desktop, memastikan tampilan yang responsif di berbagai perangkat.


2.  Berikut merupakan dokumentasi tugas yang pernah saya kerjakan :

  •  CV dengan HTML & CSS

 




  • Membuat Layout dengan HTML 

  • Membuat Portfolio
  • Membuat Wedding Invitation

  • Membuat Registrasi Form


  • Membuat Website Login 

Repository


3. Desain Website Portal Berita 







4. Implementasikan desainmu dan buat dokumentasi.


Repository

5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.

Link Video Youtube : https://youtu.be/yPj0PvrqqB4







Komentar

Posting Komentar

Postingan populer dari blog ini