8
BAB III
PERANCANGAN SISTEM
[image:1.516.85.456.190.599.2]3.1 Flowchart
Dari gambar flowchart di atas, dapat dijabarkan langkah
langkah yang bisa dilakukan oleh user sebagai berikut :
a. User/pengguna pilih “start” yang diwakili oleh symbol
terminator yang menggambarkan kegiatan awal atau
akhir dari suatu proses. Pada langkah ini
simbol terminator menjabarkan kegiatan awal Launch
Game.
b. Kemudian tampil halaman menu utama, dimana diwakili
oleh symbol proses. Dari sini user dapat memilih tiga
buah menu dengan cara klik button diantaranya button
mulai, button petunjuk dan button keluar.
c. Jika user memilih button mulai maka akan diteruskan ke
briefing level 1(misalkan) kemudian akan diteruskan ke
permainan level 1 yang diwakili oleh symbol proses.
d. Setelah menyelesaikan game, maka proses akan
diteruskan ke decision, apakah menang atau kalah. Jika
menang lalu akan diteruskan ke level 2 ataupun bisa ke
menu utama.
e. Tetapi jika decission kalah, maka permainan akan
dilanjutkan ke tampilan gameover dan bisa dikembalikan
3.2 Desain Antarmuka
[image:3.516.84.477.181.656.2]a. Layout Menu Utama
Gambar 3.2 Layout Tampilan Menu Utama
Desain menu utama adalah tampilan pertama kali
ketika game telah dibuka(Launch Game). Disini terdapat
beberapa button, yaitu :
- Button Mulai yang berfungsi jika diklik akan langsung
menuju ke tampilan pilih level.
- Button Bantuan yang akan menampilkan menu cara
bermain dan mode apa saja yang terdapat dalam game
ini.
- Button Keluar yang berfungsi untuk kembali ke
desktop/windows.
MULAI
BANTUAN
b. Layout Menu Bantuan
Gambar 3.3 Layout Tampilan Menu Bantuan
Pada tampilan ini, berfungsi untuk menampilkan
tata cara bermain game dan juga sebagai informasi tentang
mode apa saja yang terdapat dalam game. Dipojok kiri
bawah terdapat tombol kembali yang berfungsi untuk
kembali kemenu utama.
c. Layout Pilih Level KEMBALI
INFORMASI
PETA JAWA TENGAH
KEMENU LEVEL
1 LEVEL
2 LEVEL
3
LEVEL 4
LEVEL 5
LEVEL 6
Pada tampilan ini user dapat memilih 1 dari enam level yang
tersedia sesuai keinginan. Dipojok kanan bawah terdapat
tombol yang berfungsi untuk kembali ke tampilan
sebelumnya.
[image:5.516.83.470.160.638.2]d. Layout Tampilan Persiapan
Gambar 3.5 Layout Tampilan Persiapan
Fungsi didalam tampilan ini adalah sebagai
lanjutan dari level yang dipilih berdasarkan nama
Kota/Kabupaten. Dibagian tampilan ini etrdapat dua buah
tombol yaitu tombol “Mulai” yang berfungsi untuk memulai permainan dan tombol “Ke menu” yang berfungsi kembali
ketampilan sebelumnya.
INFO