T0 562013014 BAB III
BAB III
PERANCANGAN SISTEM
3.1. Flowchart
Flowchart adalah bagan atau chart yang menunjukkan alur
atau flow di dalam program atau prosedur sistem secara logika.
Berikut adalah gambaran Flowchart game “Ball Breaker”.
Launch Game
End
Exit
Star Game
Stage 1
Menu Stage
Stage 2
Level 1
Level 1
Level 2
Level 2
Level 3
Level 3
Level 4
Level 4
Level 5
Level 5
Game Over
Gambar 3.1. Flowchart Game Ball Breaker
11
12
Keterangan:
Ketika pemain telah membuka permainan
pertama kali terdapat dua menu.
Pertama tombol Star Game akan masuk
kepermainan terdapat dua menu stage
Kedua tombol Exit untuk keluar dari
permainan.
Ketika pemain masuk ke menu stage akan
ada dua stage pemain dapat langsung
memilih stage satu maupun stage dua.
Dalam permainan ini setiap stage terdapat
tutorial bagai mana game ini dimainkan.
Kemudian pemain memilih stage satu
terdapat tingkatan 5 level yang berdeda di
setiap level nya mempunyai jumlah Brick
yang berbeda.
Di setiap level terdapat Brick yang
berjumlah
9
berikutnya
Ketika
maka
memcapai
brick
akan
bertambah 9.
Maka akan berulang di stage dua
level
terus
13
3.2. Lembar Kerja Tampilan
Perancangan
antarmuka
Game
Ball
Breaker
digambarkan seperti ini :
3.2.1. Lembar Kerja Tampilan Awal
Gambar 3.2. LKT Tampilan Awal
Keterangan:
Star Game : ketika diklik akan masuk ke halaman Menu Stage
Exite
: ketika diklik akan keluar dari permainan
14
3.2.2. Lembar Kerja Menu Stage
Gambar 3.3. LKT Tampilan Menu Stage
Keterangan:
Stage 1
: ketika diklik akan masuk ke Stage 1
Stage 2
: ketika diklik akan masuk ke Stage 2
Back
: maka akan kembali ketampilan awal
15
3.2.3. Lembar Kerja Tampilan Menu Stage 1
Gambar 3.4. LKT Tampilan Menu Stage 1
Keterangan:
Objeck
: tampilan pesawat lebih simple
Play Now
: jika diklik maka akan memulai permainan
16
3.2.4. Lembar Tampilan Menu Stage 2
Gambar 3.5. LKT Tampilan Menu Stage 2
Keterangan:
Objeck
: tampilan pesawat lebih besar
Play Now
: jika diklik maka akan memulai permainan
17
3.2.5. Lembar Tampilan Game Over
Gambar3.6. LKT Tampilan Game Over
Keterangan:
Text
: terdapat tulisan Game Over
PERANCANGAN SISTEM
3.1. Flowchart
Flowchart adalah bagan atau chart yang menunjukkan alur
atau flow di dalam program atau prosedur sistem secara logika.
Berikut adalah gambaran Flowchart game “Ball Breaker”.
Launch Game
End
Exit
Star Game
Stage 1
Menu Stage
Stage 2
Level 1
Level 1
Level 2
Level 2
Level 3
Level 3
Level 4
Level 4
Level 5
Level 5
Game Over
Gambar 3.1. Flowchart Game Ball Breaker
11
12
Keterangan:
Ketika pemain telah membuka permainan
pertama kali terdapat dua menu.
Pertama tombol Star Game akan masuk
kepermainan terdapat dua menu stage
Kedua tombol Exit untuk keluar dari
permainan.
Ketika pemain masuk ke menu stage akan
ada dua stage pemain dapat langsung
memilih stage satu maupun stage dua.
Dalam permainan ini setiap stage terdapat
tutorial bagai mana game ini dimainkan.
Kemudian pemain memilih stage satu
terdapat tingkatan 5 level yang berdeda di
setiap level nya mempunyai jumlah Brick
yang berbeda.
Di setiap level terdapat Brick yang
berjumlah
9
berikutnya
Ketika
maka
memcapai
brick
akan
bertambah 9.
Maka akan berulang di stage dua
level
terus
13
3.2. Lembar Kerja Tampilan
Perancangan
antarmuka
Game
Ball
Breaker
digambarkan seperti ini :
3.2.1. Lembar Kerja Tampilan Awal
Gambar 3.2. LKT Tampilan Awal
Keterangan:
Star Game : ketika diklik akan masuk ke halaman Menu Stage
Exite
: ketika diklik akan keluar dari permainan
14
3.2.2. Lembar Kerja Menu Stage
Gambar 3.3. LKT Tampilan Menu Stage
Keterangan:
Stage 1
: ketika diklik akan masuk ke Stage 1
Stage 2
: ketika diklik akan masuk ke Stage 2
Back
: maka akan kembali ketampilan awal
15
3.2.3. Lembar Kerja Tampilan Menu Stage 1
Gambar 3.4. LKT Tampilan Menu Stage 1
Keterangan:
Objeck
: tampilan pesawat lebih simple
Play Now
: jika diklik maka akan memulai permainan
16
3.2.4. Lembar Tampilan Menu Stage 2
Gambar 3.5. LKT Tampilan Menu Stage 2
Keterangan:
Objeck
: tampilan pesawat lebih besar
Play Now
: jika diklik maka akan memulai permainan
17
3.2.5. Lembar Tampilan Game Over
Gambar3.6. LKT Tampilan Game Over
Keterangan:
Text
: terdapat tulisan Game Over