Menu Utama Menu Bantuan Menu Kategori Tutorial Menu Tutorial Pengenalan Sempoa

Perangkat Lunak Software yang digunakan Aplikasi ini di buat dengan menggunakan beberapa perangkat lunak yang saling berinteraksi dalam pembangunan sistemnya, beberapa perangkat lunak tersebut adalah: a. Untuk sistem operasi yang penulis gunakan adalah Microsoft Windows 7 Ultimate . b. Game Maker Studio, digunakan untuk membuat Aplikasi Sempoa. c. Yoyo Runner, digunakan untuk menjalankan program di Android. d. Rational Rose, digunakan untuk membuat UML.

4.1.2. Implementasi Desain Antarmuka Desain

Interface Pada bab ini akan diimplementasikan desain antarmuka Inteface yang telah dibuat pada bab sebelumnya.

a. Menu Utama

Gambar 4.1 Menu Utama Gambar 4.1 adalah gambar menu utama. Pada menu utama terdapat lima pilihan menu, diantaranya tutorial, latihan, menghidupkan musik, mematikan musik, dan keluar. Dimana menu tutorial berisi tentang penjelasan – penjelasan tentang sempoa, menu latihan berisi tentang latihan soal, menu musik digunakan untuk menhidupkan atau mematikan musik, dan menu keluar digunakan untuk keluar dari aplikasi Sempoa.

b. Menu Bantuan

Gambar 4.2 Menu Bantuan Gambar 4.2 adalah gambar menu bantuan yang berisi tentang penjelasan cara menggunakan aplikasi sempoa ini. Berikut object untuk menampilkan menu bantuan yang dapat dilihat di Gambar 4.3 Gambar 4.3 Object untuk Menampilkan Menu Bantuan

c. Menu Kategori Tutorial

Gambar 4.4 Menu Kategori Tutorial Gambar 4.4 adalah gambar menu kategori tutorial. Pada menu kategori tutorial terdapat lima pilihan menu, diantaranya pengertian Sempoa, mengenal posisi angka, metode kawan besar, cara penjumlahan, dan cara pengurangan. Berikut object untuk menampilkan menu tutorial yang dapat dilihat di Gambar 4.5. Gambar 4.5 Object untuk Menampilkan Menu Tutorial

d. Menu Tutorial Pengenalan Sempoa

Gambar 4.6 Tutorial Pengenalan Sempoa Gambar 4.6 adalah gambar tutorial pengenalan Sempoa yang berisi tentang penjelasan atau pengertian Sempoa, dan pengenalan bagian – bagian dari Sempoa. Berikut object untuk menampilkan menu tutorial yang dapat dilihat di Gambar 4.7. Gambar 4.7 Object untuk Menampilkan Menu Tutorial Pengenalan Sempoa Gambar 4.8 Posisi Nilai Sempoa Gambar 4.8 adalah gambar posisi nilai sempoa, yang menjelaskan nilai disetiap manik, dari mulai satuan, puluhan, ratusan dan seterusnya. Gambar 4.9 Tambah dan Kurang Gambar 4.9 adalah gambar yang menjelaskan tentang operasi penambahan dan pengurangan ketika manik dinaikkan atau diturunkan. Gambar 4.10 Manik Bawah Gambar 4.10 adalah gambar manik bawah, yang menjelaskan tentang ketika manik bawah dinaikkan maka menunjukkan penambahan satu, begitu sebaliknya jika menurunkan manik maka menunjukkan pengurangan satu. Gambar 4.11 Manik Atas Gambar 4.11 adalah gambar manik atas, yang menjelaskan tentang ketika manik atas dinaikkan maka menunjukkan pengurangan lima, begitu sebaliknya jika menurunkan manik maka menunjukkan penambahan lima.

e. Menu Tutorial Mengenal Posisi Angka