No Nama
Layar Aktifitas Proses
Efek Navigasi
11
Menu Profile
•
\
Saat user mengklik tombol menu Profile
maka muncul profile pengembang.
• Tampilan menu Profile memiliki
tombol back untuk kembali ke tampilan awal aplikasi.
•
Pada tampilan menu Profile juga masih terdapat tombol menu
utama, tulisan judul skripsi, dan musik latar.
• Musik
latar lagu
anak- anak
dalam bahasa
Inggris
• •
Tombol Back: untuk kembali
ke tampilan awal game.
12. Menu Exit
• Saat user mengklik tombol menu
Exit maka muncul pertanyaan konfirmasi untuk keluar dari
aplikasi disertai dua pilihan tombol Yes dan No.
• Musik
latar •
Tombol Yes:
untuk keluar dari aplikasi.
• Tombol
No: untuk tetap
menggunakan aplikasi.
3.2.4.2 Rancangan Tampilan
Pendefinisian tentang fungsi-fungsi menu dan proses yang berlangsung di dalam aplikasi dapat dijabarkan secara lebih rinci sebagai |berikut:
1. Tampilan Utama
Tampilan utama aplikasi ini menampilkan judul aplikasi, tiga menu utama yaitu: home, games, dan profil serta tampilan animasi sebagai tampilan awal aplikasi.
Gambar 3.12 Rancangan Tampilan Utama Aplikasi.
5
Keterangan: 1. Judul Aplikasi
2. Tombol Menu
Home 3. Tombol Menu
Games 4. Tombol Menu
Profile 5. Tombol Exit
6. Tampilan
Utama Aplikasi
1
6 2
3 4
5
Universitas Sumatera Utara
2. Tampilan Menu Home
Tampilan menu home menampilkan judul aplikasi, tiga menu utama seperti pada tampilan utama dan bagian isi menu home itu sendiri yang berupa pengenalan tentang
education game dan penjelasan secara umum game pada aplikasi. Menu back juga disediakan untuk kembali ke tampilan utama.
Gambar 3.13 Rancangan Tampilan Menu Home
3. Tampilan Menu Games
Menu game menampilkan pilihan kepada user apakah akan memulai game vocabulary atau game grammar. Jika user memilih salah satu game maka akan menuju ke
tampilan awal game yang dipilih. Tampilan menu game ini juga masih menampilkan tiga menu utama dan tombol back untuk kembali ke tampilan utama.
5 5
Keterangan: 1. Judul Aplikasi
2. Tombol Menu Home 3. Tombol Menu
Games 4. Tombol Menu Profil
5. Bagian Isi Menu
home 6. Tombol Back
1
5 2
3 4
6
Universitas Sumatera Utara
Gambar 3.14 Rancangan Tampilan Menu Games
Tampilan awal game menyediakan tombol submenu play, level, options, help, dan exercise. User menentukan submenu apa yang akan dipilih untuk diproses.
Tampilan awal game ini juga menampilkan animasi dan menyediakan menu back untuk kembali ke menu utama.
Gambar 3.15 Rancangan Tampilan Awal Menu Game
5
6 7
Keterangan: 1. Judul Aplikasi
2. Tombol Menu
Home 3. Tombol Menu
Games 4. Tombol Menu
Profil 5. Tombol Menu Exit
6. Subjudul Menu
Game 7. Tombol Game
Vocabulary 8. Tombol Game
Grammar 9. Tombol Back
1
2 3
4
9 6
8 7
5
Keterangan: 1. Judul Game
2. Tombol Submenu
Play 3. Tombol Submenu
Level 4. Tombol Submenu
High Score 5. Tombol Submenu
Help 6. Tombol Submenu
Exercise 7. Tampilan Utama
Game 8. Tombol Back
1
7 2
3 4
8 5
6
Universitas Sumatera Utara
4. Tampilan Submenu Play