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