SASTRA JEPANG

1. Informasi Umum
a. Game yang dirancang ini memiliki judul “Nutrients Hero”. Jenis
game yang dirancang dan dikembangkan ini adalah game Tower
defense berbasis edukasi yang dapat dimainkan secara single player,
namun pengguna dapat menggantikan nama user pada game tersebut.
Game ini dirancang dan dibuat pada platform Android. “Nutrients
Hero” menjadikan para vitamin-vitamin dan mineral-mineral sebagai
pahlawan yang bertugas melawan musuh-musuh penyakit agar tidak
dapat memasuki sistem imun tubuh manusia.
b. Game ini bersifat strategi dan edukasi yang dapat dimainkan oleh
semua umur. Tujuan dari pembuatan game ini yaitu game yang dapat
menghibur sekaligus menyampaikan informasi pentingnya vitamin
dan mineral yang ada di dalam tubuh dan mengajak pengguna untuk
menjaga dan memperhatikan asupan makanan yang dikonsumsinya.
c. Pada game ini, diberikan 3 stage yang berbeda dan memiliki tingkat
kesulitan yang berbeda, yaitu mata, mulut, dan tulang. Karakter-
karakter “Hero” yang muncul akan disesuaikan pada setiap stage dan
dari bagaimana cara pengguna memilih kandungan makanan yang
ada.

2. Fitur Game
a. Map atau lokasi game berada di dalam tubuh manusia.
b. Stage yang disediakan yaitu mata, mulut, dan tulang.
c. Penentuan start line game ditentukan berdasarkan jenis stage.
d. Penentuan finish line game ditentukan berdasarkan jenis stage.
e. Terdapat 2 tahap yang akan dimainkan oleh pengguna pada setiap
stage, yaitu Food Stage dan Tower Defense Stage.
f. Pada Food Stage, pengguna memilih terlebih dahulu makanan yang
akan diambil kandungan vitaminnya untuk dijadikan sebagai hero.
g. Pada Tower Defense Stage, pengguna akan diberikan slot kosong
untuk menempatkan hero.
h. Disediakan life bar pada penyakit dan heroes.
 i. Disediakan coin pada setiap stage. Coin ditentukan berdasarkan
kelengkapan mineral pada saat Food Stage.
j. Supplement digunakan untuk membeli slot yang terkunci dan upgrade
hero.
k. Penyakit akan jalan secara acak ke jalur mana saja jika terdapat
pencabangan jalur.
l. Setiap kenaikan stage dapat membuka jenis vitamin, mineral, dan
musuh baru.
m. Terdapat indikator “wave remaining” untuk menentukan berapa
banyak musuh yang akan datang pada sesi melawan penyakit yang
dimainkan.
n. Terdapat score pada sesi melawan penyakit. Score didapat dari hasil
Food Stage ditambah dengan Tower Defense Stage.
o. Terdapat 3 buah bintang yang bertujuan sebagai rating pada setiap
Tower Defense Stage yang dimainkan.
p. 3 buah bintang tersebut akan didapatkan jika pengguna berhasil
menyelesaikan misi disetiap sesinya dan berhasil mendapatkan batas
maksimal dari score yang seharusnya bisa didapatkan pada setiap
tahap.
q. Terdapat memory book mengenai kegunaan vitamin dan mineral,
musuh penyakit dan gejala yang ada karena penyakit yang telah
digunakan pada stage sebelumnya.
r. Dapat memainkan kembali stage yang sudah diselesaikan
sebelumnya.

3. Obyektif Game
Dengan hadirnya game ini, diharapkan masyarakat selain dapat terhibur.
Selain itu, masyarakat dapat mengetahui vitamin dan mineral apa saja yang
berguna bagi daya tahan tubuh sehingga masyarakat akan sering
mengkonsumsi makanan yang kaya akan vitamin-vitamin dan mineral untuk
menjaga daya tahan tubuh.

4. Genre Game
 Game “Nutrients Hero” memiliki genre Edukasi Strategi. Dalam
permainannya, pengguna memainkan Food Stage dan Tower Defense Stage
sekaligus belajar mengenai nutrisi yang dibutuhkan, sumber makanan yang
didapat, jenis musuh penyakit yang ada, dan cara pencegahannya.

5. Target Game
Sasaran pengguna game “Nutrients Hero” yaitu masyarakat urban yang
menggunakan smartphone Android dari rentang usia anak-anak hingga
dewasa. Game ini juga bersifat casual yang berarti game yang dapat
mengisikan waktu luang pengguna. Diharapkan aplikasi game ini dapat
diunduh minimal 1 juta oleh pengguna smartphone Android.

6. Keunikan Game
Keunikan yang dimiliki oleh game ini yaitu menjadikan vitamin-vitamin
sebagai hero yang berasal dari kandungan makanan yang sesuai dengan jenis
makanan yang telah dipilih. Desain karakter vitamin dan mineral yang ada
berdasarkan bentuk dari asal jenis makanan yang kandungannya diambil
menjadi vitamin-vitamin dan mineral tersebut.

7. Konsep Game
a. Permainan akan dimulai dengan menekan tombol “Play”. Setelah itu,
pengguna akan memainkan terlebih dahulu stage pertama dari 3 stage
yang ada, yaitu mata, mulut, dan tulang secara berurutan. Setiap stage
memiliki bentuk map dan tingkat kesulitan yang berbeda.
b. Setelah pengguna memilih stage pertama yaitu mata, pengguna akan
masuk Food Stage. Pada tahap ini, pengguna harus memilih
kandungan makanan secara benar yang nantinya untuk dijadikan
sebagai hero.
c. Tahap berikutnya yaitu Tower Defense stage dimana area permainan
berada di dalam tubuh manusia yang dipilih oleh pengguna. Pada
tahap ini, pengguna mengatur Tower Defense untuk melawan musuh
penyakit yang akan datang (PVE). Pengguna diberikan supplement
(coin) yang dapat digunakan untuk membeli slot yang terkunci dan
upgrade hero.
8. Komponen Game
Komponen-komponen pada game ini, diantaranya:
- Username
Penggunaan Username bertujuan agar pengguna dapat mengetahui dan
membandingan score dan rating dari setiap pengguna yang memainkan
game ini. Username dapat dibuat lebih dari 1 pada setiap smartphone.
- Tutorial
Tutorial merupakan tata cara penggunakan game. Tutorial yang diberikan
berupa gambar beserta deskripsinya. Tutorial game berada di menu awal
dan sub menu pengaturan.
- Instruksi
Walaupun sudah disedikan Tutorial pada menu awal game, instruksi tetap
ada pada saat memainkan stage game. Instruksi yang muncul pada awal
permainan yaitu pada saat memilih kandungan makanan dan saat pada
arena permainannya. Pada sesi melawan penyakit, diberitahukan
informasi mengenai penyakit yang akan datang, seperti Katarak beserta
penjelasannya.
- Pop-up Konfirmasi
Pop-up konfirmasi bertujuan untuk mengkonfirmasi pengguna saat akan
keluar game, saat pengguna memenangkan sebuah stage, dan pada saat
kalah dalam permainan.
- Karakter Game
Terdapat 2 karakter pada game “Nutrients Hero”, yaitu Hero dan musuh
penyakit. Hero dan musuh dikategorikan berdasarkan jenis stage yang
dimainkan. Untuk stage mata, Hero yang disediakan yaitu Vitamin A dan
E, sedangkan musuh-musuh penyakitnya yaitu Conjungivitis, Blepharitis,
Keratits, dan Katarak. Untuk stage mulut, Hero yang disediakan yaitu
Vitamin C dan D, sedangkan musuh-musuh penyakitnya yaitu Halitosis,
Stomatitis, Caries, dan Herpes Symplex. Untuk Stage Tulang, Hero yang
disediakan yaitu vitamin D dan K, sedangkan untuk musuh-musuh
penyakitnya yaitu, Ricket, Osteoporosis, dan Osteomalacia.
 Gambar 1 Contoh Karakter Hero Vitamin E dan Musuh Keratitis

- Stage Game
Terdapat 3 stage berbeda yang memiliki desain dan tingkat kesulitan yang
juga berbeda, yaitu stage mata, mulut, dan tulang. Stage yang disediakan
merupakan bentuk gambar yang ada di dalam tubuh manusia.

Gambar 2 Contoh Gambar Keseluruhan Stage Sebelum Dimainkan

 9. Gambar 3.22 Contoh Gambar Tower Defense Stage
9. Game Balancing
- Jenis Stage
Terdapat 3 Stage yang berbeda dan memiliki rintangan game yang
berbeda, yaitu:
o Stage Mata
Diberikan waktu pemilihan sumber makanan selama 60 detik.
Jalur untuk musuh yang akan datang hanya terdiri dari satu path.
Jalur start dan jalur ujung berada pada pojok kiri dan pojok kanan
layar. Wave / gelombang musuh yang datang sebanyak 10.
Disediakan point standard untuk tiap stage yaitu 100 point.

o Stage Mulut
Diberikan waktu pemilihan sumber makanan selama 60 detik.
Jalur untuk musuh bertambah menjadi 2 path. Jalur ujung berubah
posisi menjadi ke tengah layar. Slot hero akan lebih banyak
dibanding dengan stage sebelumnya. Kecepatan dan kekuatan
musuh menjadi lebih besar dari stage mata. Wave musuh
bertambah menjadi 15.

o Stage Tulang
Diberikan waktu pemilihan sumber makanan selama 45 detik.
Kecepatan dan kekuatan musuh menjadi lebih besar dari stage
mulut. Slot hero akan lebih banyak dibanding dengan stage
sebelumnya. Wave musuh bertambah menjadi 20.

- Rating System
o Bintang 1
Pengguna akan mendapatkan bintang pertama jika pada food stage
tidak melengkapi syarat minimum dari mineral dan tidak menjaga
kesempurnaan pada tower defense.

o Bintang 2
 Pengguna akan mendapatkan bintang kedua jika pada food stage
memenuhi syarat minimum vitamin dan mineral namun tidak
mecapai 100%, serta pada tower defense stage, health stage
dibawah 100%.

o Bintang 3
Pengguna akan mendapatkan bintang ketiga jika dapat
menyelesaikan food stage hingga 100% dan pada tower defense
stage, health tetap dalam kondisi 100%.

- Scoring System
Sistem Score Pada Setiap Stage

Jenis Nama Musuh Score

Stage Penyakit didapat
Mata Conjungivitis 15
Blepharitis 20
Keratitis 25
Cataract 35
Mulut Halitosis 15
Stomatitis 20
Caries 25
Herpes Symplex 35
Tulang Ricket 20
Osteoporosis 30
Osteomalacia 50

Gambar yang digunakan di game “Nutrients Hero” adalah gambar buah-buahan,

sayur-sayuran, sumber makanan, Hero, dan musuh penyakit yang didesain
secara flat.
Gambar 3 Style Gambar Flat Pada Game “Nutrients Hero”
DKV

10. Perancangan Layar

Multimedia Storyboard

Project: Nutrients Hero Date: 2015-8-1

Screen: 1 of 26 Screen ID: Splash Screen and Loading Screen

Screen Description:
1. Logo Splash Screen
Link From Screen ID:- Link to Screen ID: Main Menu

Color Scheme: #CFE4F2, #A8B5BF, #9EA8AF, #EFEFEF, #4FD8F2, #FFFFFF,

#1BBBDC, #000000

Text Attributes: ZELDA

Still Images: Splash and loading screen.png

Audio: -

Video: -

Animation: -

Tabel 3.17 Tabel Storyboard Splash Screen dan Loading Screen

Tabel 3.18 Tabel Storyboard Menu Utama

Multimedia Storyboard

Project: Nutrients Hero Date: 2015-8-1

 Screen: 2 of 26 Screen ID: Main Menu

Screen Description:
1. Menu options.
2. Button play
3. Toggle Main Menu & Leaderboards
Link From Screen ID: Splash Link to Screen ID: Option Menu, pop up
Screen, Tutorial, Option Menu, exit game, select stage, Leaderboards,
pop up exit game, select stage, username
Leaderboards

Color Scheme: #2D87C8, #EBECEC, #D8D8D8, #797A79, #080712,

#FFFFFF, #65A3D9, #57C0D3, #55BCC9, #84CDDF, #57BFD2

Text Attributes: ZELDA, Keep Calm Medium, Futura

Still Images: Main Menu.jpg, CircleCenter.jpg, playButton.png, Opt.png

Audio: MainMenuMusic.mp3, clickSound.mp3

Video: -

Animation: -

Tabel 3.19 Tabel Storyboard Menu Options

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1

Screen: 3 of 26 Screen ID: Options Menu

Screen Description:
1. Button play
2. Button Music
3. Button sound effects
4. Change username option
5. Tutorial
6. About Us
7. Toggle Main Menu & Leaderboards
Link From Screen ID: Main Link to Screen ID: Tutorial, Menu Menu,
menu, Username, pop up exit Username, pop up exit game, select stage,
game, select stage, Leaderboards Leaderboards, username

Color Scheme: #2D87C8, #EBECEC, #D8D8D8, #797A79, #080712, #FFFFFF,

#57C0D3, #55BCC9, #84CDDF, #57BFD2, #E52145, #C62044, #449C42,
#448D40, #F29102, #D57E0E, #D7D1D3, #C9C5C7, #545454, #FDEA18,

Text Attributes: ZELDA, Keep Calm Medium, Futura

Still Images: Main Menu.jpg, CircleCenter.jpg, playButton.png, Opt.png

Audio: MainMenuMusic.mp3, clickSound.mp3

Video: -

Animation: -

Tabel 3.20 Tabel Storyboard Pop-Up Konfirmasi Exit Game

Multimedia Storyboard
 Project: Nutrients Hero Date: 2015-8-1
Screen: 4 of 26 Screen ID: Pop Up Exit

Screen Description:
1. Button ya, untuk mengkonfirmasi keluar dari game.
2. Button tidak, untuk mengkonfirmasi tidak keluar dari game.
Link From Screen ID: Main Menu, Link to Screen ID: -
Option Menu, Leaderboards
Color Scheme: #2D87C8, #EBECEC, #D8D8D8, #797A79, #080712,
#FFFFFF, #65A3D9, #57C0D3, #55BCC9, #84CDDF, #57BFD2, #F6659D,
#6ABD45, #68AF43, #76C64B, #70B548, #E84C3D, #D8453D, #EF5952,
#E55353, #1D1D1B
Text Attributes: Futura, ZELDA
Still Images: Pop Up Exit.png
Audio: exitSound.mp3, click
Video: -
Animation: -

Tabel 3.21 Tabel Storyboard Ganti Username

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 5 of 26 Screen ID: About Us

3
1

Screen Description:
1. Teks About Us
2. Done Button
3. Scrollbar
Link From Screen ID: Option Menu Link to Screen ID: Option Menu
Color Scheme: #2D87C8, #EBECEC, #D8D8D8, #797A79, #080712, #FFFFFF,
#57C0D3, #55BCC9, #84CDDF, #57BFD2, #E52145, #C62044, #449C42,
#448D40, #F29102, #D57E0E, #D7D1D3, #C9C5C7, #545454, #FDEA18,
#E5CD1C, #3A3A3A, #F6659D, #333242, #1D1D1B
Text Attributes: Futura
Still Images: About.png, okButton.png
Audio: clickSound.mp3
Video: -
Animation: -

Tabel 3.22 Tabel Storyboard Ganti Username

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 6 of 26 Screen ID: Username

Screen Description:
1. Button done
Link From Screen ID: Option Menu Link to Screen ID: Option Menu
Color Scheme: #2D87C8, #EBECEC, #D8D8D8, #797A79, #080712, #FFFFFF,
#57C0D3, #55BCC9, #84CDDF, #57BFD2, #E52145, #C62044, #449C42,
#448D40, #F29102, #D57E0E, #D7D1D3, #C9C5C7, #545454, #FDEA18,
#E5CD1C, #3A3A3A, #F6659D, #333242, #1D1D1B
Text Attributes: Futura
Still Images: Change Username.png
Audio: clickSound.mp3
Video: -
Animation: -

Tabel 3.23 Tabel Storyboard Leaderboards

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 7 of 26 Screen ID: Leaderboards

Screen Description:
1. Stage type
2. Username
3. Score & Rating
Link From Screen ID: Main Link to Screen ID: Main menu, Pop Up
Menu Exit
Color Scheme: #2D87C8, #FFFFFF, #D8D8D8, #91BAE4, #60AAD8,
#8ED5E8, #86D0E2, #F9EADF, #E5D7D3, #5C441E, #4F391C, #2A2014,
#E0619C, #DB71A6, #E9D3E4, #FDFDFC, #C9C9C9, #BDBDBD,
#EFEAEA, #A1A1A1, #ABAAAA, #9A9B99, #1D1D1B, #72CAF1,
#42B5D5, #02639A, #E4E8EA, #C9D1D2, #EBF2F9, #D2E3EE, #565555
Text Attributes: Futura
Still Images: Leaderboards.png
Audio: -
Video: -
Animation: -

Tabel 3.24 Tabel Storyboard Select Stage

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 8 of 26 Screen ID: Select Stage

2 5
3
4

Screen Description:
1. Home button
2. Unlocked stage
3. Locked stage
4. No rating (Stage not completed)
5. Memory Book
Link From Screen ID: Main Link to Screen ID: Main Menu, Stage preview,
Menu, Memory Book Memory Book
Color Scheme: #72ACB5, #67A8B7, #5BA3BA, #509DBC, #4396BF, #398FC4,
#2D87C8, #757477, #D3CDC9, #E4E8EA, #FFFFFF, #C9D1D2, #DF4937,
#B6312E, #EEEEEE, #000000, #F9EADF, #E5D7D3, #5C441E, #2A2014,
#4F391C, #8ED5E8, #86D0E2, #F2F2F2, #D8D8D8, #0D0D0D
Text Attributes: Futura
Still Images: Select game stage.png, eye.png, lock.png, rateBlur.png,Mbook.png,
home.png
Audio: clickSound.mp3
Video: -
Animation: -

Tabel 3.25 Tabel Storyboard Select Stage Semua Complete

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 9 of 26 Screen ID: Completed Game Stage

2
3 4

Screen Description:
1. Home button
2. Unlocked Stage
3. Completed rating
4. Memory Book
Link From Screen ID: Main Menu, Link to Screen ID: Main Menu, Preview stage,
Stage preview, memory Book, memory book
Color Scheme: #72ACB5, #67A8B7, #5BA3BA, #509DBC, #4396BF, #398FC4,
#2D87C8, #757477, #D3CDC9, #72CAF1, #42B5D5, #02639A, #F9EADF,
#E5D7D3, #5C441E, #4F391C, #2A2014, #FFFFFF, #000000, #8ED5E8, #86D0E2,
#E0619C, #DB71A6, #E9D3E4, #FDFDFC, #C9C9C9, #BDBDBD, #ABAAAA,
#EFEAEA, #A2A2A2, #F2F2F2, #D8D8D8, #0D0D0D
Text Attributes: Futura
Still Images: Select game stage.png, eye.png, lock.png, rateBlur.png,Mbook.png,
home.png
Audio: clickSound.mp3
Video: -
Animation: -

Tabel 3.26 Tabel Memory Book

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 10 of 26 Screen ID: Completed Game Stage

1
3
2

5
4

Screen Description:
1. Encyclopedia Type
2. Avatar + Text
3. Next & Prev button for Type
4. Next Page & Prev Page
5. Done button
Link From Screen ID: Stage preview, Link to Screen ID: Preview stage, memory
memory Book, book
Color Scheme: #72ACB5, #67A8B7, #5BA3BA, #509DBC, #4396BF, #398FC4,
#2D87C8, #757477, #D3CDC9, #72CAF1, #42B5D5, #02639A, #F9EADF,
#E5D7D3, #5C441E, #4F391C, #2A2014, #FFFFFF, #000000, #8ED5E8, #86D0E2,
#E0619C, #DB71A6, #E9D3E4, #FDFDFC, #C9C9C9, #BDBDBD, #ABAAAA,
Text Attributes: Futura
Still Images: Select game stage.png, eye.png, lock.png, rateBlur.png,Mbook.png,
home.png
Audio: clickSound.mp3
Video: -
Animation: -

Tabel 3.27 Tabel Memory Book - Detail

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 11 of 26 Screen ID: Memory Book - Detail

1
3
2

6
5 4

Screen Description:
1. Encyclopedia Type
2. Avatar + Text
3. Next & Prev button for Type
4. Next Page & Prev Page
5. Descriptions
6. Done Button
Link From Screen ID: Memory Book Link to Screen ID: Memory Book
Color Scheme: #72ACB5, #67A8B7, #5BA3BA, #509DBC, #4396BF, #398FC4,
#E5D7D3, #5C441E, #4F391C, #2A2014, #FFFFFF, #000000, #8ED5E8, #86D0E2,
#E0619C, #DB71A6, #E9D3E4, #FDFDFC, #C9C9C9, #BDBDBD, #ABAAAA,
Text Attributes: Futura
Still Images: Select game stage.png, eye.png, lock.png, rateBlur.png,Mbook.png,
home.png
Audio: clickSound.mp3
Video: -
Animation: -

Tabel 3.28 Tabel Storyboard Tutorial

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 12 of 26 Screen ID: Tutorial

Screen Description:
1. Tutorial Image + Text
2. Next Page & Prev Stage
3. Done Button
Link From Screen ID: Stage Link to Screen ID: Food stage briefing, Main
Preview, Stage Map preview, Menu
Option Menu
Color Scheme: #72ACB5, #67A8B7, #5BA3BA, #509DBC, #4396BF, #398FC4,
#2D87C8, #757477, #D3CDC9, #72CAF1, #42B5D5, #02639A, #F9EADF,
#E5D7D3, #5C441E, #4F391C, #2A2014, #FFFFFF, #000000, #8ED5E8,
#86D0E2, #E0619C, #DB71A6, #E9D3E4, #FDFDFC, #C9C9C9, #BDBDBD,
#ABAAAA, #EFEAEA, #A2A2A2, #F2F2F2, #D8D8D8, #0D0D0D
Text Attributes: Futura
Still Images: Eye Stage Preview.png
Audio: -
Video: -
Animation: -

Tabel 3.29 Tabel Storyboard Stage Descriptions

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 13 of 26 Screen ID: Stage Descriptions

2 3

4
5

Screen Description:
4. Stage Icon
5. Stage Descriptions
6. Toggle Stage Descriptions or Map Preview
7. Requirements
8. Action Buttons
Link From Screen ID: Select Link to Screen ID: Food stage briefing, Select
Stage, stage map preview Stage, stage map preview
Color Scheme: #72ACB5, #67A8B7, #5BA3BA, #509DBC, #4396BF, #398FC4,
#2D87C8, #757477, #D3CDC9, #72CAF1, #42B5D5, #02639A, #F9EADF,
#E5D7D3, #5C441E, #4F391C, #2A2014, #FFFFFF, #000000, #8ED5E8,
#86D0E2, #E0619C, #DB71A6, #E9D3E4, #FDFDFC, #C9C9C9, #BDBDBD,
#ABAAAA, #EFEAEA, #A2A2A2, #F2F2F2, #D8D8D8, #0D0D0D
Text Attributes: Futura
Still Images: Eye Stage Preview.png
Audio: -
Video: -
Animation: -

Tabel 3.30 Tabel Storyboard Stage Map Preview

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 14 of 26 Screen ID: Stage Map Preview
 3
2

4
5

Screen Description:
1. Stage Icon
2. Map Preview
3. Toggle Stage Descriptions or Map Preview
4. Requirements
5. Action Buttons
Link From Screen ID: Select Link to Screen ID: Food stage briefing, Select
Stage, stage preview Stage, stage preview
Color Scheme: #72ACB5, #67A8B7, #5BA3BA, #509DBC, #4396BF, #398FC4,
#2D87C8, #757477, #D3CDC9, #72CAF1, #42B5D5, #02639A, #F9EADF,
#E5D7D3, #5C441E, #4F391C, #2A2014, #FFFFFF, #000000, #8ED5E8,
#86D0E2, #E0619C, #DB71A6, #E9D3E4, #FDFDFC, #C9C9C9, #BDBDBD,
Text Attributes: Futura
Still Images: Eye Map Stage Preview.png
Audio: -
Video: -
Animation: -
 Tabel 3.31 Tabel Storyboard Food Stage Briefing
Tabel 3.32 Tabel Storyboard Food Stage

Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 15 of 26 Screen ID: Select Food Stage Briefing

Screen Description:
1. Nutrients Minimum Requirements
2. Button Done
Link From Screen ID: Stage Preview, Link to Screen ID: Select Food Stage
Stage Map Preview
Color Scheme: #72ACB5, #67A8B7, #5BA3BA, #509DBC, #4396BF, #398FC4,
#2D87C8, #757477, #D3CDC9, #72CAF1, #42B5D5, #02639A, #F9EADF,
#E5D7D3, #5C441E, #4F391C, #2A2014, #FFFFFF, #000000, #8ED5E8,
#86D0E2, #E0619C, #DB71A6, #E9D3E4, #FDFDFC, #C9C9C9, #BDBDBD,
#ABAAAA, #EFEAEA, #A2A2A2, #F2F2F2, #D8D8D8, #0D0D0D
Text Attributes: Futura
Still Images: Food Select Stage Briefing.png
Audio: BGM.mp3, clickSound.mp3
Video: -
Animation: -
Multimedia Storyboard
Project: Nutrients Hero Date: 2015-8-1
Screen: 16 of 26 Screen ID: Select Food Stage

2
4

Screen Description:
3. Food Logo & Text
4. Hero Logo & Text
5. Progress Bar & Precentage
6. Countdown Timer
Link From Screen ID: Select Food Link to Screen ID: In-game full Preview,
Stage Briefing, exit Food Stage exit Food stage, Food Stage result
Color Scheme: #72ACB5, #67A8B7, #5BA3BA, #509DBC, #4396BF,
#398FC4, #2D87C8, #757477, #D3CDC9, #72CAF1, #42B5D5, #02639A,
#F9EADF, #E5D7D3, #5C441E, #4F391C, #2A2014, #FFFFFF, #000000,
#8ED5E8, #86D0E2, #E0619C, #DB71A6, #E9D3E4, #FDFDFC, #C9C9C9,
#BDBDBD, #ABAAAA, #EFEAEA, #A2A2A2, #F2F2F2, #D8D8D8,
#0D0D0D
Text Attributes: Futura
Still Images: Food Select Stage.png
Audio: BGM.mp3, wrong.mp3, correct.mp3
Video: -
Animation: ButtonPressed, Bar increase / decrease
11. Cara Pengoprasian Aplikasi
Aplikasi game “Nutrients Hero” memiliki layar berorientasi landscape dan
berbahasa Inggris. Ada beberapa cara pengoprasian game “Nutrients Hero”,
yaitu:

Pada saat membuka aplikasi, akan muncul logo splash screen. Setelah itu, akan
beralih ke menu awal game.

Di bawah ini adalah tampilan Main Menu. Terdapat 2 button yang dapat dipilih
oleh pengguna.
Button Play untuk masuk ke tahap selanjutnya sebelum memulai permainan.
Button Options untuk membuka sub menu Options seperti Sound, Music,
Tutorial, About Us, dan ganti Username.
 Gambar 4.5 Tampilan Menu Awal

Jika menekan Button Options, maka akan muncul sub menu Options seperti
Sound, Music, Tutorial, About Us, dan ganti Username. Jika menekan tombol
back, Options, maka sub menu Options akan ditutup kembali.

Gambar 4.6 Tampilan Menu Options

Jika menekan Button Change Username, maka akan muncul kotak dialog untuk
memasukkan Username.

Gambar 4.7 Tampilan Change Username

Jika pengguna menekan tombol tanda tanya (Tutorial) pada sub menu options,
maka pengguna tampilan akan beralih pada tampilan tutorial.

Gambar 4.8 Tampilan Tutorial

Berikut adalah tampilan About Us jika pengguna ingin mengetahui informasi tim
Developer.

Gambar 4.9 Tampilan About Us

Berikut adalah tampilan Leaderboard. Untuk dapat mengakses layar ini,

pengguna dapat slide layar ke atas. Untuk mngembalikan ke menu awal,
pengguna dapat slide layar ke bawah.
 Gambar 4.10 Tampilan Leaderboard

Jika menekan tombol back pada menu awal, maka akan muncul menu pop-up
konfirmasi untuk keluar aplikasi.

Gambar 4.11 Tampilan Pop-Up Exit Game

Berikut adalah tampilan layar Select Stage setelah pengguna menekan Button
Play. Stage terdiri dari 3 macam, yaitu mata, mulut, dan tulang. Stage yang
pertama kali harus dimainkan adalah stage mata. Setelah stage mata berhasil,
maka stage lainnya akan terbuka. Jika pengguna ingin kembali ke menu awal,
dapat menekan Button Home pada layar.
 Gambar 4.12 Tampilan Select Stage

Gambar 4.13 Tampilan Select Stage Jika Semua Stage Terbuka

Jika pengguna ingin melihat ensiklopedia seputar game ini, maka dapat menekan
tombol Memory Book pada select stage di sebelah kanan atas.
 Gambar 4.14 Tampilan Memory Book Bagian Enemies

Setelah pengguna menekan salah satu stage, maka akan muncul layar stage
preview. Ini merupakan salah satu layar pratinjau dari stage mata yang berisikan
deskripsi stage, kebutuhan yang diperlukan pada stage tersebut, dan pratinjau
peta stage. Jika menekan button Play, maka pengguna langsung memainkan
permainan dari stage yang dipilih. Jika menekan cancel, maka akan kembali ke
layar Select Stage.

Gambar 4.15 Tampilan Stage Descriptions

 Gambar 4.16 Tampilan Stage Map Preview

Jika pengguna baru pertama kali memainkan game “Nutrients Hero”, pada awal
stage, akan diberikan pop-up konfirmasi untuk memasuki tutorial terlebih dahulu
atau tidak.

Gambar 4.17 Tampilan Pop-Up Konfirmasi Tutorial Jika Pertama Kali Bermain

Sebelum masuk ke Tower Defense Stage, pengguna akan masuk ke stage

memilih sumber makanan. Akan diberikan penjelasan singkat mengenai minimal
presentase yang harus diambil dalam stage ini. Terdapat waktu yang ditentukan
untuk memilih sumber makanan yang benar. Jika waktu habis dan masih belum
berhasil, maka akan kalah. Jika sumber makanan yang dipilih benar, makan akan
menambahkan progress bar dari vitamin dan mineral yang dibutuhkan. Jika
salah, maka akan mengurangi semua progress bar yang ada.

Gambar 4.18 Tampilan Briefing Dialog Pada Food Stage

Gambar 4.19 Tampilan Food Stage

Jika pengguna ingin keluar dari Food Stage, maka pengguna dapat menekan
tombol back. Lalu akan muncul dialog konfirmasi.
 Gambar 4.20 Tampilan Dialog Konfirmasi Keluar Dari Food Stage

Terdapat dialog hasil dari permainan Food Stage. Berikut adalah gambar bentuk-
bentuk hasilnya.

Gambar 4.21 Tampilan Dialog Berhasil Mengambil Semua Kebutuhan 100%

Gambar 4.22 Tampilan Dialog Waktu Habis dan Masih Kekurangan Mineral

Gambar 4.23 Tampilan Dialog Waktu Habis dan Gagal

Setelah berhasil memainkan stage memilih sumber makanan, akan diteruskan ke

dalam Tower Defense Stage. Pada tahap ini, pengguna sudah mulai memainkan
permainan. Disediakan hero slots, nutrients heroes / Ammos, dan darah daripada
stage. Musuh penyakit akan muncul dan jalan mengikuti jalur stage. Banyaknya
musuh penyakit ditentukan pada indikator gelombang musuh. Untuk
menghadang dan memusnahkan musuh, pengguna harus menempatkan amunisi
Nutrients Hero pada slot yang disediakan. Untuk menghentikan permainan
sementara, pengguna dapat menekan tombol pause.
 Gambar 4.24 Tampilan Tower Defense Stage Keseluruhan

Gambar 4.25 Tampilan User Interface Tower Defense Stage

Untuk menempatkan hero ke dalam arena, tekan dan tahan logo Vitamin yang
berada di sebelah kiri layar, tarik ke arah slot yang diinginkan, kemudia lepaskan
logo vitamin untuk menempatkannya pada slot.
 Gambar 4.26 Cara Menempatkan Hero

Slot di setiap stage akan dibatasi. Untuk membelinya, tekan slot yang terkunci,
kemudian tekan tombol plus. Dibutuhkan supplement untuk membeli slot yang
terkunci.

Gambar 4.27 Cara Membeli Slot

Jika permainan telah berakhir, maka akan muncul dialog hasil dari permainan
tersebut.

Gambar 4.28 Hasil dari permainan jika menang sempurna

Gambar 4.29 Hasil Dari Permainan Jika Kalah