T0__BAB III Institutional Repository | Satya Wacana Christian University: Game Adventure with PO Gajah Mungkur Diajukan kepada Fakultas Teknologi Informasi T0 BAB III

(1)

11 Home

Tutorial Start Game Exit

Tutorial

Back

Stage

Stage 3 Stage 2

Stage 1

End Game

Tidak Tidak

Ya Ya

Ya

Tidak

Tidak Tidak

Tidak

Press End

Game Play

Game Over Finish Ya

(2)

1. Start aplikasi untuk memulai.

2. Muncul tampilan Home dengan 3 button yaitu

Tutorial, Start Game dan Exit.

3. Klik Tutorial untuk menampilkan halaman Tutorial

dan terdapat button back untuk kembali ke tampilan

Home.

4. Klik Start Game untuk masuk ke tampilan Stage dan

terdapat 4 button yaitu Stage 1, Stage 2, Stage 3 dan

End Game. Klik button Stage 1, Stage 2 atau Stage 3

untuk memulai permainan.

5. Ketika masuk ke dalam permainan atau Game Play,

terdapat 2 pilihan yaitu Klik End atau Game Finish.

Jika tombol End pada keyboard ditekan maka akan

kembali ke tampilan Stage, jika tidak maka

permainan berlanjut. Jika Game Finish atau

permainan berakhir maka akan muncul message

“Stage Complete!”, jika tidak berakhir maka permainan masih berlanjut.

6. Kemudian muncul tampilan Highscore dan kembali

ke tampilan Stage.

7. Klik button End Game untuk kembali ke tampilan

Home.

(3)

3.2 Lembar Kerja Tampilan

1. Rancangan Tampilan Home

Dialog Title

Field 1 Field 4

Field 3 Field 2

Gambar 3.2.1 Rancangan Tampilan Home

Keterangan:

Field 1 = Button Start Game

Field 2 = Judul

Field 3 = Button Exit

(4)

2. Rancangan Tampilan Stage

Dialog Title

Field 1

Field 4 Field 3

Field 2

Gambar 3.2.2 Rancangan Tampilan Stage

Keterangan:

Field 1 = Button Stage 1

(5)

3. Rancangan Tampilan Game Play

Dialog Title

Field 1

Field 4 Field 3

Field 2

Field 3

Field 5

Gambar 3.2.3 Rancangan Tampilan Game Play

Keterangan:

Field 1 = Score

Field 2 = Health

Field 3 = Object (Penumpang, Bangunan,

Pohon dan Solar)

Field 4 = Aktor

(6)

4. Rancangan Tampilan Tutorial

Dialog Title

Field 1

Gambar 3.2.4 Rancangan Tampilan Tutorial

Keterangan:

(7)

5. Rancangan Tampilan Loading

Dialog Title

Field 1

Gambar 3.2.5 Rancangan Tampilan Loading

Keterangan: