98
Gambar 4.37
Struktur Menu Aplikasi Mobile Piano, Gitar dan Drum Virtual yang Diusulkan
4.2.4.2. Perancangan Input
Perancangan input merupakan dimulainya suatu proses sistem. Dalam perancangan ini, input merupakan perintah perintah untuk mengeksekusi data
yang ingin ditampilkan atau dicari yang nantinya akan mempengaruhi hasil yang ditampilkan atau output yang dihasilkan oleh sistem. Adapun perancangan-
perancangan input yang ada dalam perancangan ini adalah : 1. Tampilan Menu Utama
Ini merupakan tampilan dari menu utama dimana terdapat 4 menu berupa belajar, bermain, quiz dan tentang.
Menu utama
Belajar Quiz
Tentang Keluar
Bermain Piano
Gitar Drum
Piano Belajar
Piano Gitar
Belajar Drum
Ketukan Drum Anatomi Drum
Kord Gitar Anatomi Gitar
Kord Piano Anatomi Piano
99
Gambar 4.38
Tampilan Menu Utama Aplikasi 2. Tampilan Pilih Alat Musik
Pada tampilan ini pilih alat musik dapat memilih jenis alat musik yang diinginkan.
Gambar 4.39
Tampilan Pemilihan Alat Musik
Menu Utama
Background
Belajar Bermain
Quiz Tentang
Header
Pilih Alat Musik
Background
Piano Gitar
Drum
Header
Image Button
Image Button
100
3. Tampilan Belajar Pada tampilan ini siswa dapat memilih jenis pembelajaran alat musik yang
diinginkan.
Gambar 4.40
Tampilan Menu Utama
4. Tampilan Menu Belajar Kord Piano Pada tampilan ini siswa dapat melihat dan memainkan jenis-jenis kord dasar
pada piano beserta tangga nadanya.
Gambar 4.41
Tampilan Belajar Kord Piano
Belajar Piano
Background
Kord Anatomi
Header
A B
C D
E F
G Major
Image Button
101
5. Tampilan Menu Belajar Anatomi Piano Pada tampilan ini siswa dapat mengetahui bagian-bagian dari piano.
Gambar 4.42
Tampilan Menu Anatomi 6. Tampilan Menu Belajar Kord Gitar
Gambar 4.43
Tampilan Menu Belajar Kord Gitar
Anatomi
Background
2 1
3 4
5 6
7 8
Menu Utama
A
Major B
C D
E F
G Sound Hole
2 1
3 4
5 6
Background
102
7. Tampilan Bermain Piano Pada tampilan ini siswa dapat memainkan jenis-jenis kord dasar pada piano
beserta tangga nadanya.
Gambar 4.44
Tampilan Bermain Piano 8. Tampilan Bermain Gitar
Pada tampilan ini siswa dapat melihat dan memainkan jenis-jenis kord dasar pada piano beserta tangga nadanya.
Gambar 4.45
Tampilan Bermain Gitar 9. Bermain Drum
Pada tampilan ini siswa dapat melihat dan memainkan jenis-jenis kord dasar pada piano beserta tangga nadanya.
Major Minor
C D
E F
G A
B C
Major Minor
C D
E F
G A
B
103
Gambar 4.46 Tampilan Bermain Drum
10. Tampilan Quiz Pada tampilan ini siswa dapat mengisi soal dan kemudian melihat hasil
jawabannya.
Gambar 4.47
Tampilan Quiz 11. Tampilan Tentang
Pada tampilan sistem menjelaskan tentang fungsi-fungsi tiap menu.
Major
Bass Hi-Hat
Snare Hitom
Midtom Cymbal
Lowtom
Pilih Alat Musik
Jawaban
Soal
Jawaban
Jawaban Hasil
Soal Soal
Jumlah Benar: Jumlah Salah:
104
Gambar 4.48 Tampilan Tentang 2.23.4 Perancangan Output
Perancangan output ini merupakan rancangan informasi yang dihasilkan dan berfungsi untuk menampilkan data yang telah diinput dan diolah, berikut adalah
perancangan output pada aplikasi. 1. Tampilan Quiz
Jika menekan tombol jawaban maka muncul list menu jawaban.
Gambar 4.49 Tampilan Quiz
Menu Tentang
Background
Header
Text Tentang
Menu Quiz
Jawaban
Soal
Jawaban
Jawaban Hasil
Soal Soal
Jumlah Benar: Jumlah Salah:
Jawaban 1 Jawaban 2
Jawaba 3
105
2. Tampilan Keluar Jika menekan tombol keluar maka muncul alert.
Gambar 4.50 Tampilan Keluar
Menu Utama
Background
Belajar Bermain
Quiz Tentang
Header
Anda yakin ingin menutup aplikasi?
Ya Tidak
105
BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM
5.1 Implementasi
Tahap implementasi sistem merupakan kegiatan yang dilakukan setelah tahap perancangan sistem selesai dilaksanakan. Tujuan yang ingin dicapai pada tahap ini
adalah dapat dioperasikannya hasil perancangan sistem yang telah dibuat.
5.1.1 Batasan implementasi
Dalam pengimplementasian perangkat lunak aplikasi terdapat beberapa hal yang menjadi batasan implementasi, yaitu :
1. Dalam pembuatan Aplikasi Mobile Piano, Gitar dan Drum Virtual pengujian masih menggunakan emulator atau virtual device.
2. Dalam pembuatannya Aplikasi Mobile Piano, Gitar dan Drum Virtual menggunakan bahasa pemrograman JAVA.
5.1.2. Implementasi Perangkat Lunak
Dalam Implementasi Aplikasi Mobile Piano, Gitar dan Drum Virtual, harus didukung oleh perangkat lunak yang digunakan agar sistem ini berjalan
sebagaimana mestinya. Berikut perangkat lunak yang dibutuhkan: 1. Eclipse Juno
2. Android SDK Manager 3. Android AVD Manager
4. Adobe Photoshop CS 6
106
5.1.3. Implementasi Perangkat Keras
Perangkat lunak saja belum cukup untuk mengimplementasikan aplikasi ini. Dibutuhkan perangkat keras smartphone yang berfungsi menjalankan intruksi-
intruksi dan menampilkan secara visual informasi-informasi yang berguna bagi pengguna yang membutuhkan. Adapun perangkat keras pada device Mobile yang
digunakan untuk mendukung pembuatan maupun menjalankan aplikasi ini sebagai berikut :
1. Processor 800 MHz 2. Memori Internal 4Gb.
3. RAM 512 MB. 4. Resolusi layar 480x800 pixel WVGA.
5.1.4 Implementasi Antar Muka
1. Tampilan Antar Muka Awal Aplikasi Ini merupakan tampilan awal ketika aplikasi pertama dijalankan.
Gambar 5.1
Tampilan Awal Aplikasi