bab iii perancangan sistem 3.1...

13
12 BAB III PERANCANGAN SISTEM 3.1 Flowchart Gambar 3.1 Flowchart Gambar diatas merupakan Flowchart pada game diatas, pada saat player memulai game akan dihadapkan beberapa menu button yaitu Play, help, creedit dan exit .pada saat player memilih menu mulai play akan memulai permainan tersebut , level tiap level harus delewati untuk menyelesaikan game ini dan jika karakter mati akan ada pilihan menu game over yaitu Main lagi atau ke tampilan main menu, dan jika player berhasilkan menyelesaikan sampai ke stage terakhir ,aka nada popup game yang muncul bahwa game telah selesai dan akan kembali ke tampilan main menu. Sedangkan untuk tampilan creedit akan muncul tampilan creator dan help

Upload: duongtram

Post on 27-Apr-2019

252 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

12

BAB III

PERANCANGAN SISTEM

3.1 Flowchart

Gambar 3.1 Flowchart

Gambar diatas merupakan Flowchart pada game diatas, pada

saat player memulai game akan dihadapkan beberapa menu button

yaitu Play, help, creedit dan exit .pada saat player memilih menu

mulai play akan memulai permainan tersebut , level tiap level harus

delewati untuk menyelesaikan game ini dan jika karakter mati akan

ada pilihan menu game over yaitu Main lagi atau ke tampilan main

menu, dan jika player berhasilkan menyelesaikan sampai ke stage

terakhir ,aka nada popup game yang muncul bahwa game telah

selesai dan akan kembali ke tampilan main menu. Sedangkan

untuk tampilan creedit akan muncul tampilan creator dan help

Page 2: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

13

untuk panduan tentang game ini.dan tidak ketinggalan menu exit

untuk keluar dari game ini.

3.2 V-Model

V-model merupakan perluasan dari model waterfall,

karena tahap-tahap yang terdapat dalam v-model sangat mirip

dengan tahap-tahap yang ada dalam model waterfall.

Perbedaan v-model dan model waterfall adalah, jika model

waterfall proses dijalankan secara linier. Sedangkan v-model

dijalankan secara bercabang. Berikut adalah V-model Game

Gathotkaca Adventure Proyek, Kerja Praktik dan Tugas

Akhir Berbasis Dekstop.

Gambar 3.2 V-Model

Page 3: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

14

3.3 Desain

Desain antar muka merupakan hal yang sangat

penting dalam pengembangan perangkat lunak terutama

dalam mengembangkan aplikasi permainan User interface

merupakan jembatan interaksi antara pengguna dengan

sistem, selain itu desain tokoh dan karakter dalam

permainan juga harus direncanakan dengan baik dan

menarik.

Desain antar muka juga harus mampu menggambarkan

nilai atau cerita yang akan di sampaikan dalam bentuk

permainan kepada pengguna. Desain antar muka pada

game Road to Campus antara lain seperti berikut :

Page 4: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

15

3.3.1 Rancangan Main Menu

Gambar 3.3 Rancangan Main Menu

Keterangan :

Layout Main menu ini adalah menu awal dari suatu

game yang berisikan Button play, Button Credit, Button Help

dan Button Exit yang memiliki beberapa fungsi antara lain :

Button Play : Tombol untuk memulai permainan dari

level 1

Button Credit : Tombol ini untuk menampilkan Creative art

dari aplikasi ini

Button Help : Tombol ini menampilkan berbagai macam

musuh dan pergerakanya.

Button Exit : Tombol exit berguna untuk pemain jika ingin

keluar dari game

Page 5: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

16

3.3.2 Rancangan GamePlay

Gambar 3.4 Rancangan Game play

Keterangan :

Layout Gameplay menampilkan permainan dimana

player atau pemain mulai memainkan game dengan melewati

semua rintangan dan menyelesaikan semua stage.

Page 6: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

17

3.3.3 Rancangan Game Over Screen

Gambar 3.5 Rancangan Game 0ver screen

Keterangan :

Gameover layout ini berguna untuk dalam game jika

saat melakukan permainan player melewati rintangan dan

mati karena berbenturan dengan enemy.

Page 7: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

18

3.3.4 Rancangan Ending Screen

Gambar 3.6 Rancangan Ending screen

Keterangan :

Ending game layout ini menampilkan tampilan pada

game jika player berhasil menyelesaikan semua misi game

sudah selesai

Page 8: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

19

3.3.5 Desain Blok Map

Gambar 3.7 Gambar Desain Map

Didalam desain ini terdapat urutan yang sederhana yaitu

ketika player memulai permainan dia akan memilih tombol play dan

dia akan berada pada stage 1 dan jika dia tewas dalam stage pertama

aka nada pilihan ke main menu atau main lagi dan jika dia berhasil

melewati stage pertama dia akan tiba pada stage ke 2 dan dan alur

Page 9: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

20

tersebut akan berkelanjutan sampai stage ke 5 . ketika player berhasi

melewati stage ke 5 dia akan dihadapkan pada tampilan ending game

dan menuju ke main menu.

3.3.6 Desain Stage Map

1. Stage 1

Di Stage ini game menceritakan tokoh utama dalam game

sedang berada berada di dipan rumah di tepian pantai untuk

menuju kanpus dan disana ada beberapa musuh seperti landak

dan lebah.

Page 10: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

21

Gambar 3.9 Gambar Stage 1

2. Stage 2

Di stage ini tokoh utama dalam game melewati gurun pasir

untuk sampai ke kampus tujuan.

Gambar 3.10 Gambar Stage 2

3. Stage 3

Di stage ini di ceritakan dalam game tokoh utama dalam

perjalanan ke kampus melewati daerah rawa-rawa.

Gambar 3.11 Gambar Stage 3

Page 11: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

22

4. Stage 4

Di stage ini di ceritakan setelah melewati daerah rawa-rawa,

karakter telah sampai di dutan belantara yang banya

ditumbuhi pohon berbisa.

Gambar 3.12 Gambar Stage 4

5. Stage 5

Di stage ini merupakan lanjutan dari kawasan hutan yang ada

di stage 4, pada stage ini karakter utama telah sampai di

kawasan kebakaran hutan sekaligus sebagai pemakaman

umum.

Gambar 3.13 Gambar Stage 5

Page 12: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

23

3.3.7 Tampilan Main Menu (T1)

Pada tampilan gambar di bawah ini merupakan tampilan main

menu layout awal pada game dan berisi button main dan

button exit.

Gambar 3.8 Tampilan Main Menu

3.3.8 Tampilan Game Play (T2)

Pada tampilan dibawah ini adalah tampilan Gameplay,

tampilan di desain sesuai dengan story game yang di buat.

Page 13: BAB III PERANCANGAN SISTEM 3.1 Flowchartrepository.uksw.edu/bitstream/123456789/16661/3/T0_562014007_BAB... · Gambar 3.1 Flowchart . Gambar diatas merupakan Flowchart pada game diatas,

24

Gambar 3.9 Tampilan Gameplay

3.3.9 Tampilan Game Over (T3)

Pada tampilan gambar di bawah ini merupakan tampilan

Game Over layout jika player kalah dalam permainan pada

game dan berisi button main lagi untuk mengulang permainan

dan button main menu untuk kembali ke main menu.Pada

button main lagi pemain akan mengulang permainan di stage

tertentu sehingga dia dapat melanjutkan permainan

sebelumnya.dan untuk menuju stage selanjutnya player harus

bisa melewati rintangan rintangan yang ada di tiap stage

Gambar 3.11 Tampilan Gameover