F. Rancangan Halaman Menu Berhitung
Halaman berhitung merupakan halaman yang berisi permainan dasar operasi matematika yang meliputi operasi dasar penjumlahan dan operasi dasar
pengurangan dengan bilangan 1 sampai 20. Pada halaman ini terdapat
textbox
yang menunjukkan deskripsi dari menu berhitung dan 2 submenu yaitu, submenu penjumlahan dan pengurangan dan terdapat navigasi kembali ke menu utama,
tombol keluar, dan tombol demo yang akan menampilkan demo contoh pengerjaan soal berhitung. Tampilan rancangan halaman menu berhitung dapat
dilihat pada Gambar 3.11.
Halaman berhitung terdapat 2 submenu yaitu submenu penjumlahan dan pengurangan.
Masing-masing submenu
menampilkan
text box
yang mendiskripsikan cara bermain, navigasi kembali ke menu berhitung, navigasi
kembali ke menu utama, tombol keluar dan terdapat tombol mulai untuk memulai permainan. Tampilan rancangan halaman submenu
berhitung dapat dilihat pada Gambar 3.12.
Gambar 3.12 Rancangan Halaman Submenu Berhitung Text Box
Cara Bermain
Navigasi Menu utama
Tombol Keluar
Tombol Mulai Navigasi
Kembali
Text Box Penjumlahan
Pengurangan
Navigasi Menu utama Tombol Keluar
Gambar 3.11 Rancangan Halaman Menu Berhitung
Tombol demo
Setiap submenu pada halaman berhitung menampilkan halaman lembar kerja yang berisikan soal-soal dasar operasi penjumlahan dan operasi
pengurangan. Soal pada permainan berhitung ini berbentuk pilihan ganda. Pada halaman ini berisi animasi gambar dan teks yang mendiskripsikan perintah soal,
button
pilihan ganda a, b, c, serta tombol selanjutnya untuk melanjutkan ke soal berikutnya. Tampilan rancangan halaman lembar kerja
berhitung dapat dilihat pada Gambar 3.13.
G. Rancangan Menu Mewarnai Gambar
Rancanan halaman mewarnai gambar merupakan halaman yang nantinya berisi permainan dasar dengan cara memilih gambar yang disediakan dan
selanjutnya mewarnai gambar tersebut. Game mewarnai terdiri dari dua komponen inti. Komponen pertama adalah pilihan warna, dan komponen kedua adalah obyek
yang menjadi target pewarnaan. Pada halaman ini terdapat
textbox
yang menunjukkan deskripsi dari menu mewarnai gambar, dan terdapat pilihan animasi
gambar, dimana gambar tersebut dipilih salah satu dan selanjutnya gambar tersebut siap untuk diwarnai. Pada bagian kanan atas terdapat navigasi kembali ke
menu utama, tombol keluar dan di bawah pilihan gambar terdapat
button
selanjutnya dan
button
sebelumnya yang berfungsi melihat gambar selanjutnya dan gambar sebelumnya. Tampilan rancangan halaman menu mewarnai gambar
dapat dilihat pada Gambar 3.14.
Gambar 3.13 Rancangan Halaman Lembar Kerja Berhitung
Tombol selanjutnya
Soal angka
gambar Soal
angka gambar
Jawaban angka
gambar
a b
c
Jawaban Jawaban
Jawaban
Pada halaman mewarnai gambar akan menampilkan halaman lembar kerja yang berisi gambar yang belum diwarnai setelah pengguna memilih salah
satu animasi gambar yang disediakan. Teknik mewarnai gambar pada lembar kerja ini menggunakan metode
click and click
. Maksudnya, pengguna memilih warna pada palet warna yang disediakan dengan cara meng-klik warna tertentu kemudian
meng-klik obyek unutuk mewarnainya. Pada halaman ini berisi target gambar yang akan diwarnai, palet warna, petunjuk cara mewarnai, dan terdapat navigasi
kembali ke menu mewarnai gambar, tombol keluar dan tombol cetak yang berfungsi mencetak gambar. Tampilan rancangan halaman lembar kerja
mewarnai gambar dapat dilihat pada Gambar 3.15.
Text Box
Navigasi Menu utama Tombol Keluar
Animasi Animasi
Animasi Gambar Gambar Gambar
sebelumnya selanjutnya
Gambar 3.14 Rancangan Halaman Menu Mewarnai Gambar
Gambar 3.15 Rancangan Halaman Lembar Kerja Mewarnai
Navigasi Tombol
Petunjuk Cara
Pallet Warna
Target Gambar
Tombol
H. Rancangan Halaman