T0 562013904 BAB III
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
(2)
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
(3)
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:
Tampilan skor hasil permainan soal 1 akan menampilkan gambar rambu lalu lintas persimpangan tiga.
(4)
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
(5)
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
Pada tampilan level 1 di atas terdapat 7 menu yaitu kategori rambu lalu lintas, Rambu peringatan, Rambu larangan,
(6)
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
Pada tampilan level 2 di atas terdapat 10 menu yaittu kategori rambu peringatan, rambu lalu lintas, simpang tiga, simpang empat, penyeberangan pejalan kaki, persimpangan bundaran dengan prioritas, lampu lalu lintas, lalu lintas dua arah, banyak orang bersepada dan sering menyeberang jalan, Informasi rambu lalu lintas dan kembali.
(7)
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
Pada tampilan level 3 di atas terdapat 10 menu yaitu kategori rambu larangan, rambu lalu lintas, simpang empat, simpang tiga, penyeberangan pejalan kaki ,persimpangan bundaran dengan prioritas, lalu lintas dua arah, informasi rambu lalu lintas dan Kembali.
(8)
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
Pada tampilan level 4 di atas terdapat 10 menu yaitu kategori rambu perintah, wajib mengitari bundaran, wajib membelok ke kanan, wajib lurus, perintah untuk memasuki jalur
(9)
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
Pada tampilan level 5 di atas terdapat 10 menu yaitu kategori rambu petunjuk, telpon umum, rumah makan , pompa bahan bakar, bengkel perbaikan kendaraan, hotel/model, balai pengobatan pertama, heltebus, informasi rambu lalu lintas dan Kembali.
(10)
3.3.7 Tampilan level 6
Nilai
Kembali pesan
Gambar 3.9. Tampilan level 6
Berdasarkan pada gambar 3.9 tampilan level 6 di atas terdapat 3 menu yaitu kategori nilai, pesan dan kembali .
(1)
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
Pada tampilan level 1 di atas terdapat 7 menu yaitu kategori rambu lalu lintas, Rambu peringatan, Rambu larangan,
(2)
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
Pada tampilan level 2 di atas terdapat 10 menu yaittu kategori rambu peringatan, rambu lalu lintas, simpang tiga, simpang empat, penyeberangan pejalan kaki, persimpangan bundaran dengan prioritas, lampu lalu lintas, lalu lintas dua arah, banyak orang bersepada dan sering menyeberang jalan, Informasi rambu lalu lintas dan kembali.
(3)
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
Pada tampilan level 3 di atas terdapat 10 menu yaitu kategori rambu larangan, rambu lalu lintas, simpang empat, simpang tiga, penyeberangan pejalan kaki ,persimpangan bundaran dengan prioritas, lalu lintas dua arah, informasi rambu lalu lintas dan Kembali.
(4)
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
Pada tampilan level 4 di atas terdapat 10 menu yaitu kategori 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
(5)
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
Pada tampilan level 5 di atas terdapat 10 menu yaitu kategori rambu petunjuk, telpon umum, rumah makan , pompa bahan bakar, bengkel perbaikan kendaraan, hotel/model, balai pengobatan pertama, heltebus, informasi rambu lalu lintas dan Kembali.
(6)
3.3.7 Tampilan level 6
Nilai
Kembali pesan
Gambar 3.9. Tampilan level 6
Berdasarkan pada gambar 3.9 tampilan level 6 di atas terdapat 3 menu yaitu kategori nilai, pesan dan kembali .