Sequence Diagram Perancangan Antarmuka

Gambar 3.6 Activity Diagram Menu Musik, pemain memilih button musik dan sistem akan mematikan musik yang berjalan di aplikasi Sempoa ini.

c. Sequence Diagram

Gambar 3.7 Sequence Diagram Tutorial Gambar 3.7 Menunjukkan aliran fungsionalitas dari menu tutorial yang terdapat di aplikasi Sempoa yang menjelaskan tentang proses pengguna saat membuka atau menampilkan menu tutorial. Gambar 3.8 Sequence Diagram Bantuan Gambar 3.8 Menunjukkan aliran fungsionalitas dari menu bantuan yang terdapat di aplikasi Sempoa yang menjelaskan tentang proses pengguna saat membuka atau menampilkan menu bantuan. Gambar 3.9 Sequence Diagram Latihan Gambar 3.9 menunjukkan aliran fungsionalitas dari menu latihan yang terdapat di aplikasi Sempoa yang menjelaskan tentang proses pengguna saat membuka atau menampilkan menu latihan, mengerjakan latihan dan sampai melihat nilai.

3.2 Perancangan Antarmuka

Perancangan antarmuka interface dimulai dari tampilan awal dari aplikasi sempoa ini. Seperti yang tampak pada Gambar 3.10. Gambar 3.10 Perancangan Menu Awal Gambar 3.10 Menggambarkan perancangan menu utama. Pada form menu utama terdapat lima button diantaranya button Tutorial, Bantuan, Latihan, Menghidupkan Musik, Mematikan Musik, dan Keluar. Gambar 3.11 Perancangan Menu Kategori Tutorial Gambar 3.11 menggambarkan menu kategori tutorial. Pada form menu kategori tutorial terdapat lima button diantaranya button Pengertian Sempoa, Mengenal Posisi Angka, Metode Kawan Besar, Cara Penjumlahan, dan Cara Pengurangan, dimana setiap button berisi tentang petunjuk – petunjuk tentang sempoa. Gambar 3.12 Perancangan Tampilan Tutorial Gambar 3.12 Menggambarkan Tampilan dari button menu kategori tutorial setelah di klik yang berisi penjelasan – penjelasan tentang Sempoa. Gambar 3.13 Perancangan Menu Latihan Gambar 3.13 menggambarkan menu Latihan. Pada form menu Latihan terdapat tiga button, diantaranya Mengenal Angka, Penjumlahan, dan Pengurangan. Gambar 3.14 Perancangan Tampilan Latihan Gambar 3.14 menggambarkan Tampilan Latihan. Pada Tampilan Latihan terdapat sebuah sempoa yang bisa digerakkan, soal, textbox untuk menampung jawaban, button ok, dan nilai. 43

BAB IV HASIL DAN PEMBAHASAN

4.1. Implementasi

Dalam bab ini akan dibahas mengenai implementasi dari rancangan sistem yang telah dibuat pada bab III. Bagian implementasi sistem kali ini meliputi : spesifikasi sistem, implementasi desain antarmuka interface.

4.1.1. Spesifikasi Sistem

Pada bagian ini akan dijelaskan mengenai sistem yang digunakan dalam memproses semua kegiatan yang terdiri dari berapa table yang berkaitan, misalnya dari proses persiapan tes, input data, pelaksanaan tes dapat dilihat dimonitor, sehingga akan menghemat banyak waktu. Perangkat Keras Hardware yang Digunakan Perangkat keras yang direkomendasikan untuk menjalankan aplikasi ini adalah sebagai berikut : a. Handphone, spesifikanya : Merk : Samsung Mobile Tipe : Galaxy Wonder GT – I8150 Jaringan : GSM, HSDPA Warna : 16M color. Layar : 480 x 800 pixels, 3.7 inches ~252 ppi pixel