BAB III PERANCANGAN SISTEM

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB III PERANCANGAN SISTEM"

Dewi Hartono
6 tahun lalu
Tontonan:

1 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 actions Data Informasi User Gambar 3.1. Diagram konteks 19

2 Diagram Flowchart Menu Game Keterangan : Gambar 3.2 Flowchart Menu Utama Keluar Petunjuk Kategori Rambu Lalul intas Lalu lintas Kategori Kuis lintas = Menu Play, Petunjuk, = Petunjuk permainan = Menu pilihan Rambu = Pilihan rambu lalu

3 21 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 22 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 Storyboard Perancangan tampilan menu dapat dilihat seperti dibawah ini : Tampilan Cover awal Main Keluar Gambar 3.3. Tampilan Cover

5 23 Pada tampilan awal ini terdapat dua menu yaitu Main dan keluar. Perancangan Petunjuk cara bermainan dapat dilihat pada tampilan berikut seperti di bawah ini: Tampilan level 1 Rambu-rambu Lalu linta Rambu Peringatan Rambu Larangan Rambu Perintah Keluar Ramu Petunjuk 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 24 rambu perintah, rambu petunjuk,quis. Selain itu ada pula menu untuk kembali ke home dan untuk keluar Tampilan level 2 Rambu peringatan Simpang tiga Simpang empat Penyeberangan pejalan kaki Persimpangan bundaran dengan prioritas Lampu lalu lintas Lalu lintas dua arah Banyak orang bersepeda dan sering menyeberang jalan 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 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 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

9 27 kanan, jalur pejalan kaki, informasi rambu lalu lintas dan Kembali 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 Tampilan level 6 Nilai pesan Kembali 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.

dokumen-dokumen yang mirip

BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN PERANCANGAN 3.1. Analisis System Analisa sistem merupakan tahap awal pembangunan perangkat lunak, pada tahap analisa ini penulis mencari kebutuhan sistem. Analisa ini bertujuan untuk