Evaluasi Pemrograman Web Kelas B

Nama : Katarina Inezita Prambudi

NRP : 5025211148

Kelas : Pemrograman Web (B)

1. Jelaskan apa yang dimaksud dengan web responsive ? Bagaimana cara membangunnya ?

Website responsif adalah situs web yang mampu menyesuaikan tampilan layoutnya dengan berbagi jenis perangkat dan ukuran layar yang berbeda. Tujuan utama dari web responsif adalah memberikan pengalaman pengguna yang optimal, termasuk kemudahan navigasi dan keterbacaan konten, tanpa perlu melakukan perubahan halaman secara manual. Prinsip dasar dalam menciptakan situs web responsif adalah mengatur semua elemen desain, seperti antarmuka, huruf, gambar, dan sebagainya agar sesaui dengan resolusi perangkat yang digunakan. Hal ini mencakup perangkat seperti komputer desktop, laptop, tablet, dan smartphone.

Cara membangun web responsive yaitu dengan menyusun ulang setiap elemen halaman dan disesuaikan dengan ukuran tampilan perangkat. Untuk melakukan penyusunan ulang elemen dan tampilan konten, desain responsif umumnya menggunakan grid berdasarkan proposi. Sebagai contoh, desain dengan tiga kolom dapat berubah menjadi dua kolom saat ditampilkan pada perangkat mobile.

Langkah - langkah berikut bisa digunakan untuk membangun sebuh web yang responsive :

a. Desain berbasis grid: gunakan grid sistem seperti CSS grid atau bootstrap untuk mengatur elemen - elemen pada halaman

b. Media Queries: gunakan media queries dalam CSS untuk menentukan bagaimana tampilan situs web akan berubah pada berbagai ukuran layar.

c. Fleksibilitas Gambar dan Media: pastikan gambar dan media lainnya dapat menyesuaikan ukuran layar

d. Font yang Responsif: gunakan unit pengukuran seperti "em" atau "rem"

e. Testing: uji tampilan situs web pada berbagai perangkat dan ukuran layar untuk memastikan responsivitasnya

f. Mobile-first Approach: mulai dengan desain dan pengembangan untuk perangkat mobile terlebih dahulu, kemudian tingkatkan untuk perangkat yang lebih besar.

2. Buatlah screenshoot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya

Tugas 1 menuntut untuk membuat sebuah dokumen HTML yang akan memuat Curriculum Vitae (CV) dan portofolio pribadi. Tugas 1 ini mempelajari bagaimana membuat struktur dasar HTML, mengatur informasi pribadi, pengalaman, dan menampilkan project yang telah dibuat.

https://github.com/katarinainezita/Tugas1_PWEB_B

Tugas 2 menuntut untuk membuat sebuah dokumen HTML dan CSS yang akan memuat portal berita.

https://github.com/katarinainezita/Tugas2_PWEB_B

Tugas 2 yang kedua ini menuntut untuk membuat sebuah dokumen HTML dan CSS yang akan memuat portofolio kursus.

https://github.com/katarinainezita/Tugas2_PWEB_B_2

Tugas 3 menuntut untuk membuat sebuah dokumen HTML dan CSS yang akan memuat undangan pernikahan.

https://github.com/katarinainezita/Tugas3_PWEB_B

Tugas 4 membuat sebuah form registrasi yang terdiri dari nama mahasiswa, nim, mata kuliah, dan dosen. Form registrasi ini memiliki aturan sebagai berikut. Ketika pengguna sistem akan mengisikan data nama dengan memasukkan huruf tertentu maka akan muncul rekomendasi tertentu. Gunakan referensi di internet ataupun yang lainnya untuk memecahkan kasus tersebut.

https://github.com/katarinainezita/Tugas4_PWEB_B

3. Sebuah perusahaan ingin membuat aplikasi web untuk protal 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