BAB III
PERANCANGAN SISTEM
Game edukasi ini diperuntukan bagi anak-anak usia 5-8
tahun. Game ini dapat mempermudah anak-anak dalam mengenal dan belajar rambu lalulintas di Indonesia sehingga anak –anak dapat memahami tanda-tanda rambu lalulintas. Pembelajaran yang diperoleh adalah tanda rambu Lalu lintas Peringatan, larangan, penunjuk jalan, perintah dan lampu lalulintas. Adapun proses dari game edukasi tersebut dapat dilihat dari diagram flowchart dibawah ini.
3.1 Diagram Konteks
Game Edukasi User
Data Informasi actions
3.2 Diagram Flowchart
3.1.1 Menu Game
Gambar 3.2 Flowchart Keterangan :
Menu Utama = Menu Play, Petunjuk,
Keluar
Petunjuk = Petunjuk permainan
Kategori Rambu Lalul intas = Menu pilihan Rambu Lalu lintas
Kategori Kuis = Pilihan rambu lalu
Pada Gambar 3.2 Flowchart di atas adapun langkah-langkah permainan Game sebagai berikut:
1. Klik Start 2. klik pada awal
Pada awal apabila ingin bermain Game , maka akan memilih beberapa pkategori sebagai berikut:
a. Kategori 1 tampilan cover awal yaitu pemelihan main atau keluar ;
b. Kategori 2 tampilan level 1 yaitu pemilihan rambu-rambu lalu lintas:
c. Kategori 3 tampilan level 2 yaitu pemilihan rambu peringatan;
d. Kategori 4 tampilan level 3 yaitu pemilihan rambu larangan ;
e. Kategori 5 tampilan level 4 yaitu pemilihan rambu perintah ;
f. Kategori 6 tampilan level 5 yaitu pemilihan rambu petunjuk.
Selanjutnya akan memilih quis sebagai berikut:
a. Tampilan skor hasil permainan soal 2 akan menampilkan gambar rambu lalu lintas dilarang masuk;
b. Tampilan skor hasil permainan soal 3 akan menampilkan gambar rambu lalu lintas rumah makan ; c. Tampilan skor hasil permainan soal 4 akan menampilkan gambar rambu lalu lintas perunjuk jalan lurus ke depan ;
d. Tampilan skor hasil permainan soal 5 akan menampilkan gambar rambu lalu lintas petunjuk rumah sakit.
3.3. Storyboard
Perancangan tampilan menu dapat dilihat seperti dibawah ini :
3.3.1 Tampilan Cover awal
Main
Keluar
Pada tampilan awal ini terdapat dua menu yaitu Main dan keluar. Perancangan Petunjuk cara bermainan dapat dilihat pada tampilan berikut seperti di bawah ini:
3.3.2 Tampilan level 1
Rambu-rambu Lalu linta
Rambu Peringatan
Rambu Perintah
Rambu Larangan
Ramu Petunjuk
Keluar
Quis
Gambar 3.4. Tampilan level 1
rambu perintah, rambu petunjuk ,quis. Selain itu ada pula menu untuk kembali ke home dan untuk keluar.
3.3.3 Tampilan level 2
Rambu peringatan
Simpang tiga Simpang empat Penyeberangan pejalan kaki
Persimpangan bundaran dengan prioritas
Lampu lalu lintas
Banyak orang bersepeda dan sering menyeberang
jalan Lalu lintas dua
arah
Informasi rambu lalu lintas Kembali
Gambar 3.5. Tampilan level 2
3.3.4 Tampilan level 3
Lampu larangan
Dilarang belok
kanan Dilarang belok kiri Dilarang berhenti
Pejalan kaki dilarang masuk
Dilarang parkir Dilarang masuk Rambu stop
Informasi rambu lalu lintas
Kembali
Gambar 3.6. Tampilan level 3
3.3.5 Tampilan level 4
Rambu perintah
Wajib mengitari bundaran
Wajib membelok
ke kanan Wajib lurus
Perintah untuk memasuki jalur yang ditunjuk
Lalu lintas satu arah ke
kiri
Wajib memasuki
lajur kanan Jalur pejalan kaki
Informasi rambu lalu lintas
Kembali
Gambar 3.7. Tampilan level 4
kanan, jalur pejalan kaki, informasi rambu lalu lintas dan Kembali.
3.3.6 Tampilan level 5
Rambu petunjuk
Telepon umum Rumah makan Pompa bahan
bakar
Bengkel perbaikan kendaraan
Hotel/motel Balai pengobatan
pertama Haltebus
Informasi rambu lalu lintas
Kembali
Gambar 3.8. Tampilan level 5
3.3.7 Tampilan level 6
Nilai
Kembali pesan
Gambar 3.9. Tampilan level 6