Splash Screen Halaman Menu Utama Halaman Cara Bermain Halaman Infomasi Halaman Sound

69

BAB IV HASIL DAN PEMBAHASAN

A. Tahap Implementasi

Tahap implementasi merupakan tahap translasi desain yang telah dirancang ke dalam kode program, implementasi yang dilakukan meliputi implementasi rancangan antarmuka user interface.

1. Implementasi Rancangan Antarmuka user Interface

Sesuai dengan rancangan storyboard yang sudah dibuat, maka hasil implemantasi dari rancangan antarmuka adalah sebagai berikut:

a. Splash Screen

Hasil implementasi splash screen berupa logo UNY dan logo game edukasi Indonesiaku. Pada splash screen pengguna harus melakukan tapklik pada layar device untuk menuju halaman selanjutnya. Hasil implementasi splash screen ditunjukkan pada Gambar 12 sebagai berikut: Gambar 12. Tampilan pada halaman splash screen 70 Pada Gambar 12 penggunaan warna background menggunakan warna hitam, karena untuk background harus kontras dengan warna teks yang menggunakan warna putih.

b. Halaman Menu Utama

Halaman menu utama berisikan menu-menu yang bisa dipilih oleh pengguna. Halaman menu utama berisi menu mulai, cara bermain, info, button suara dan button reset game. Hasil implementasi menu utama ditunjukkan pada Gambar 13 sebagai berikut: Gambar 13. Tampilan pada halaman menu utama Pada pewarnaan pada menu utama menggabung warna background dengan warna tombol berwarna merah agar terlihat kontras. Penggunaan font berwarna hitam pada background biru dilakukan agar font dapat terbaca dengan jelas. Untuk warna font putih pada tombol yang berwarna merah dilakukan agar font terlihat kontras dengan warna tombol.

c. Halaman Cara Bermain

Halaman cara bermain berisikan informasi tentang aturancara bermain dari game edukasi Indonesiaku dapat dilihat pada Gambar 14. 71 Gambar 14. Tampilan pada halaman cara bermain Untuk pewarnaan pada halaman cara bermain menggunakan font berwarna hitam agar telihat kontras dengan background.

d. Halaman Infomasi

Halaman info berisikan informasi tentang pengembang dari game edukasi Indonesiaku dapat dilihat pada Gambar 15. Gambar 15. Tampilan pada halaman informasi Untuk pewarnaan pada halaman informasi menggunakan font berwarna hitam agar telihat kontras dengan background. 72

e. Halaman Sound

Halaman sound merupakan pengimplementasian dari fungsi sound untuk melakukan mute dan un-mute pada game edukasi Indonesiaku. Apabila sound pada game dalam posisi mute, maka icon sound akan menunjukkan indikator bahwa sound berhenti. Untuk melihat implementasi pengaturan sound mute dapat dilihat pada Gambar 16. Gambar 16. Tampilan pada saat suara berhenti Sedangkan jika sound pada game dalam posisi un-mute, maka icon sound akan menunjukkan indikator bahwa sound berjalan. Implementasi pengaturan sound un-mute dapat dilihat pada Gambar 17. 73 Gambar 17. Tampilan pada saat suara berjalan

f. Halaman Reset Game