Rancangan Halaman Rancangan Halaman Menu Utama Rancangan Halaman Menu Mencocokkan Gambar

A. Rancangan Halaman

Intro Halaman intro merupakan tampilan pembuka sebelum memasuki menu utama dari aplikasi ini, Sebuah intro biasanya menampilkan gambar, logo, animasi text , bahkan ada yang menampilkan animasi yang berhubungan dengan obyek tersebut. Hal ini dimaksudkan untuk menarik perhatian pengguna pada saat melihat aplikasi multimedia Education Games ini. Pada aplikasi multimedia Education Games ini menggunakan intro yang berdurasi pendek, dimaksudkan agar user tidak terlalu lama menunggu untuk menggunakan aplikasi ini . Intro Education Games ini terdapat animasi judul aplikasi, animasi gambar yang berhubungan dengan judul, dan terdapat tombol untuk menuju halaman berikutnya. Untuk mengakhiri halaman ini maka harus tekan tombol “mulai”, kemudian akan menuju ke halaman berikutnya yaitu menu utama dari aplikasi Education Games ini. Tampilan rancangan halaman intro dapat dilihat pada Gambar 3.2.

B. Rancangan Halaman Menu Utama

Rancangan halaman menu utama merupakan tampilan utama untuk menampung isi dari aplikasi Education Games. Tampilan menu utama berada di tengah–tengah dengan tampilan fullscreen. Pada bagian kanan terdapat karakter gambar, yang berfungsi sebagai narator dari aplikasi ini. Pada bagian tengah terdapat textbox yang menunjukkan deskripsi dari menu utama, dan terdapat 5 button yaitu button mencocokkan gambar, button memilih gambar, button Tombol Mulai Karakter Judul Gambar Gambar 3.2 Rancangan Halaman Intro melengkapi kata, button behitung, dan button mewarnai gambar. Tampilan rancangan halaman menu utama dapat dilihat pada Gambar 3.3.

C. Rancangan Halaman Menu Mencocokkan Gambar

Rancangan halaman menu mencocokkan gambar merupakan halaman yang berisi permainan dasar dengan cara memasangkan gambar dengan gambar yang sesuai dengan masing-masing perintah yang sudah ditentukan. Pada halaman ini terdapat textbox yang menunjukkan deskripsi dari menu mencocokkan gambar dan terdapat 5 submenu yaitu, submenu buah-buahan, binatang, sekolah, rumah, dan kendaraan. Pada bagian kanan atas terdapat navigasi kembali ke menu utama, dan tombol keluar. Tampilan rancangan halaman menu mencocokkan gambar dapat dilihat pada Gambar 3.4. Karakter Text Box Mencocokkan Gambar Memilih Gambar Melengkapi Kata Berhitung Mewarnai Gambar 3.3 Rancangan Halaman Menu Utama Text Box Buah-Buahan Binatang Sekolah Rumah Kendaraan Navigasi Menu utama Tombol Keluar Gambar 3.4 Rancangan Halaman Menu Mencocokkan Gambar Halaman mencocokkan gambar terdapat 5 submenu yaitu buah-buahan, binatang, sekolah, rumah, dan kendaraan. Masing-masing submenu menampilkan text box yang mendiskripsikan cara bermain, navigasi kembali ke menu mencocokkan gambar, dan navigasi keluar dan terdapat tombol mulai untuk memulai permainan. Tampilan rancangan halaman submenu mencocokkan gambar dapat dilihat pada Gambar 3.5. Setiap submenu pada halaman mencocokkan gambar menampilkan halaman lembar kerja yang berisikan soal-soal sesuai tema masing-masing submenu. Pada halaman ini berisi obyek soal yang akan dipasangkan dengan target jawaban sesuai perintah masing-masing soal. Pada halaman lembar kerja terdapat text box yang mendiskripsikan perintah soal dan tombol selanjutnya untuk melanjutkan ke soal berikutnya. Tampilan rancangan halaman lembar kerja mencocokkan gambar dapat dilihat pada Gambar 3.6. Tombol Selanjutnya Objek Soal Target jawaban Target jawaban Target jawaban Target jawaban Text box perintah Objek Soal Objek Soal Objek Soal Gambar 3.6 Rancangan Halaman Lembar Kerja Mencocokkan Gambar Gambar 3.5 Rancangan Halaman Submenu Mencocokkan Gambar Text Box Cara Bermain Navigasi Menu utama Tombol Keluar Tombol Mulai Navigasi Kembali

D. Rancangan Halaman Menu Memilih Gambar