Event 3. Pemain memilih user mana yang ingin dihapus. Jika sudah dipilih
3.5.10 Perancangan Layar
Tabel 3.49 Storyboard Input First U ser Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 1 of 16 Screen ID: 1
Screen Description:
Perancangan layar Input First User terdapat sebuah textbox yang berfungsi untuk menginput nama pemain yang akan menjadi user name pemain tersebut. Dan terdapat
button ‘OK’ yang dapat di klik jika sudah selesai memasukkan nama pada textbox.
Layar ini hanya akan muncul pada saat pertama kali user menjalankan game ini. Link From Screen ID: - Link to Screen ID: 2
Color Scheme: coklat terang
Text Attributes: font : Typeface : Tekton Pro, font size : 25
Still Images: judul.png, frame.png, ol.png
Audio: -
Video: -
Tabel 3.50 Storyboard Main Menu Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 2 of 16 Screen ID: 2
Screen Description:
Perancangan layar Main Menu merupakan halaman yang ditampilkan setiap kali game dimainkan. Pada layar ini pada bagian atas terdapat judul game, di bagian bawahnya terdapat beberapa button menu, yaitu adventure,option, help, credit dan quit. Disamping
mengganti pemain (switch player).
Link From Screen ID: 1, 3, 4, 5, 10, 11, 13, 14,15
Link to Screen ID: 3, 4, 5, 7, 11, 13
Color Scheme: biru, coklat
Text Attributes: -
Still Images: background.png, welcome.png, judul.png, clik this.png, adventure.png, option.png, help.png, credit.png, quit.png
Audio: main menu bgm.mp3
Video: -
Tabel 3.51 Storyboard Choose Unit and Item Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 3 of 16 Screen ID: 3
Screen Description:
Perancangan layar choose unit and item merupakan halaman yang akan ditampilkan setelah pemain memilih menu adventure dari halaman sebelumnya. Pada halaman ini
terdapat button ‘SHOP’ jika pemain ingin membeli item tambahan, di bawah button ‘SHOP’ terdapat label deskripsi unit atau item, dimana deskripsi unit atau item ini akan menjelaskan tentang unit atau item sesuai dengan dimana kursor berada. Disamping label terdapat pilihan unit (char) dan dibawahnya terdapat pilihan item. Pemain dapat klik setiap item atau char. Dan setiap item dan char yang sudah di klik atau dipilih akan tampil di label di bawah deskripsi char atau item sebagai char atau item yang dipilih. Dan di samping nya terdapat button back jika ingin kembali ke layar menu utama dan
button start jika ingin memulai permainan. User juga dapat memilih level yang
diinginkan.
Link From Screen ID: 2, 7, 12 Link to Screen ID: 2, 6, 7
Color Scheme: coklat terang
Text Attributes: font : Typeface : Tekton Pro
Still Images: frame.png, unit-unit, item-item, shop.png, start.png, prev.png, next.png, back.png
Audio: main menu bgm.mp3
Video: -
Tabel 3.52 Storyboard Help Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 4 of 16 Screen ID: 4
Screen Description:
Perancangan layar help merupakan halaman yang menampilkan bantuan penjelasan tentang instruksi permainan, deskripsi unit, deskripsi item dan deskripsi musuh. Terdapat
tombol next untuk melanjutkan ke halaman help selanjutnya dan ada button previous jika ingin kembali, dan ada button ‘OK’, jika button OK di klik maka akan kembali ke layar menu utama.
Link From Screen ID: 2 Link to Screen ID: 2
Color Scheme: coklat muda
Text Attributes: Typeface : Tekton Pro
Still Images: frame.png, help.png, prev.png, next.png, oke.png
Audio: main menu bgm.mp3
Video: -
Tabel 3.53 Storyboard Option Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 5 of 16 Screen ID: 5
Screen Description:
Perancangan layar option merupakan halaman yang menampilkan pengaturan–
mengatur backsound musik.. Ada button ‘OK’ di bagian bawah dan jika button ‘OK’ di klik maka akan kembali ke layar menu utama.Jika Pemain meng-klik tombol fullscreen maka game akan menjadi fullscreen.
Link From Screen ID: 2 Link to Screen ID: 2
Color Scheme: coklat terang
Text Attributes: -
Still Images: music.png, sound.png, frame.png, option.png, oke.png,fullscreen.png
Audio: main menu bgm.mp3
Video: -
Tabel 3.54 Storyboard Gameplay Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 6 of 16 Screen ID: 6
Screen Description:
Perancangan layar in game adalah tampilan halaman pada saat game sedang dimainkan. Di bagian paling atas terdapat keterangan ‘mana’ yang dimiliki pemain, time bar yang
mengindikasikan sisa waktu dan button menu yang jika di klik akan meng-direct ke layar pause game. Di tengah- tengah terdapat layar permainan dimana karakter pemain dan musuh akan berperang, dibagian paling bawah terdapat unit atau item karakter yang dipilih oleh pemain pada layar pilihan unit atau item. Lalu ada keterangan gold yang dimiliki pemain dan stage yang sudah dicapai oleh pemain.
Link From Screen ID: 3, 8 Link to Screen ID: 8, 12, 16
Color Scheme: putih, abu-abu
Text Attributes: Typeface : Tekton Pro, Showcard Gothic
Still Images: stage.png, icon.png, menu.png, bar waktu.png
Audio: stage1.mp3, stage2.mp3, stage3.mp3
Video:-
Tabel 3.55 Storyboard Shop Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 7 of 16 Screen ID: 7
Screen Description:
Perancangan layar shop merupakan halaman untuk melakukan pembelian item atau karakter. Terdapat gambar item beserta dengan harga yang sudah tertera terdapat juga next dan previous untuk memilih item dan dibawah gambar item-item tersebut terdapat
label deskripsi item yang menjelaskan item yang dipilih, jika gambar ini di klik maka pemain akan dibawa ke layar klik item to buy untuk melakukan konfirmasi pembelian. Di bagian paling bawah ada keterangan gold yang pemain miliki, dan ada button ‘finish
shop’ jika sudah melakukan pembelian dan pada saat finish shop diklik, maka akan
kembali ke perancangan layar choose your army.
Link From Screen ID: 3, 9 Link to Screen ID: 3, 9
Color Scheme: coklat terang
Text Attributes: Typeface : Tekton Pro
Still Images: unit.png, item.png, shop.png, prev.png, oke.png, next.png
Audio: main menu bgm.mp3
Video: -
Tabel 3.56 Storyboard Pau se Menu Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 8 of 16 Screen ID: 8
Screen Description:
Perancangan layar pause menu merupakan halaman dimana pada saat game berlangsung dan pemain meng-klik button menu. Halaman ini berisi checkbox untuk mengatur
sound, music dan juga terdapat button restart level untuk mengulang kembali permainan
dari awal, lalu ada button main menu yang jika di klik akan masuk ke layar klik main menu dan juga ada button resume untuk kembali ke permainan.
Link From Screen ID: 6, 8,10 Link to Screen ID: 6, 10
Color Scheme: coklat terang
Text Attributes: -
Still Images: frame.png, sound.png, music.png, restart.png, resume.png
Audio: stage1.mp3, stage2.mp3, stage3.mp3
Video: -
Tabel 3.57 Storyboard Confirmation Buying Item Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 9 of 16 Screen ID: 9
Screen Description:
Perancangan layar confirmation buying item merupakan halaman konfirmasi pada saat pembeli ingin membeli barang dari layar shop. Terdapat button ‘OK’ untuk melakukan pembelian dan button ‘cancel’ untuk membatalkan pembelian dan kembali ke layar
shop.
Link From Screen ID: 7 Link to Screen ID: 7
Color Scheme: coklat terang
Text Attributes: Typeface : Tekton Pro
Still Images: frame.png, oke.png, cancel.png
Audio: main menu bgm.mp3
Video: -
Tabel 3.58 Storyboard Confirmation Back Main Menu Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 10 of 16 Screen ID: 10
Screen Description:
Perancangan layar confirmation back main menu merupakan halaman konfirmasi untuk kembali ke layar menu utama dari layar pause game. Terdapat button ‘Leave’ untuk
kembali ke layar menu utama dan button ‘cancel’ untuk membatalkan dan kembali ke layar permainan.
Link From Screen ID: 8 Link to Screen ID: 2, 8
Color Scheme: coklat terang
Text Attributes: Typeface : Tekton Pro
Still Images: frame.png, leave.png, cancel.png
Audio: stage1.mp3, stage2.mp3, stage3.mp3
Video: -
Tabel 3.59 Storyboard Confirmation Quit Game Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 11 of 16 Screen ID: 11
Screen Description:
Perancangan layar confirmation quit game merupakan halaman konfirmasi untuk keluar dari game. Halaman ini keluar pada saat pemain meng klik button quit dari halaman menu utama. Terdapat button quit jika ingin keluar dari game dan button cancel jika
ingin membatalkan keluar dari game dan kembali ke layar menu utama.
Link From Screen ID: 2 Link to Screen ID: 2
Color Scheme: coklat terang
Text Attributes: Typeface : Tekton Pro
Still Images: frame.png, quit.png, cancel.png
Audio: main menu bgm.mp3
Video: -
Tabel 3.60 Storyboard Congratulation Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 12 of 16 Screen ID: 12
Screen Description:
Perancangan layar congratulation merupakan halaman yang menampilkan reward yang didapat setelah memenangkan satu game. Terdapat label image yang akan menampilkan
reward apa yang di dapat. Jika Tombol ok ditekan maka akan kembali lagi ke menu
choose army.
Link From Screen ID: 6 Link to Screen ID: 3
Color Scheme: coklat terang
Text Attributes: Typeface : Tekton Pro
Still Images: frame.png, oke.png
Audio: stage1.mp3, stage2.mp3, stage3.mp3
Video: -
Tabel 3.61 Storyboard Edit User Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 13 of 16 Screen ID: 13
Screen Description:
Perancangan layar edit user merupakan halaman untuk memilih atau membuat user yang baru. Di halaman ini terdapat button create new user untuk membuat user baru, lalu ada
button rename untuk mengedit nama user yang sudah ada, ada button delete untuk
menghapus user yang sudah pernah dibuat, ada button ‘OK’ jika sudah selesai dan kembali ke menu layar utama dan terakhir ada button cancel jika ingin membatalkan dan kembali ke menu layar utama.
Link From Screen ID: 2 Link to Screen ID: 2
Color Scheme: coklat terang
Text Attributes: Typeface : Tekton Pro
Still Images: frame.png, rename.png, delete.png, oke.png, cancel.png
Audio: main menu bgm.mp3
Video: -
Tabel 3.62 Storyboard Credits Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 14 of 16 Screen ID: 14
Screen Description:
Perancangan layar credits merupakan halaman yang berisi tampilan nama-nama
menuju ke kembali ke layar main menu.
Link From Screen ID: 2 Link to Screen ID: 2
Color Scheme:- Text Attributes: - Still Images: - Audio: - Video: credit.mp4 Animation: -
Tabel 3.63 Storyboard Add User Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 15 of 16 Screen ID: 15
Screen Description:
Perancangan layar add user merupakan halaman yang menampilkan input textbox untuk mendapatkan input-an nama dari user. Jika user telah selesai memasukan nama dapat
menekan tombol ‘OK’ atau untuk membatalkan dapat menekan tombol “CANCEL”.
Link From Screen ID: 13 Link to Screen ID: 13, 2
Color Scheme:coklat terang
Text Attributes: -
Still Images: frame.png, oke.png, cancel.png
Audio: -
Video: credit.mp4
Tabel 3.64 Storyboard Confirmation Lost Game Multimedia S toryboard
Project: Ant Versus Obstacle Date: 25 Oktober 2011
Screen: 16 of 16 Screen ID: 16
Screen Description:
Perancangan layar Confirmation Lost Game merupakan halaman yang menampilkan tesk konfirmasi dan tombol untuk mengulang permainan atau tidak. Jika pemain ingin mengulang maka level akan direstart. Jika tidak maka pemain akan kembali ke menu
utama.
Link From Screen ID: 6 Link to Screen ID: 6, 2
Color Scheme:coklat terang
Text Attributes: Tekton Pro
Still Images: frame.png, oke.png, cancel.png
Audio: stage1.mp3, stage2.mp3, stage3.mp3
Video: - Animation: -