BAB 3 ANALISIS DAN PERANCANGAN

Transkripsi

1 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 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

2 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

3 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.

4 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

5 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 nama yang akan digunakan, tujuannya untuk menyimpan game yang dimainkan sehingga ketika pemain ingin 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 :

6 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. Tanaman yang didapatkan pemain biasanya digunakan untuk melawan zombies pada level berikutnya. 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.

7 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

8 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.

9 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 banyak kegiatan sekaligus, maka pemain harus membangun rumah lagi untuk menambah 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.

10 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.

11 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

12 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

13 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 Plants VS Zombies Tower Defense : Lost Earth Smurfs Village Tower Defense 3D 1. Genre Tower Defense Tower Defense Construction Tower Defense and Management Simulation 2. Story Ada Ada Ada Ada 3. Tujuan Melindungi pemilik rumah dari serangan zombie dengan menggunakan tanaman. Melindungi markas dari serangan alien menggunakan tower. Membangun kembali desa yang telah dihancurkan Gargamel. Melindungi markas dari serangan para musuh menggunakan tower. 4. Tutorial Ada, in game Ada, in game Ada, in game Ada, in game 5. Gameplay Membangun tanaman yang digunakan sebagai tower untuk menghalangi zombie yang datang untuk memakan otak pemilik rumah. Beberapa tanaman dapat di-upgrade. 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 Membangun kembali desa para Smurfs setelah diserang oleh Gargamel. Menanam tanaman dan bermain mini game. Membangun tower-tower yang digunakan untuk melindungi markas dari serangan para musuh. Tower dapat ditingkatkan pangkatnya untuk menjadi lebih kuat. disediakan. 6. Bahasa Inggris Inggris Inggris Inggris 7. Jenis Grafik 2D 2D 2½D 3D 8. Orientasi Landscape Landscape Landscape Landscape 9. Fitur - Achievement. - Ada shop. - Almanac, buku informasi tanaman dan zombie. - Quick play - Challenge mode dan special missions mode. - Ada shop untuk power up. - Ada empat tipe game : defense, - Quest untuk progres cerita dalam game. - Mini game untuk mendapatkan tambahan - Skill untuk meningkatkan kekuatan tower, menambahkan uang di awal permainan, dan lainnya.

14 Elemen Multimedia 11. Sistem operasi mode pemain dapat langsung memilih level yang telah dilewati. - Gambar - Suara - Animasi - Teks survival, gather, dan attack. - Tiga tingkat kesulitan : easy, normal, hard. - Gambar - Suara - Animasi - Teks gold dan experience. - Populasi untuk melakukan pekerjaan. - Gambar - Suara - Animasi - Teks - Moving camera, pemain dapat mengatur sudut pandang kamera. - Upgrade, meningkatkan pangkat tiap tower. - Gambar - Suara - Animasi - Teks - Video Android Android Android Android 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 oktober 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 :

15 66 1. Apakah jenis kelamin Anda? Gambar 3.16 Diagram Kue Hasil Kuesioner Nomor 1 Tabel 3.2 Tabel Hasil Kuesioner Nomor 1 Dari hasil yang didapatkan, lebih banyak responden yang berjenis kelamin laki-laki dibandingkan yang berjenis kelamin perempuan.

16 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.

17 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.

18 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.

19 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.

20 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.

21 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.

22 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.

23 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.

24 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.

25 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.

26 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.

27 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.

28 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.

29 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 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.

30 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 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 PERANCANGAN GAME DESKRIPSI GAME Deskripsi permainan akan menjelaskan permainan Defense of the Sea secara garis besar.

31 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 KONSEP DASAR Konsep dasar dari game ini adalah tower defense dan construction and management simulation, dimana pemain harus membangun kembali kota dalam laut yang telah hancur 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 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.

32 KOMPONEN GAME Berikut akan dijelaskan komponen-komponen yang terdapat dalam game Defense of the Sea 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.

33 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 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 untuk mengatur konfigurasi permainan.

34 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.

35 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 BUILDINGS Pada bagian ini, dijelaskan mengenai jenis bangunan yang dapat dibangun dalam permainan Defense of the Sea. Tabel 3.18 Bangunan Main House Nama Main House Harga Pearl 50 Dasar Seaweed 50 Bangunan Coral Rock 50 Keterangan Rumah utama, dibutuhkan untuk meningkatkan bangunan lainnya.

36 87 Tabel 3.19 Bangunan Barrack Nama Barrack 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.

37 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 :

38 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 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.

39 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.

40 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.

41 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.

42 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

43 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

44 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

45 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)) dari Harga Tower. Resources yang didapat ketika menjual tower adalah 50% DECORATIONS Berikut ini merupakan jenis dekorasi yang dapat dibangun dalam permainan Defense of the Sea :

46 97 Tabel 3.36 Dekorasi Seashell Nama Seashell Harga Pearl 8 Dasar Seaweed 8 Dekorasi Coral Rock 8 Keterangan Kerang yang dapat memperindah kota dasar laut. Tabel 3.37 Dekorasi Coral Tree Nama Coral Tree 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 Nama Bench Harga Pearl 8 Dasar Seaweed 8 Dekorasi Coral Rock 8 Keterangan Kursi di dasar laut untuk tempat duduk bagi ikan yang kelelahan.

47 98 Tabel 3.39 Dekorasi Treasure Box Nama Treasure Box Harga Pearl 8 Dasar Seaweed 8 Dekorasi Coral Rock 8 Keterangan Kotak harta karun berisi emas. Terlihat bersinar. Tabel 3.40 Dekorasi Lamp Nama Lamp Harga Pearl 8 Dasar Seaweed 8 Dekorasi Coral Rock 8 Keterangan Lampu di dasar laut untuk menerangi kota dasar laut 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

48 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.

49 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 LOCATION Lokasi dalam game Defense of the Sea ini berada di dasar laut. Lokasi tidak mempengaruhi musuh ataupun tower yang digunakan.

50 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 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

51 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 PERANCANGAN SISTEM USE CASE DIAGRAM USE CASE DIAGRAM DEFENSE OF THE SEA

52 Gambar 3.32 Use Case Diagram Defense of The Sea 103

53 USE CASE DIAGRAM ADMIN Gambar 3.33 Use Case Diagram Admin Defense of The Sea

54 USE CASE NARRATIVE USE CASE NARRATIVE MEMULAI PERMAINAN Tabel 3.46 Use Case Narrative Memulai Permainan Pelaku User. Deskripsi Memulai permainan. Tujuan Untuk memulai permainan. Bidang khas User Sistem suatu event 1. User menekan tombol start game. 2. Sistem mengecek apakah ada save game atau tidak. Jika ada, maka sistem langsung menampilkan halaman permainan. Jika tidak ada, sistem akan menampilkan cerita awal USE CASE NARRATIVE MELIHAT BANTUAN Tabel 3.47 Use Case Narrative Melihat Bantuan Pelaku User. Deskripsi Melihat bantuan. Tujuan Untuk melihat bantuan. Bidang khas User Sistem suatu event 1. User menekan tombol help. 2. Sistem menampilkan halaman help.

55 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 User Sistem suatu event 1. User menekan tombol option. 2. Sistem menampilkan halaman option USE CASE NARRATIVE KELUAR PERMAINAN Tabel 3.49 Use Case Narrative Keluar Permainan Pelaku User. Deskripsi Keluar permainan. Tujuan Untuk keluar permainan. Bidang khas User Sistem suatu event 1. User menekan tombol exit. 2. 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

56 107 akan menampilkan halaman menu utama USE CASE NARRATIVE MELIHAT CREDIT Tabel 3.50 Use Case Narrative Melihat Credit Pelaku User. Deskripsi Melihat credit. Tujuan Untuk melihat credit. Bidang khas User Sistem suatu event 1. User menekan tombol credit. 2. Sistem menampilkan halaman credit 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 User Sistem suatu event 1. User menekan tombol 2. Jika user menekan tombol Mute, maka sistem akan menghilangkan suara dan mengubah tulisan tombol menjadi Sound. Jika user menekan tombol Sound, maka

57 108 sistem akan memunculkan suara dan mengubah tulisan tombol menjadi Mute 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 User Sistem suatu event 1. User menekan tombol reset 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 USE CASE NARRATIVE MELIHAT CERITA AWAL PERMAINAN Tabel 3.53 Use Case Narrative Melihat Cerita Awal Permainan Pelaku User. Deskripsi Melihat cerita awal permainan.

58 109 Tujuan Bidang khas suatu event Untuk melihat cerita awal permainan. User Sistem 1. User 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 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 User Sistem suatu event 1. User menyelesaikan atau melewati halaman cerita awal permainan. 2. Sistem memulai tutorial dengan meminta user memasukkan nama city. 3. User memasukkan nama city. 4. Sistem mengecek apakah nama yang dimasukkan valid atau tidak valid. Jika valid sistem

59 User membangun rumah utama. 7. User membangun barrack. 9. User berpindah ke halaman field. 11. User membangun tower. melanjutkan tutorial meminta user membangun rumah utama. Jika tidak valid, sistem akan kembali meminta user memasukkan nama city. 6. Sistem melanjutkan tutorial meminta user membangun barrack. 8. Sistem melanjutkan tutorial meminta user berpindah ke halaman field. 10. Sistem melanjutkan tutorial meminta user membangun tower. 12. Sistem menampilkan halaman informasi coral dan musuh 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 User Sistem suatu event 1. User 2. Sistem menampilkan

60 111 menekan tombol shop. 3. User menekan icon bangunan yang ingin dibeli. 5. User menekan pada area yang telah disediakan. 7. User menekan tombol. icon bangunan yang dapat dibangun. 4. Sistem mengecek resources yang dimiliki user. Jika resources cukup, sistem menampilkan area untuk membangun bangunan. Jika resources tidak cukup, sistem menampilkan pesan resources tidak cukup. 6. Sistem menampilkan model bangunan pada area yang dipilih dan halaman konfirmasi. 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.

61 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 User Sistem suatu event 1. User memilih bangunan. 2. Sistem menampilkan menu bangunan. 3. User menekan tombol dollar. 4. Sistem menampilkan halaman konfirmasi. 5. User menekan tombol. 6. Jika user menekan tombol centang, sistem akan menambahkan resources user dan menghilangkan bangunan 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 User Sistem suatu event 1. User memilih bangunan. 2. Sistem menampilkan menu bangunan. 3. User 4. Sistem menampilkan

62 113 menekan tombol panah atas. 5. User menekan tombol. halaman konfirmasi. 6. Jika user menekan tombol centang, sistem mengurangi resources user dan meningkatkan level bangunan 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 User Sistem suatu event 1. User memilih bangunan. 2. Sistem menampilkan menu bangunan. 3. User menekan tombol tanda tanya. 4. Sistem menampilkan informasi bangunan 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.

63 114 Bidang khas suatu event User 1. User memilih bangunan. 3. User menekan tombol panah empat arah. 5. User menekan pada area yang diinginkan. 7. User menekan tombol. Sistem 2. Sistem menampilkan menu bangunan. 4. Sistem menampilkan area kosong untuk bangunan. 6. Sistem menampilkan bangunan pada area yang dipilih dan halaman konfirmasi. 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 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

64 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 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 User Sistem suatu event 1. User menekan tombol field. 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 User Sistem suatu event 1. User 2. Sistem menampilkan

65 116 menekan tombol city. 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 User Sistem suatu event 1. User menekan tombol quest. 2. Sistem menampilkan 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 User Sistem suatu event 1. User menyelesaikan semua 2. Menampilkan halaman konfirmasi. wave. 3. User menekan tombol continue. 4. Sistem menampilkan halaman menu utama USE CASE NARRATIVE KALAH DALAM PERMAINAN

66 117 Tabel 3.65 Use Case Narrative Kalah dalam Permainan Pelaku User. Deskripsi Kalah dalam permainan. Tujuan Kalah dalam permainan. Bidang User Sistem khas suatu event 1. User kehabisan nyawa. 2. Menampilkan halaman konfirmasi. 3. User menekan tombol. 4. 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 USE CASE NARRATIVE BATTLE Tabel 3.66 Use Case Narrative Battle Pelaku User. Deskripsi Menjalankan battle. Tujuan Untuk menjalankan battle. Bidang khas User Sistem suatu event 1. Use r menyelesaikan tutorial. 2. Sistem mendatangkan dan mengecek apakah musuh berada dalam range tower. 3. A. Jika musuh tidak berada dalam range tower, sistem akan

67 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

68 Use r menekan tombol continue. 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 Sistem menjalankan timer. Jika timer = 0, sistem akan kembali mendatangkan musuh dan mengulang proses yang sama. Jika timer > 0, sistem akan terus menjalankan timer USE CASE NARRATIVE MENYELESAIKAN QUEST Tabel 3.67 Use Case Narrative Menyelesaikan Quest Pelaku User. Deskripsi Menyelesaikan quest. Tujuan Untuk menyelesaikan quest. Bidang khas User Sistem suatu event 1. User menyelesaikan quest. 2. Sistem menampilkan halaman konfirmasi. 3. Menekan tombol centang. 4. Sistem menambahkan resources user.

69 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 User Sistem suatu event 1. User menekan tombol menu. 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 User Sistem suatu event 1. User menekan tombol menu. 2. Sistem menampilkan halaman menu. 3. User menekan tombol end 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

70 121 tombol silang, sistem akan menampilkan halaman menu 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 Admin Sistem suatu event 1. Admin memasukkan username dan password, kemudian menekan tombol login. 2. Sistem mengecek dari database apakah username dan password yang dimasukkan valid atau tidak valid. Jika valid, sistem akan menampilkan halaman admin. Jika tidak valid, sistem akan menampilkan pesan error USE CASE NARRATIVE EDIT BUILDING Tabel 3.71 Use Case Narrative Edit Building Pelaku Admin.

71 122 Deskripsi Tujuan Bidang khas suatu event Mengubah data-data pada building. Untuk mengubah data-data pada building. Admin Sistem 1. Admin 2. Sistem menampilkan memilih menu building. halaman building. 3. Admin 4. Sistem menampilkan menekan tombol edit 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.

72 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 Admin Sistem suatu event 1. Admin memilih menu enemy. 2. Sistem menampilkan halaman enemy. 3. Admin menekan tombol edit 4. Sistem menampilkan halaman edit enemy. pada enemy yang ingin di-edit. 5. Admin mengubah data-data enemy dan menekan tombol. 6. Jika admin menekan tombol edit, sistem mengecek apakah data 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.

73 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 Admin Sistem suatu event 1. Admin memilih menu 2. Sistem menampilkan halaman decoration. decoration. 3. Admin menekan tombol edit pada decoration yang 4. Sistem menampilkan halaman edit decoration. ingin di-edit. 5. Admin mengubah data-data decoration dan menekan tombol. 6. Jika admin menekan tombol edit, sistem mengecek apakah data 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

74 125 tombol cancel, sistem akan menampilkan halaman decoration 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 Admin Sistem suatu event 1. Admin memilih menu tower. 2. Sistem menampilkan halaman tower. 3. Admin menekan tombol edit 4. Sistem menampilkan halaman edit tower. pada tower yang ingin di-edit. 5. Admin mengubah data-data tower dan menekan tombol. 6. Jika admin menekan tombol edit, sistem mengecek apakah data 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.

75 126 Jika admin menekan tombol cancel, sistem akan menampilkan halaman tower 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 Admin Sistem suatu event 1. Admin memilih menu user. 2. Sistem menampilkan halaman user. 3. Admin menekan tombol edit 4. Sistem menampilkan halaman edit user. pada user yang ingin diedit. 5. Admin mengubah data-data user dan menekan tombol. 6. Jika admin menekan tombol edit, sistem 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

76 127 menampilkan pesan error. Jika admin menekan tombol cancel, sistem akan menampilkan halaman user 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 Admin Sistem suatu event 1. Admin menekan menu logout. 2. Sistem menampilkan halaman login ACTIVITY DIAGRAM ACTIVITY DIAGRAM MEMULAI PERMAINAN

77 128 Gambar 3.34 Activity Diagram Memulai Permainan ACTIVITY DIAGRAM MELIHAT BANTUAN Gambar 3.35 Activity Diagram Melihat Bantuan ACTIVITY DIAGRAM MELIHAT HALAMAN KONFIGURASI Gambar 3.36 Activity Diagram Melihat Halaman Konfigurasi

78 ACTIVITY DIAGRAM KELUAR PERMAINAN Gambar 3.37 Activity Diagram Keluar Permainan

79 ACTIVITY DIAGRAM MELIHAT CREDIT Gambar 3.38 Activity Diagram Melihat Credit ACTIVITY DIAGRAM MENGATUR SUARA

80 131 Gambar 3.39 Activity Diagram Mengatur Suara ACTIVITY DIAGRAM ME-RESET PERMAINAN User Sistem Menekan tombol reset game Menampilkan halaman konfirmasi Menekan tombol [ Tombol silang ] [ Tombol centang ] Menghapus save game Menekan tombol ok Menampilan pesan reset sukses Menampilkan menu option Gambar 3.40 Activity Diagram Me-reset Permainan

81 ACTIVITY DIAGRAM MELIHAT CERITA AWAL PERMAINAN Gambar 3.41 Activity Diagram Melihat Cerita Awal Permainan

82 ACTIVITY DIAGRAM MENJALANKAN TUTORIAL Gambar 3.42 Activity Diagram Menjalankan Tutorial

83 ACTIVITY DIAGRAM MEMBELI BANGUNAN Gambar 3.43 Activity Diagram Membeli Bangunan

84 ACTIVITY DIAGRAM MENJUAL BANGUNAN Gambar 3.44 Activity Diagram Menjual Bangunan

85 ACTIVITY DIAGRAM MENINGKATKAN LEVEL BANGUNAN Gambar 3.45 Activity Diagram Meningkatkan Level Bangunan

86 ACTIVITY DIAGRAM MELIHAT INFORMASI BANGUNAN Gambar 3.46 Activity Diagram Melihat Informasi Bangunan

87 ACTIVITY DIAGRAM MEMINDAHKAN BANGUNAN Gambar 3.47 Activity Diagram Memindahkan Bangunan

88 ACTIVITY DIAGRAM MENGAMBIL RESOURCES Gambar 3.48 Activity Diagram Mengambil Resources

89 ACTIVITY DIAGRAM BERPINDAH KE FIELD Gambar 3.49 Activity Diagram Berpindah ke Field ACTIVITY DIAGRAM BERPINDAH KE CITY Gambar 3.50 Activity Diagram Berpindah ke City

90 ACTIVITY DIAGRAM MENAMPILKAN QUEST Gambar 3.51 Activity Diagram Menampilkan Quest ACTIVITY DIAGRAM MEMENANGKAN PERMAINAN Gambar 3.52 Activity Diagram Memenangkan Permainan

91 ACTIVITY DIAGRAM KALAH DALAM PERMAINAN Gambar 3.53 Activity Diagram Kalah Dalam Permainan

92 ACTIVITY DIAGRAM BATTLE User Sistem Menyelesaikan tutorial Mendatangkan musuh Mengecek apakah musuh berada dalam range tower [ Tidak dalam range ] [ Dalam range ] Mengecek apakah musuh sudah sampai titik akhir Tower menyerang musuh [ Belum sampai ] [ Sudah sampai ] Menghilangkan musuh Mengurangkan nyawa Mengecek apakah musuh mati [ Tidak mati ] [ Mati ] Menghilangkan musuh Mengecek nyawa Menambahkan resources [ Nyawa >= 1 ] Mengecek apakah masih ada musuh [ Nyawa < 1 ] Menampilkan halaman game over [ Ada ] [ 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 ]

93 144 Gambar 3.54 Activity Diagram Battle ACTIVITY DIAGRAM MENYELESAIKAN QUEST Gambar 3.55 Activity Diagram Menyelesaikan Quest ACTIVITY DIAGRAM MASUK KE MENU GAME Gambar 3.56 Activity Diagram Masuk ke Menu Game

94 ACTIVITY DIAGRAM MENGAKHIRI PERMAINAN User Sistem Menekan tombol menu Menampilkan halaman menu Menekan tombol end game Menampilkan halaman konfirmasi Menekan tombol [ Tombol silang ] Menampilkan halaman menu [ Tombol centang ] Save game Menampilkan halaman menu utama Gambar 3.57 Activity Diagram Mengakhiri Permainan

95 ACTIVITY DIAGRAM LOGIN Gambar 3.58 Activity Diagram Login

96 ACTIVITY DIAGRAM EDIT BUILDING Gambar 3.59 Activity Diagram Edit Building

97 ACTIVITY DIAGRAM EDIT ENEMY Gambar 3.60 Activity Diagram Edit Enemy

98 ACTIVITY DIAGRAM EDIT DECORATION Gambar 3.61 Activity Diagram Edit Decoration

99 ACTIVITY DIAGRAM EDIT TOWER Gambar 3.62 Activity Diagram Edit Tower

100 ACTIVITY DIAGRAM EDIT USER Gambar 3.63 Activity Diagram Edit User

101 ACTIVITY DIAGRAM LOGOUT Gambar 3.64 Activity Diagram L

102 CLASS DIAGRAM Gambar 3.65 Class Diagram

103 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 Name Attributes Description Data Type & Length buildings 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

104 155 decorations diperoleh dari menjual bangunan SellSeaweed Jumlah seaweed int yang diperoleh dari menjual bangunan SellCoral Jumlah coral rock yang diperoleh dari menjual bangunan int DecorationID (Primary ID dari dekorasi int Key) Image Source gambar varchar (100) Name Nama dekorasi varchar (100) Description Keterangan dari text 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

105 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

106 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 UserID ID dari admin int Username Nama admin varchar (100) Password Password admin varchar (100) 3.5. STORYBOARD Pada bagian ini, akan dibahas mengenai perancangan layar dalam game Defense of the Sea.

107 158 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 1 of 62 Date: 12 Januari 2013 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.

108 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 of The Sea Screen: 2 of 62 Date: 12 Januari 2013 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

109 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.

110 161 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 3 of 62 Date: 12 Januari 2013 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)

111 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 of The Sea Screen: 4 of 62 Date: 12 Januari 2013 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

112 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.

113 164 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 5 of 62 Date: 12 Januari 2013 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: - Tombol back (Back.png), bingkai (Bgframe2.png) Audio:

114 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 of The Sea Screen: 6 of 62 Date: 12 Januari 2013 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 Link to Screen ID: GS001 Color Scheme:

115 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 of The Sea Screen: 7 of 62 Date: 12 Januari 2013 Screen ID: GS007 Screen Name : Tampilan Konfirmasi Keluar Permainan

116 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.

117 168 - Fade in dan fade out berpindah halaman. Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 8 of 62 Date: 12 Januari 2013 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.

118 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 The Sea Screen: 9 of 62 Date: 12 Januari 2013 Screen ID: GS009 Screen Name : Tampilan Tutorial Awal

119 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.

120 171 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 10 of 62 Date: 12 Januari 2013 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

121 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 The Sea Screen: 11 of 62 Date: 12 Januari 2013 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

122 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.

123 174 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 12 of 62 Date: 12 Januari 2013 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:

124 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 of The Sea Screen: 13 of 62 Date: 12 Januari 2013 Screen ID: GS013 Screen Name : Tampilan Tutorial Memilih Grid untuk meletakkan Main House

125 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.

126 177 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 14 of 62 Date: 12 Januari 2013 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:

127 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 The Sea Screen: 15 of 62 Date: 12 Januari 2013 Screen ID: GS015 Screen Name : Tampilan Tutorial Membeli Barrack

128 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.

129 180 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 16 of 62 Date: 12 Januari 2013 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:

130 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 The Sea Screen: 17 of 62 Date: 12 Januari 2013 Screen ID: GS017 Screen Name : Tampilan Tutorial Memilih Grid untuk meletakkan Barrack

131 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.

132 183 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 18 of 62 Date: 12 Januari 2013 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:

133 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 of The Sea Screen: 19 of 62 Date: 12 Januari 2013 Screen ID: GS019 Screen Name : Tampilan Tutorial Berpindah ke Field

134 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.

135 186 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 20 of 62 Date: 12 Januari 2013 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

136 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 of The Sea Screen: 21 of 62 Date: 12 Januari 2013 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).

137 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.

138 189 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 22 of 62 Date: 12 Januari 2013 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:

139 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 of The Sea Screen: 23 of 62 Date: 12 Januari 2013 Screen ID: GS023 Screen Name : Tampilan Tutorial Konfirmasi Membeli Swordfish

140 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.

141 192 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 24 of 62 Date: 12 Januari 2013 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).

142 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.

143 194 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 25 of 62 Date: 12 Januari 2013 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.

144 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.

145 196 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 26 of 62 Date: 12 Januari 2013 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).

146 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.

147 198 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 27 of 62 Date: 12 Januari 2013 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:

148 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.

149 200 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 28 of 62 Date: 12 Januari 2013 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).

150 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.

151 202 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 29 of 62 Date: 12 Januari 2013 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

152 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.

153 204 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 30 of 62 Date: 12 Januari 2013 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.

154 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.

155 206 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 31 of 62 Date: 12 Januari 2013 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:

156 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.

157 208 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 32 of 62 Date: 12 Januari 2013 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.

158 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.

159 210 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 33 of 62 Date: 12 Januari 2013 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:

160 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.

161 212 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 34 of 62 Date: 12 Januari 2013 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:

162 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 of The Sea Screen: 35 of 62 Date: 12 Januari 2013 Screen ID: GS035 Screen Name : Tampilan Informasi Quest

163 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.

164 215 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 36 of 62 Date: 12 Januari 2013 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.

165 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.

166 217 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 37 of 62 Date: 12 Januari 2013 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

167 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.

168 219 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 38 of 62 Date: 12 Januari 2013 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,

169 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.

170 221 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 39 of 62 Date: 12 Januari 2013 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).

171 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.

172 223 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 40 of 62 Date: 12 Januari 2013 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).

173 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.

174 225 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 41 of 62 Date: 12 Januari 2013 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:

175 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.

176 227 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 42 of 62 Date: 12 Januari 2013 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.

177 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.

178 229 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 43 of 62 Date: 12 Januari 2013 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

179 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.

180 231 Multimedia Storyboard Project: Android mobile game Defense of The Sea Screen: 44 of 62 Date: 12 Januari 2013 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.

181 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 of the Sea Screen: 45 of 62 Date: 12 Januari 2013 Screen ID: GS045 Screen Name : Tampilan Video Opening

182 233 Screen Description : Tampilan video opening game Defense of The Sea. Link From Screen ID: - Color Scheme: - Text Attributes: Still Images: - Link to Screen ID: GS001 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

183 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)

184 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: -

185 236 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 47 of 62 Date: 12 Januari 2013 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

186 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 of the Sea Screen: 48 of 62 Date: 12 Januari 2013 Screen ID: SS003 Screen Name : Tampilan Halaman User

187 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:

188 239 - Icon untuk edit (edit.png) Audio: - Video: - Animation: - Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 49 of 62 Date: 12 Januari 2013 Screen ID: SS004 Screen Name : Tampilan Edit User

189 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: -

190 241 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 50 of 62 Date: 12 Januari 2013 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:

191 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 of the Sea Screen: 51 of 62 Date: 12 Januari 2013 Screen ID: SS006 Screen Name : Tampilan Halaman Building

192 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.

193 244 Still Images: - Icon untuk edit (edit.png) Audio: - Video: - Animation: - Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 52 of 62 Date: 12 Januari 2013 Screen ID: SS007 Screen Name : Tampilan Edit Building

194 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: -

195 246 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 53 of 62 Date: 12 Januari 2013 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

196 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: -

197 248 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 54 of 62 Date: 12 Januari 2013 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

198 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: -

199 250 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 55 of 62 Date: 12 Januari 2013 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:

200 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: -

201 252 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 56 of 62 Date: 12 Januari 2013 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

202 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: -

203 254 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 57 of 62 Date: 12 Januari 2013 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

204 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: -

205 256 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 58 of 62 Date: 12 Januari 2013 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: SS012, SS014 Color Scheme: Link to Screen ID: SS001, SS002, SS003, SS006, SS009, SS012, SS014, SS015

206 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: -

207 258 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 59 of 62 Date: 12 Januari 2013 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

208 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: -

209 260 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 60 of 62 Date: 12 Januari 2013 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

210 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: -

211 262 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 61 of 62 Date: 12 Januari 2013 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: SS015, SS017 Color Scheme: Link to Screen ID: SS001, SS002, SS003, SS006, SS009, SS012, SS015, SS017

212 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: -

213 264 Multimedia Storyboard Project: Android mobile game Defense of the Sea Screen: 62 of 62 Date: 12 Januari 2013 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

214 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: -