Evaluasi Tengah Semester - PWEB B

 ETS PWEB

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

        Web responsive adalah suatu web dimana ia dapat menyesuaikan tampilan dan layoutnya pada berbagai perangkat elektronik yang memiliki ukuran layar yang berbeda. Website yang responsif ini dapat memberikan pengalaman yang baik bagi semua pengguna perangkat, pengguna dapat dengan mudah mengakses dan berinteraksi dengan konten yang ada di dalam web.

Cara membangun website responsive :

1. Menetapkan Meta Tag : Meta Tag ini berfungsi untuk memberitahu browser agar menonaktifkan skala awal, sehingga situs web dapat menyesuaikan tampilannya pada berbagai perangkat
2. Menetapkan Struktur HTML : Struktur HTML perlu ditetapkan sejak awal untuk membantu menjaga kenyamanan dalam melihat konter serta aksebilitas di berbagai perangkat. Bisa 'div', 'span', dan 'img'
3. Menetapkan Sistem Grid : Manfaatkan istem grid yang fleksibel dan unit-relative seperti persentase untuk lebar. Hal itu untuk memastikan isi konten dapat menyesuaikan secara proposional
4. Optimasi Gambar : Gunakan gambar responsif yang memuat dengan cepat dan terlihat baik di berbagai perangkat
5. Pengujian : Uji desain anda secara berkala

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

1. CV dengan HTML

Repository : Github

Web (deploy): CV

Screenshot tampilan : 

2. Layout HTML & CSS

Repository : Github

Web (Deploy) : Simple Portal Berita

Screenshot tampilan :

3. Landing Page Web Kursus

Repository : Github

Web (Deploy) : KursusIn

Screenshot tampilan :

4. Validation form dengan javascript

Repository : Github

Web (Deploy) : Validation Form

Screenshot tampilan :

5. Wedding Invitation

Source Code : Github

Web (Deploy) : Wedding Invitation

Screenshot tampilan :

6. Login page with Bootstarp

Repository : Github

Web (Deploy) : Login Page

Screenshot tampilan :

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.

Repository : Github

Web (Deploy) : News Portal

Screenshot tampilan :

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

Terima Kasih