visualisasi environment dalam mobile game sebagai …

14
VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI MEDIA EDUKASI TENTANG VAKSINASI TIPES DEWASA Ditulis sebagai syarat untuk memperoleh gelar Sarjana Desain (S.Ds.) Nama : Ferdinand Jauhanes NIM : 00000016402 Program Studi : Desain Komunikasi Visual Fakultas : Seni dan Desain UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG 2020

Upload: others

Post on 27-Oct-2021

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

VISUALISASI ENVIRONMENT DALAM MOBILE

GAME SEBAGAI MEDIA EDUKASI TENTANG

VAKSINASI TIPES DEWASA

Ditulis sebagai syarat untuk memperoleh gelar Sarjana Desain (S.Ds.)

Nama : Ferdinand Jauhanes

NIM : 00000016402

Program Studi : Desain Komunikasi Visual

Fakultas : Seni dan Desain

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2020

Page 2: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

1

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Saya yang bertanda tangan di bawah ini:

Nama : Ferdinand Jauhnes

NIM : 00000016402

Program Studi : Desain Komunikasi Visual

Fakultas : Seni dan Desain

Universitas Multimedia Nusantara

Judul Tugas Akhir :

Visualisasi Environment Dalam Mobile Game sebagai Media Edukasi

Tentang Vaksinasi Tipes

Dengan ini menyatakan bahwa, laporan dan karya tugas akhir ini adalah asli dan

belum pernah diajukan untuk mendapatkan gelar sarjana, baik di Universitas

Multimedia Nusantara maupun di perguruan tinggi lainnya.

Karya tulis ini bukan saduran/terjemahan, murni gagasan, rumusan dan

pelaksanan penelitian/implementasi saya sendiri, tanpa bantuan pihak lain, kecuali

arahan pembimbing akademik dan narasumber.

Demikian surat Pernyataan Originalitas ini saya buat dengan sebenarnya,

apabila di kemudian hari terdapat penyimpangan serta ketidakbenaran dalam

pernyataan ini, maka saya bersedia menerima sanksi akademik berupa pencabutan

gelar (S.Ds.) yang telah diperoleh, serta sanksi lainnya sesuai dengan norma yang

berlaku di Universitas Multimedia Nusantara.

Tangerang, 22 Juni 2020

Ferdinand Jauhanes

Page 3: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

ii

HALAMAN PENGESAHAN TUGAS AKHIR

Visualisasi Environment Dalam Mobile Game sebagai

Media Edukasi Tentang Vaksinasi Tipes

Oleh

Nama : Ferdinand Jauhanes

NIM : 00000016402

Program Studi : Desain Komunikasi Visual

Fakultas : Seni dan Desain

Tangerang, 22 Maret 2020

.

Pembimbing

Prima M. R. Singgih, S.Sn., M.Ds.

Ketua Program Studi

Mohammad Rizaldi, S.T., M.Ds.

Penguji

Agatha Maisie Tjandra, S.Sn., M.Ds.

Ketua Sidang

Ken Natasha Violeta,S.Sn., M.Ds.

!!

"#$%&!#'('(

Page 4: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

iii

KATA PENGANTAR

Bermula dari pencarian topic untuk tugas academic writing penulis menemukan

topic mengenai vaksin, sehingga penulis mencari tau lebih dalam lagi. Ternyata,

ada program vaksin untuk orang dewasa yang jarang diketahui umum. Penulis

menggali tentang vaksin untuk dewasa tersebut serta tentang fungsi dan

keuntungngannya di kehidupan sehari-hari. “Vaksin berperan seperti tameng

terhadap virus yang memasuki tubuh – bahkan sampai usia lanjut,” dikatakan oleh

pakar imunologi, Prof. Karnen G. Baratawidjaja.

Vaksin dewasa harus dikembangkan karena virus itu berubah bentuk dan ber-

evolusi tiap tahunnya. Penyebab tipes sebagai contohnya. Virus atau bakteri

pecentus tipes akan selalu berubah. Oleh sebab itu, alangkah baik jika vaksin tetap

dipakai karena dapat memperkuat sistem kekebalan tubuh sehingga dapat

menghadapi segala perkembangan virus yang tak kasat mata.

Maka dari itu, ada keuntungan penulis dari sini . Penulis tertarik untuk belajar

tentang vaksin dan fungsinya bagi kesehatan manusia. Karena penulis mengidap

alergi yang sangat ganas ada kemungkinan dari perkembanganya biotechnya

vaksin dapat menyembuhkan keadaan tubuh orang yang mengidap alergi.

Sebagai calon pengikut vaksinasi untuk dewasa, penulis membuat tugas akhir

tentang tema ini dengan tujuan kampanye kepentingan vaksin bagi tubuh ,

mencegah penyakit-penyakit yang ganas di tahun-tahun mendatang seperti

tipes,hepatitis, rabies dan kanker rahim.

Page 5: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

iv

Ucapan terima kasih kepada orang-orang yang membantu TA:

1. Ketua Program Studi: Mohamad Rizaldi

2. Dosen Pembimbing : Prima M. Singgih, SSn.,M.Ds.

3. Pihak-pihak yang langsung terkait dengan proses penulisan Tugas

Akhir/Skripsi : Prof. Karnen G. Baratawidjaja( dokter imunologi)

4. Keluarga dekat : Mienvi Gunita ( ibu dari penulis)

Tangerang, 22 Juni, 2020

Ferdinand Jauhanes

Page 6: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

v

ABSTRAKSI

Vaksin berperan seperti tameng terhadap virus yang memasuki tubuh dari kecil

bahkan sampai usia lanjut. Yang menjadi halangan adalah gerakan anti-vaksin

yang menolak proses vaksinasi karena menganggap vaksin itu tidak penting dan

haram. Oleh karena itu penulis akan menghasilkan environment dalam mobile

game yang menarik untuk digunakan sebagai media edukasi. Penulis akan

melakukan penelitian secara hybrid dengan mengumpulkan data melalui quisoner

yang disebarkan penduduk Jakarta, wawancara kepada dokter-dokter rumah sakit

dan team game developer, serta mengumpulkan data tentang tubuh manusia. Hasil

yang akan dicapai adalah mobile game tentang sistem imuni tubuh sebagai

protagonist di dalam dunia yang menyerupai dalam tubuh manusia, di dalam

game mengandung informasi-informasi asli tentang fungsi vaksin dalam

memperkuat sistem kekebalan tubuh, serta informasi keadaan dalam tubuh saat

divaksinasi yang di buat dalam 3 stage cerita.

Kata kunci: Vaksinasi, Tipes, Mobile game, Environment, UX

Page 7: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

vi

ABSTRACT

Vaccine has a role that similar to a shield towards virus that slip through a person

body from a young age an onwards. Standing in the way is the group that refuse

vaccination because they think it is something that's not important and taboo.

That's why the writer wants to make an environment in a mobile game that's

interesting and would be use as a education media. The writer will do the research

using the hybrid method with passing over some questionnaire at people of

Jakarta, doing interview with some doctors in hospital and also interviewing a

team of game developers. The result will be a game about the body immunity

system as the protagonist that will explore a world that similar like a human body,

inside the game there will be information about vaccine and their function to

increase the immunity system and finally the condition inside the body during

vaccination. The game will be made into 3 stages.

Keyword: Vaccination, Tipes, Mobile game, Environment, UX

Page 8: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

vii

DAFTAR ISI

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT ...................... I

KATA PENGANTAR ......................................................................................... III

ABSTRAKSI ......................................................................................................... V

ABSTRACT .......................................................................................................... VI

DAFTAR ISI ....................................................................................................... VII

DAFTAR GAMBAR ............................................................................................. X

DAFTAR TABEL ............................................................................................ XIII

BAB I PENDAHULUAN ....................................................................................... 1

1.1. Latar Belakang ......................................................................................... 1

1.2. Rumusan Masalah .................................................................................... 4

1.4. Tujuan Tugas Akhir ................................................................................. 6

1.5. Manfaat Tugas Akhir ............................................................................... 6

BAB II TINJAUAN PUSTAKA ........................................................................... 7

2.1. Environment Design ................................................................................. 7

2.1.1. Elemen-Elemen Dalam Environment Design .............................. 7

2.1.2. Interactive Environment ............................................................. 12

2.2. Environment game design ...................................................................... 13

2.2.1. Foreground ................................................................................ 15

2.2.2. Middle Ground ........................................................................... 15

2.2.3. Background ................................................................................ 15

2.3. Game ...................................................................................................... 16

2.4. Mobile Game .......................................................................................... 23

Page 9: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

viii

2.5. Visual storytelling .................................................................................. 23

2.6. Tower Defense Game ............................................................................. 24

2.6.1. Terrain (Tiles) ............................................................................ 25

2.6.2. Tower(Benteng) ......................................................................... 25

2.7. Media Edukasi ....................................................................................... 26

2.8. Vaksin .................................................................................................... 26

2.8.1. Vaksinasi Tipes Dewasa ............................................................ 27

2.8.2. Herd Immunity ........................................................................... 28

2.9. Bagian Tubuh yang Terserang Tipes ..................................................... 29

2.9.1. Aliran darah ............................................................................... 29

2.9.2. Sistem Pencernaan (Usus) .......................................................... 30

2.9.3. Jantung ....................................................................................... 30

BAB III METODOLOGI ................................................................................... 31

3.1. Metodologi Pengumpulan Data ............................................................ 31

3.1.1. Wawancara ................................................................................. 31

3.1.2. Kuesioner .................................................................................. 33

3.1.3. FGD ............................................................................................ 35

3.2. Metodologi Perancangan ....................................................................... 35

3.2.1. Idea ............................................................................................ 35

3.2.2. Storytelling level design ............................................................ 36

3.2.3. Plan and research ..................................................................... 36

3.2.4. Studi Refrensi ........................................................................... 38

3.2.5. Studi existing ............................................................................. 43

3.2.6. Strategi Perancangan ............................................................... 48

Page 10: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

ix

3.2.7. Perancangan Environment ...................................................... 49

3.2.8. Perancangan Layout ................................................................ 53

BAB IV ANALISIS PERANCANGAN .............................................................. 59

4.1. Analisis Perancangan ............................................................................. 59

4.1.1. Prototype day ............................................................................. 59

4.1.2. Feedback environment ............................................................ 59

4.1.3. Perbaikan perancangan ........................................................... 62

4.2. Analisis Beta Test .................................................................................. 64

4.2.1. Analisis Desain ......................................................................... 64

4.2.2. Environment in-game .............................................................. 64

4.2.3. Environment Cutscene ............................................................ 72

4.2.4. Analisis User ............................................................................. 77

BAB V KESIMPULAN DAN SARAN ............................................................... 78

5.1. Kesimpulan ................................................................................................. 78

5.2. Saran ........................................................................................................... 80

DAFTAR PUSTAKA ........................................................................................... 82

LAMPIRAN .......................................................................................................... 83

Hasil FGD: ......................................................................................................... 83

Hasil Kuesioner: ................................................................................................. 87

Prototype day ..................................................................................................... 90

Hasil Beta Test ................................................................................................... 91

GDD: .................................................................................................................. 96

Form Bimbingan: ............................................................................................. 103

Page 11: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

x

DAFTAR GAMBAR

Gambar 2.1.1. Contoh Lighting ................................................................... 8

Gambar 2.1.2. Contoh line ........................................................................... 9

Gambar 2.1.3. Macam-macam perspektif .................................................. 10

Gambar 2.1.4. Color Theory ...................................................................... 11

Gambar 2.1.5. Contoh sprite environment ................................................. 12

Gambar 2.1.6. Sonic kehilangan beberapa rings ketika terkena duri ........ 13

Gambar 2.3.1. Perbadaan level di game “ Miss Pac Man” ........................ 17

Gambar 2.3.2. Leaderboard game “Galaga” ............................................. 18

Gambar 2.3.3. Contoh badges dalam game ............................................... 19

Gambar 2.3.4. Data Boss dalam game “ Kingdom Hearts 3” .................... 20

Gambar 2.3.5. Contoh tutorial di game “ Azur Lane” ............................... 21

Gambar 2.8.1. Siklus dalam Herd Immunity ………………………….29

Gambar 3.1.1. Foto wawancara dengan Prof. Dr. dr. Karnen Baratawidjaja,

.................................................................................................................... 32

Gambar 3.1.2. Jadwal Imunisasi dewasa RS Mayapada ............................ 33

Gambar 3.1.1 hasil survey diagram ........................................................... 34

Gambar 3.1.2. hasil survey chart ............................................................... 34

Gambar 3.2.1. Mindmap ............................................................................ 37

Gambar 3.2.2. Moodboard ......................................................................... 38

Gambar 3.2.3. Kota Osmosis Jones ........................................................... 39

Page 12: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

xi

Gambar 3.2.4. Jenis-jenis otot tubuh manusia ........................................... 40

Gambar 3.2.5. Usus besar .......................................................................... 41

Gambar 3.2.6. Aliran darah,sel darah merah dan sel darah putih .............. 41

Gambar 3.2.7. Jantung ............................................................................... 42

Gambar 3.2.8. Sel lemak ............................................................................ 43

Gambar 3.2.9. Screenshot game “Arknights” ............................................ 44

Gambar 3.2.10. Screenshot game “Plants Vs. Zombies” ........................... 46

Gambar 3.2.11. Screenshot game “Ozzy & Drix” ..................................... 47

Gambar 3.2.4. Sketsa konsep 1 stage 1...................................................... 50

Gambar 3.2.5. Sketsa konsep 2 stage 1...................................................... 51

Gambar 3.2.6. Sketsa konsep 1 stage 2...................................................... 52

Gambar 3.2.7. Sketsa konsep 2 stage 2...................................................... 52

Gambar 3.2.8. Sketsa konsep stage 3........................................................ 53

Gambar 3.2.9. Sketsa environment ........................................................... 54

Gambar 3.2.10. Penggambaran digital menggunakan adobe AI ................ 55

Gambar 3.2.11. Penggambaran digital menggunakan adobe photoshop .. 55

Gambar 3.2.12. Pencayahaan .................................................................... 56

Gambar 3.2.13. Detailing dan finishing .................................................... 57

Gambar 3.2.14. Finishing ......................................................................... 57

Gambar 3.2.15. Penetapan UI .................................................................... 58

Gambar 4.1.1. Visualisasi suasana proses perlawanan sistem immune

dengan kuman. ........................................................................................... 60

Gambar 4.1.2. Suasana peperangan ........................................................... 60

Gambar 4.1.3. penggunaan tiles ................................................................. 61

Gambar 4.1.4. visualisasi sel-sel ................................................................ 61

Page 13: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

xii

Gambar 4.1.5. Before (atas) dan after (bawah) environment stage 01 ...... 63

Gambar 4.2.1. Sequence interaksi stage 01 ............................................... 65

Gambar 4.2.2. Stage 02 .............................................................................. 66

Gambar 4.2.3. Sequence interaksi stage 02 ............................................... 68

Gambar 4.2.4. stage 03 .............................................................................. 69

Gambar 4.2.5.1. Sequence interaksi stage 03-1(booster) .......................... 70

Gambar 4.2.5.2. Sequence interaksi stage 03-2(red mist) ......................... 71

Gambar 4.2.6. Rumah sakit ........................................................................ 72

Gambar 4.2.7. Kamar Baskoro................................................................... 73

Gambar 4.2.8. flashback petarungan di dalam tubuh Anita ....................... 74

Gambar 4.2.9. Aliran Darah ....................................................................... 75

Gambar 4.2.10. Usus Besar ........................................................................ 76

Gambar 4.2.11. Jantung ............................................................................. 76

Page 14: VISUALISASI ENVIRONMENT DALAM MOBILE GAME SEBAGAI …

xiii

DAFTAR TABEL

Table 3.2.1. Analisa game “Arknights” ..................................................... 44

Table 3.2.2. Analisa game “Plants vs Zombies” ....................................... 46

Table 3.2.3. Analisa game “Ozzy & Drix” ................................................ 48

Table 3.2.4. timeline perancangan ............................................................. 49