Lompat ke konten utama

Kompetisi Ajak Teman: hadiah total Rp1.000.000 tunai untuk 3 pengajak terbanyak. Berakhir 29 November 2026. Ikut kompetisi

←

Dasar Desain Antarmuka

Pelajaran 8 dari 12

Komponen, keadaan, dan konsistensi

Misi: tombol dan dasbor Klinik Hewan Ceria

Setelah pelajaran ini kamu bisa menerapkan token, keadaan tombol, dan keadaan sistem pada satu dasbor, lalu menilai keputusan disabled dan konsistensi berdasarkan sumbernya.

±17 menitDiperiksa 3 Okt 2026

Materi

Dasbor petugas Klinik Hewan Ceria dibuat oleh tiga orang berbeda, dan hasilnya terasa seperti tiga aplikasi. Misi ini menggabungkan modul kedua: nilai yang tersebar disatukan menjadi token, tombol diberi keadaan yang lengkap dengan urutan yang benar, dan setiap keputusan tentang tombol disabled, ikon, serta indikator proses dicocokkan dengan sumbernya.

Untuk soal pilihan ganda, cari dulu sumber yang mengatur situasinya: GOV.UK Button untuk tombol disabled, WCAG 3.2.4 untuk ikon yang berbeda, dan MDN untuk elemen progress.

Latihan

0/4 lulus

Misi akhir modul: luluskan minimal 4 dari 4 tugas. Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 2 dari 4

Tim ingin tombol "Simpan catatan" dibuat disabled sampai semua kolom terisi. Pernyataan mana yang sesuai GOV.UK Button?

Pilih satu jawaban

Latihan 3 dari 4

Tombol cetak di halaman rekam medis berlabel "Cetak", sedangkan tombol dengan fungsi sama di halaman tagihan berlabel "Print out". Kriteria mana yang relevan?

Pilih satu jawaban

Latihan 4 dari 4

Dasbor mengekspor 250 data pasien, dan sistem tahu sudah berapa data yang selesai. Elemen apa yang tepat menurut MDN?

Pilih satu jawaban

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke