85
d. Desain interface 1 Halaman menu utama. Pada halaman menu utama, terdapat tiga
bagian utama yaitu judul, deret menu, dan galeri gambar.
Judul
Main
Cara Main
Statistik Info
Sound
Gambar
Gambar 35. Desain Interface Menu Utama
2 Halaman pilih pemain dan buat pemain. Pada halaman pilih
pemain, disediakan tiga pilihan pemain. Pemain yang belum digunakan bertuliskan buat baru. Dalam membuat pemain baru, harus
mengisi nama sedangkan password bersifat opsional.
Pilih Pemain Pemain 1
Pemain 2 Pemain 3
Buat pemain Username
Password OK
Gambar 36. Desain Interface Pilih Pemain dan Buat Pemain
86
3 Halaman home pemain. Pada halaman ini, pemain bisa melihat ikon
pemain yang digunakan. Pemain bisa melihat skor dan poin yang diperoleh, bisa memulai permainan serta mereset permainan.
Skor Poin
Back
Ikon Pemain
Reset Main
Gambar 37. Desain Interface Home Pemain
4 Halaman pilih kategori. Pada halaman pilih kategori disediakan tiga
pilihan kategori dan menu kategori segera hadir yang menandakan bahwa akan ada penambahan kategori dari pengembang.
Skor
Poin Back
kategori 1 Kategori 2
Kategori 3 judul
segera hadir
Gambar 38. Desain Interface Pilih Kategori
87
5 Halaman pilih level. Level satu sudah terbuka otomatis dan level
selanjutnya akan terbuka jika sudah berhasil menebak ¾ dari jumlah item gambar yang ada di level sebelumnya.
Skor
Poin Back
Level 1 Level 2
judul
segera hadir
Gambar 39. Desain Interface Pilih Level
6 Halaman memilih gambar. Pada halaman ini disediakan beberapa
pilihan gambar. Masing-masing level terdapat dua puluh item gambar yang harus ditebak. Gambar yang sudah tertebak ditandai dengan
tanda centang warna hijau.
Skor Poin
Back
judul
pilihan gambar
Gambar 40. Desain Interface Pilih Gambar
88
7 Halaman menebak gambar. Pada halaman ini tampil gambar yang
dipilih untuk ditebak. Ada tiga bantuan yang dapat digunakan serta disediakan kolom untuk mengetikan tebakan dan tombol cek untuk
mengecek tebakan.
Skor
Poin Back
judul
Gambar yang dipilih
tempat jawaban
cek
bantu an 1
bantu an 2
bantu an 3
Gambar 41. Desain Interface Menebak Gambar
8 Halaman info gambar. Pada halaman ini ditampilkan info tentang
gambar yang sudah tertebak. Terdapat pula tombol lanjut untuk menebak gambar lainnya serta tombol info selengkapnya untuk
melihat info lebih lengkap tentang gambar yang telah tertebak.
Skor
Poin Back
judul
gambar yang terjawab
lanjut
Info
info lengkap
Gambar 42. Desain Interface Info Gambar
89
9 Halaman cara main. Pada halaman ini menampilkan petunjuk
permainan.
Back judul
Cara main
Gambar 43. Desain Interface Cara Main
10 Halaman statistik permainan. Pada halaman ini ditampilkan
perolehan skor dan poin yang diperoleh oleh masing-masing pemain dan ditampilkan berdasar rangking.
Back judul
Skor
Poin
Nama pemain
Skor
Poin
Nama pemain
Skor
Poin
Nama pemain
Gambar 44. Desain Interface Statistik Permainan
90
11 Halaman info pengembang. Pada halaman ini ditampilkan beberapa
info tentang pengembang permainan ini.
Back
judul
Info
Gambar 45. Desain Interface Info Pengembang
12 Halaman tampil bantuan. Pada halaman ini ditampilkan judul
bantuan dan isi bantuan yang digunakan.
Bantuan
Isi bantuan
Gambar 46. Desain Interface Tampil Bantuan
91
13 Halaman feedback. Pada halaman ini menampilkan feedback
terhadap jawaban yang diberikan. Jika jawaban benar maka akan muncul ikon senyum sedangkan jika jawaban salah akan muncul ikon
sedih.
Feedback
Feedback Ikon
Gambar 47. Gambar Interface Tampil Umpan Balik
92 e. Desain basis data
Gambar 48. Desain Database
93
3. Implementasi a. Tahap implementasi interface