Tabel 3.34 Tabel Admin
No Nama Kolom Tipe Data Lebar Data Keterangan 1 username varchar 100 Username untuk
admin
2 password varchar 100 Kata sandi untuk admin
3.4.5.2 Tabel Enemy
Tabel 3.35 Tabel Enemy
No Nama Kolom Tipe Data Lebar Data Keterangan 1 enemy_type varchar 100 Tipe enemy 2 enemy_name varchar 100 Nama enemy
3 enemy_Life int 11 Jumlah nyawa
enemy
3.4.5.3 Tabel Weapon Hero
Tabel 3.36 Tabel Weapon_Hero
No Nama Kolom Tipe Data Lebar Data Keterangan 1 weapon_name varchar 100 Nama Senjata
2 weapon_damage int 11 Daya serang
senjata
3.4.5.4 Tabel Score
Tabel 3.37 Tabel Score
No Nama Kolom Tipe Data Lebar Data Keterangan 1 player_name varchar 100 Nama User
96
3.4.5.5 Tabel Enemy Number
Tabel 3.38 Tabel Enemy Number
No Nama Kolom Tipe Data Lebar Data Keterangan
1 stage_id int 11 Id pada tiap stage
2 enemy_number int 11 Jumlah musuh pada tiap stage
97
3.4.6 Storyboard
3.4.6.1 Storyboard Video
Tabel 3.39 Storyboard Halaman Opening Video Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 1 of 20 Screen ID: SS-Video
Screen Description:
- Halaman ini untuk menampilkan video pembuka yang menampilkan synopsis dari game, halaman dapat dilewat dengan menekan button skip menuju ke halaman Registrasi (SS-Reg)
Link From Screen ID: - Link to Screen ID: SS-Reg Color Scheme: Hijau #669933, Hijau #336633
Text Attributes:
Still Images: bg.jpg, btn_skip.png Audio:
Video: video pembuka game Ozan The Lobak Shooter (0:08)
98
3.4.6.2 Storyboard Register
Tabel 3.40 Storyboard Halaman Register Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 2 of 20 Screen ID: SS-Reg
Screen Description:
- Halaman ini menampilkan logo game “ Ozan The Lobak Shooter” - Form pengisian nama Enter Your Name sebagai identitas User dalam
game
- Untuk bermain bisa juga menggunakan ID Facebook
- Jika sudah mengisikan nama, User bisa langsung klik button OK yang menuju halaman MENU (SS-Menu)
Link From Screen ID: SS-Video Link to Screen ID: SS-Menu Color Scheme: Hijau #669933, Hijau #336633
Text Attributes: - Comic Sans, 14
- Comic Sans, 12 pada “with facebook”
Still Images: Ozan-Logo.png, button_enter.png, facebook.png Audio:
Video:
99
3.4.6.3 Storyboard Menu
Tabel 3.41 Storyboard Halaman Menu Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 3 of 20 Screen ID: SS-Menu
Screen Description: Halaman ini merupakan halaman utama game Ozan The Lobak Shooter, yang terhubung dengan halaman-halaman lainnya melalui button sebagai berikut:
- Button PLAY menuju halaman Loading (SS-Load) - Button OPTION menuju halaman Option (SS-Opti)
- Button HIGHSCORE menuju halaman Highscore (SS-Score) - Button CREDITS menuju halaman Credits (SS-Credit) Link From Screen ID: Reg,
SS-Konfrm,SS-Opti, SS-Score, SS-Credit
Link to Screen ID: SS-Load, SS-Opti, SS-Score, SS-Credit
Color Scheme: Hijau #669933, Hijau #336633
Text Attributes: Menu - Comic Sans MS, Hijau #009900
Still Images: Ozan-Logo.png, button_credit.png, button_highscore.png, button_option.png, button_play.png
Audio: Video: Animation:
100
3.4.6.4 Storyboard Loading
Tabel 3.42 Storyboard Halaman Loading Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 4 of 20 Screen ID: SS-Load
Screen Description: Halaman LOADING untuk meload data untuk kebutuhan program yang selanjutnya menuju halaman STORY (SS-Story)
Link From Screen ID: SS-Menu Link to Screen ID: SS-Story Color Scheme: Hitam #000000, Putih #ffffff
Text Attributes: Still Images: Audio: Video:
101
3.4.6.5 Storyboard Story
Tabel 3.43 Storyboard Halaman Story Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 5 of 20 Screen ID: SS-Story
Screen Description:
- Halaman ini menampilka cerita dari game dalam bentuk gambar.
- Halaman ini bisa langsung dilewat dengan button SKIP yang selanjutnya menuju TUTORIAL (SS-Tutorial)
Link From Screen ID: SS-Load Link to Screen ID: SS-Tutorial Color Scheme: Hijau #669933, Hijau #336633
Text Attributes: Skip - Comic Sans MS, 14, Hitam (#000000)
Still Images: btn_skip.png, p_1.jpg,p_2.jpg, p_3.jpg, p_4.jpg, p_5.jpg, p_6.jpg, p_7.jpg, p_8.jpg, p_9.jpg
Audio: Video:
102
3.4.6.6 Storyboard Tutorial
Tabel 3.44 Storyboard Halaman Tutorial Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 6 of 20 Screen ID: SS-Tutorial
Screen Description: Memberikan tutorial singkat untuk menggunakan controller, halaman ini bisa langsung dilewati dengan menekan button NEXT yang langsung memulai game (SS-Stage1).
Link From Screen ID: SS-Story Link to Screen ID : SS-Stage1 Color Scheme: Hijau #669933, Hijau #336633
Text Attributes: Comic Sans 40, 14 Hitam #00000 Still Images: btn_next.png, tutorial.jpg
Audio: Video:
103
3.4.6.7 Storyboard Stage 1
Tabel 3.45 Storyboard Halaman Stage 1 Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 7 of 20 Screen ID: SS-Stage1
Screen Description: Halaman ini menampilkan User yang memainkan game, halaman ini menampilkan karakter User dan enemy. Di bawah terdapat dua button JUMP dan FIRE, pada bagian atas terdapat button PAUSE, LIFE, SCORE dan Nama dari User.
- Warna biru muda di-background pada storyboard menggambarkan STAGE 1 yang pada game akan menjadi waktu pagi/siang hari
- Button JUMP, berfungsi untuk melompat dan menghindari enemy - Button FIRE, berfunsi untuk menembak enemy
- LIFE, berfungsi untuk menampilkan kotak hidup yang dimiliki User, sekali permainan; User akan diberi LIFE : 5
- Di pojok kanan ditampilkan score yang telah di dapat dan nama User. - Di pojok kiri atas, menampilkan button PAUSE yang akan menuju ke
halaman PAUSE (SS-Pause)
- Jika User berhasil menyelesaikan STAGE 1 maka akan dilanjutkan ke halaman (SS-EndStage)
- Jika User gagal menyelesaikan STAGE 1 maka akan dilanjutkan ke halaman (SS-Gameover)
Link From Screen ID: Tutorial, SS-Pause
Link to Screen ID: EndStage, SS-Pause, SS-Gameover
Color Scheme: Biru Muda #66ccff, Hijau # 99cc33, Kuning #ffff66, Cokelat #cc9966
Text Attributes: Comic Sans
Still Images: bg_1.jpg, health.png, health_mini.png, lobak.png, map2.gif, coin.png, btn_fire.png, btn_jump.png, btn_pause.png
Audio: gun.wav, jump.wav Video:
104
3.4.6.8 Storyboard Stage 2
Tabel 3.46 Storyboard Halaman Stage 2 Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 8 of 20 Screen ID: SS-Stage2
Screen Description: Halaman ini menampilkan User yang memainkan game, halaman ini menampilkan karakter User dan enemy. Di bawah terdapat dua button JUMP dan FIRE, pada bagian atas terdapat button PAUSE, LIFE, SCORE dan Nama dari User.
- Warna orange di-background pada storyboard menggambarkan STAGE 2 yang pada game akan menjadi waktu sore
- button JUMP, berfungsi untuk melompat dan menghindari enemy - button FIRE, berfunsi untuk menembak enemy
- LIFE, berfungsi untuk menampilkan kotak hidup yang dimiliki User, sekali permainan; User akan diberi LIFE : 5
- Di pojok kanan ditampilkan score yang telah di dapat dan nama User. - Di pojok kiri atas, menampilkan button PAUSE yang akan menuju ke
halaman PAUSE (SS-Pause)
- Jika User berhasil menyelesaikan STAGE 2 maka akan dilanjutkan ke halaman (SS-EndStage)
- Jika User gagal menyelesaikan STAGE 2 maka akan dilanjutkan ke halaman (SS-Gameover)
Link From Screen ID: SS-EndStage, SS-Pause
Link to Screen ID: EndStage, SS-Pause, SS-Gameover
Color Scheme: Orange #ff9933, Hijau #999933, Abu-abu #666666 Text Attributes: Comic Sans
Still Images: : bg_1.jpg, health.png, health_mini.png, lobak_x.png, map2.gif, coin.png, btn_fire.png, btn_jump.png, btn_pause.png
Audio: gun.wav, jump.wav Video:
105
3.4.6.9 Storyboard Stage 3
Tabel 3.47 Storyboard Halaman Stage 3 Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 9 of 20 Screen ID: SS-Stage3
Screen Description: Halaman ini menampilkan User yang memainkan game, halaman ini menampilkan karakter User dan enemy. Di bawah terdapat dua button JUMP dan FIRE, pada bagian atas terdapat button PAUSE, LIFE, SCORE dan Nama dari User.
- Warna biru tua di-background pada storyboard menggambarkan STAGE 3 yang pada game akan menjadi waktu malam
- button JUMP, berfungsi untuk melompat dan menghindari enemy - button FIRE, berfunsi untuk menembak enemy
- LIFE, berfungsi untuk menampilkan kotak hidup yang dimiliki User, sekali permainan; User akan diberi LIFE : 5
- Di pojok kanan ditampilkan score yang telah di dapat dan nama User. - Di pojok kiri atas, menampilkan button PAUSE yang akan menuju ke
halaman PAUSE (SS-Pause)
- Jika User berhasil menyelesaikan STAGE 3 maka akan dilanjutkan ke halaman (SS-EndStory)
- Jika User gagal menyelesaikan STAGE 3 maka akan dilanjutkan ke halaman (SS-Gameover)
Link From Screen ID: SS-EndStage, SS-Pause
Link to Screen ID: EndStory, SS-Pause, SS-Gameover
Color Scheme: Biru Malam #3399cc, Cokelat # cc9966 Text Attributes: Comic Sans
Still Images: bg_1.jpg, health.png, health_mini.png, lobak_xtreme.png, map2.gif, coin.png, btn_fire.png, btn_jump.png, btn_pause.png
Audio: gun.wav, jump.wav Video:
106
3.4.6.10 Storyboard End Stage
Tabel 3.48 Storyboard Halaman End Stage Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 10 of 20 Screen ID: SS-EndStage
Screen Description: Halaman ini menampilkan akhir dari setiap STAGE yang dilewati, dan memberitahu User hasil permainan yang dimainkan User dan juga bonus STAGE untuk User. Halaman ini mempunyai dua button, yaitu BACK TO MENU dan NEXT STAGE
- User bisa langsung berhenti bermain dengan memilih button BACK TO MENU (SS-Konfrm)
- NEXT STAGE, button ini berfungsi untuk melanjutkan ke STAGE berikutnya (SS-Stage1, SS-Stage2)
Link From Screen ID: Konfrm, SS-Stage1, SS-Stage2
Link to Screen ID: Konfrm, SS-Stage2, SS-Stage3
Color Scheme: Hijau #669933, Hijau #336633, White #ffffff
Text Attributes: - Judul - Comic Sans MS, 40, Hitam (#000000), Comic Sans MS, 14, Hitam (#000000)
Still Images: f_end_stage.jpg, lobak_x.png, lobak_xtreme.png, btn_back_to_menu.png, btn_next_stage.png
Audio: Video:
107
3.4.6.11 Storyboard Pause
Tabel 3.49 Storyboard Halaman Pause Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 11 of 20 Screen ID: SS-Pause
Screen Description: Halaman ini menampilkan beberapa pilihan dari saat User sedang bermain dan menekan button PAUSE.
- User bisa melanjutkan permainan kembali dengan memilih button RESUME (SS-Stage1, SS-Stage2, SS-Stage3)
- User bisa langsung berhenti bermain dengan memilih button BACK TO MENU (SS-Konfrm)
Link From Screen ID: Stage1, SS-Stage2, SS-Stage3, SS-Konfrm
Link to Screen ID: Stage1, SS-Stage2, SS-Stage3, SS-Konfrm Color Scheme: Hitam #000000
Text Attributes: - Judul - Comic Sans MS, 40, Putih (#ffffff) Still Images: btn_resume.png, btn_back_to_menu.png Audio:
Video:
108
3.4.6.12 Storyboard Konfirmasi
Tabel 3.50 Storyboard Halaman Konfirmasi Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 12 of 20 Screen ID: SS-Konfrm
Screen Description: Halaman ini untuk meyakinkan User bahwa jika User memilih NO maka akan kembali ke halaman (SS-Stage1, SS-Stage2, SS-Stage3,) sesuai halaman sebelumnya, jika User memilih YES maka User sudah benar ingin berhenti yang langsung menuju halaman Menu (SS-Menu)
Link From Screen ID: SS-Pause Link to Screen ID: Stage1, SS-Stage2, SS-Stage3, SS-Menu Color Scheme: Hitam #000000
Text Attributes: Comic Sans MS, 14, Putih (#ffffff) Still Images: btn_yes.png, btn_no.png
Audio: Video:
109
3.4.6.13 Storyboard Game Over
Tabel 3.51 Storyboard Halaman Game Over Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 13 of 20 Screen ID: SS-Gameover
Screen Description: Halaman ini menampilkan hasil dari permainan yang gagal menyelesaikan STAGE. Dan di halaman ini ada button BACK TO MENU yang bisa kembali ke halaman menu yang terlebih dahulu menampilkan halaman Konfirmasi (SS-Konfrm).
Link From Screen ID: Stage1, SS-Stage2, SS-Stage3
Link to Screen ID: SS-Konfrm Color Scheme: Hijau #669933, Hijau #336633, White #ffffff
Text Attributes:
- Judul - Comic Sans MS, 40, Hitam (#000000), - Comic Sans MS, 14, Hitam (#000000) Still Images: f_over.png, btn_back_to_menu.png Audio: gameover.wav
Video:
110
3.4.6.14 Storyboard Option
Tabel 3.52 Storyboard Halaman Option Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 14 of 20 Screen ID: SS-Opti
Screen Description: Halaman ini menampilkan pengaturan suara dan pemilihkan karakter.
- Pada bagian atas ada Check Box untuk mematikan atau menghidupkan suara
- Pada bagian tengah, User bisa memilih karakter yang diinginkannya - Pada bagian bawah terdapat tiga button, BACK, RESET dan OK. Untuk
RESET dan OK merupakan pengaturan, untuk BACK merupakan button kembali ke halaman sebelumnya yaitu Menu (SS-Menu)
Link From Screen ID: SS-Menu Link to Screen ID: SS-Menu Color Scheme: Hijau #669933, Hijau #336633
Text Attributes:
- Judul - Comic Sans MS, 40, Putih (#ffffff), Comic Sans MS, 14, Putih (#ffffff) Still Images: bg.jpg, btn_back.png, btn_reset.png, btn_ok.png, ozan1.png, ozan2.png
Audio: Video:
111
3.4.6.15 Storyboard Highscore
Tabel 3.53 Storyboard Halaman Highscore Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 15 of 20 Screen ID: SS-Score
Screen Description: Halaman ini menampilkan score tertinggi dari banyak User yang memainkan game Ozan the Lobak Shooter. Urutan teratas merupakan pemilik score yang tertinggi. Pada halaman ini hanya mempunyai satu buah button,yang berfungsi untuk kembali kehalaman Menu (SS-Menu)
Link From Screen ID: SS-Menu Link to Screen ID: SS-Menu Color Scheme: Hijau #669933, Hijau #336633
Text Attributes:
- Judul – Comic Sans MS, 40, Putih (#ffffff)
- Hasil perolehan score – Comic Sans MS, 14, Putih (#ffffff) Still Images: btn_back.png, bg.jpg
Audio: Video:
112
3.4.6.16 Storyboard Credit
Tabel 3.54 Storyboard Halaman Credit Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 16 of 20 Screen ID: SS-Credit
Screen Description: Halaman ini menampilkan credits pembuat game Link From Screen ID: SS-Menu Link to Screen ID: SS-Menu Color Scheme: Hijau #669933, Hijau #336633
Text Attributes:
- Judul CREDITS - Comic Sans MS, 40, Putih (#ffffff) - Nama pembuat game – Comic Sans MS, 14, Putih (#ffffff) Still Images: photo.jpg, btn_back.png, bg.jpg
Audio: Video:
113
3.4.6.17 Storyboard Akhir Cerita
Tabel 3.55 Storyboard Halaman Akhir Cerita Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 17 of 20 Screen ID: SS-EndStory
Screen Description:
- Halaman ini menampilkan akhir cerita dari game dalam bentuk gambar. Link From Screen ID: SS-Stage3 Link to Screen ID: SS-Congrat Color Scheme: Hijau #669933, Hijau #336633
Text Attributes: Comic Sans MS, 18, Hitam (#000000) Still Images: e_1.jpg, e_2.jpg, e_3.jpg, e_4.jpg, e_5.jpg Audio:
Video:
114
3.4.6.18 Storyboard Congratulation
Tabel 3.56 Storyboard Halaman Congratulation Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 18 of 20 Screen ID: SS-Congrat
Screen Description: Halaman ini memberikan kata selamat kepada User yang sukses menyelesaikan semua STAGE dan menampilkan perolehan score.
Halaman ini mempunyai dua button, SHARE dan BACK TO MENU. Button Share untuk men-Share hasil perolehan score ke account facebook dan BACK TO MENU (SS-Konfrm) untuk berhenti bermain.
Link From Screen ID: SS-EndStory Link to Screen ID: SS-Konfrm Color Scheme: Hijau #669933, Hijau #336633, White #ffffff
Text Attributes:
- Judul - Comic Sans MS, 40, Putih (#ffffff) - Score – Comic Sans MS, 14, Putih (#ffffff) Still Images: f_congratz.png, btn_share.png Audio:
Video:
115
3.4.6.19 Storyboard Login Admin
Tabel 3.57 Storyboard Halaman Login Admin Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013
Screen: 19 of 20 Screen ID: SS-LoginAdmin
Screen Description:
- Halaman ini menampilkan logo game “ Ozan The Lobak Shooter” - Form pengisian nama username dan password sebagai syarat masuk ke
halaman Admin (SS-Admin)
Link From Screen ID: - Link to Screen ID: SS-Admin Color Scheme: Hijau #669933, Hijau #336633
Text Attributes: Comic Sans Ms 14, Putih (#ffffff) Still Images: Ozan-Logo.png, btn_login.png, bg.jpg Audio:
Video:
116
3.4.6.20 Storyboard Admin
Tabel 3.58 Storyboard Halaman Admin Multimedia Storyboard
Project: Ozan The Lobak Shooter Date: 17/5/2013 Screen: 20 of 20 Screen ID: SS-Admin
Screen Description: Halaman ini admin bisa mengupdate value dari karakter yang ada di game
Link From Screen ID: SS-LoginAdmin Link to Screen ID: SS-LoginAdmin Color Scheme: Hijau #669933, Hijau #336633
Text Attributes: Judul - Comic Sans MS, 40, Putih (#ffffff) - Comic Sans MS, 14, Putih (#ffffff)
Still Images: bg.jpg, btn_logout.png, btn_reset.png, btn_update.png Audio:
Video: