Tugas 5: Desain Web Menggunakan HTML, CSS, dan Framework CSS
Pemrograman Berbasis Platform (CSGE602022) - diselenggarakan oleh Fakultas Ilmu Komputer Universitas Indonesia, Semester Genap 2022/2023
Deskripsi Tugas
Pada tugas ini, kamu akan mengimplementasikan metode update dan delete pada data serta HTML, CSS, pengaturan static files pada Django, dan beberapa hal yang sudah kamu pelajari selama tutorial.
Adapun pada tugas ini, kamu diminta untuk:
-
Kustomisasi templat HTML yang telah dibuat pada tugas sebelumnya dengan menggunakan CSS atau CSS framework (seperti Bootstrap atau Tailwind) dengan ketentuan sebagai berikut.
-
Kustomisasi templat untuk halaman login, register, dan add tugas semenarik mungkin.
-
Kustomisasi halaman utama study tracker menggunakan cards (satu card berisi satu tugas).
-
Membuat keempat halaman yang dikustomisasi menjadi responsive.
Dokumentasi CSS mengenai
Media Query
dapat diakses melalui tautan ini.
-
Menambahkan button ubah untuk memperbarui data tugas.
-
Menambahkan button hapus untuk menghapus data tugas.
-
Membuat sebuah
README.md
yang berisi tautan menuju aplikasi Railway yang sudah kamu deploy (jika dapat di-deploy) serta jawaban dari beberapa pertanyaan berikut. -
Apa perbedaan dari inline, internal, dan external CSS? Apa saja kelebihan dan kekurangan dari masing-masing style?
- Jelaskan tag HTML5 yang kamu ketahui.
- Jelaskan tipe-tipe CSS selector yang kamu ketahui.
- Jelaskan bagaimana cara kamu mengimplementasikan checklist di atas.
Tenggat Waktu Pengerjaan
Tugas ini memiliki tenggat waktu pengumpulan pada tanggal 19 Maret 2023 pada pukul 23.59. Asisten dosen akan mengecek last commit dari repositori tugas lab, sehingga kamu tidak perlu mengumpulkan tautan repositori ke dalam slot submisi.
Bonus
Kamu akan mendapatkan nilai bonus pada penilaian tugas ini apabila kamu membuat fitur berikut.
- Menambahkan efek ketika melakukan hover pada cards di halaman utama study tracker.
Motivasi: Dengan menyelesaikan fitur bonus, kamu telah mempelajari bagaimana membuat animasi pada HTML menggunakan CSS.
Dibuat: 10 Maret 2023 20:37:09