BAB 3 ANALISIS DAN PERANCANGAN 3.1.
ANALISIS GAME Analisis game dilakukan untuk mendukung perancangan game yang akan
dibuat. Ada dua analisis yang akan dilakukan, yaitu analisis game sejenis dan analisis kebutuhan pengguna.
3.1.1. ANALISIS GAME SEJENIS Pada tahap ini, akan dilakukan analisis terhadap tiga game sejenis yang berhubungan dengan tema game yang akan dirancang.
Tower Defense : Lost Earth
Gambar 3.1 Tampilan Awal Game Tower Defense : Lost Earth
Tower Defense : Lost Earth merupakan mobile game Android bertipe tower defense dengan grafik 2D dan orientasi landscape, dimana pemain harus melindungi markas dari serangan musuh-musuh yang datang menyerang. Cerita dari game ini bermula dari orang-orang di bumi yang pergi menjelajah ke planet-planet untuk mencari sumber daya alam baru. Akan tetapi, mereka mulai diserang oleh makhluk-makhluk yang tinggal di planet tersebut. Elemen multimedia yang digunakan pada game ini yaitu gambar, suara, teks, dan animasi. Game ini memiliki tiga tingkat kesulitan, yaitu Easy, Normal, dan Hard. 52
53 Dalam game Tower Defense : Lost Earth, terdapat tiga macam mode permainan, yaitu Campaign, Challenge, dan Special Missions. Pada campaign mode, pemain harus menyelesaikan stage untuk mendapatkan story dari game. Terdapat 40 stage pada campaign mode. Challenge mode merupakan mode dimana pemain harus mengalahkan musuh-musuh dengan menggunakan strategi tertentu. Sedangkan special missions mode merupakan mode yang berisi stage-stage tambahan. Stage-stage pada challenge mode dan special missions mode didapatkan setelah menyelesaikan stage tertentu pada campaign mode.
Gambar 3.2 Tampilan Pemilihan Stage
Setiap stage memiliki tipe game yang berbeda. Terdapat empat tipe game, yaitu defense, survive, gather, dan attack. Tipe defense merupakan tipe game dimana pemain harus mempertahankan markas dari serangan musuh sebanyak wave tertentu. Tipe survive merupakan tipe game dimana pemain mempertahankan markas selama waktu yang telah ditentukan. Dalam tipe gather, pemain harus mengumpulkan sejumlah recource tertentu untuk menyelesaikan stage. Dalam tipe attack, pemain harus mengalahkan boss yang diletakkan pada area tertentu. Pada awal permainan, pemain hanya diberikan satu jenis tower. Setiap menyelesaikan stage tertentu pada campaign mode, pemain akan diberikan tower baru yang dapat membantu untuk mengalahkan musuhmusuh yang lebih kuat. Setiap tower dapat di-upgrade sebanyak dua kali, dimana setiap upgrade akan menambah daya serang, kecepatan, dan
54 jangkauan serang. Akan tetapi, terdapat satu jenis tower yang tidak dapat menyerang dan tidak dapat di-upgrade. Tower jenis ini hanya dapat diletakkan pada tempat khusus dan berguna untuk menghasilkan resource yang dipakai untuk membangun tower-tower. Pemain juga diberikan tutorial saat memulai stage, seperti bagaimana membangun tower dan upgrade tower.
Gambar 3.3 Tampilan Sebelum Memulai Stage
Setiap akan memulai stage, pemain akan diberikan pilihan untuk memilih tower-tower mana yang akan mereka gunakan pada stage tersebut. Pemain dapat memilih sebanyak enam jenis tower yang telah tersedia untuk dipakai dalam stage tersebut. Pemain juga diberikan special weapon sebanyak
satu
buah
yang
berguna
membantu
pemain
dalam
mempertahankan markas. Jenis special weapon yang tersedia berbeda-beda dalam setiap stage. Terdapat juga fitur power up, dimana pemain dapat membeli item untuk membantu dalam stage yang dimainkan. Jenis item yang
dapat
dibeli
yaitu
item
untuk
menambah
kekuatan
serangan,
menambah resource, menambah jumlah special weapon, dan menambah life. Untuk membeli item ini dibutuhkan diamonds. Diamonds dapat diperoleh
setelah
menyelesaikan
sebuah
stage.
Diamonds
juga
dapat
diperoleh apabila pemain menyelesaikan misi-misi yang tersedia pada setiap stage.
55
Gambar 3.4 Tampilan In-Game Tower Defense : Lost Earth
Jenis
musuh
dalam
game
ini
juga
berbeda-beda,
beberapa
diantaranya yaitu musuh yang lemah, musuh yang memiliki darah yang banyak, musuh yang cepat, musuh yang bergerak dalam grup, dan musuh yang mengeluarkan musuh-musuh yang lebih lemah setelah mati.
Plants vs Zombies
Gambar 3.5 Tampilan Awal Game Plants vs Zombies
Plants vs Zombies merupakan game dengan genre tower defense salah satu subgenre dari strategy yang dimainkan pada mobile devices dengan sistem operasi Android. Dalam game ini tujuan utama pemain adalah membangun tower untuk melindungi rumah pemain dari serangan para zombies. Bagian yang unik dari game ini, tower yang digunakan untuk menghalangi zombies adalah tanaman. Setiap tanaman memiliki
56 kemampuan yang berbeda, namun kemampuan setiap tanaman disesuaikan mendekati
dengan
tanaman
sebenarnya.
Bukan
hanya
tanaman
yang
memiliki kemampuan yang berbeda, tetapi para zombies juga memiliki kemampuan yang berbeda sehingga pemain harus pintar-pintar dalam menentukan tanaman yang cocok untuk menghadapi para zombies. Untuk membangun tanaman pemain membutuhkan sinar matahari. Sinar matahari bisa didapat dari bunga matahari yang dibangun pemain dan sinar matahari yang jatuh secara acak pada siang hari. Pada game ini, terdapat empat elemen multimedia, yaitu gambar, suara, teks, dan animasi. Sebelum memulai game ini pemain akan diminta untuk
memasukkan
menyimpan
game
nama yang
yang
akan
dimainkan
digunakan,
sehingga
tujuannya
untuk
pemain
ingin
ketika
melanjutkan permainannya kembali, pemain hanya perlu memilih namanya dan permainannya dapat dilanjutkan kembali. Pada awal permainan pemain akan mendapatkan tutorial bagaimana cara memainkan game ini pada level yang
mudah,
setelah
selesai
dari
tutorial
ini
pemain
dapat
terus
melanjutkan ke level selanjutnya dengan cara bermain pemain sendiri.
Gambar 3.6 Tampilan Menu Game
Dalam
game ini
terdapat
lima mode
yang dapat
dimainkan,
sehingga pemain tidak cepat bosan dengan adanya mode yang bervariasi ini. Mode tersebut yaitu :
57 1. Adventure Dalam mode ini pemain harus menyelesaikan seluruh level yang ada. Tingkat kesulitan tiap level berbeda-beda karena dipengaruhi oleh kemampuan zombies dan beberapa keadaan yaitu siang hari, malam hari, malam berkabut, kolam renang, dan atap rumah. Keadaan ini menentukan jenis tanaman yang dapat digunakan dan yang tidak dapat digunakan. Terdapat beberapa gameplay dalam mode ini sehingga pemain tidak gampang bosan yaitu membangun tanaman dengan sinar matahari yang diperoleh sendiri, melempar salah satu tanaman yang digunakan untuk bertahan seperti bermain bowling, memukul zombies dengan palu, membangun tanaman yang disediakan secara acak tanpa menggunakan sinar matahari pada malam hari dan malam hari berkabut dengan gelap gulita, dan membunuh zombies yang keluar dari vas yang dihancurkan oleh pemain. Pemain akan mendapatkan tanaman baru setelah menyelesaikan level-level
tertentu.
digunakan
untuk
Tanaman
melawan
yang
zombies
didapatkan pada
level
pemain berikutnya.
biasanya Selain
mendapatkan tanaman baru, pemain juga bisa mendapatkan kunci mobil, dimana mobil tersebut merupakan sebuah shop yang menyediakan berbagai barang yang mendukung pemain dalam menyelesaikan game ini. Level-level tertentu dalam mode ini juga untuk membuka mini games, puzzle, survival, dan zen garden sehingga dapat dimainkan. 2. Quick play. Pada mode ini pemain dapat memilih level yang sudah pernah dilewati oleh pemain tanpa memulai dari awal lagi.
58
Gambar 3.7 Tampilan In-Game Plants vs Zombies
Fitur lain yang ditawarkan dalam game ini adalah achievement dan zombatar. Achievement merupakan sebuah penghargaan kepada pemain. Penghargaan bisa didapatkan jika pemain menyelesaikan seluruh perintah sesuai dengan permintaan penghargaan tersebut. Penghargaan ini bisa menjadi
kebanggaan
sendiri
bagi
seorang
pemain
dan
menunjukkan
seberapa ahli dia dalam memainkan game ini.
Smurfs Village
Gambar 3.8 Tampilan Awal Game Smurfs Village
Smurfs
Village
merupakan
sebuah
game
construction
and
management simulation yang berjalan pada platform mobile Android. Game ini bertujuan untuk membantu para Smurfs membangun ulang desa mereka yang telah hancur oleh serangan musuh mereka yaitu Gargamel. Game ini
59 memiliki tampilan 2½D dan orientasi landscape. Elemen multimedia yang terdapat pada game ini yaitu gambar, suara, teks, dan animasi. Pada awal permainan, pemain dapat melihat cerita awal dan pengenalan karakter. Story pada game ini kebanyakan dipicu oleh Papa Smurfs. Setiap quest baru ditandai dengan tanda seru kuning di atas kepala Papa Smurfs. Quest yang telah diselesaikan akan memberikan sejumlah
XP
yaitu
experience
point
untuk
meningkatkan
level
dan
membuka beberapa item atau bibit tanaman baru.
Gambar 3.9 Tampilan Pengambilan Quest
Pemain dibimbing melalui serangkaian tutorial di dalam permainan, Tutorial ini berfungsi untuk menjelaskan secara rinci cara memainkan game ini. Pemain dibekali dengan dua jenis mata uang yaitu Gold Coins dan Smurfberries. Gold Coins adalah nama mata uang dasar pada game ini dan berguna untuk membeli bangunan, lahan pertanian, dekorasi, dan lainnya pada menu Build. Sedangkan Smurfberries adalah mata uang khusus yang berguna untuk mempercepat segala proses, mulai dari waktu perjalanan Quest sampai waktu membangun bangunan yang diinginkan, serta membeli beberapa
bangunan spesial. Smurfberries tidak mudah
didapatkan sehingga pemain harus berhemat dan mengatur strategi dalam menggunakannya.
60
Gambar 3.10 Tampilan Mata Uang Smurfs Village
Para Smurfs pada game ini bertindak sebagai penduduk desa. Satu Smurfs hanya dapat mengerjakan satu pekerjaan, sehingga jika pemain ingin
melakukan
membangun
rumah
banyak lagi
kegiatan untuk
sekaligus,
menambah
maka
pemain
harus
kapasitas
Smurfs.
Untuk
membangun sebuah bangunan, pemain dapat menekan tombol Build pada layar di sebelah kanan bawah. Bangunan yang dapat dibeli menggunakan Gold Coins pada layar Build yaitu rumah Smurfs, lahan pertanian, pagar, rumput, dan dekorasi lainnya. Selain itu pemain juga dapat membeli beberapa bangunan spesial menggunakan sejumlah Smurfberries. Bangunan tersebut memiliki efek menambah pendapatan Gold Coins dan XP secara berkala. Sumber pendapatan utama pada game ini adalah pertanian. Ada berbagai jenis bibit yang dapat digunakan dengan variasi waktu menanam serta hasil yang diberikan berbeda-beda. Game ini juga menyediakan tiga jenis mini games yaitu membuat ramuan, memanggang kue, dan melukis Smurfs. Reward yang diberikan jika menyelesaikan mini games ini adalah sejumlah XP.
61
Gambar 3.11 Tampilan In-Game Smurfs Village
Total Defense 3D
Gambar 3.12 Tampilan Menu Game Total Defense 3D
Total defense 3D adalah game dengan genre tower defense yang dapat dimainkan pada perangkat mobile dengan sistem operasi Android. Total Defense 3D menggunakan grafik 3D yang memberikan tampilan visual yang lebih menarik, orientasi landscape dan menggunakan bahasa inggris. Game ini menerapkan seluruh elemen multimedia yaitu teks, suara, gambar, animasi dan video.
62
Gambar 3.13 Tampilan Pemilihan Misi
Tujuan dalam game ini adalah melindungi markas dari serangan para musuh dengan membangun empat jenis tower yang tersedia. Masingmasing tower memiliki pangkat, semakin tinggi pangkatnya maka semakin kuat tower tersebut. Namun untuk dapat meningkatkan pangkat dari masing-masing tower tersebut, tower harus menghancurkan beberapa musuh sebagai persyaratan. Pemain juga bisa mendapatkan resources tambahan dari kristal bewarna hijau yang terdapat di sekitar markas dengan cara menembakkan tower pada kristal hijau tersebut.
Gambar 3.14 Tampilan Skill Panel
Sebelum memulai game ini pemain harus memilih planet yang harus dilindungi. Setelah memilih planet maka di dalam planet tersebut terdapat misi-misi yang harus diselesaikan oleh pemain. Setiap misi
63 memiliki cerita yang berbeda, objektif berbeda dan tiga jenis tingkat kesulitan
dimulai
dari
normal,
hard
dan
hell.
Misi-misi
ini
harus
diselesaikan pemain secara berurutan untuk dapat membuka misi-misi selanjutnya. Setelah pemain memilih misi tersebut, pada awalnya pemain akan diberikan tutorial singkat yang berisi penjelasan singkat mengenai seluruh fitur yang terdapat dalam game ini. Setiap memulai suatu misi, pemain akan diberi tahu tugas yang harus diselesaikan, jumlah waves, petunjuk, dan petunjuk untuk misi.
Gambar 3.15 Tampilan In-Game Total Defense 3D
Dalam game ini juga terdapat fitur menarik yaitu fitur skill yang terdiri dari lima kategori, moving camera, dan upgrade. Fitur skill ini dapat ditingkatkan melalui poin yang kita dapat setelah menyelesaikan misi. Poin yang di dapat setelah menyelesaikan misi sebanyak tiga poin. Skill
ini
berhubungan
dengan
kekuatan
tower,
jumlah
uang
diawal
permainan dan lainnya. Skill yang telah ditingkatkan dapat diturunkan kembali sehingga pemain dapat menentukan strategi untuk masing-masing skill yang dibutuhkan untuk menyelesaikan misi yang berbeda. Moving camera, pemain dapat merubah sudut pandang kamera sesuai dengan keinginan pemain sehingga tampilan yang diperkaya dengan grafik 3D menjadi lebih menarik dan nyata. Upgrade digunakan untuk meningkatkan
64 pangkat dari setiap tower, semakin tinggi pangkat tower tersebut maka semakin kuat juga tower tersebut.
Tabel 3.1 Tabel perbandingan game sejenis
No.
Aspek
1.
Genre
2. 3.
Story Tujuan
4. 5.
Tutorial Gameplay
6. 7.
Bahasa Jenis Grafik Orientasi Fitur
8. 9.
Plants VS Zombies Tower Defense
Ada Melindungi pemilik rumah dari serangan zombie dengan menggunakan tanaman. Ada, in game Membangun tanaman yang digunakan sebagai tower untuk menghalangi zombie yang datang untuk memakan otak pemilik rumah. Beberapa tanaman dapat di-upgrade.
Tower Defense : Lost Earth Tower Defense
Smurfs Village Construction and Management Simulation Ada Ada Melindungi markas Membangun dari serangan alien kembali desa menggunakan yang telah tower. dihancurkan Gargamel.
Inggris 2D
Ada, in game Membangun tower-tower yang dipilih untuk membasmi alien yang datang untuk menghancurkan markas. Tower dapat di-upgrade dua kali dan diberikan satu special weapon. Alien datang dari jalur yang telah disediakan. Inggris 2D
Landscape - Achievement. - Ada shop. - Almanac, buku informasi tanaman dan zombie. - Quick play
Landscape - Challenge mode dan special missions mode. - Ada shop untuk power up. - Ada empat tipe game : defense,
Ada, in game Membangun kembali desa para Smurfs setelah diserang oleh Gargamel. Menanam tanaman dan bermain mini game.
Inggris 2½D
Tower Defense 3D Tower Defense
Ada Melindungi markas dari serangan para musuh menggunakan tower. Ada, in game Membangun tower-tower yang digunakan untuk melindungi markas dari serangan para musuh. Tower dapat ditingkatkan pangkatnya untuk menjadi lebih kuat. Inggris 3D
Landscape Landscape - Quest untuk - Skill untuk progres cerita meningkatkan dalam game. kekuatan tower, - Mini game menambahkan untuk uang di awal mendapatkan permainan, dan tambahan lainnya.
65 mode pemain dapat langsung memilih level yang telah dilewati.
10.
Elemen - Gambar Multimedia - Suara - Animasi - Teks
11.
Sistem operasi
Android
survival, gather, gold dan - Moving camera, dan attack. experience. pemain dapat - Tiga tingkat - Populasi untuk mengatur sudut kesulitan : easy, melakukan pandang pekerjaan. normal, hard. kamera. - Upgrade, meningkatkan pangkat tiap tower. - Gambar - Gambar - Gambar - Suara - Suara - Suara - Animasi - Animasi - Animasi - Teks - Teks - Teks - Video Android Android Android
3.1.2. ANALISIS KEBUTUHAN PENGGUNA Analisis kebutuhan pengguna dilakukan untuk membantu dalam perancangan game agar sesuai dengan keinginan dan harapan pengguna. Analisis kebutuhan pengguna dilakukan melalui penyebaran kuesioner yang terdiri dari 15 pertanyaan dan disebar secara online ke forum, grup komunitas Android di Facebook, dan komunitas Android di Twitter pada tanggal 15 oktober 2012 - 21 oktober 2012. Target penyebaran kuisioner adalah semua pengguna Android. Total responden dari hasil penyebaran kuisioner ini berjumlah 103 orang. Berikut adalah pertanyaan dan hasil kuisioner yang telah disebar :
66 1. Apakah jenis kelamin Anda ?
Gambar 3.16 Diagram Kue Hasil Kuesioner Nomor 1
Tabel 3.2 Tabel Hasil Kuesioner Nomor 1
Dari berjenis
hasil
kelamin
perempuan.
yang didapatkan, laki-laki
lebih
dibandingkan
banyak yang
responden berjenis
yang
kelamin
67
2. Berapakah umur Anda ?
Gambar 3.17 Diagram Kue Hasil Kuesioner Nomor 2
Tabel 3.3 Tabel Hasil Kuesioner Nomor 2
Berdasarkan hasil kuesioner, maka penyampaian informasi dalam game ini akan disesuaikan dengan pengguna berumur 12 tahun ke atas.
68
3. Mobile device apa yang Anda gunakan ?
Gambar 3.18 Diagram Kue Hasil Kuesioner Nomor 3
Tabel 3.4 Tabel Hasil Kuesioner Nomor 3
Berdasarkan hasil di atas, dapat disimpulkan bahwa sebagian besar
responden
lebih
banyak
menggunakan
Smartphone
Android
dibandingkan Tablet Android. Maka, perancangan game ini akan difokuskan kepada Smartphone Android.
69
4. Versi Android berapa yang Anda gunakan pada mobile device Anda ?
Gambar 3.19 Diagram Batang Hasil Kuesioner Nomor 4
Tabel 3.5 Tabel Hasil Kuesioner Nomor 4
Tujuan dari pertanyaan ini adalah untuk mengetahui versi Android apa yang paling banyak digunakan. Dilihat dari data di atas, sebagian besar responden menggunakan versi Android Gingerbread paling banyak digunakan, kemudian diikuti oleh versi Android Ice Cream Sandwich. Maka, game ini akan dirancang pada versi Android Gingerbread ke atas.
70
5. Apakah Anda suka bermain game pada mobile device Anda ?
Gambar 3.20 Diagram Kue Hasil Kuesioner Nomor 5
Tabel 3.6 Tabel Hasil Kuesioner Nomor 5
Dari hasil yang didapat, dapat disimpulkan bahwa sebagian besar responden suka bermain game pada mobile device yang mereka gunakan. Maka, dapat disimpulkan bahwa game yang akan dirancang dapat menjangkau sebagian besar responden dan memiliki potensi untuk mendapatkan respon yang baik dari pengguna.
71
6. Unsur apa yang penting dari sebuah mobile game ? Urutkan dari 1-5. (1 : paling penting, 2 : penting, 3 : lumayan penting, 4 : kurang penting, 5 : tidak penting)
Gambar 3.21 Diagram Batang Hasil Kuesioner Nomor 6
Tabel 3.7 Tabel Hasil Kuesioner Nomor 6
Setelah data didapat dan dilakukan perhitungan sesuai dengan data diatas, maka dapat diurutkan bahwa unsur terpenting pada sebuah mobile game adalah gameplay, graphics, storyline, animation dan sound. Maka, perancangan game ini akan difokuskan pada unsur gameplay.
72
7. Menurut Anda, jenis grafik apa yang lebih menarik pada mobile game?
Gambar 3.22 Diagram Kue Hasil Kuesioner Nomor 7
Tabel 3.8 Tabel Hasil Kuesioner Nomor 7
Dari data di atas, maka didapatkan hasil bahwa sebagian besar responden lebih suka bermain game pada mobile device mereka dengan tampilan grafik 3D. Maka, game ini akan dirancang menggunakan grafik 3D.
73
8. Bahasa apa yang Anda inginkan ketika bermain mobile game ?
Gambar 3.23 Diagram Kue Hasil Kuesioner Nomor 8
Tabel 3.9 Tabel Hasil Kuesioner Nomor 8
Dari data di atas, maka dapat disimpulkan bahwa hampir keseluruhan responden lebih menyukai Bahasa Inggris ketika bermain game pada mobile device mereka. Maka, game ini akan dirancang menggunakan Bahasa Inggris.
74
9. Dalam bermain mobile game, Anda lebih suka tampilan yang seperti apa?
Gambar 3.24 Diagram Kue Hasil Kuesioner nomor 9
Tabel 3.10 Tabel Hasil Kuesioner Nomor 9
Dari data di atas, hampir seluruh responden lebih menyukai tampilan Landscape ketika bermain game pada mobile device mereka. Maka, game ini akan dirancang dengan tampilan Landscape.
75
10. Apakah Anda pernah bermain game tower defense pada mobile device Anda ? Contoh : Plants vs Zombies, Robo Defense (Jika Tidak, lanjut ke pertanyaan nomor 12)
Gambar 3.25 Diagram Hasil Kuesioner Nomor 10
Tabel 3.11 Tabel Hasil Kuesioner Nomor 10
Dari data di atas, maka dapat disimpulkan bahwa mayoritas responden pernah memainkan game tower defense pada mobile device mereka. Maka, dapat disimpulkan bahwa game tower defense merupakan salah satu game yang dikenal.
76
11. Menurut Anda, apakah game tower defense menarik ?
Gambar 3.26 Diagram Kue Hasil Kuesioner Nomor 11
Tabel 3.12 Tabel Hasil Kuesioner Nomor 11
Data di atas menunjukkan bahwa dari 78 responden yang pernah memainkan game tower defense sebanyak 65 responden menyatakan bahwa game tower defense menarik untuk dimainkan pada mobile device.
77
12. Apakah Anda pernah bermain game construction and management simulation pada mobile device Anda ? Contoh : Smurf Village, the Sims 3. (Jika Tidak, lanjut ke pertanyaan 14)
Gambar 3.27 Diagram Kue Hasil Kuesioner Nomor 12
Tabel 3.13 Tabel Hasil Kuesioner Nomor 12
Dari data di atas maka dapat disimpulkan bahwa sebagian besar responden pernah memainkan game construction and management simulation pada mobile devices mereka. Maka, dapat disimpulkan bahwa game construction and management simulation merupakan salah satu game yang dikenal.
78
13. Menurut Anda, apakah game construction and management simulation menarik?
Gambar 3.28 Diagram Kue Hasil Kuesioner Nomor 13
Tabel 3.14 Tabel Hasil Kuesioner Nomor 13
Data di atas menunjukkan bahwa dari 62 responden yang pernah memainkan game construction and management simulation, sebanyak 49 responden menyatakan bahwa game construction and management simulation menarik untuk dimainkan pada mobile device.
79
14. Apakah Anda tertarik untuk memainkan game gabungan tower defense dengan construction and management simulation ?
Gambar 3.29 Diagram Kue Hasil Kuesioner Nomor 14
Tabel 3.15 Tabel Hasil Kuesioner Nomor 14
Dari data di atas, dapat disimpulkan bahwa sebagian besar responden tertarik untuk memainkan game gabungan tower defense dan construction and management simulation. Maka, game yang akan dirancang memiliki potensi untuk membuat pengguna tertarik untuk memainkan game ini.
80
15. Apakah Anda tertarik untuk memainkan game yang menceritakan tentang pelestarian sumber daya laut, seperti terumbu karang ?
Gambar 3.30 Diagram Kue Hasil Kuesioner Nomor 15
Tabel 3.16 Tabel Hasil Kuesioner Nomor 15
Dari data di atas, dapat disimpulkan bahwa sebagian besar responden tertarik untuk memainkan game yang menceritakan tentang pelestarian terumbu karang.
3.1.3. ANALISIS PEMENUHAN KEBUTUHAN Berdasarkan hasil kuesioner dan analisis game sejenis maka didapat beberapa kesimpulan sebagai berikut : -
Sebagian besar responden suka bermain game pada mobile device mereka.
-
Unsur terpenting dari sebuah game adalah gameplay dan graphics pada posisi kedua.
81 -
Mobile game lebih menarik dimainkan dengan menggunakan grafik 3D.
-
Bahasa yang diminati ketika bermain mobile game adalah bahasa Inggris.
-
Mobile game lebih menarik dimainkan dengan tampilan landscape serta rata-rata mobile game tower defense dan construction and management simulation menggunakan tampilan landscape.
-
Sebagian besar responden pernah bermain dan tertarik terhadap game tower defense dan construction and management simulation.
-
Sebagian besar responden tertarik untuk memainkan game gabungan tower defense dan construction and management simulation dengan membawa cerita pelestarian sumber daya laut seperti terumbu karang.
-
Rata-rata game tower
defense dan
management
and
construction
management simulation memiliki cerita dan tutorial in game.
3.1.4. SOLUSI PEMENUHAN KEBUTUHAN Berdasarkan kesimpulan yang didapat dari hasil kuesioner dan analisis game sejenis maka didapatkan solusi yang akan diterapkan pada game yang akan dikembangkan sebagai berikut : -
Game akan dikembangkan pada Smartphone Android versi Gingerbread ke
atas
dengan
menggunakan
grafik
3D,
tampilan
landscape,
menggunakan bahasa inggris dan memiliki gabungan genre tower defense dan construction and management simulation. -
Game ini akan memiliki gameplay yang bervariatif, grafik yang menarik, tutorial di dalam game, serta fitur-fitur seperti upgrade bangunan, shop, dan quest.
3.2.
PERANCANGAN GAME
3.2.1. DESKRIPSI GAME Deskripsi permainan akan menjelaskan permainan Defense of the Sea secara garis besar.
82
3.2.1.1.
INFORMASI UMUM Game Defense of the Sea adalah sebuah mobile game 3D
berbasis
Android
yang
dimainkan
secara
online.
Game
ini
dikembangkan pada Android versi Gingerbread ke atas. Game ini menggunakan tampilan landscape dan menggunakan bahasa inggris. Genre pada game ini merupakan gabungan genre tower defense dan contruction and management simulation sehingga memiliki gameplay yang lebih menarik dibandingkan game sejenis lainnya, dimana selain pemain harus membangun kembali sebuah kota dalam laut, pemain juga harus melindunginya dari serangan-serangan musuh. Selain itu, dalam game ini juga terdapat beberapa fitur diantaranya quest, upgrade building dan shop. Dengan menjalankan quest, pemain akan mendapatkan resource tambahan yang dibutuhkan untuk
membangun
bangunan.
Upgrade
building
bertujuan
untuk
meningkatkan level bangunan dan shop untuk membeli bangunan yang ada.
3.2.1.2.
KONSEP DASAR Konsep dasar dari game ini adalah tower defense dan
construction
and
management
membangun
kembali
kota
simulation,
dalam
laut
dimana yang
telah
pemain hancur
harus dan
melindunginya, selain itu quest juga merupakan salah satu bagian yang penting, dengan menjalankan quest maka pemain akan mendapatkan resource tambahan yang dibutuhkan untuk membangun bangunan.
3.2.1.3.
OBJEKTIF Objektif dari game Defense of the Sea adalah:
Membangun kota dalam laut yang telah hancur dan melindunginya dari serangan musuh.
Menyelesaikan seluruh quest yang ada.
83
3.2.2. KOMPONEN GAME Berikut akan dijelaskan komponen-komponen yang terdapat dalam game Defense of the Sea.
3.2.2.1.
STORY Game Defense of the Sea ini memiliki cerita di mana
terdapat sebuah kota di bawah laut yang sangat tenteram dan damai. Dalam kota ini terdapat banyak sekali terumbu karang yang indah berkilauan yang juga merupakan rumah sebagai tempat hidup para ikan-ikan dan makhluk laut lainnya. Namun semua ketenteraman dan kedamaian hilang ketika manusia datang ke dasar laut merusak dan mengambil terumbu karang tersebut untuk kepentingan pribadi. Kegiatan manusia ini pun terus berlanjut sehingga terumbu karang yang tersisa pun tidak banyak, bahkan sebagian besar dalam keadaan buruk yang mengakibatkan kehidupan ikan-ikan dan makhluk laut lainnya terancam punah akibat ulah manusia yang tidak bertanggung jawab. Dalam keadaan terpuruk ini muncul seekor ikan muda yang berinisiatif untuk kembali membangun kota mereka dan melindungi terumbu karang yang tersisa dari tindakan manusia tersebut. Ikan ini mulai mengumpulkan sumber daya yang terdapat di dalam laut untuk membangun kembali kota mereka dan mengumpulkan ikan-ikan lain untuk membantunya melindungi kota mereka dari serangan manusia. Manusia
yang
mereka
hadapi
tidaklah
mudah
karena
manusia
menggunakan teknologi canggih yang merugikan para ikan, sedangkan para ikan hanya mengandalkan kemampuan yang berbeda-beda dari masing-masing ikan yang disatukan untuk mengalahkan manusia. Tujuan dari para ikan dan makhluk laut ini hanyalah membangun kembali kota tercinta mereka dan kembali menikmati hidup dengan tenteram dan damai seperti dahulu kala.
84
3.2.2.2.
GAMEPLAY Tantangan yang diberikan dalam game Defense of the Sea
ini adalah pemain harus membangun kota dan melindungi kota dari serangan para manusia agar terumbu karang yang tersisa tidak habis diambil oleh manusia, jika terumbu karang tersebut habis maka pemain akan kalah. Pemain perlu menentukan strategi yang digunakan dalam game ini dimana pemain harus membangun bangunan dan tower dengan menggunakan sumber daya yang terbatas. Dalam game ini terdapat lima level di mana setiap level-nya musuh akan semakin kuat. Untuk itu, pemain perlu meningkatkan level tower agar memiliki damage dan speed yang lebih hebat, pemain juga membutuhkan strategi dalam menggunakan berbagai macam tower yang tersedia karena setiap tower mempunyai efek yang berbeda-beda. Selain itu, terdapat quest yang harus dijalankan pemain untuk membantu pemain selama dalam permainan,
dengan
menjalankan
quest
pemain
akan
mendapatkan
resource tambahan yang dibutuhkan untuk membangun bangunan.
3.2.2.3.
USER INTERFACE Berikut
akan
dijelaskan
mengenai
user
interface
yang
terdapat dalam game Defense of the Sea :
Tabel 3.17 User Interface Komponen
Keterangan Tombol
ini
digunakan
untuk
memulai
permainan baru atau melanjutkan permainan. Tombol
ini
digunakan
konfigurasi permainan.
untuk
mengatur
85 Tombol ini digunakan untuk melihat bantuan dalam permainan. Tombol ini digunakan untuk keluar dari permainan Defense of the Sea.
Tombol ini digunakan untuk berpindah dari City ke Field dan dari City ke Field. Tombol ini digunakan untuk membuka Shop untuk membeli bangunan, dekorasi, atau tower. Tombol ini digunakan untuk memunculkan Menu dalam in-game. Tombol ini digunakan untuk melihat quest yang sedang berjalan.
Terumbu karang merupakan life dari pemain. Apabila life mencapai nol, maka pemain kalah dan muncul pesan game over. Dari kiri ke kanan : Pearl, Seaweed, Coral Rock. Merupakan resources yang digunakan untuk membangun tower, bangunan, dan dekorasi. Tombol ini digunakan untuk membangun tower, bangunan, dan dekorasi.
86 Tombol
ini
digunakan
untuk
melihat
informasi dari tower, bangunan, atau dekorasi yang dipilih. Tombol ini digunakan untuk memindahkan posisi tower, bangunan, atau dekorasi yang dipilih. Tombol ini digunakan untuk menjual tower, bangunan, atau dekorasi yang dipilih.
Tombol ini digunakan untuk meningkatkan level tower atau bangunan yang dipilih.
3.2.2.4.
BUILDINGS Pada bagian ini, dijelaskan mengenai jenis bangunan yang
dapat dibangun dalam permainan Defense of the Sea.
Tabel 3.18 Bangunan – Main House Main House
Nama Harga
Pearl
50
Dasar
Seaweed
50
Bangunan
Coral Rock
50
Keterangan
Rumah utama, dibutuhkan untuk meningkatkan bangunan lainnya.
87
Tabel 3.19 Bangunan – Barrack Barrack
Nama Harga
Pearl
30
Dasar
Seaweed
30
Bangunan
Coral Rock
30
Keterangan
Barrack merupakan tempat melatih ikan menjadi tower. Dengan meningkatkan level Barrack, pemain dapat membuat tower yang lebih kuat.
Tabel 3.20 Bangunan – Pearl House Nama
Pearl House
Income
10
Harga
Pearl
30
Dasar
Seaweed
30
Bangunan
Coral Rock
30
Keterangan
Tempat produksi resource berupa Pearl. Pemain dapat mengambil resource setiap 10 detik.
88
Tabel 3.21 Bangunan – Seaweed House Nama
Seaweed House
Income
10
Harga
Pearl
30
Dasar
Seaweed
30
Bangunan
Coral Rock
30
Keterangan
Tempat produksi resource berupa Seaweed. Pemain dapat mengambil resource setiap 10 detik.
Tabel 3.22 Bangunan – Coral Rock House Nama
Coral Rock House
Income
10
Harga
Pearl
30
Dasar
Seaweed
30
Bangunan
Coral Rock
30
Keterangan
Tempat produksi resource berupa Coral Rock. Pemain dapat mengambil resource setiap 10 detik.
Setiap bangunan memiliki tiga level. Setiap level menaikkan jumlah income berupa resource yang diperoleh serta jumlah resources yang diperlukan untuk meningkatkan level bangunan dengan perhitungan sebagai berikut :
89 Jumlah Income = BaseIncome + ((CurrentLevel - 1) * (0.5 * BaseIncome))
Harga Bangunan = HargaDasarBangunan + ((CurrentLevel - 1) * (0.5 * HargaDasarBangunan))
Resources yang didapat ketika menjual bangunan adalah 50% dari Harga Bangunan.
3.2.2.5.
TOWERS Tower dibutuhkan untuk melindungi terumbu karang dari
serangan musuh. Berikut ini merupakan penjelasan mengenai tower yang dapat dibangun :
Tabel 3.23 Tower – Swordfish Nama
Swordfish
Base Attack
6
Base Speed
2
Base Radius
10
Harga
Pearl
10
Dasar
Seaweed
10
Tower
Coral Rock
10
Keterangan
Ikan biasa yang dipakai pada awal permainan. Tidak mempunyai kemampuan.
90
Tabel 3.24 Tower – Sea Horse Nama
Sea Horse
Base Attack
5
Base Speed
1
Base Radius
12
Harga
Pearl
20
Dasar
Seaweed
20
Tower
Coral Rock
20
Keterangan
Mempunyai kecepatan serangan yang tinggi.
Tabel 3.25 Tower – Stingray Nama
Stingray
Base Attack
5
Base Speed
2
Base Radius
10
Harga
Pearl
20
Dasar
Seaweed
20
Tower
Coral Rock
20
Keterangan
Mempunyai kemampuan poison, dimana darah musuh akan terus berkurang selama beberapa waktu.
91
Tabel 3.26 Tower – Sea Urchin Nama
Sea Urchin
Base Attack
8
Base Speed
2
Base Radius
10
Harga
Pearl
20
Dasar
Seaweed
20
Tower
Coral Rock
20
Keterangan
Mempunyai kemampuan slow untuk melambatkan kecepatan gerak musuh.
Tabel 3.27 Tower – Jellyfish Nama
Sea Urchin
Base Attack
8
Base Speed
2
Base Radius
10
Harga
Pearl
20
Dasar
Seaweed
20
Tower
Coral Rock
20
Keterangan
Mempunyai kemampuan paralyze, dapat menghentikan gerak musuh dalam waktu yang singkat.
92
Tabel 3.28 Tower – Starfish Nama
Starfish
Base Attack
12
Base Speed
3
Base Radius
10
Harga
Pearl
30
Dasar
Seaweed
30
Tower
Coral Rock
30
Keterangan
Mempunyai kemampuan serangan area yang dapat melukai musuh di sekitarnya.
Tabel 3.29 Tower – Crab Nama
Crab
Base Attack
10
Base Speed
2
Base Radius
10
Harga
Pearl
30
Dasar
Seaweed
30
Tower
Coral Rock
30
Keterangan
Mempunyai kemampuan multiple attack 3, dapat menyerang tiga musuh sekaligus.
93
Tabel 3.30 Tower – Squid Nama
Squid
Base Attack
10
Base Speed
2
Base Radius
10
Harga
Pearl
50
Dasar
Seaweed
50
Tower
Coral Rock
50
Keterangan
Mempunyai kemampuan multiple attack 3 dan paralyze, menyerang tiga musuh sekaligus serta menghentikan gerak musuh dalam waktu singkat.
Tabel 3.31 Tower – Blowfish Nama
Blowfish
Base Attack
8
Base Speed
2
Base Radius
8
Harga
Pearl
50
Dasar
Seaweed
50
Tower
Coral Rock
50
Keterangan
Mempunyai kemampuan multiple attack 3 dan poison, menyerang tiga musuh sekaligus serta
94 mengurangi darah musuh selama beberapa waktu.
Tabel 3.32 Tower – Octopus Nama
Octopus
Base Attack
8
Base Speed
2
Base Radius
12
Harga
Pearl
50
Dasar
Seaweed
50
Tower
Coral Rock
50
Keterangan
Mempunyai kemampuan area dan slow, dapat melukai musuh sekitar serta melambatkan kecepatan gerak mereka.
Tabel 3.33 Tower – Tiger Shark Nama
Tiger Shark
Base Attack
10
Base Speed
1
Base Radius
12
Harga
Pearl
100
Dasar
Seaweed
100
Tower
Coral Rock
100
Keterangan
Ikan legendaris. Mempunyai kemampuan multiple attack 4, poison, dan paralyze. Dapat menyerang empat musuh
95 sekaligus, memberikan efek mengurangi darah musuh secara berkala, serta menghentikan gerak musuh dalam waktu singkat.
Tabel 3.34 Tower – Blue Whale Nama
Blue Whale
Base Attack
15
Base Speed
1.5
Base Radius
12
Harga
Pearl
100
Dasar
Seaweed
100
Tower
Coral Rock
100
Keterangan
Ikan legendaris. Mempunyai kemampuan multiple attack 3 dan area. Dapat menyerang tiga musuh sekaligus serta melukai musuh sekitar.
Tabel 3.35 Tower – Sawfish Nama
Sawfish
Base Attack
10
Base Speed
0.3
Base Radius
14
Harga
Pearl
100
Dasar
Seaweed
100
Tower
Coral Rock
100
96 Keterangan
Ikan legendaris. Menyerang dengan sangat cepat dan mempunyai kemampuan multiple attack 3, yang dapat menyerang tiga musuh sekaligus.
Setiap tower memiliki tiga level. Setiap level menaikkan attack, kecepatan serang, radius, dan jumlah resources yang diperlukan untuk meningkatkan level tower dengan perhitungan sebagai berikut :
Tower Attack = BaseAttack + ((CurrentLevel - 1) * (0.5 * BaseAttack))
Tower Speed = BaseSpeed - ((CurrentLevel - 1) * (0.1 * BaseSpeed))
Tower Radius = BaseRadius + ((CurrentLevel - 1) * (0.2 * BaseRadius))
Harga Tower = HargaDasarTower + ((CurrentLevel - 1) * (0.5 * HargaDasarTower))
Resources yang didapat ketika menjual tower adalah 50% dari Harga Tower.
3.2.2.6.
DECORATIONS Berikut ini merupakan jenis dekorasi yang dapat dibangun
dalam permainan Defense of the Sea :
97
Tabel 3.36 Dekorasi – Seashell Seashell
Nama Harga
Pearl
8
Dasar
Seaweed
8
Dekorasi
Coral Rock
8
Keterangan
Kerang yang dapat memperindah kota dasar laut.
Tabel 3.37 Dekorasi – Coral Tree Coral Tree
Nama Harga
Pearl
8
Dasar
Seaweed
8
Dekorasi
Coral Rock
8
Keterangan
Pohon yang dapat membuat kota dasar laut menjadi lebih hijau.
Tabel 3.38 Dekorasi – Bench Bench
Nama Harga
Pearl
8
Dasar
Seaweed
8
Dekorasi
Coral Rock
8
Keterangan
Kursi di dasar laut untuk tempat duduk bagi ikan yang kelelahan.
98
Tabel 3.39 Dekorasi – Treasure Box Treasure Box
Nama Harga
Pearl
8
Dasar
Seaweed
8
Dekorasi
Coral Rock
8
Keterangan
Kotak harta karun berisi emas. Terlihat bersinar.
Tabel 3.40 Dekorasi – Lamp Lamp
Nama Harga
Pearl
8
Dasar
Seaweed
8
Dekorasi
Coral Rock
8
Keterangan
Lampu di dasar laut untuk menerangi kota dasar laut.
3.2.2.7.
ENEMIES Berikut ini merupakan penjelasan mengenai musuh yang ada
di dalam permainan Defense of the Sea : Tabel 3.41 Enemy – Spearman Nama
Spearman
Health
50
Speed
5
Resource
Pearl
8
yang
Seaweed
8
diperoleh
Coral Rock
8
Keterangan
Musuh awal yang
99 tergolong lemah. Mereka memegang tombak sebagai senjata mereka.
Tabel 3.42 Enemy – Fisherman Nama
Fisherman
Health
100
Speed
5
Resource
Pearl
10
yang
Seaweed
10
diperoleh
Coral Rock
10
Keterangan
Nelayan yang masuk ke dasar laut untuk mengambil ikan dan terumbu karang menggunakan jala.
Tabel 3.43 Enemy – Diver Nama
Diver
Health
200
Speed
7
Resource
Pearl
12
yang
Seaweed
12
diperoleh
Coral Rock
12
Keterangan
Teknologi yang canggih membuat penyelam ini dapat bergerak lebih cepat.
100
Tabel 3.44 Enemy – Pirate Nama
Pirate
Health
400
Speed
4
Resource
Pearl
15
yang
Seaweed
15
diperoleh
Coral Rock
15
Keterangan
Datang secara berkelompok untuk mengambil terumbu karang.
Tabel 3.45 Enemy – Submarine Nama
Submarine
Health
800
Speed
5
Resource
Pearl
20
yang
Seaweed
20
diperoleh
Coral Rock
20
Keterangan
Musuh Boss. Kapal selam yang memiliki tingkat pertahanan yang tinggi.
3.2.2.8.
LOCATION Lokasi dalam game Defense of the Sea ini berada di dasar
laut. Lokasi tidak mempengaruhi musuh ataupun tower yang digunakan.
101 3.2.2.9.
MAP DESIGN
Gambar 3.31 Peta City dan Field
Berikut adalah penjelasan pada peta city dan field dalam game Defense of The Sea : 1. Start : tempat awal datangnya musuh. 2. End : tujuan akhir musuh yang berisi terumbu karang.
3.
: menunjukkan arah jalannya musuh.
4.
: grid tempat pemain untuk membangun bangunan.
3.3. IMPLEMENTASI WATERFALL Tahap-tahap
utama
dalam
model
waterfall
merefleksikan secara langsung
aktivitas pengembangan fundamental berikut ini: 1. Definisi dan analisis kebutuhan. Pencarian data mengenai terumbu karang di Indonesia beberapa tahun ke belakang, penentuan tujuan dan manfaat, pembuatan kuesioner kebutuhan user. Kuesioner kebutuhan user terdiri dari pertanyaan untuk
102 mencari tahu apakah orang Indonesia mengetahui mengenai terumbu karang Indonesia dan kebutuhan pada perancangan game. Selanjutnya melakukan analisis game sejenis, melakukan studi pustaka, dan menentukan software yang digunakan untuk database, model karakter, dan coding. 2. Perancangan sistem dan perangkat lunak. Perancangan user interface, database, character, use case diagram, use case narrative, activity diagram, serta class diagram. 3. Implementasi dan testing unit. Hasil dari perancangan perangkat lunak yaitu game dan admin secara terpisah. Setelah game dan admin selesai, maka dilakukan testing secara terpisah. Testing yang dilakukan pada game meliputi seluruh fiturfitur yang terdapat dalam game apakah sudah dapat berjalan dengan baik serta mencari bug-bug yang terdapat pada game. Testing yang dilakukan pada admin yaitu update data-data yang terdapat pada bagian database melalui bagian admin, apakah data-data tersebut sudah bisa diupdate ke database atau belum serta mengecek validasi untuk setiap field apakah sudah berjalan dengan baik. 4. Integrasi dan testing sistem. Game dan admin digabung serta update database dilakukan secara online. Testing dilakukan dengan mengecek apakah data-data pada database sudah tersinkronisasi dengan data-data dalam game, dan mengecek apakah ketika data diubah melalui halaman admin, data-data pada game juga ikut berubah sesuai dengan data baru tersebut. 5. Operasi dan pemeliharaan. Game yang telah selesai disebarkan ke pengguna untuk dievaluasi. Data-data evaluasi yang didapat digunakan untuk perkembangan game kedepannya dan untuk memperbaiki bug-bug yang tidak ditemukan sebelumnya. 3.4. PERANCANGAN SISTEM 3.4.1. USE CASE DIAGRAM 3.4.1.1.
USE CASE DIAGRAM DEFENSE OF THE SEA
103
Gambar 3.32 Use Case Diagram Defense of The Sea
104 3.4.1.2.
USE CASE DIAGRAM ADMIN
Gambar 3.33 Use Case Diagram Admin Defense of The Sea
105 3.4.2. USE CASE NARRATIVE 3.4.2.1.
USE CASE NARRATIVE MEMULAI PERMAINAN
Tabel 3.46 Use Case Narrative Memulai Permainan Pelaku
User.
Deskripsi
Memulai permainan.
Tujuan
Untuk memulai permainan.
Bidang khas suatu event
User 1.
User
Sistem 2.
Sistem
menekan tombol start
mengecek apakah ada
game.
save game atau tidak. Jika ada, maka sistem langsung menampilkan halaman permainan. Jika tidak ada, sistem akan menampilkan cerita awal.
3.4.2.2.
USE CASE NARRATIVE MELIHAT BANTUAN
Tabel 3.47 Use Case Narrative Melihat Bantuan Pelaku
User.
Deskripsi
Melihat bantuan.
Tujuan
Untuk melihat bantuan.
Bidang khas suatu event
User 1.
User menekan tombol help.
Sistem 2.
Sistem menampilkan halaman help.
106
3.4.2.3.
USE CASE NARRATIVE MELIHAT HALAMAN KONFIGURASI
Tabel 3.48 Use Case Narrative Melihat Halaman Konfigurasi Pelaku
User.
Deskripsi
Melihat halaman konfigurasi permainan.
Tujuan
Untuk melihat halaman konfigurasi permainan.
Bidang khas suatu event
User 1.
User
Sistem 2.
menekan tombol option.
Sistem menampilkan halaman option.
3.4.2.4.
USE CASE NARRATIVE KELUAR PERMAINAN
Tabel 3.49 Use Case Narrative Keluar Permainan Pelaku
User.
Deskripsi
Keluar permainan.
Tujuan
Untuk keluar permainan.
Bidang khas suatu event
User 1.
User
Sistem 2.
menekan tombol exit.
Sistem menampilkan halaman konfirmasi.
3.
User menekan tombol.
4.
Jika user menekan tombol centang, sistem akan membawa user keluar dari aplikasi. Jika user menekan tombol silang, sistem
107 akan menampilkan halaman menu utama.
3.4.2.5.
USE CASE NARRATIVE MELIHAT CREDIT
Tabel 3.50 Use Case Narrative Melihat Credit Pelaku
User.
Deskripsi
Melihat credit.
Tujuan
Untuk melihat credit.
Bidang khas suatu event
User 1.
User
Sistem 2.
menekan tombol credit.
Sistem menampilkan halaman credit.
3.4.2.6.
USE CASE NARRATIVE MENGATUR SUARA
Tabel 3.51 Use Case Narrative Mengatur Suara Pelaku
User.
Deskripsi
Mengatur suara pada permainan.
Tujuan
Untuk mengatur suara pada permainan.
Bidang khas suatu event
User 1.
User menekan tombol
Sistem 2.
Jika user menekan tombol Mute, maka sistem akan menghilangkan suara dan mengubah tulisan tombol menjadi Sound. Jika user menekan tombol Sound, maka
108 sistem akan memunculkan suara dan mengubah tulisan tombol menjadi Mute. 3.4.2.7.
USE CASE NARRATIVE ME-RESET PERMAINAN
Tabel 3.52 Use Case Narrative Me-reset Permainan Pelaku
User.
Deskripsi
Me-reset permainan.
Tujuan
Untuk me-reset permainan.
Bidang khas suatu event
User 1.
User menekan tombol reset
Sistem 2. Sistem menampilkan halaman konfirmasi.
game. 3.
User menekan tombol.
4. Jika user menekan tombol centang, sistem menghapus save game dan menampilkan pesan reset sukses. Jika user menekan tombol silang, sistem akan menampilkan halaman option.
3.4.2.8.
USE CASE NARRATIVE MELIHAT CERITA AWAL PERMAINAN
Tabel 3.53 Use Case Narrative Melihat Cerita Awal Permainan Pelaku
User.
Deskripsi
Melihat cerita awal permainan.
109 Tujuan
Untuk melihat cerita awal permainan.
Bidang khas suatu event
User 1.
User
Sistem 2. Sistem menampilkan
menekan tombol start
halaman cerita awal
game.
permainan.
3.
User
4. Jika user menekan
menekan tombol next
tombol next, sistem
atau tombol skip.
menampilkan halaman cerita selanjutnya. Jika user menekan tombol skip, sistem akan menampilkan halaman permainan.
3.4.2.9.
USE CASE NARRATIVE MENJALANKAN TUTORIAL
Tabel 3.54 Use Case Narrative Menjalankan Tutorial Pelaku
User.
Deskripsi
Menjalankan tutorial pada permainan.
Tujuan
Untuk menjalan tutorial pada permainan.
Bidang khas suatu event
User 1.
User
Sistem 2. Sistem memulai
menyelesaikan atau
tutorial dengan
melewati halaman cerita
meminta user
awal permainan.
memasukkan nama city.
3.
User memasukkan nama city.
4. Sistem mengecek apakah nama yang dimasukkan valid atau tidak valid. Jika valid sistem
110 melanjutkan tutorial meminta user membangun rumah utama. Jika tidak valid, sistem akan kembali meminta user memasukkan nama city. 5.
User
6. Sistem melanjutkan
membangun rumah
tutorial meminta user
utama.
membangun barrack.
7.
User membangun barrack.
8. Sistem melanjutkan tutorial meminta user berpindah ke halaman field.
9.
User
10. Sistem melanjutkan
berpindah ke halaman
tutorial meminta user
field.
membangun tower.
11.
User membangun tower.
12. Sistem menampilkan halaman informasi coral dan musuh .
3.4.2.10.
USE CASE NARRATIVE MEMBELI BANGUNAN
Tabel 3.55 Use Case Narrative Membeli Bangunan Pelaku
User.
Deskripsi
Membeli bangunan dalam permainan.
Tujuan
Untuk membeli bangunan dalam permainan.
Bidang khas suatu event
User 1.
User
Sistem 2. Sistem menampilkan
111 menekan tombol shop.
icon bangunan yang dapat dibangun.
3.
User
4. Sistem mengecek
menekan icon bangunan
resources yang
yang ingin dibeli.
dimiliki user. Jika resources cukup, sistem menampilkan area untuk membangun bangunan. Jika resources tidak cukup, sistem menampilkan pesan resources tidak cukup.
5.
User
6. Sistem menampilkan
menekan pada area yang
model bangunan pada
telah disediakan.
area yang dipilih dan halaman konfirmasi.
7.
User menekan tombol.
8. Jika user menekan tombol centang, sistem akan membangun bangunan tersebut dan mengurangi resources user. Jika user menekan tombol silang, sistem akan menghilangkan area untuk membangun bangunan dan membatalkan pembangunan bangunan.
112
3.4.2.11.
USE CASE NARRATIVE MENJUAL BANGUNAN
Tabel 3.56 Use Case Narrative Menjual Bangunan Pelaku
User.
Deskripsi
Menjual bangunan dalam permainan.
Tujuan
Untuk menjual bangunan dalam permainan.
Bidang khas suatu event
User 1.
User
Sistem 2. Sistem menampilkan
memilih bangunan. 3.
User
menu bangunan. 4. Sistem menampilkan
menekan tombol dollar. 5.
User
halaman konfirmasi. 6. Jika user menekan
menekan tombol.
tombol centang, sistem akan menambahkan resources user dan menghilangkan bangunan.
3.4.2.12.
USE CASE NARRATIVE MENINGKATKAN LEVEL BANGUNAN
Tabel 3.57 Use Case Narrative Meningkatkan Level Bangunan Pelaku
User.
Deskripsi
Meningkatkan level bangunan.
Tujuan
Untuk meningkatkan level bangunan.
Bidang khas suatu event
User 1.
User
Sistem 2.
memilih bangunan. 3.
User
Sistem menampilkan menu bangunan.
4.
Sistem menampilkan
113 menekan tombol panah
halaman konfirmasi.
atas. 5.
User menekan tombol.
6.
Jika user menekan tombol centang, sistem mengurangi resources user dan meningkatkan level bangunan.
3.4.2.13.
USE CASE NARRATIVE MELIHAT INFORMASI BANGUNAN
Tabel 3.58 Use Case Narrative Melihat Informasi Bangunan Pelaku
User.
Deskripsi
Melihat informasi bangunan.
Tujuan
Untuk melihat informasi bangunan.
Bidang khas suatu event
User 1.
User memilih bangunan.
3.
User menekan tombol tanda
Sistem 2. Sistem menampilkan menu bangunan. 4. Sistem menampilkan informasi bangunan.
tanya.
3.4.2.14.
USE CASE NARRATIVE MEMINDAHKAN BANGUNAN
Tabel 3.59 Use Case Narrative Memindahkan Bangunan Pelaku
User.
Deskripsi
Memindahkan bangunan dalam permainan.
Tujuan
Untuk memindahkan bangunan dalam permainan.
114 Bidang khas suatu event
User 1.
User memilih bangunan.
3.
User
Sistem 2. Sistem menampilkan menu bangunan. 4. Sistem menampilkan
menekan tombol panah
area kosong untuk
empat arah.
bangunan.
5.
User
6. Sistem menampilkan
menekan pada area yang
bangunan pada area
diinginkan.
yang dipilih dan halaman konfirmasi.
7.
User menekan tombol.
8. Jika user menekan tombol centang, sistem memindahkan bangunan. Jika user menekan tombol silang, sistem menghilangkan halaman konfirmasi dan menampilkan area kosong untuk memindahkan bangunan.
3.4.2.15.
USE CASE NARRATIVE MENGAMBIL RESOURCES
Tabel 3.60 Use Case Narrative Mengambil Resources Pelaku
User.
Deskripsi
Mengambil resources dari bangunan.
Tujuan
Untuk mengambil resources dari bangunan.
Bidang khas
User
Sistem
115 suatu event
1.
User memilih bangunan.
3.
User memilih bangunan.
2. Menampilkan menu bangunan. 4. Mengecek apakah indicator sudah muncul atau belum. Jika sudah, sistem menambahkan resources dan menampilkan pesan. Jika belum, sistem tidak melakukan apapun.
3.4.2.16.
USE CASE NARRATIVE BERPINDAH KE FIELD
Tabel 3.61 Use Case Narrative Berpindah ke Field Pelaku
User
Deskripsi
Berpindah ke field.
Tujuan
Untuk berpindah ke field.
Bidang khas suatu event
User 1.
User menekan tombol field.
3.4.2.17.
Sistem 2. Sistem menampilkan halaman field.
USE CASE NARRATIVE BERPINDAH KE CITY
Tabel 3.62 Use Case Narrative Berpindah ke City Pelaku
User.
Deskripsi
Berpindah ke city.
Tujuan
Untuk berpindah ke city.
Bidang khas suatu event
User 1.
User
Sistem 2. Sistem menampilkan
116 menekan tombol city.
3.4.2.18.
halaman city.
USE CASE NARRATIVE MENAMPILKAN QUEST
Tabel 3.63 Use Case Narrative Menampilkan Quest Pelaku
User.
Deskripsi
Menampilkan quest.
Tujuan
Untuk menampilkan quest.
Bidang khas suatu event
User 1.
User
Sistem 2. Sistem menampilkan
menekan tombol quest.
3.4.2.19.
halaman quest.
USE CASE NARRATIVE MEMENANGKAN PERMAINAN
Tabel 3.64 Use Case Narrative Memenangkan Permainan Pelaku
User.
Deskripsi
Memenangkan permainan.
Tujuan
Untuk memenangkan permainan.
Bidang khas suatu event
User 1.
User
Sistem 2.
menyelesaikan semua
Menampilkan halaman konfirmasi.
wave. 3.
User menekan tombol
4.
Sistem menampilkan halaman menu utama.
continue.
3.4.2.20.
USE CASE NARRATIVE KALAH DALAM PERMAINAN
117 Tabel 3.65 Use Case Narrative Kalah dalam Permainan Pelaku
User.
Deskripsi
Kalah dalam permainan.
Tujuan
Kalah dalam permainan.
Bidang
User
khas suatu 1. event
Sistem
User
2.
kehabisan nyawa. 3.
Menampilkan halaman konfirmasi.
User
4.
menekan tombol.
Jika user menekan tombol retry, sistem mengecek wave dan mengulang permainan sesuai wave tesebut. Jika user menekan tombol end game, sistem akan menampilkan halaman menu utama.
3.4.2.21.
USE CASE NARRATIVE BATTLE
Tabel 3.66 Use Case Narrative Battle Pelaku
User.
Deskripsi
Menjalankan battle.
Tujuan
Untuk menjalankan battle.
Bidang khas suatu event
User 1.
Sistem Use
2. Sistem mendatangkan dan
r menyelesaikan
mengecek apakah musuh berada
tutorial.
dalam range tower. 3. A. Jika musuh tidak berada dalam range tower, sistem akan
118 mengecek apakah musuh sudah sampai titik akhir. 4. Jika musuh belum sampai titik akhir, sistem akan mengecek apakah musuh berada dalam range tower kemudian menjalankan proses 3. Jika musuh sudah sampai titik akhir, sistem akan menghilangkan musuh, mengurangi nyawa dan mengecek nyawa, dimana Jika nyawa < 1, sistem akan menampilkan halaman game over dan jika nyawa >= 1, sistem akan mengecek apakah masih ada musuh. 5. Jika masih ada musuh, sistem akan kembali mengecek apakah musuh sudah sampai titik akhir kemudian menjalankan proses 4. Jika tidak ada musuh, sistem akan melakukan save game dan mengecek wave. 6. Jika wave > 5, sistem akan menampilkan halaman menang dan jika wave < 5 sistem akan menampilkan halaman informasi terumbu karang dan musuh. 3. B. Jika musuh berada dalam range tower, tower akan
119 menyerang musuh dan mengecek apakah musuh mati. 7. Jika musuh belum mati, sistem akan kembali mengecek apakah musuh sudah sampai titik akhir kemudian menjalankan proses 4. Jika musuh mati, sistem akan menghilangkan musuh, menambahkan resources dan mengecek apakah masih ada musuh kemudian menjalankan proses 6. 8.
Use
9. Sistem menjalankan timer.
r menekan
Jika timer = 0, sistem akan
tombol continue.
kembali mendatangkan musuh dan mengulang proses yang sama. Jika timer > 0, sistem akan terus menjalankan timer.
3.4.2.22.
USE CASE NARRATIVE MENYELESAIKAN QUEST
Tabel 3.67 Use Case Narrative Menyelesaikan Quest Pelaku
User.
Deskripsi
Menyelesaikan quest.
Tujuan
Untuk menyelesaikan quest.
Bidang khas suatu event
User 1.
User menyelesaikan quest.
3.
Menekan tombol centang.
Sistem 2. Sistem menampilkan halaman konfirmasi. 4. Sistem menambahkan resources user.
120
3.4.2.23.
USE CASE NARRATIVE MASUK KE MENU GAME
Tabel 3.68 Use Case Narrative Masuk ke Menu Game Pelaku
User.
Deskripsi
Menampilkan menu game.
Tujuan
Untuk menampilkan menu game.
Bidang khas suatu event
User 1.
User menekan tombol menu.
3.4.2.24.
Sistem 2. Sistem menampilkan halaman menu.
USE CASE NARRATIVE MENGAKHIRI PERMAINAN
Tabel 3.69 Use Case Narrative Mengakhiri Permainan Pelaku
User.
Deskripsi
Mengakhiri permainan.
Tujuan
Untuk mengakhiri permainan.
Bidang khas suatu event
User 1.
User menekan tombol menu.
3.
User menekan tombol end
Sistem 2. Sistem menampilkan halaman menu. 4. Sistem menampilkan halaman konfirmasi.
game. 5.
User menekan tombol.
6. Jika user menekan tombol centang, sistem akan melakukan save secara otomatis dan menampilkan halaman menu utama. Jika user menekan
121 tombol silang, sistem akan menampilkan halaman menu.
3.4.2.25.
USE CASE NARRATIVE LOGIN
Tabel 3.70 Use Case Narrative Login Pelaku
Admin.
Deskripsi
Masuk ke halaman admin.
Tujuan
Untuk masuk ke halaman admin.
Bidang khas suatu event
Admin 1.
Admin
Sistem 2. Sistem mengecek dari
memasukkan username
database apakah
dan password, kemudian
username dan
menekan tombol login.
password yang dimasukkan valid atau tidak valid. Jika valid, sistem akan menampilkan halaman admin. Jika tidak valid, sistem akan menampilkan pesan error.
3.4.2.26.
USE CASE NARRATIVE EDIT BUILDING
Tabel 3.71 Use Case Narrative Edit Building Pelaku
Admin.
122 Deskripsi
Mengubah data-data pada building.
Tujuan
Untuk mengubah data-data pada building.
Bidang khas suatu event
Admin 1.
Admin memilih menu building.
3.
Admin menekan tombol edit
Sistem 2. Sistem menampilkan halaman building. 4. Sistem menampilkan halaman edit building.
pada building yang ingin di-edit. 5.
Admin
6. Jika admin menekan
mengubah data-data
tombol edit, sistem
building dan menekan
mengecek apakah data
tombol.
yang dimasukkan valid atau tidak valid. Jika valid, sistem akan menyimpan data ke dalam database dan menampilkan halaman building dengan pesan sukses. Jika tidak valid, sistem akan menampilkan pesan error. Jika admin menekan tombol cancel, sistem akan menampilkan halaman building.
123 3.4.2.27.
USE CASE NARRATIVE EDIT ENEMY
Tabel 3.72 Use Case Narrative Edit Enemy Pelaku
Admin.
Deskripsi
Mengubah data-data pada enemy.
Tujuan
Untuk mengubah data-data pada enemy.
Bidang khas suatu event
Admin 1.
Admin memilih menu enemy.
3.
Admin menekan tombol edit
Sistem 2. Sistem menampilkan halaman enemy. 4. Sistem menampilkan halaman edit enemy.
pada enemy yang ingin di-edit. 5.
Admin
6. Jika admin menekan
mengubah data-data
tombol edit, sistem
enemy dan menekan
mengecek apakah data
tombol.
yang dimasukkan valid atau tidak valid. Jika valid, sistem akan menyimpan data ke dalam database dan menampilkan halaman enemy dengan pesan sukses. Jika tidak valid, sistem akan menampilkan pesan error. Jika admin menekan tombol cancel, sistem akan menampilkan halaman enemy.
124
3.4.2.28.
USE CASE NARATIVE EDIT DECORATION
Tabel 3.73 Use Case Narative Edit Decoration Pelaku
Admin.
Deskripsi
Mengubah data-data pada decoration.
Tujuan
Untuk mengubah data-data pada decoration.
Bidang khas suatu event
Admin 1.
Admin memilih menu
Sistem 2. Sistem menampilkan halaman decoration.
decoration. 3.
Admin
4. Sistem menampilkan
menekan tombol edit
halaman edit
pada decoration yang
decoration.
ingin di-edit. 5.
Admin
6. Jika admin menekan
mengubah data-data
tombol edit, sistem
decoration dan menekan
mengecek apakah data
tombol.
yang dimasukkan valid atau tidak valid. Jika valid, sistem akan menyimpan data ke dalam database dan menampilkan halaman decoration dengan pesan sukses. Jika tidak valid, sistem akan menampilkan pesan error. Jika admin menekan
125 tombol cancel, sistem akan menampilkan halaman decoration.
3.4.2.29.
USE CASE NARATIVE EDIT TOWER
Tabel 3.74 Use Case Narative Edit Tower Pelaku
Admin.
Deskripsi
Mengubah data-data pada tower.
Tujuan
Untuk mengubah data-data pada tower.
Bidang khas suatu event
Admin 1.
Admin memilih menu tower.
3.
Admin menekan tombol edit
Sistem 2. Sistem menampilkan halaman tower. 4. Sistem menampilkan halaman edit tower.
pada tower yang ingin di-edit. 5.
Admin
6. Jika admin menekan
mengubah data-data
tombol edit, sistem
tower dan menekan
mengecek apakah data
tombol.
yang dimasukkan valid atau tidak valid. Jika valid, sistem akan menyimpan data ke dalam database dan menampilkan halaman tower dengan pesan sukses. Jika tidak valid, sistem akan menampilkan pesan error.
126 Jika admin menekan tombol cancel, sistem akan menampilkan halaman tower.
3.4.2.30.
USE CASE NARATIVE EDIT USER
Tabel 3.75 Use Case Narative Edit User Pelaku
Admin.
Deskripsi
Mengubah data-data pada user.
Tujuan
Untuk mengubah data-data pada user.
Bidang khas suatu event
Admin 1.
Admin memilih menu user.
3.
Admin menekan tombol edit
Sistem 2. Sistem menampilkan halaman user. 4. Sistem menampilkan halaman edit user.
pada user yang ingin diedit. 5.
Admin
6. Jika admin menekan
mengubah data-data user
tombol edit, sistem
dan menekan tombol.
mengecek apakah data yang dimasukkan valid atau tidak valid. Jika valid, sistem akan menyimpan data ke dalam database dan menampilkan halaman user dengan pesan sukses. Jika tidak valid, sistem akan
127 menampilkan pesan error. Jika admin menekan tombol cancel, sistem akan menampilkan halaman user.
3.4.2.31.
USE CASE NARATIVE LOGOUT
Tabel 3.76 Use Case Narative Logout Pelaku
Admin.
Deskripsi
Keluar dari halaman admin.
Tujuan
Untuk keluar dari halaman admin.
Bidang khas suatu event
Admin 1.
Admin menekan menu logout.
Sistem 2.
Sistem menampilkan halaman login.
3.4.3. ACTIVITY DIAGRAM 3.4.3.1.
ACTIVITY DIAGRAM MEMULAI PERMAINAN
128 Gambar 3.34 Activity Diagram Memulai Permainan 3.4.3.2.
ACTIVITY DIAGRAM MELIHAT BANTUAN
Gambar 3.35 Activity Diagram Melihat Bantuan
3.4.3.3.
ACTIVITY DIAGRAM MELIHAT HALAMAN KONFIGURASI
Gambar 3.36 Activity Diagram Melihat Halaman Konfigurasi
129
3.4.3.4.
ACTIVITY DIAGRAM KELUAR PERMAINAN
Gambar 3.37 Activity Diagram Keluar Permainan
130
3.4.3.5.
ACTIVITY DIAGRAM MELIHAT CREDIT
Gambar 3.38 Activity Diagram Melihat Credit
3.4.3.6.
ACTIVITY DIAGRAM MENGATUR SUARA
131 Gambar 3.39 Activity Diagram Mengatur Suara 3.4.3.7.
ACTIVITY DIAGRAM ME-RESET PERMAINAN User
Sistem
Menekan tombol reset game
Menampilkan halaman konfirmasi
Menekan tombol [ Tombol silang ]
[ Tombol centang ]
Menekan tombol ok
Menghapus save game
Menampilan pesan reset sukses
Menampilkan menu option
Gambar 3.40 Activity Diagram Me-reset Permainan
132
3.4.3.8.
ACTIVITY DIAGRAM MELIHAT CERITA AWAL PERMAINAN
Gambar 3.41 Activity Diagram Melihat Cerita Awal Permainan
133
3.4.3.9.
ACTIVITY DIAGRAM MENJALANKAN TUTORIAL
Gambar 3.42 Activity Diagram Menjalankan Tutorial
134
3.4.3.10.
ACTIVITY DIAGRAM MEMBELI BANGUNAN
Gambar 3.43 Activity Diagram Membeli Bangunan
135
3.4.3.11.
ACTIVITY DIAGRAM MENJUAL BANGUNAN
Gambar 3.44 Activity Diagram Menjual Bangunan
136
3.4.3.12.
ACTIVITY DIAGRAM MENINGKATKAN LEVEL BANGUNAN
Gambar 3.45 Activity Diagram Meningkatkan Level Bangunan
137
3.4.3.13.
ACTIVITY DIAGRAM MELIHAT INFORMASI BANGUNAN
Gambar 3.46 Activity Diagram Melihat Informasi Bangunan
138
3.4.3.14.
ACTIVITY DIAGRAM MEMINDAHKAN BANGUNAN
Gambar 3.47 Activity Diagram Memindahkan Bangunan
139
3.4.3.15.
ACTIVITY DIAGRAM MENGAMBIL RESOURCES
Gambar 3.48 Activity Diagram Mengambil Resources
140
3.4.3.16.
ACTIVITY DIAGRAM BERPINDAH KE FIELD
Gambar 3.49 Activity Diagram Berpindah ke Field
3.4.3.17.
ACTIVITY DIAGRAM BERPINDAH KE CITY
Gambar 3.50 Activity Diagram Berpindah ke City
141
3.4.3.18.
ACTIVITY DIAGRAM MENAMPILKAN QUEST
Gambar 3.51 Activity Diagram Menampilkan Quest
3.4.3.19.
ACTIVITY DIAGRAM MEMENANGKAN PERMAINAN
Gambar 3.52 Activity Diagram Memenangkan Permainan
142
3.4.3.20.
ACTIVITY DIAGRAM KALAH DALAM PERMAINAN
Gambar 3.53 Activity Diagram Kalah Dalam Permainan
143
3.4.3.21.
ACTIVITY DIAGRAM BATTLE
User
Menyelesaikan tutorial
Sistem
Mendatangkan musuh
Mengecek apakah musuh berada dalam range tower [ Tidak dalam range ]
Mengecek apakah musuh sudah sampai titik akhir
[ Dalam range ]
Tower menyerang musuh
[ Belum sampai ] Mengecek apakah musuh mati [ Sudah sampai ] Menghilangkan musuh
[ Tidak mati ] [ Mati ] Menghilangkan musuh
Mengurangkan nyawa
Menambahkan resources Mengecek nyawa [ Nyawa >= 1 ]
Mengecek apakah masih ada musuh
[ Nyawa < 1 ] [ Ada ] Menampilkan halaman game over [ Tidak ] Melakukan save game
Mengecek wave [ Wave < 5 ] Menekan tombol continue
Menampilkan halaman informasi terumbu karang dan musuh
[ Wave > 5 ]
Menampilkan halaman menang
Menjalankan timer [ Time > 0 ]
[ Time = 0 ]
144 Gambar 3.54 Activity Diagram Battle 3.4.3.22.
ACTIVITY DIAGRAM MENYELESAIKAN QUEST
Gambar 3.55 Activity Diagram Menyelesaikan Quest
3.4.3.23.
ACTIVITY DIAGRAM MASUK KE MENU GAME
Gambar 3.56 Activity Diagram Masuk ke Menu Game
145
3.4.3.24.
ACTIVITY DIAGRAM MENGAKHIRI PERMAINAN User
Sistem
Menekan tombol menu
Menampilkan halaman menu
Menekan tombol end game
Menampilkan halaman konfirmasi
Menekan tombol
[ Tombol silang ]
[ Tombol centang ]
Menampilkan halaman menu
Save game
Menampilkan halaman menu utama
Gambar 3.57 Activity Diagram Mengakhiri Permainan
146
3.4.3.25.
ACTIVITY DIAGRAM LOGIN
Gambar 3.58 Activity Diagram Login
147
3.4.3.26.
ACTIVITY DIAGRAM EDIT BUILDING
Gambar 3.59 Activity Diagram Edit Building
148
3.4.3.27.
ACTIVITY DIAGRAM EDIT ENEMY
Gambar 3.60 Activity Diagram Edit Enemy
149
3.4.3.28.
ACTIVITY DIAGRAM EDIT DECORATION
Gambar 3.61 Activity Diagram Edit Decoration
150
3.4.3.29.
ACTIVITY DIAGRAM EDIT TOWER
Gambar 3.62 Activity Diagram Edit Tower
151
3.4.3.30.
ACTIVITY DIAGRAM EDIT USER
Gambar 3.63 Activity Diagram Edit User
152
3.4.3.31.
ACTIVITY DIAGRAM LOGOUT
Gambar 3.64 Activity Diagram L
153
3.4.4. CLASS DIAGRAM
Gambar 3.65 Class Diagram
154
3.4.5. KAMUS DATA Dalam game Defense of The Sea database digunakan untuk menyimpan seluruh data-data bangunan dan musuh yang bisa di update secara online melalui halaman admin. Berikut ini merupakan tabel entitas yang digunakan dalam perancangan halaman admin dalam game Defense of the Sea.
Tabel 3.77 Tabel Entitas Halaman Admin Defense of the Sea Entity
Attributes
Description
Data Type &
Name buildings
Length BuildingID (Primar Key)
ID dari bangunan
int
Image
Source gambar
varchar (100)
Name
Nama bangunan
varchar (100)
Description
Keterangan dari
text
bangunan Income
Jumlah pendapatan
int
yang diperoleh BuyPearl
Jumlah pearl yang
int
dibutuhkan untuk membeli bangunan BuySeaweed
Jumlah seaweed
int
yang dibutuhkan untuk membeli bangunan BuyCoral
Jumlah coral rock
int
yang dibutuhkan untuk membeli bangunan SellPearl
Jumlah pearl yang
int
155 diperoleh dari menjual bangunan SellSeaweed
Jumlah seaweed
int
yang diperoleh dari menjual bangunan SellCoral
Jumlah coral rock
int
yang diperoleh dari menjual bangunan decorations
DecorationID (Primary
ID dari dekorasi
int
Image
Source gambar
varchar (100)
Name
Nama dekorasi
varchar (100)
Description
Keterangan dari
text
Key)
dekorasi BuyPearl
Jumlah pearl yang
int
dibutuhkan untuk membeli dekorasi BuySeaweed
Jumlah seaweed
int
yang dibutuhkan untuk membeli dekorasi BuyCoral
Jumlah coral rock
int
yang dibutuhkan untuk membeli dekorasi SellPearl
Jumlah pearl yang
int
diperoleh dari menjual dekorasi SellSeaweed
Jumlah seaweed yang diperoleh dari menjual dekorasi
int
156 SellCoral
Jumlah coral rock
int
yang diperoleh dari menjual dekorasi enemies
EnemyID (Primary Key)
ID dari musuh
int
Image
Source gambar
varchar (100)
Name
Nama musuh
varchar (100)
Description
Deskripsi dari
text
musuh Health
Darah musuh
float
Speed
Kecepatan berjalan
float
musuh GetPearl
Jumlah pearl yang
int
diperoleh ketika musuh dikalahkan GetSeaweed
Jumlah seaweed
int
yang diperoleh ketika musuh dikalahkan GetCoral
Jumlah coral rock
int
yang diperoleh ketika musuh dikalahkan towers
TowerID (Primary Key)
ID dari tower
int
Image
Source gambar
varchar (100)
Name
Nama tower
varchar (100)
Description
Deskripsi dari
text
tower Attack
Besar serangan
float
tower Speed
Kecepatan serangan tower
float
157 Range
Jangkauan
float
menyerang tower BuyPearl
Jumlah pearl yang
int
dibutuhkan untuk membeli tower BuySeaweed
Jumlah seaweed
int
yang dibutuhkan untuk membeli tower BuyCoral
Jumlah coral rock
int
yang dibutuhkan untuk membeli tower SellPearl
Jumlah pearl yang
int
diperoleh dari menjual tower SellSeaweed
Jumlah seaweed
int
yang diperoleh dari menjual tower SellCoral
Jumlah coral rock
int
yang diperoleh dari menjual tower user
3.5.
UserID
ID dari admin
int
Username
Nama admin
varchar (100)
Password
Password admin
varchar (100)
STORYBOARD Pada bagian ini, akan dibahas mengenai perancangan layar dalam game
Defense of the Sea.
158
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 1 of 62
Screen ID: GS001 Screen Name : Tampilan Menu Utama
Screen Description: Tampilan menu utama Defense of The Sea. Start game untuk memulai game, option untuk menampilkan ke halaman option (GS002), help untuk menampilkan halaman help (GS006), exit untuk keluar game (GS007). Link From Screen ID: GS002, GS006,
Link to Screen ID: GS002, GS006, GS007,
GS007, GS039, GS040, GS043,
GS008
GS045 Color Scheme: -
Teks : Hitam (#000000).
-
Tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
159 Still Images: -
Tombol Start Game (Startgame.png), Tombol Option (Option.png), Tombol Help (Help.png), Tombol Exit (Exit.png).
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 2 of 62
Screen ID: GS002 Screen Name : Tampilan Option
Screen Description: Tampilan halaman option setelah menekan tombol option pada menu utama. Halaman ini berisi tombol sound yang ketika ditekan maka tulisan sound akan
160 menjadi mute dimana suara dimatikan dan sebaliknya, tombol credit menampilkan halaman credit (GS003), tombol reset game menampilkan halaman konfirmasi reset game (GS004), tombol back kembali ke menu utama (GS001). Link From Screen ID: GS001, GS003,
Link to Screen ID: GS001, GS003, GS004
GS004, GS005 Color Scheme: -
Teks : Hitam (#000000)
-
Tombol dan bingkai : Coklat Muda (#CC935C).
-
Teks tombol : Coklat tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Tombol sound (Sound.png), tombol credit (Credit.png), tombol reset game (Resetgame.png), tombol back (Back.png), bingkai (Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan button.
-
Fade in dan fade out berpindah halaman.
161 Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 3 of 62
Screen ID: GS003 Screen Name : Tampilan Credit
Screen Description: Tampilan halaman credit setelah menekan tombol credit pada halaman option. Pada halaman option memberikan informasi engine yang digunakan dalam pembuatan game ini dan nama pembuat game ini. Tombol back untuk kembali ke halaman option (GS002) Link From Screen ID: GS002
Link to Screen ID: GS002
Color Scheme: -
Teks : Hitam (#000000).
-
Tombol dan bingkai : Coklat Muda (#CC935C).
-
Teks tombol : Coklat tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Tombol back (Back.png), bingkai (Bgframe2.png)
162 Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 4 of 62
Screen ID: GS004 Screen Name : Tampilan Konfirmasi Reset Game
Screen Description: Tampilan halaman konfirmasi reset game setelah menekan tombol reset game pada halaman option. Halaman konfirmasi ini memastikan apakah pemain benarbenar ingin mengulang kembali game tersebut dari awal atau tidak. Tombol centang untuk setuju dan akan menampilkan halaman reset game berhasil
163 (GS005), tombol silang untuk membatalkan dan akan kembali ke halaman option (GS002).
Link From Screen ID: GS002
Link to Screen ID: GS002, GS005
Color Scheme: -
Teks : Hitam (#000000).
-
Tombol dan bingkai : Coklat Muda (#CC935C).
Text Attributes: -
Font Museo 500.
Still Images: -
Tombol centang (Ok.png), tombol silang (Cancel.png), bingkai (Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
164 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 5 of 62
Screen ID: GS005 Screen Name : Tampilan Reset Game Sukses
Screen Description: Tampilan halaman reset game sukses setelah menekan tombol centang pada halaman reset game. Ini berarti game akan dimulai dari awal kembali. Tombol ok untuk kembali ke halaman option (GS002). Link From Screen ID: GS004
Link to Screen ID: GS002
Color Scheme: -
Teks : Hitam (#000000).
-
Tombol dan bingkai : Coklat Muda (#CC935C).
-
Teks tombol : Coklat tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: Audio:
Tombol back (Back.png), bingkai (Bgframe2.png)
165 -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 6 of 62
Screen ID: GS006 Screen Name : Tampilan Help
Screen Description: Tampilan halaman help setelah menekan tombol help pada menu utama. Pada halaman help berisi penjelasan user interface yang terdapat dalam game ini. Tombol panah kiri dan kanan untuk lanjut ke halaman berikutnya, tombol back untuk kembali ke halaman menu utama (GS001). Link From Screen ID: GS001 Color Scheme:
Link to Screen ID: GS001
166 -
Teks : Hitam (#000000).
-
Tombol dan bingkai : Coklat Muda (#CC935C).
-
Teks tombol : Coklat tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Tombol back (Back.png), tombol next (Next.png), tombol previous (Prev.png), bingkai (Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 7 of 62
Screen ID: GS007 Screen Name : Tampilan Konfirmasi Keluar Permainan
167
Screen Description: Tampilan halaman exit ketika menekan tombol exit pada menu utama. Tombol centang keluar dari game, tombol silang kembali ke halaman menu utama (GS001). Link From Screen ID: GS001
Link to Screen ID: GS001
Color Scheme: -
Teks : Hitam (#000000).
-
Tombol dan bingkai exit : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Tombol centang (Ok.png), tombol silang (Cancel.png), bingkai (Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
168 -
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 8 of 62
Screen ID: GS008 Screen Name : Tampilan Cerita Awal
Screen Description: Tampilan halaman cerita setelah menekan tombol start game pada menu utama. Tombol skip untuk melanjutkan ke halaman game (GS009), tombol panah kanan untuk melanjutkan ke cerita selanjutnya. Link From Screen ID: GS001
Link to Screen ID: GS009
Color Scheme: -
Teks : Hitam (#000000)
-
Teks tombol : Coklat tua (#603913).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
Text Attributes: -
Font Museo 500.
169 Still Images: -
Gambar (Story.png), kuda laut (Seahorse.png), tombol panah kanan (Right.png), tombol skip (Skip.png), bingkai (Bgframe1.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 9 of 62
Screen ID: GS009 Screen Name : Tampilan Tutorial Awal
170 Screen Description: Tampilan halaman game, game dimulai dengan tutorial. Tombol panah kanan untuk memulai tutorial (GS010). Pojok kiri atas terdapat nyawa pemain, tengah atas terdapat nama kota dan informasi wave, pojok kanan atas terdapat informasi sumber daya dan waktu sebelum setiap wave dimulai, pojok kanan bawah terdapat tombol field untuk berpindah ke field (GS025), tombol shop untuk membeli bangunan (GS026), dan tombol menu untuk masuk ke dalam menu game (GS041). Link From Screen ID: GS008
Link to Screen ID: GS010
Color Scheme: -
Teks : Hitam (#000000)
-
Bingkai : Coklat Muda (#CC935C).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), kuda laut (Seahorse.png), tombol panah kanan (Right.png), tombol field (Field.png), tombol shop (Shop.png), tombol menu (Menu.png), bingkai (Bgframe1.png)
Audio: [1.20] Loop : Musik bersuasana damai.mp3 Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
171 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 10 of 62
Screen ID: GS010 Screen Name : Tampilan Memasukkan Nama Kota
Screen Description: Tampilan tutorial menentukan nama kota. Nama kota hanya bisa menggunakan huruf dan maksimal 20 karakter. Tanda centang untuk lanjut ke tutorial selanjutnya. Link From Screen ID: GS009
Link to Screen ID: GS011
Color Scheme: -
Teks : Hitam (#000000)
-
Bingkai : Coklat Muda (#CC935C).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), kuda laut (Seahorse.png), tombol
172 panah kanan (Right.png), tombol field (Field.png), tombol shop (Shop.png), tombol menu (Menu.png), bingkai (Bgframe1.png) Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 11 of 62
Screen ID: GS011 Screen Name : Tampilan Tutorial Membeli Main House
Screen Description: Tampilan tutorial pemain diminta membangun main house. Pertama pemain harus menekan tombol shop untuk dapat melihat bangunan yang terdapat pada shop
173 (GS012).
Link From Screen ID: GS010
Link to Screen ID: GS012
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227)
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol panah kanan (Right.png), tombol field (Field.png), tombol shop (Shop.png), tombol menu (Menu.png), bingkai (Bgframe1.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
174
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 12 of 62
Screen ID: GS012 Screen Name : Tampilan Tutorial Memilih Icon Main House
Screen Description: Tampilan setelah pemain menekan tombol shop. Pemain diminta untuk menekan tombol main house untuk membangun main house (GS013). Link From Screen ID: GS011
Link to Screen ID: GS013
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227)
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat tua (#603913)..
Text Attributes: -
Font Museo 500.
Still Images:
175 -
Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol panah kanan (Right.png), tombol field (Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol bangunan (Building.png).
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 13 of 62
Screen ID: GS013 Screen Name : Tampilan Tutorial Memilih Grid untuk meletakkan Main House
176 Screen Description: Tampilan tutorial setelah pemain menekan tombol main house. Kotak bewarna kuning merupakan grid tempat pemain membangun bangunan, kotak di tengah bawah terdapat informasi bangunan yang dipilih pemain. Ketika pemain menekan pada salah satu grid maka akan muncul kotak konfirmasi (GS014). Link From Screen ID: GS012, GS014
Link to Screen ID: GS014
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227)
-
Grid : Kuning.
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol field (Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol bangunan (Building.png), bingkai (Bgframe1.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
177 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 14 of 62
Screen ID: GS014 Screen Name : Tampilan Tutorial Konfirmasi Membeli Main House
Screen Description: Tampilan halaman konfirmasi membeli bangunan setelah pemain memilih dan menekan pada salah satu grid. Tombol centang setuju membeli bangunan (GS015), tombol silang membatalkan. Link From Screen ID: GS013
Link to Screen ID: GS013, GS015
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227)
-
Grid : Kuning.
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images:
178 -
Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol panah kanan (Right.png), tombol field (Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol bangunan (Building.png), bingkai (Bgframe1 dan Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 15 of 62
Screen ID: GS015 Screen Name : Tampilan Tutorial Membeli Barrack
179 Screen Description: Tampilan setelah pemain membangun main house. Tutorial selanjutnya pemain diminta membangun barrack (GS016). Link From Screen ID: GS014
Link to Screen ID: GS016
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227).
-
Teks tombol : Coklat tua (#603913).
-
Tombol : Coklat Muda (#CC935C).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol field (Field.png), tombol shop (Shop.png), tombol menu (Menu.png).
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
180
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 16 of 62
Screen ID: GS016 Screen Name : Tampilan Tutorial Memilih Icon Barrack
Screen Description: Tampilan setelah pemain menekan tombol shop. Pemain diminta untuk menekan tombol barrack untuk membangun barrack (GS017). Link From Screen ID: GS015
Link to Screen ID: GS017
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227)
-
Teks tombol : Coklat tua (#603913).
-
Bingkai : Coklat Muda (#CC935C).
Text Attributes: -
Font Museo 500.
Still Images:
181 -
Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol field (Field.png), tombol shop (Shop.png), tombol menu (Menu.png).
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 17 of 62
Screen ID: GS017 Screen Name : Tampilan Tutorial Memilih Grid untuk meletakkan Barrack
182 Screen Description: Tampilan tutorial setelah pemain menekan tombol barrack. Kotak bewarna kuning merupakan grid tempat pemain membangun bangunan, getika grid kuning di tekan akan muncul kotak konfirmasi (GS-18), kotak tengah bawah terdapat informasi bangunan yang dipilih. Grid bewarna merah menandakan bawah pemain tidak dapat membangun bangunan pada grid tersebut karena sudah terdapat bangunan. Link From Screen ID: GS016, GS018
Link to Screen ID: GS018
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227).
-
Grid : Kuning dan Merah (#EC2227).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Tombol teks : Coklat tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol field (Field.png), tombol shop (Shop.png), tombol menu (Menu.png), Tombol bangunan (Building.png), bingkai (Bgframe1.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
183
Multimedia Storyboard Project: Android mobile game Defense of Date: 12 Januari 2013 The Sea Screen: 18 of 62
Screen ID: GS018 Screen Name : Tampilan Tutorial Konfirmasi Membeli Barrack
Screen Description: Tampilan halaman konfirmasi membeli bangunan setelah pemain memilih dan menekan pada salah satu grid. Tombol centang setuju membeli bangunan (GS019), tombol silang membatalkan. Link From Screen ID: GS017
Link to Screen ID: GS017, GS019
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227).
-
Grid : Kuning dan Merah (#EC2227).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat tua (#603913).
Text Attributes: Font Museo 500. Still Images:
184 -
Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol panah kanan (Right.png), tombol field (Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol bangunan (Building.png), bingkai (Bgframe1.png dan Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 19 of 62
Screen ID: GS019 Screen Name : Tampilan Tutorial Berpindah ke Field
185 Screen Description: Tampilan tutorial berikutnya. Pemain diminta untuk berpindah ke halaman field dengan menekan tombol field (GS020)) Link From Screen ID: GS018
Link to Screen ID: GS020
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227).
-
Teks tombol : Coklat tua (#603913).
-
Tombol : Coklat Muda (#CC935C).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), Gambar batu (Rock.png), tombol field (Field.png), Tombol shop (Shop.png), Tombol menu (Menu.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
186 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 20 of 62
Screen ID: GS020 Screen Name : Tampilan Tutorial Membeli Swordfish
Screen Description: Tampilan halaman field setelah pemain menekan tombol field. Pemain diminta membangun swordfish (GS021). Link From Screen ID: GS019
Link to Screen ID: GS021
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227).
-
Teks tombol : Coklat tua (#603913).
-
Tombol : Coklat Muda (#CC935C).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), Gambar batu
187 (Rock.png), tombol city (City.png), tombol shop (Shop.png), tombol menu (Menu.png) Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 21 of 62
Screen ID: GS021 Screen Name : Tampilan Tutorial Memilih Icon Swordfish
Screen Description: Tampilan setelah pemain menekan tombol shop. Pemain diminta untuk menekan tombol swordfish untuk membangun swordfish (GS022).
188 Link From Screen ID: GS020
Link to Screen ID: GS022
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227).
-
Teks tombol : Coklat tua (#603913).
-
Tombol : Coklat Muda (#CC935C).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city (City.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol bangunan (Building.png).
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
189 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 22 of 62
Screen ID: GS022 Screen Name : Tampilan Tutorial Memilih Grid untuk Meletakkan Swordfish
Screen Description: Tampilan setelah pemain menekan tombol main house. Kotak bewarna kuning merupakan grid tempat pemain membangun bangunan, ketika grid kuning ditekan maka akan muncul kotak konfirmasi (GS023), kotak di tengah bawah terdapat informasi bangunan yang dipilih pemain. Link From Screen ID: GS021, GS023
Link to Screen ID: GS023
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227)
-
Grid : Kuning.
-
Bingkai dan tombol : Coklat Muda (#CC935C).
Text Attributes: -
Font Museo 500.
Still Images:
190 -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city (Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol bangunan (Building.png), bingkai (Bgframe1.png).
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 23 of 62
Screen ID: GS023 Screen Name : Tampilan Tutorial Konfirmasi Membeli Swordfish
191 Screen Description: Tampilan halaman konfirmasi membeli bangunan setelah pemain memilih dan menekan pada salah satu grid. Tombol centang setuju membeli bangunan (GS024), tombol silang membatalkan. Link From Screen ID: GS022
Link to Screen ID: GS022, GS024
Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227)
-
Grid : Kuning.
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), Gambar batu (Rock.png), Tombol city (Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol bangunan (Building.png), bingkai (Bgframe1.png dan Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
192 Multimedia Storyboard Project: Android mobile game Defense of The
Date: 12 Januari 2013
Sea Screen: 24 of 62
Screen ID: GS024 Screen Name : Tampilan Informasi Terumbu Karang dan Musuh Berikutnya
Screen Description: Tampilan halaman informasi musuh dan informasi coral yang merupakan tutorial terakhir dan yang muncul setiap selesai satu wave. Tombol continue untuk mengakhiri tutorial dan memainkan game (GS025). Link From Screen ID: GS023, GS025, GS026,
Link to Screen ID: GS025
GS027, GS028, GS029, GS030, GS031, GS032, GS033, GS034, GS035, GS036, GS037, GS038, GS041, GS042, GS043, GS044. Color Scheme: -
Teks : Hitam (#000000) dan Merah (#EC2227).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
193 -
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), gombol city (City.png), gombol shop (Shop.png), gombol menu (Menu.png), gambar musuh (Enemy.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
194 Multimedia Storyboard Project: Android mobile game Defense of The
Date: 12 Januari 2013
Sea Screen: 25 of 62
Screen ID: GS025 Screen Name : Tampilan Field
Screen Description: Tampilan game setelah pemain menyelesaikan tutorial dan musuh datang. Terdapat tombol quest untuk menampilkan quest yang harus diselesaikan pemain (GS035). Tombol city untuk berpindah ke city (GS044), tombol shop untuk menampilkan bangunan yang dapat dibeli (GS026), tombol menu untuk menampilkan halaman menu (GS041). Link From Screen ID: GS024, GS026,
Link to Screen ID: GS024, GS026,
GS027, GS028, GS029, GS030, GS033,
GS035, GS036, GS041, GS044
GS035, GS036, GS037, GS038, GS041, GS043, GS044 Color Scheme: -
Teks : Hitam (#000000).
Text Attributes: -
Font Museo 500.
195 -
Tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city (City.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), Gambar kuda laut (Seahorse.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
196
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 26 of 62
Screen ID: GS026 Screen Name : Tampilan Icon Shop
Screen Description: Tampilan setelah pemain menekan tombol shop. Tombol city / field akan berubah sesuai dengan posisi pemain, jika pemain berada di city maka akan menjadi tombol field dan sebaliknya (GS025, GS044), tombol quest untuk menampilkan quest yang harus diselesaikan pemain (GS035), tombol menu untuk menampilkan halaman menu (GS041). Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS025, GS028,
Link to Screen ID: GS024, GS027,
GS029, GS037, GS038, GS044
GS035, GS037, GS041, GS044
Color Scheme: -
Teks : Hitam (#000000).
-
Tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
197 Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol bangunan (Building.png)
Audio: [1.20] Loop : -
Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
198 Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 27 of 62
Screen ID: GS027 Screen Name : Tampilan Memilih Grid untuk Meletakkan Bangunan
Screen Description: Tampilan setelah pemain menekan salah satu tombol bangunan. Grid tempat pemain dapat membangun bangunan akan muncul, ketika salah satu grid ditekan maka akan muncul kotak konfirmasi (GS028), letak grid di city dan field berbeda. Di tengah bawah terdapat informasi bangunan yang sedang dipilih oleh pemain. Tombol city / field akan berubah sesuai dengan posisi pemain, jika pemain berada di city maka akan menjadi tombol field dan sebaliknya (GS025, GS044), tombol quest untuk menampilkan quest yang harus diselesaikan pemain (GS035), tombol menu untuk menampilkan halaman menu (GS041). Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS026
Link to Screen ID: GS024, GS025, GS028, GS035, GS041, GS044
Color Scheme:
199 -
Teks : Hitam (#000000).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city (City.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol bangunan (Building.png), bingkai (Bgframe1.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
200 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 28 of 62
Screen ID: GS028 Screen Name : Tampilan Konfirmasi Membeli Bangunan
Screen Description: Tampilan setelah pemain menekan salah satu grid untuk membangun bangunan. Kotak konfirmasi membeli bangunan akan muncul. Terdapat tombol centang untuk membeli bangunan (GS025, GS044) dan tombol silang untuk membatalkan (GS026). Tombol city / field akan berubah sesuai dengan posisi pemain, jika pemain berada di city maka akan menjadi tombol field dan sebaliknya. Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS027
Link to Screen ID: GS024, GS025, GS026, GS036, GS044
Color Scheme: -
Teks : Hitam (#000000).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
201 Text Attributes: Font Museo 500. Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol bangunan (Building.png), tombol centang (Ok.png), tombol silang (Cancel.png), bingkai (Bgframe1.png dan Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
202 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 29 of 62
Screen ID: GS029 Screen Name : Tampilan Bangunan dipilih
Screen Description: Tampilan halaman game ketika pemain memilih salah satu bangunan. Terdapat empat tombol dibawah yaitu tombol dollar untuk menjual bangunan (GS030), tombol tanda tanya untuk melihat informasi bangunan (GS031), tombol panah empat arah untuk memindahkan bangunan (GS032), tombol panah atas untuk meningkatkan level bangunan (GS033). Tombol city / field akan berubah sesuai dengan posisi pemain, jika pemain berada di city maka akan menjadi tombol field dan sebaliknya (GS025, GS044), tombol shop untuk menampilkan bangunan yang dapat dibeli (GS026), tombol quest untuk menampilkan quest yang harus diselesaikan pemain (GS035), tombol menu untuk menampilkan halaman menu (GS041). Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS025, GS026,
Link to Screen ID: GS024, GS025, GS026,
GS030, GS031, GS034, GS037,
GS030, GS031, GS032, GS033, GS034,
GS038, GS044
GS037, GS041, GS044
203 Color Scheme: -
Teks : Hitam (#000000).
-
Tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), Gambar mutiara (Pearl.png), Gambar rumput laut (Seaweed.png), Gambar batu (Rock.png), Tombol city / field (City.png / Field.png), Tombol shop (Shop.png), Tombol menu (Menu.png), Tombol quest (Quest.png), Gambar kuda laut (Seahorse.png), Tombol dollar (Sell.png), Tombol tanda tanya (Info.png), Tombol panah empat arah (Move.png), Tombol panah atas (Upgrade.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
204 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 30 of 62
Screen ID: GS030 Screen Name : Tampilan Konfirmasi Menjual Bangunan
Screen Description: Tampilan halaman game ketika pemain menekan tombol dollar. Kotak konfirmasi menjual bangunan akan muncul. Terdapat tombol centang untuk menjual bangunan (GS025, GS044), tombol silang untuk membatalkan (GS029). Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS029
Link to Screen ID: GS024, GS025, GS029, GS044
Color Scheme: -
Teks : Hitam (#000000).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
205 Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol dollar (Sell.png), tombol tanda tanya (Info.png), tombol panah empat arah (Move.png), tombol panah atas (Upgrade.png), tombol centang (Ok.png), tombol silang (Cancel.png), bingkai (Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
206 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 31 of 62
Screen ID: GS031 Screen Name : Tampilan Informasi Bangunan
Screen Description: Tampilan halaman game ketika pemain menekan tombol tanda tanya. Kotak informasi bangunan akan muncul tombol silang untuk menghilangkan kotak informasi (GS029). Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS029
Link to Screen ID : GS024, GS029
Color Scheme: -
Teks : Hitam (#000000).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images:
207 -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), Tombol city / field (City.png / Field.png), tombol shop (Shop.png), Tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol dollar (Sell.png), tombol tanda tanya (Info.png), tombol panah empat arah (Move.png), tombol panah atas (Upgrade.png), tombol silang (Cancel.png), bingkai (Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
208 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 32 of 62
Screen ID: GS032 Screen Name : Tampilan Memindahkan Bangunan
Screen Description: Tampilan halaman game ketika pemain menekan tombol panah empat arah. Grid tempat pemain dapat memindahkan bangunan akan muncul, pemain dapat menekan salah satu grid dan akan muncul kotak konfirmasi memindahkan bangunan (GS033). Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS029, GS033
Link to Screen ID: GS024, GS033
Color Scheme: -
Teks : Hitam (#000000).
-
Grid : Kuning.
-
Tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
209 Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png),
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
210 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 33 of 62
Screen ID: GS033 Screen Name : Tampilan Konfirmasi Memindahkan Bangunan
Screen Description: Tampilan halaman game ketika pemain menekan salah satu grid untuk memindahkan bangunan. Kotak konfirmasi memindahkan bangunan akan muncul. Terdapat tombol centang untuk memindahkan bangunan (GS025, GS044), tombol silang untuk membatalkan. Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS029, GS032
Link to Screen ID: GS024, GS025, GS032, GS044
Color Scheme: -
Teks : Hitam (#000000).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes:
211 -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol centang (Ok.png), tombol silang (Cancel).png, bingkai (Bgframe2.png)
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
212 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 34 of 62
Screen ID: GS034 Screen Name : Tampilan Konfirmasi Meningkatkan Level Bangunan
Screen Description: Tampilan halaman game ketika pemain menekan tombol panah atas. Kotak konfirmasi meningkatkan level bangunan meningkat. Terdapat tombol centang untuk meningkatkan level bangunan (GS029), tombol silang untuk membatalkan (GS029). Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS029
Link to Screen ID: GS024, GS029, GS036
Color Scheme: -
Teks : Hitam (#000000).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images:
213 -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol centang (Ok.png), tombol silang (Cancel).png, bingkai (Bgframe2.png)
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 35 of 62
Screen ID: GS035 Screen Name : Tampilan Informasi Quest
214 Screen Description: Tampilan halaman game ketika pemain menekan tombol quest. Terdapat kotak informasi quest yang harus dijalankan oleh pemain. Tombol panah kanan untuk menutup kota informasi quest (GS025, GS044). Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS025, GS026,
Link to Screen ID: GS024, GS025, GS044
GS027, GS029, GS037, GS038, GS044 Color Scheme: -
Teks : Hitam (#000000) dan Merah.
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol panah kanan (Right.png), bingkai (Bgframe1.png)
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
215 Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 36 of 62
Screen ID: GS036 Screen Name : Tampilan Informasi Quest Selesai
Screen Description: Tampilan halaman game ketika pemain berhasil menjalankan quest. Terdapat kotak informasi quest sukses diselesaikan. Tombol panah kanan untuk menutup kota informasi quest sukses (GS025, GS044). Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS025, GS028,
Link to Screen ID: GS024, GS025,
GS034, GS044
GS044
Color Scheme: -
Teks : Hitam (#000000) dan Merah.
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
216 Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol panah kanan (Right.png), bingkai (Bgframe1.png)
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
217
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 37 of 62
Screen ID: GS037 Screen Name : Tampilan Pesan Error
Screen Description: Tampilan halaman game ketika pemain tidak memenuhi sebuah persyaratan dan melakukan sebuah tindakan, seperti tidak memiliki cukup resources untuk membeli bangunan, tidak bisa meningkatkan level bangunan, mengumpulkan resources dan lainnya. Terdapat tombol quest untuk menampilkan quest yang harus diselesaikan pemain (GS035). Tombol city / field akan berubah sesuai dengan posisi pemain, jika pemain berada di city maka akan menjadi tombol field dan sebaliknya (GS025, GS044), tombol shop untuk menampilkan bangunan yang dapat dibeli (GS026), tombol menu untuk menampilkan halaman menu (GS041).Tampilan ini berlaku baik ketika pemain berada di city ataupun di field. Link From Screen ID: GS026, GS029,
Link to Screen ID: GS024, GS025,
GS038.
GS026, GS029, GS035, GS041, GS044
218 Color Scheme: -
Teks : Hitam (#000000) dan Merah.
-
Tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png).
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
219
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 38 of 62
Screen ID: GS038 Screen Name : Tampilan Indikator Resource bisa di collect
Screen Description: Tampilan halaman game ketika pearl house, seaweed house dan coral rock house sudah bisa di collect. Indicator biru akan muncul di bawah bangunan tersebut. Resources dapat di collect dengan menekan dua kali pada bangunan tersebut (GS037). Terdapat tombol quest untuk menampilkan quest yang harus diselesaikan pemain (GS035). Tombol field untuk berpindah ke halaman field (GS025), tombol shop untuk menampilkan bangunan yang dapat dibeli (GS026), tombol menu untuk menampilkan halaman menu (GS041). Link From Screen ID: GS044
Link to Screen ID: GS024, GS025, GS026, GS029, GS035, GS037, GS039, GS040,
220 GS041 Color Scheme: -
Teks : Hitam (#000000).
-
Tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png).
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
221
Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 39 of 62
Screen ID: GS039 Screen Name : Tampilan Kalah dalam Permainan
Screen Description: Tampilan halaman game ketika pemain kalah. Muncul kotak game over yang terdapat tombol retry untuk mengulang kembali (GS044), end game untuk mengakhiri permainan dan kembali ke menu utama (GS001) Link From Screen ID: GS025, GS026,
Link to Screen ID: GS001, GS044
GS027, GS028, GS029, GS030, GS031, GS032, GS033, GS034, GS035, GS036, GS037, GS038, GS041, GS042, GS043, GS044. Color Scheme: -
Teks : Hitam (#000000).
-
Tombol dan bingkai : Coklat Muda (#CC935C).
222 -
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol continue (Continue.png), bingkai (Bgframe2.png)
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
223 Multimedia Storyboard Project: Android mobile game Defense
Date: 12 Januari 2013
of The Sea Screen: 40 of 62
Screen ID: GS040 Screen Name : Tampilan Menang dalam Permainan
Screen Description: Tampilan halaman game ketika pemain menang. Muncul kotak win menyatakan bawah game telah selesai dan pemain berhasil menang. Tombol continue untuk kembali ke menu utama (GS001). Link From Screen ID: GS025, GS026,
Link to Screen ID: GS001
GS027, GS028, GS029, GS030, GS031, GS032, GS033, GS034, GS035, GS036, GS037, GS038, GS041, GS042, GS043, GS044. Color Scheme: -
Teks : Hitam (#000000).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
224 Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol continue (Continue.png), bingkai (Bgframe2.png)
Audio: -
[1.20] Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
225 Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 41 of 62
Screen ID: GS041 Screen Name : Tampilan Menu dalam Game
Screen Description: Tampilan halaman menu dalam game. Terdapat tombol sound yang ketika ditekan maka tulisan sound akan menjadi mute dimana suara dimatikan dan sebaliknya, tombol help untuk melihat bantuan (GS042), tombol end game untuk mengakhiri game (GS043), dan tombol back untuk kembali ke game (GS025, GS044). Link From Screen ID: GS025, GS026,
Link to Screen ID: GS024, GS025,
GS027, GS029, GS037, GS038, GS042,
GS042, GS043, GS044
GS044 Color Scheme: -
Teks : Hitam (#000000).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes:
226 -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), Tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol sound (Sound.png), tombol help (Help.png), tombol end game (Endgame.png), tombol back (Back.png)
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
227
Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 42 of 62
Screen ID: GS042 Screen Name : Tampilan Help dalam Game
Screen Description: Tampilan halaman help setelah menekan tombol help pada menu dalam game. Pada halaman help berisi penjelasan user interface yang terdapat dalam game ini. Tombol panah kiri dan kanan untuk lanjut ke halaman berikutnya, tombol back untuk kembali ke halaman menu game (GS041). Link From Screen ID: GS041
Link to Screen ID: GS024, GS041
Color Scheme: -
Teks : Hitam (#000000).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
228 Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol next (Next.png), tombol previous (prev.png), tombol back (Back.png), bingkai (Bgframe2.png)
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
229 Multimedia Storyboard Project: Android mobile game Defense of Date: 12 Januari 2013 The Sea Screen: 43 of 62
Screen ID: GS043 Screen Name : Tampilan Konfirmasi Mengakhiri Permainan
Screen Description: Tampilan halaman end game setelah menekan tombol end game pada menu dalam game. Tombol centang untuk keluar dari game (GS001), tombol silang untuk membatalkan (GS041). Link From Screen ID: GS024, GS041
Link to Screen ID: GS024, GS025
Color Scheme: -
Teks : Hitam (#000000).
-
Bingkai dan tombol : Coklat Muda (#CC935C).
-
Teks tombol : Coklat Tua (#603913).
Text Attributes: -
Font Museo 500.
Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut
230 (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol centang (Ok.png), tombol silang (Cancel.png), bingkai (Bgframe2.png) Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
231 Multimedia Storyboard Project: Android mobile game Defense of
Date: 12 Januari 2013
The Sea Screen: 44 of 62
Screen ID: GS044 Screen Name : Tampilan City
Screen Description: Tampilan halaman city ketika pemain menekan tombol field. Terdapat tombol quest untuk menampilkan quest yang harus diselesaikan pemain (GS035). Tombol field untuk berpindah ke halaman field (GS025), tombol shop untuk menampilkan bangunan yang dapat dibeli (GS026), tombol menu untuk menampilkan halaman menu (GS041). Link From Screen ID: GS025, GS026,
Link to Screen ID: GS024, GS025,
GS027, GS028, GS029, GS030,
GS026, GS029, GS035, GS036, GS039,
GS033, GS035, GS036, GS037,
GS040, GS041.
GS039, GS041 Color Scheme: -
Teks : Hitam (#000000).
Text Attributes: -
Font Museo 500.
232 Still Images: -
Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), tombol city / field (City.png / Field.png), tombol shop (Shop.png), tombol menu (Menu.png), Tombol quest (Quest.png), gambar kuda laut (Seahorse.png), tombol centang (Ok.png), tombol silang (Cancel.png)
Audio: [1.20] -
Loop : Musik bersuasana damai.mp3
Video: Animation: -
Zoom in dan zoom out ketika menekan tombol.
-
Fade in dan fade out berpindah halaman.
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 45 of 62
Screen ID: GS045 Screen Name : Tampilan Video Opening
233
Screen Description : Tampilan video opening game Defense of The Sea. Link From Screen ID: -
Link to Screen ID: GS001
Color Scheme: Text Attributes: Still Images: Audio: Video: Animation: -
Ikan dan kapal selam bergerak ke kiri dan ke kanan.
-
Kamera zoom in dan zoom out.
-
Fade in dan fade out ketika berpindah scene.
-
Manusia bergerak ke atas dan ke bawah.
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013
234 of the Sea Screen: 46 of 62
Screen ID: SS001 Screen Name : Tampilan Login Admin
Screen Description Halaman ini merupakan halaman sebelum masuk ke Admin Area (SS002). User harus
melakukan
login
terlebih dahulu
dengan
memasukkan
username
dan
password yang sesuai. Apabila username dan password tidak sesuai, akan muncul pesan error. Link From Screen ID:
Link to Screen ID:
SS002, SS003, SS004, SS005, SS006, SS002 SS007, SS008, SS009, SS010, SS011, SS012, SS013, SS014, SS015, SS016, SS017 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC)
235 Text Attributes: - Judul game menggunakan font Arial. - Title login menggunakan font Arial. - Teks pada form menggunakan font Arial. Still Images: - Tombol Button Login (LoginBtn.png) Audio: Video: Animation: -
236 Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 47 of 62
Screen ID: SS002 Screen Name : Tampilan Utama Halaman Admin
Screen Description Halaman ini merupakan halaman awal setelah user berhasil login. Di halaman dashboard ini, user yang berfungsi sebagai admin melihat menu apa saja yang dapat diakses dan fungsi dari setiap menu. Link From Screen ID:
Link to Screen ID:
SS001, SS003, SS004, SS005, SS006, SS001, SS003, SS006, SS009, SS012, SS007, SS008, SS009, SS010, SS011, SS015 SS012, SS013, SS014, SS015, SS016, SS017
237 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Tulisan di dashboard menggunakan font Arial. Still Images: Audio: Video: Animation: -
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 48 of 62
Screen ID: SS003 Screen Name : Tampilan Halaman User
238
Screen Description: Halaman ini merupakan halaman ketika admin memilih menu User. Admin dapat melihat username yang dapat mengakses Admin Area. Admin dapat mengedit User dengan menekan tombol Edit. Link From Screen ID:
Link to Screen ID:
SS002, SS004, SS005, SS006, SS007, SS001, SS002, SS004, SS006, SS009, SS008, SS009, SS010, SS011, SS012, SS012, SS015 SS013, SS014, SS015, SS016, SS017 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada table menggunakan font Arial. Still Images:
239 - Icon untuk edit (edit.png) Audio: Video: Animation: -
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 49 of 62
Screen ID: SS004 Screen Name : Tampilan Edit User
240 Screen Description: Di halaman ini, admin dapat mengedit username dan password dari user yang dapat mengakses Admin Area. Akan muncul pesan error bila ada data yang kosong. Link From Screen ID:
Link to Screen ID:
SS003, SS005
SS001, SS002, SS003, SS005, SS006, SS009, SS012, SS015
Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada form menggunakan font Arial. - Button menggunakan font Arial. Still Images: - Button edit (EditBtn.png) - Button cancel (CancelBtn.png) Audio: Video: Animation: -
241 Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 50 of 62
Screen ID: SS005 Screen Name : Tampilan Edit User Sukses
Screen Description: Ketika admin berhasil mengedit User, admin akan kembali ke halaman User dan mendapat pesan bahwa data User berhasil diedit. Link From Screen ID:
Link to Screen ID:
SS004
SS001, SS002, SS003, SS004, SS006, SS009, SS012, SS015
Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes:
242 - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada table menggunakan font Arial. Still Images: - Icon untuk edit (edit.png) Audio: Video: Animation: -
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 51 of 62
Screen ID: SS006 Screen Building
Name
:
Tampilan
Halaman
243
Screen Description: Halaman ini merupakan halaman ketika admin memilih menu Buildings. Admin dapat melihat jenis-jenis bangunan yang ada dalam game beserta penjelasan dan harganya. Admin dapat mengedit komponen dari bangunan dengan menekan tombol Edit. Link From Screen ID:
Link to Screen ID:
SS002, SS003, SS004, SS005, SS007, SS001, SS002, SS003, SS007, SS009, SS008, SS009, SS010, SS011, SS012, SS012, SS015 SS013, SS014, SS015, SS016, SS017 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada table menggunakan font Arial.
244 Still Images: - Icon untuk edit (edit.png) Audio: Video: Animation: -
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 52 of 62
Screen ID: SS007 Screen Name : Tampilan Edit Building
245 Screen Description: Di halaman ini, admin dapat mengedit komponen-komponen pada bangunan. Akan muncul pesan error bila ada data yang kosong. Link From Screen ID:
Link to Screen ID:
SS006, SS008
SS001, SS002, SS003, SS006, SS008, SS009, SS012, SS015
Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada form menggunakan font Arial. - Button menggunakan font Arial. Still Images: - Button edit (EditBtn.png) - Button cancel (CancelBtn.png) Audio: Video: Animation: -
246
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 53 of 62
Screen ID: SS008 Screen Name : Tampilan Edit Building Sukses
Screen Description: Ketika admin berhasil mengedit komponen dari bangunan yang dipilih, admin akan kembali ke halaman Buildings dan mendapat pesan bahwa data bangunan berhasil diedit. Link From Screen ID:
Link to Screen ID:
SS007
SS001, SS002, SS003, SS006, SS007, SS009, SS012, SS015
247 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada table menggunakan font Arial. Still Images: - Icon untuk edit (edit.png) Audio: Video: Animation: -
248 Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 54 of 62
Screen ID: SS009 Screen
Name
:
Tampilan
Halaman
Decoration
Screen Description: Halaman ini merupakan halaman ketika admin memilih menu Decorations. Admin dapat melihat jenis-jenis dekorasi yang ada dalam game beserta penjelasan dan harganya. Admin dapat mengedit komponen dari dekorasi dengan menekan tombol Edit. Link From Screen ID:
Link to Screen ID:
SS002, SS003, SS004, SS005, SS006, SS001, SS002, SS003, SS006, SS010, SS007, SS008, SS010, SS011, SS012, SS012, SS015 SS013, SS014, SS015, SS016, SS017
249 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada table menggunakan font Arial. Still Images: - Icon untuk edit (edit.png) Audio: Video: Animation: -
250
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 55 of 62
Screen ID: SS010 Screen Name : Tampilan Edit Decoration
Screen Description: Di halaman ini, admin dapat mengedit komponen-komponen pada dekorasi. Akan muncul pesan error bila ada data yang kosong. Link From Screen ID:
Link to Screen ID:
SS009, SS011
SS001, SS002, SS003, SS006, SS009, SS011, SS012, SS015
Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes:
251 - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada form menggunakan font Arial. - Button menggunakan font Arial. Still Images: - Button edit (EditBtn.png) - Button cancel (CancelBtn.png) Audio: Video: Animation: -
252
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 56 of 62
Screen ID: SS011 Screen Name : Tampilan Edit Decoration Sukses
Screen Description: Ketika admin berhasil mengedit komponen dari dekorasi yang dipilih, admin akan kembali ke halaman Decorations dan mendapat pesan bahwa data dekorasi berhasil diedit. Link From Screen ID:
Link to Screen ID:
SS010
SS001, SS002, SS003, SS006, SS009, SS010, SS012, SS015
253 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada table menggunakan font Arial. Still Images: - Icon untuk edit (edit.png) Audio: Video: Animation: -
254
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 57 of 62
Screen ID: SS012 Screen Name : Tampilan Halaman Tower
Screen Description: Halaman ini merupakan halaman ketika admin memilih menu Towers. Admin dapat melihat jenis-jenis tower yang ada dalam game beserta penjelasan dan harganya. Admin dapat mengedit komponen dari tower dengan menekan tombol Edit. Link From Screen ID:
Link to Screen ID:
SS002, SS003, SS004, SS005, SS006, SS001, SS002, SS003, SS006, SS009, SS007, SS008, SS009, SS010, SS011, SS013, SS015
255 SS013, SS014, SS015, SS016, SS017 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada table menggunakan font Arial. Still Images: - Icon untuk edit (edit.png) Audio: Video: Animation: -
256
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 58 of 62
Screen ID: SS013 Screen Name : Tampilan Edit Tower
Screen Description: Di halaman ini, admin dapat mengedit komponen-komponen pada tower. Akan muncul pesan error bila ada data yang kosong. Link From Screen ID:
Link to Screen ID:
SS012, SS014
SS001, SS002, SS003, SS006, SS009, SS012, SS014, SS015
Color Scheme:
257 Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada form menggunakan font Arial. - Button menggunakan font Arial. Still Images: - Button edit (EditBtn.png) - Button cancel (CancelBtn.png) Audio: Video: Animation: -
258
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 59 of 62
Screen ID: SS014 Screen Name : Tampilan Edit Tower Sukses
Screen Description: Ketika admin berhasil mengedit komponen dari tower yang dipilih, admin akan kembali ke halaman Towers dan mendapat pesan bahwa data tower berhasil diedit. Link From Screen ID:
Link to Screen ID:
SS013
SS001, SS002, SS003, SS006, SS009, SS012, SS013, SS015
259 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada table menggunakan font Arial. Still Images: - Icon untuk edit (edit.png) Audio: Video: Animation: -
260
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 60 of 62
Screen ID: SS015 Screen Name : Tampilan Halaman Enemy
Screen Description: Halaman ini merupakan halaman ketika admin memilih menu Enemies. Admin dapat melihat jenis-jenis musuh yang ada dalam game beserta penjelasannya. Admin dapat mengedit komponen dari musuh dengan menekan tombol Edit. Link From Screen ID:
Link to Screen ID:
SS002, SS003, SS004, SS005, SS006, SS001, SS002, SS003, SS006, SS009, SS007, SS008, SS009, SS010, SS011, SS012, SS016 SS012, SS013, SS014, SS016, SS017
261 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada table menggunakan font Arial. Still Images: - Icon untuk edit (edit.png) Audio: Video: Animation: -
262
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 61 of 62
Screen ID: SS016 Screen Name : Tampilan Edit Enemy
Screen Description: Di halaman ini, admin dapat mengedit komponen-komponen pada musuh. Akan muncul pesan error bila ada data yang kosong. Link From Screen ID:
Link to Screen ID:
SS015, SS017
SS001, SS002, SS003, SS006, SS009, SS012, SS015, SS017
Color Scheme:
263 Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada form menggunakan font Arial. - Button menggunakan font Arial. Still Images: - Button edit (EditBtn.png) - Button cancel (CancelBtn.png) Audio: Video: Animation: -
264
Multimedia Storyboard Project: Android mobile game Defense Date: 12 Januari 2013 of the Sea Screen: 62 of 62
Screen ID: SS017 Screen Name : Tampilan Edit Enemy Sukses
Screen Description: Ketika admin berhasil mengedit komponen dari musuh yang dipilih, admin akan kembali ke halaman Enemies dan mendapat pesan bahwa data musuh berhasil diedit. Link From Screen ID:
Link to Screen ID:
SS016
SS001, SS002, SS003, SS006, SS009, SS012, SS015, SS016
265 Color Scheme: Background menggunakan warna abu-abu (#CCCCCC) Text Attributes: - Menu menggunakan font Arial. - Title menggunakan font Arial. - Tulisan pada table menggunakan font Arial. Still Images: - Icon untuk edit (edit.png) Audio: Video: Animation: -