Himang
Himang.my.id - hallo teman-teman kembali lagi ni dengan saya diblog himang.my.id, kali ini saya ingin berbagi sedikit tentang Submission: Tugas Akhir Membuat Website Dicoding.com.
-min.png "Submission Tugas Akhir Membuat Website dicoding.com")
Pengantar
Selamat, akhirnya Anda telah sampai di penghujung pembelajaran. Anda telah mempelajari
- dasar HTML (dapat dipelajari mulai dari modul Pengenalan ke HTML),
- penerapan elemen semantic (dapat dipelajari mulai dari modul Semantic HTML - Mengorganisasikan Halaman Konten),
- menerapkan styling menggunakan CSS (dapat dipelajari mulai dari modul Pengenalan ke Styling); dan
- layouting menggunakan float ataupun flexbox (dapat dipelajari mulai dari modul Floating).
Anda juga sudah mengerjakan semua latihan yang diberikan pada kelas ini.
Untuk bisa lulus dan mendapatkan sertifikat dari akademi ini, Anda harus mengerjakan tugas Halaman Website sesuai kriteria lengkap di bawah. Tim reviewer akan memeriksa pekerjaan Anda dan memberikan review pada proyek yang Anda buat
Kriteria Submission
Berikut kriteria submission yang harus Anda penuhi:
- Terdapat elemen <header>, <footer>, <main>, <article>, dan <aside> di berkas HTML.
- Masing-masing elemen wajib berisi konten yang peruntukkannya sesuai dengan elemen tersebut (menerapkan konsep semantic HTML dalam menyusun struktur website).
Sebagai contoh: Header berisi judul dan navigation. Sedangkan konten artikel tidak boleh berada pada Header. - Wajib menampilkan identitas diri (biodata diri) yang minimal harus berisi foto asli diri dan nama sesuai profil Dicoding. Identitas diri wajib ditampilkan dalam elemen <aside>.
- Menyusun layout dengan menggunakan float atau flexbox.
- Tema yang ditampilkan bebas, kecuali tema Bandung.
- Semakin detail dan lengkap website Anda maka nilai submission bisa lebih tinggi.
Berikut sketsa dari struktur website yang bisa dijadikan referensi untuk mengerjakan submission, namun tidak diwajibkan asalkan memenuhi kriteria submission:
Tips:
Ketika melakukan import suatu resource pada file HTML, pastikan untuk menggunakan relative path, dan hindari menggunakan absolute path karena berpotensi menyebabkan resource tersebut tidak dapat dibaca ketika dilakukan reviu. Berikut adalah contohnya :
Absolute path : C:\Users\Documents\Projects\styles\style.css atau /home/user/Projects/styles/style.css
Relative path : styles/style.css
Masih dalam topik yang sama mengenai asset/resource, pastikan dalam penulisan nama file atau folder sama persis dengan keadaan sebenarnya. Misalnya pada folder proyek, ada gambar dengan nama profile.jpg, maka harus di import juga dengan nama profile.jpg (bukan Profile.jpg). Hal ini bertujuan agar beberapa file tersebut bisa dimuat dengan baik oleh browser pada beberapa Sistem Operasi, seperti Linux.
Agar memudahkan Anda dalam membuat submission, gunakanlah IDE (Integrated Development Environtment) yang mendukung produktivitas dalam menuliskan kode. Misalnya Atom, VSCode, atau yang lainnya.
Penilaian
Submission Anda akan dinilai oleh reviewer dengan skala 1-5 berdasarkan dari parameter yang ada. Anda dapat menerapkan beberapa saran untuk mendapatkan nilai tinggi, berikut sarannya:
- Menerapkan tampilan aplikasi yang menarik:
Memiliki pemilihan warna yang pas dengan tema aplikasi (Dalam memilih warna, Anda dapat memanfaatkan tools pemilihan warna seperti colorhunt.co).
Tata letak elemen yang pas. Contoh : Tidak ada konten yang bertumpuk.
Penggunaan font yang pas dengan tema.
Penerapan padding dan margin yang pas. - Menerapkan layout yang responsif:
Menggunakan media query untuk menyesuaikan layout pada berbagai ukuran layar device.
Pastikan untuk tidak terdapat konten yang menumpuk maupun keluar dari kontainer ketika dicoba pada dekstop, tablet, dan juga mobile.
Menerapkan flexbox dalam menyusun layout. - Terdapat penerapan JavaScript dalam memanipulasi DOM, seperti: (pilih satu)
Membuat drop down.
Memanfaatkan logika seperti looping dalam menampilkan elemen dan konten.
Membuat slider.
dan lainnya yang mendukung tampilan website agar lebih hidup.
Detail penilaian submission:
- Bintang 1 : Semua ketentuan terpenuhi, namun terdapat indikasi plagiat yaitu dengan menggunakan proyek orang lain dan hanya mengubah kontennya saja.
- Bintang 2 : Semua ketentuan terpenuhi, namun terdapat kekurangan pada tampilan website. Seperti tidak menerapkan responsibilitas, kombinasi warna tidak tepat, dsb.
- Bintang 3 : Semua ketentuan terpenuhi, namun hanya mengikuti apa yang ada pada modul.
- Bintang 4 : Semua ketentuan terpenuhi dan menerapkan minimal salah satu saran di atas.
- Bintang 5 : Semua ketentuan terpenuhi dan menerapkan semua saran di atas.
Catatan:
Jika submission Anda ditolak maka tidak ada penilaian. Kriteria penilaian bintang di atas hanya berlaku jika submission Anda lulus.
Jika submission Anda terdapat penerapan JavaScript, maka tuliskan feature yang dibuat dengan javascript dan jelaskan cara mengakses feature tersebut pada Student Notes.
Submission yang Tidak Sesuai Kriteria
Jika submission Anda tidak sesuai dengan kriteria, maka akan ditolak oleh reviewer, berikut poin-poinnya:
- Tidak memenuhi kriteria yang sudah ditentukan.
- Menggunakan library Bootstrap, Materialize, Foundation, ataupun library lain yang semacamnya untuk menyusun layout.
- Menggunakan template project yang didapat selain dari latihan Dicoding.
- Menggunakan tema mengenai Kota Bandung, maupun mengirimkan ulang beberapa project yang dipelajari pada modul latihan
- Informasi yang ditampilkan tidak relevan. Salah satu contohnya adalah menggunakan text placeholder seperti lorem ipsum sebagai konten dari web yang dibuat.
Untuk source code punya saya bisa di download melalui tombol di bawah ini dan link demonya klik aja tombol demonya
Sekian dari saya semoga bermanfaat
No comments