Skip to main content

Tugas 5: Web Design Using HTML, CSS, and CSS Framework

Pemrograman Berbasis Platform (CSGE602022) - diselenggarakan oleh Fakultas Ilmu Komputer Universitas Indonesia, Semester Ganjil 2022/2023

Deskripsi Tugas​

Pada tugas ini, kamu akan mengimplementasikan HTML, CSS, pengaturan static files pada Django, dan beberapa hal yang sudah kamu pelajari selama tutorial lab.

Checklist untuk tugas ini adalah sebagai berikut:

  • Kustomisasi templat HTML yang telah dibuat pada Tugas 4 dengan menggunakan CSS atau CSS framework (seperti Bootstrap, Tailwind, Bulma) dengan ketentuan sebagai berikut:

    • Kustomisasi templat untuk halaman login, register, dan create-task semenarik mungkin.
    • Kustomisasi halaman utama todo list menggunakan cards. (Satu card mengandung satu task).

  • Membuat keempat halaman yang dikustomisasi menjadi responsive.

    Dokumentasi CSS menganai Media Query dapat diakses melalui tautan ini

  • Menjawab beberapa pertanyaan berikut pada README.md pada folder todolist.

    • 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​

Tenggat waktu pengerjaan Tugas 5:

6 Oktober 2022 05.00.00 UTC (0 days 0 hours 0 minutes 0 seconds left)

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 todolist.

Motivasi: Dengan menyelesaikan fitur bonus, kamu telah mempelajari bagaimana membuat animasi pada HTML menggunakan CSS.