Pemrograman Web (B) - Evaluasi Tengah Semester

Evaluasi Tengah Semester - Pemrograman Web (B)

Ahda Filza Ghaffaru - 5025211144

================

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 ETS (1-3)

1. Responsive Website adalah salah satu metode development yang memungkinkan desain website agar respons terhadap aktivitas yang dilakukan oleh pengguna di device-nya, respons atau perubahan yang terjadi didasarkan oleh ukuran layar, platform, dan juga orientasi-nya. Metode ini umumnya melibatkan campuran berbagai macam komponen website, seperti grid, layout, gambar, dan media queries yang fleksibel. Sebagai contoh, ketika pengguna mengganti device-nya dari laptop ke iPad, maka desain website akan berganti secara otomatis untuk mengakomodasi resolusi, ukuran gambar, serta kemampuan scripting-nya. Selain itu, responsif tidak hanya menciptakan pengalaman yang lebih baik bagi pengguna, tetapi juga meningkatkan daya jangkauan website di berbagai platform dan perangkat, yang dapat meningkatkan traffic atau jumlah pengguna website tersebut. 

2. Screenshot dan link repository dari tugas website yang telah dikerjakan

Tugas 1 - Curriculum Vitae dengan HTML

Link Repository: Ahdaaa/PWeb-CV (github.com)

Tugas 2 - Layout Berita























Tugas 3 - Course Website

































Tugas 4 - Wedding Invitation Website






















































Tugas 5 - Validasi Form Javascript













Tugas 6 - Bootstrap Login Page













3. Berikut adalah rancangan desain dari website Portal Berita yang nantinya akan saya implementasikan menggunakan HTML, CSS/Bootstrap, dan Javascript. 

Desain Home Page


Nantinya, saya akan mencoba untuk menggunakan komponen Carousel dari Bootstrap dengan tujuan agar beberapa berita terkini tampil di halaman home page.

==================

Jawaban ETS (4-5)

4. Berikut adalah screenshot preview dari website portal berita yang telah saya buat menggunakan HTML, Bootstrap/CSS, dan Javascript untuk validasi dan animasi popup selama scrolling. Diikuti dengan link repository dan link deploynya.

5. Link Dokumentasi ETS
https://youtu.be/8sRswzNIE2g









Comments

Post a Comment

Popular posts from this blog

PBKK - Latihan Membuat Photolab

Image
Tugas Membuat Photolab dengan Visual Studio UWP Ahda Filza Ghaffaru 5025211144 ============= Pada pertemuan ke-4, kita diberikan materi mengenai Universal Windows Platform (UWP). Oleh karena itu, kita diberikan tugas untuk berlatih membuat suatu aplikasi Photolab dengan menggunakan referensi yang ada di  Create data bindings - UWP applications | Microsoft Learn Berikut merupakan screenshot preview dari hasil yang saya buat disertakan dengan link source codenya. Link Repository:  Ahdaaa/PBKK_Photolab (github.com)
Read more

PBKK - Google App Script

Image
Tugas 13 Pemrogram Berbasis Kerangka Kerja Ahda Filza Ghaffaru - 5025211144 ==================== Pada pertemuan ke-13 ini, kita mempelajari salah satu kerangka kerja dari google yang berupa platform pengembangan untuk membuat script yang berjalan pada berbagai produk Google, seperti Google Sheets, Google Docs, Google Drive, dan Google Forms. Google Apps Script memungkinkan pengguna untuk mengotomatisasi tugas-tugas atau memperluas fungsionalitas produk-produk Google dengan menulis skrip menggunakan bahasa pemrograman JavaScript. Oleh karena itu, kita diberikan tugas untuk mengimplementasikan Google App Scripts untuk mengintegrasikan Google Spreadsheet dan HTML. Berikut adalah screenshot dokumentasi hasil yang telah saya buat diikuti dengan link github repository-nya, Link Deployment:  ahdaaa.github.io/PBKK-AppScript/ Link Repository:  Ahdaaa/PBKK-AppScript (github.com)
Read more