Lewati ke isi

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:

  1. Kustomisasi templat HTML yang telah dibuat pada tugas sebelumnya dengan menggunakan CSS atau CSS framework (seperti Bootstrap atau Tailwind) dengan ketentuan sebagai berikut.

  2. Kustomisasi templat untuk halaman login, register, dan add tugas semenarik mungkin.

  3. Kustomisasi halaman utama study tracker menggunakan cards (satu card berisi satu tugas).

  4. Membuat keempat halaman yang dikustomisasi menjadi responsive.

Dokumentasi CSS mengenai Media Query dapat diakses melalui tautan ini.

  1. Menambahkan button ubah untuk memperbarui data tugas.

  2. Menambahkan button hapus untuk menghapus data tugas.

  3. Membuat sebuah README.md yang berisi tautan menuju aplikasi Railway yang sudah kamu deploy (jika dapat di-deploy) serta jawaban dari beberapa pertanyaan berikut.

  4. Apa perbedaan dari inline, internal, dan external CSS? Apa saja kelebihan dan kekurangan dari masing-masing style?

  5. Jelaskan tag HTML5 yang kamu ketahui.
  6. Jelaskan tipe-tipe CSS selector yang kamu ketahui.
  7. 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.


Pembaruan terakhir: 21 Mei 2023 19:08:44
Dibuat: 10 Maret 2023 20:37:09