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 - Tugas 5 - Web Application Razor Movies

Ahda Filza Ghaffaru 5025211144 Tugas 5 - Web Application Razor Pages ======= Pada pertemuan ke-5 ini, kita dijelaskan materi mengenai ASP.NET Framework, oleh karena itu kita diberikan tugas untuk membuat suatu website yang menyimpan data movies dalam suatu database.  Berikut adalah video presentasi dari hasil akhir tugasnya diikuti dengan link repositorynya Link Repo:  https://github.com/Ahdaaa/PBKK-RazorMovies
Read more

Pemrograman Web - AJAX Login Page

Image
Ahda Filza Ghaffaru 5025211144 Tugas Pemrograman Web (B) - AJAX Login Page ================ Pada pertemuan kali ini, kita diberikan sebuah materi tentang Asynchronous Javascript and XML (AJAX), AJAX adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Sehingga, kita diberikan tugas untuk membuat login page dengan memanfaatkan AJAX, sehingga ketika user menekan tombol login, akan secara langsung mengganti styling dari komponen html. Selain itu, page ini juga bisa memeriksa apakah email yang dimasukkan valid atau tidak. Berikut ini, adalah screenshot dan link repository dari tugas yang saya kerjakan: untuk catatan, ini adalah login page bootstrap dari tugas sebelumnya yang saya kembangkan menggunakan ajax Link Deploy :  Bootstrap Login Page (ahdaaa.github.io) Link Repository :  Ahdaaa/PWeb-Login-Bootstrap (github.com)
Read more