ETS

Nama    : Fadhiil Hanif Rizqullah

NRP    : 5025221144

Kelas    : PWEB - B

Tahun    : 2023


Soal ETS

  1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?
  2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
  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.
  4. Implementasikan desainmu dan buat dokumentasi.
  5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.
Jawaban :
1.
Web responsive merupakan sebuah teknik atau metode yang digunakan para front end web designer untuk membuat sebuah layout dari sebuah website yang dapat menyesuaikan keadaan dan interaktif.

Kelebihan dari responsive web design adalah sebagai berikut.
  • Pengalaman Pengguna yang Konsisten
  • Dukungan untuk Berbagai Perangkat
  • Pengelolaan yang Lebih Mudah
  • Biaya yang Lebih Efisien
  • Penjangkauan yang Lebih Luas
Berikut merupakan tahapan dalam membangun web responsive.
Perencanaan :
   - Tentukan tujuan dan sasaran situs web Anda.
   - Buat rencana tata letak halaman dan struktur situs.
   - Pertimbangkan konten yang akan disediakan.

Analisis Persyaratan Responsif :
   - Identifikasi perangkat target (desktop, tablet, ponsel, dll.).
   - Pertimbangkan resolusi, orientasi, dan ukuran layar yang berbeda.

Desain Responsif :
   - Buat tata letak responsif yang mengalir dengan baik pada berbagai perangkat.
   - Gunakan media queries untuk mengontrol tampilan pada berbagai lebar layar.
   - Pertimbangkan navigasi yang mudah diakses pada perangkat kecil.
   - Buat ikon, gambar, dan elemen lain dengan resolusi dan ukuran yang sesuai untuk perangkat yang berbeda.

Pengembangan :
   - Buatlah source code dengan HTML, CSS, JavaScript dan Bootstrap.
   - Uji interaktivitas dan fungsi pada perangkat yang berbeda.

Uji Cross-Browser dan Cross-Platform :
   - Pastikan situs web Anda bekerja dengan baik di berbagai peramban (Chrome, Firefox, Safari, Edge) dan sistem operasi (Windows, macOS, Android, iOS).

Pengujian Responsif :
   - Uji tampilan situs web pada berbagai perangkat dan lebar layar.
   - Pastikan tampilan responsif dan tata letak yang baik.

2.
Berikut merupakan dokumentasi tugas yang pernah saya kerjakan.
  • CV (HTML)
  • Portal Web Berita (HTML dan CSS)

  • Portal Web kursus (HTML dan CSS)

  • Portal Web Undangan Pernikahan (HTML dan CSS)
  • Validation Form (HTML, CSS dan Javascript)
  • Login Page (HTML, CSS, Javascript dan Bootstrap)
Berikut merupakan prototype desain atau referensi desain yang akan saya implementasikan.

4.
Implementasi desain web dan repository








Repository

Deployment Link

5.
Video Youtube : Link Video











Komentar

Posting Komentar

Postingan populer dari blog ini

Final Project Pemrograman Web

Gambar
Nama                   : Fadhiil Hanif Rizqullah NRP                       : 5025221144 Mata Kuliah        : Pemrograman Web Kelas                     : B Final Project PWEB - B 1. Deskripsi Studi Kasus Pemrograman Web Seiring perkembangan zaman, teknologi semakin maju dan meluas. Dari yang hanya dapat diakses di kota-kota besar, sampai saat ini pelosok-pelosok negeri dapat merasakannya. Hal ini mendorong kita sebagai manusia untuk membuat terobosan terkini untuk memudahkan hidup manusia itu sendiri. Berbagai sektor di negara ini sudah merasakan manfaat dari teknologi, mulai dari ekonomi, politik, hingga pendidikan.  Di dunia pendidikan sendiri, sektor ini harus banyak berterima kasih kepada teknologi. Imbas dari pandemi COVID-19, dunia pendidikan berubah 180 derajat. Semua sekolah mem...
Baca selengkapnya