3.4. PERANCANGAN SISTEM 1. USE CASE DIAGRAM
3.4.5. KAMUS DATA
Dalam game Defense of The Sea database digunakan untuk menyimpan seluruh data-data bangunan dan musuh yang bisa di update secara online melalui halaman admin. Berikut ini merupakan tabel entitas yang digunakan dalam perancangan halaman admin dalam game Defense of the Sea.
Tabel 3.77 Tabel Entitas Halaman Admin Defense of the Sea
Entity 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 bangunan
text
Income Jumlah pendapatan
yang diperoleh
int
BuyPearl Jumlah pearl yang
dibutuhkan untuk membeli bangunan
int
BuySeaweed Jumlah seaweed
yang dibutuhkan untuk membeli bangunan
int
BuyCoral Jumlah coral rock
yang dibutuhkan untuk membeli bangunan
int
diperoleh dari menjual bangunan
SellSeaweed Jumlah seaweed
yang diperoleh dari menjual bangunan
int
SellCoral Jumlah coral rock
yang diperoleh dari menjual bangunan
int
decorations DecorationID (Primary
Key)
ID dari dekorasi int
Image Source gambar varchar (100)
Name Nama dekorasi varchar (100)
Description Keterangan dari dekorasi
text
BuyPearl Jumlah pearl yang
dibutuhkan untuk membeli dekorasi
int
BuySeaweed Jumlah seaweed
yang dibutuhkan untuk membeli dekorasi
int
BuyCoral Jumlah coral rock
yang dibutuhkan untuk membeli dekorasi
int
SellPearl Jumlah pearl yang
diperoleh dari menjual dekorasi
int
SellSeaweed Jumlah seaweed
yang diperoleh dari menjual dekorasi
SellCoral Jumlah coral rock yang diperoleh dari menjual dekorasi
int
enemies EnemyID (Primary Key) ID dari musuh int
Image Source gambar varchar (100)
Name Nama musuh varchar (100)
Description Deskripsi dari musuh
text
Health Darah musuh float
Speed Kecepatan berjalan
musuh
float
GetPearl Jumlah pearl yang
diperoleh ketika musuh dikalahkan
int
GetSeaweed Jumlah seaweed
yang diperoleh ketika musuh dikalahkan
int
GetCoral Jumlah coral rock
yang diperoleh ketika musuh dikalahkan
int
towers TowerID (Primary Key) ID dari tower int
Image Source gambar varchar (100)
Name Nama tower varchar (100)
Description Deskripsi dari
tower
text
Attack Besar serangan
tower
float
Speed Kecepatan
serangan tower
Range Jangkauan menyerang tower
float
BuyPearl Jumlah pearl yang
dibutuhkan untuk membeli tower
int
BuySeaweed Jumlah seaweed
yang dibutuhkan untuk membeli
tower
int
BuyCoral Jumlah coral rock
yang dibutuhkan untuk membeli
tower
int
SellPearl Jumlah pearl yang
diperoleh dari menjual tower
int
SellSeaweed Jumlah seaweed
yang diperoleh dari menjual tower
int
SellCoral Jumlah coral rock
yang diperoleh dari menjual tower
int
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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 1 of 62 Screen ID: GS001
Screen Name : Tampilan Menu Utama
Screen Description:
Tampilan menu utama Defense of The Sea. Start game untuk memulai game,
option untuk menampilkan ke halaman option (GS002), help untuk menampilkan
halaman help (GS006), exit untuk keluar game (GS007). Link From Screen ID: GS002, GS006,
GS007, GS039, GS040, GS043, GS045
Link to Screen ID: GS002, GS006, GS007, GS008
Color Scheme:
- Teks : Hitam (#000000).
- Tombol : Coklat Muda (#CC935C). - Teks tombol : Coklat Tua (#603913). Text Attributes:
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
Date: 12 Januari 2013
Screen: 2 of 62 Screen ID: GS002
Screen Name : Tampilan Option
Screen Description:
Tampilan halaman option setelah menekan tombol option pada menu utama. Halaman ini berisi tombol sound yang ketika ditekan maka tulisan sound akan
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, GS004, GS005
Link to Screen ID: GS001, GS003, GS004
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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 3 of 62 Screen ID: GS003
Screen Name : Tampilan Credit
Screen Description:
Tampilan halaman credit setelah menekan tombol credit pada halaman option. Pada halaman option memberikan informasi engine yang digunakan dalam
pembuatan game ini dan nama pembuat game ini. Tombol back untuk kembali ke halaman option (GS002)
Link From Screen ID: GS002 Link to Screen ID: GS002 Color Scheme:
- Teks : Hitam (#000000).
- Tombol dan bingkai : Coklat Muda (#CC935C). - Teks tombol : Coklat tua (#603913).
Text Attributes:
- Font Museo 500. Still Images:
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
Date: 12 Januari 2013
Screen: 4 of 62 Screen ID: GS004
Screen Name : Tampilan Konfirmasi Reset Game
Screen Description:
Tampilan halaman konfirmasi reset game setelah menekan tombol reset game pada halaman option. Halaman konfirmasi ini memastikan apakah pemain benar-benar ingin mengulang kembali game tersebut dari awal atau tidak. Tombol centang untuk setuju dan akan menampilkan halaman reset game berhasil
(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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 5 of 62 Screen ID: GS005
Screen Name : Tampilan Reset Game Sukses
Screen Description:
Tampilan halaman reset game sukses setelah menekan tombol centang pada halaman reset game. Ini berarti game akan dimulai dari awal kembali. Tombol ok untuk kembali ke halaman option (GS002).
Link From Screen ID: GS004 Link to Screen ID: GS002 Color Scheme:
- Teks : Hitam (#000000).
- Tombol dan bingkai : Coklat Muda (#CC935C). - Teks tombol : Coklat tua (#603913).
Text Attributes:
- Font Museo 500. Still Images:
- 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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 6 of 62 Screen ID: GS006
Screen Name : Tampilan Help
Screen Description:
Tampilan halaman help setelah menekan tombol help pada menu utama. Pada halaman help berisi penjelasan user interface yang terdapat dalam game ini. Tombol panah kiri dan kanan untuk lanjut ke halaman berikutnya, tombol back untuk kembali ke halaman menu utama (GS001).
Link From Screen ID: GS001 Link to Screen ID: GS001 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), 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
Date: 12 Januari 2013
Screen: 7 of 62 Screen ID: GS007
Screen Name : Tampilan Konfirmasi Keluar Permainan
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:
- Fade in dan fade out berpindah halaman.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 8 of 62 Screen ID: GS008
Screen Name : Tampilan Cerita Awal
Screen Description:
Tampilan halaman cerita setelah menekan tombol start game pada menu utama. Tombol skip untuk melanjutkan ke halaman game (GS009), tombol panah kanan untuk melanjutkan ke cerita selanjutnya.
Link From Screen ID: GS001 Link to Screen ID: GS009 Color Scheme:
- Teks : Hitam (#000000)
- Teks tombol : Coklat tua (#603913).
- Bingkai dan tombol : Coklat Muda (#CC935C). Text Attributes:
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
Date: 12 Januari 2013
Screen: 9 of 62 Screen ID: GS009
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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 10 of 62 Screen ID: GS010
Screen Name : Tampilan Memasukkan Nama Kota
Screen Description:
Tampilan tutorial menentukan nama kota. Nama kota hanya bisa menggunakan huruf dan maksimal 20 karakter. Tanda centang untuk lanjut ke tutorial
selanjutnya.
Link From Screen ID: GS009 Link to Screen ID: GS011 Color Scheme:
- Teks : Hitam (#000000)
- Bingkai : Coklat Muda (#CC935C). Text Attributes:
- Font Museo 500. Still Images:
- Gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), gambar batu (Rock.png), kuda laut (Seahorse.png), tombol
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
Date: 12 Januari 2013
Screen: 11 of 62 Screen ID: GS011
Screen Name : Tampilan Tutorial Membeli Main House
Screen Description:
Tampilan tutorial pemain diminta membangun main house. Pertama pemain harus menekan tombol shop untuk dapat melihat bangunan yang terdapat pada shop
(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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 12 of 62 Screen ID: GS012
Screen Name : Tampilan Tutorial Memilih Icon Main House
Screen Description:
Tampilan setelah pemain menekan tombol shop. Pemain diminta untuk menekan tombol main house untuk membangun main house (GS013).
Link From Screen ID: GS011 Link to Screen ID: GS013 Color Scheme:
- Teks : Hitam (#000000) dan Merah (#EC2227) - Bingkai dan tombol : Coklat Muda (#CC935C). - Teks tombol : Coklat tua (#603913)..
Text Attributes:
- Font Museo 500. Still Images:
- 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
Date: 12 Januari 2013
Screen: 13 of 62 Screen ID: GS013
Screen Name : Tampilan Tutorial Memilih Grid untuk meletakkan Main House
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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 14 of 62 Screen ID: GS014
Screen Name : Tampilan Tutorial Konfirmasi Membeli Main House
Screen Description:
Tampilan halaman konfirmasi membeli bangunan setelah pemain memilih dan menekan pada salah satu grid. Tombol centang setuju membeli bangunan (GS015), tombol silang membatalkan.
Link From Screen ID: GS013 Link to Screen ID: GS013, GS015 Color Scheme:
- Teks : Hitam (#000000) dan Merah (#EC2227) - Grid : Kuning.
- Bingkai dan tombol : Coklat Muda (#CC935C). - Teks tombol : Coklat Tua (#603913).
Text Attributes:
- Font Museo 500. Still Images:
- 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
Date: 12 Januari 2013
Screen: 15 of 62 Screen ID: GS015
Screen Name : Tampilan Tutorial Membeli Barrack
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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 16 of 62 Screen ID: GS016
Screen Name : Tampilan Tutorial Memilih Icon Barrack
Screen Description:
Tampilan setelah pemain menekan tombol shop. Pemain diminta untuk menekan tombol barrack untuk membangun barrack (GS017).
Link From Screen ID: GS015 Link to Screen ID: GS017 Color Scheme:
- Teks : Hitam (#000000) dan Merah (#EC2227) - Teks tombol : Coklat tua (#603913).
- Bingkai : Coklat Muda (#CC935C). Text Attributes:
- Font Museo 500. Still Images:
- 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
Date: 12 Januari 2013
Screen: 17 of 62 Screen ID: GS017
Screen Name : Tampilan Tutorial
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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 18 of 62 Screen ID: GS018
Screen Name : Tampilan Tutorial Konfirmasi Membeli Barrack
Screen Description:
Tampilan halaman konfirmasi membeli bangunan setelah pemain memilih dan menekan pada salah satu grid. Tombol centang setuju membeli bangunan (GS019), tombol silang membatalkan.
Link From Screen ID: GS017 Link to Screen ID: GS017, GS019 Color Scheme:
- Teks : Hitam (#000000) dan Merah (#EC2227). - Grid : Kuning dan Merah (#EC2227).
- Bingkai dan tombol : Coklat Muda (#CC935C). - Teks tombol : Coklat tua (#603913).
Text Attributes: Font Museo 500. Still Images:
- 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
Date: 12 Januari 2013
Screen: 19 of 62 Screen ID: GS019
Screen Name : Tampilan Tutorial Berpindah ke Field
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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 20 of 62 Screen ID: GS020
Screen Name : Tampilan Tutorial Membeli Swordfish
Screen Description:
Tampilan halaman field setelah pemain menekan tombol field. Pemain diminta membangun swordfish (GS021).
Link From Screen ID: GS019 Link to Screen ID: GS021 Color Scheme:
- Teks : Hitam (#000000) dan Merah (#EC2227). - Teks tombol : Coklat tua (#603913).
- Tombol : Coklat Muda (#CC935C). Text Attributes:
- Font Museo 500. Still Images:
- Gambar panah merah (Redarrow.png), gambar coral (Coral.png), gambar mutiara (Pearl.png), gambar rumput laut (Seaweed.png), Gambar batu
(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
Date: 12 Januari 2013
Screen: 21 of 62 Screen ID: GS021
Screen Name : Tampilan Tutorial Memilih Icon Swordfish
Screen Description:
Tampilan setelah pemain menekan tombol shop. Pemain diminta untuk menekan tombol swordfish untuk membangun swordfish (GS022).
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.
Multimedia Storyboard
Project: Android mobile game Defense of The Sea
Date: 12 Januari 2013
Screen: 22 of 62 Screen ID: GS022
Screen Name : Tampilan Tutorial Memilih Grid untuk Meletakkan Swordfish
Screen Description:
Tampilan setelah pemain menekan tombol main house. Kotak bewarna kuning merupakan grid tempat pemain membangun bangunan, ketika grid kuning ditekan maka akan muncul kotak konfirmasi (GS023), kotak di tengah bawah terdapat informasi bangunan yang dipilih pemain.
Link From Screen ID: GS021, GS023 Link to Screen ID: GS023 Color Scheme:
- Teks : Hitam (#000000) dan Merah (#EC2227) - Grid : Kuning.
- Bingkai dan tombol : Coklat Muda (#CC935C). Text Attributes:
- Font Museo 500. Still Images:
- 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
Date: 12 Januari 2013
Screen: 23 of 62 Screen ID: GS023
Screen Name : Tampilan Tutorial Konfirmasi Membeli Swordfish
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.