3.3 Perancangan Sistem
Dalam tahap ini dilakukan pendesainan sistem untuk menggambarkan prosedur dan proses kerja aplikasi media
pembelajaran pengenalan tokoh wayang kulit.
3.3.1 Proses Bisnis
Gambar 3.2 Proses Bisnis Aplikasi Eko, 2012
1.
User
melakukan proses instalasi pada perangkat
mobile
masing – masing, dalam hal ini
mobile
dengan sistem operasi Android dengan minimal versi Android 2.3.
2.
User
dapat memulai menjalankan aplikasinya. 3.
Pertama kali masuk aplikasi akan muncul
Splash Screen
, yang menandakan aplikasi tersebut sudah dapat dijalankan
oleh
user
.
4. Setelah
splash screen
selesai, maka
user
akan masuk ke dalam halaman utama. Di dalamnya terdapat menu dalam
bentuk
button
, Materi Wayang, Kuis Wayang, Pembuat, dan Keluar.
5.
User
dapat memilih menu Materi Wayang untuk melihat profil singkat dari tokoh
– tokoh wayang yang disajikan. 6.
User
dapat memilih menu Kuis Wayang untuk mengerjakan kuis
– kuis seputar wayang berdasarkan materi yang telah disajikan dalam aplikasi.
7.
User
dapat memilih menu Pembuat untuk melihat siapa yang bertanggung jawab dalam pembuatan aplikasi
tersebut. 8.
User
dapat memilih menu Keluar untuk keluar dari aplikasi tersebut.
3.3.2 Perancangan
F low Chart
Aplikasi
Dalam perancangan
flow chart
aplikasi ini akan dibahas
flow chart
setiap menu. Dari perancangan tersebut dapat dilihat cara kerja pada dua menu utama yaitu menu Materi Wayang dan
Kuis Wayang. Pada Gambar 3.3 berikut merupakan
flow chart
untuk menu Materi Wayang.
Start Halaman
Utama
Pilih materi Infromasi
Wayang
End Halaman
Materi Wayang
Pilih lagi ? Ya
Tidak
Gambar 3.3 Diagram Alir Menu Materi Wayang
Dari Gambar 3.3 dapat dijelaskan, ketika
user
masuk ke halaman Materi Wayang
user
dapat melihat
button
tokoh – tokoh
wayang yang akan disajikan dalam materi. Ketika
user
meng
klik
salah satu
button
wayang tersebut, maka akan tampil informasi wayang yang meliputi gambar tokoh wayang, profil umum, dan
senjata andalan dari wayang tersebut. Jika
user
meng
klik
tombol kembali, maka
user
akan kembali ke halaman menu Materi Wayang.
Gambar 3.4 merupakan
flow chart
untuk halaman menu Kuis Wayang.
Start Halaman Kuis
Wayang Pilih jenis
soal
Soal 1 Soal 2
Soal 3 Output
Nilai Main Lagi
End Jenis Soal 2
Jenis Soal 1 Soal 1
Soal 2 Soal 3
Ya Ya
Tidak
Gambar 3.4 Diagram Alir Menu Kuis Wayang
Dari
flow chart
pada Gambar 3.4 dapat dijelaskan bahwa
saat masuk ke halaman menu Kuis Wayang,
user
harus memilih salah satu jenis soal yang harus dikerjakan. Saat
user
telah menyelesaikan seluruh soal pada jenis soal yang dipilih, maka
user
akan dapat melihat nilai sesuai dengan jawaban yang benar. Jika
user
memutuskan untuk Main Lagi, maka
user
akan mengulang menjawab pertanyaan dari awal, namun jika tidak
memilih untuk Main Lagi, maka
user
akan kembali ke halaman menu Kuis Wayang dan dapat memilih jenis soal yang lain.
3.3.3 Perancangan