lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/halaman awal.pdf ·...

14
Team project ©2017 Dony Pratidana S. Hum | Bima Agus Setyawan S. IIP Hak cipta dan penggunaan kembali: Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli. Copyright and reuse: This license lets you remix, tweak, and build upon work non-commercially, as long as you credit the origin creator and license it on your new creations under the identical terms.

Upload: others

Post on 20-Nov-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

Team project ©2017 Dony Pratidana S. Hum | Bima Agus Setyawan S. IIP 

 

 

 

 

 

Hak cipta dan penggunaan kembali:

Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.

Copyright and reuse:

This license lets you remix, tweak, and build upon work non-commercially, as long as you credit the origin creator and license it on your new creations under the identical terms.

Page 2: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

PERANCANGAN MEDIA INTERAKTIF JAMU

UNTUK ANAK-ANAK

Laporan Tugas Akhir

Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni (S.Sn)

Nama : Angeline Purnadjaja

NIM : 10120210242

Program Studi : Desain Komunikasi Visual

Fakultas : Seni & Desain

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2014

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 3: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

ii

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Saya yang bertanda tangan di bawah ini:

Nama : Angeline Purnadjaja

NIM : 10120210242

Program Sudi : Desain Komunikasi Visual

Fakultas : Seni & Desain

Universitas Multimedia Nusantara

Judul Tugas Akhir:

PERANCANGAN MEDIA INTERAKTIF JAMU

UNTUK ANAK-ANAK

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 nara sumber.

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

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 4: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

iii

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

berlaku di Universitas Multimedia Nusantara.

Tangerang, 20 Agustus 2014

Angeline Purnadjaja

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 5: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

iv

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 6: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

v

KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Tuhan Yesus Kristus yang telah

memberikan kasih karunia dan kesempatan pada penulis untuk menyelesaikan

Tugas Akhir berjudul Perancangan Media Interaktif Jamu Untuk Anak-Anak.

Penulis mengangkat topik ini karena jamu merupakan salah satu warisan budaya

Indonesia yang harus dilestarikan dan dipertahankan keberadaannya.

Tugas Akhir ini tidak lepas dari bantuan banyak pihak, maka dalam

kesempatan ini penulis akan menyampaikan ucapan terima kasih kepada:

1. Desi Dwi Kristanto, M.Ds., selaku Ketua Program Studi Desain

Komunikasi Visual dan Pembimbing yang telah membimbing saya selama

proses Tugas Akhir.

2. Dewan penguji yang telah memberikan arahan dan masukan.

3. Erwin Eka selaku Manager Holistic Center yang telah bersedia menjadi

narasumber.

4. Gabriella Ika Mulya, selaku Guru Lentera Bangsa yang telah bersedia

menjadi narasumber dan memberikan masukan.

5. Keluarga dan teman-teman yang sudah membantu dan mendukung

pelaksanaan Tugas Akhir ini.

Tangerang, 20 Agustus 2014

Angeline Purnadjaja

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 7: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

vi

ABSTRAKSI

Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam

pertumbuhan teknologi dan budaya yang sangat pesat. Di tahun-tahun yang akan

datang media digital anak menjadi sangat penting dan memiliki peranan yang

besar dalam perkembangan pendidikan anak-anak, karena media interaktif lebih

menarik, inovatif dan efisien sehingga dapat meningkatkan minat anak untuk

belajar. Hal ini memperkuat bahwa media interaktif akan dapat diterima dengan

positif oleh masyarakat khususnya anak-anak.

Penulis membuat perancangan media interaktif jamu untuk anak-anak dengan

maksud agar penerus bangsa ini diberi pembelajaran mengenai obat tradisional

Indonesia, agar budaya yang sudah turun-menurun dari nenek moyang ini dapat

terus dipertahankan dari waktu ke waktu.

Kata kunci : perancangan, media interaktif, jamu, anak-anak.

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 8: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

vii

ABSTRACT

In this digital era, people are in the new revolution with technology and culture that grow

so fast. In the next few years, digital media will be very important for children and it

takes a big role for children education development, media interactive is more

interesting, innovative and efficient, so it can increase interest for children learning. It

strengthen that media interactive will be acceptable. The writer made this media

interactive for children in order that the next generation of this nation learn about

Indonesia traditional medicine, so that our culture from the forefather can be maintained.

Keywords: media interactive, children.

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 9: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

viii

DAFTAR ISI

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT ..................... ii

HALAMAN PENGESAHAN TUGAS AKHIR .... Error! Bookmark not defined.

KATA PENGANTAR ........................................................................................... v

ABSTRAKSI ......................................................................................................... vi

ABSTRACT .......................................................................................................... vii

DAFTAR ISI ....................................................................................................... viii

DAFTAR GAMBAR ........................................................................................... xii

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

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

1.2. Rumusan Masalah ..................................................................................... 3

1.3. Batasan Masalah ........................................................................................ 4

1.4. Tujuan Perancangan .................................................................................. 5

1.5. Manfaat Perancangan ................................................................................ 5

1.6. Metode Pengumpulan Data ....................................................................... 5

1.7. Metode Perancangan ................................................................................. 7

BAB II TINJAUAN PUSTAKA ......................................................................... 10

2.1. Prinsip Desain .......................................................................................... 10

2.2. Teori Warna ............................................................................................. 10

2.3. Penyusunan Komponen Dalam Layout ................................................... 12

2.4. Penyusunan Komponen Dalam Layout ................................................... 17

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 10: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

ix

2.5. Media Interaktif ....................................................................................... 21

2.5.1 Deskripsi Media Interaktif .................................................................... 21

2.5.2. Sejarah Multimedia Interaktif .............................................................. 22

2.5.3. Kriteria Multimedia Interaktif ............................................................. 23

2.5.4. Prinsip Interaksi Dalam Media Interaktif ............................................ 24

2.6. Flow Theory ............................................................................................ 25

2.7. Plot ........................................................................................................... 27

2.8. Tombol .................................................................................................... 29

2.9. Karakter ................................................................................................... 29

2.10. Anak-anak ............................................................................................. 31

2.10.1. Psikologi Anak ................................................................................... 31

2.10.2 Anak Usia 4-6 Tahun .......................................................................... 32

2.10.3 Pedagogik dan Budaya........................................................................ 33

2.10.4 Desain Media Interaktif Anak-anak .................................................... 33

2.10.5 Elemen Dari Alam .............................................................................. 34

2.10.6 Ukuran ................................................................................................ 34

2.10.7 Warna .................................................................................................. 35

2.10.8 Interaksi .............................................................................................. 36

2.11. Jamu ....................................................................................................... 36

2.11.1 Deskripsi Jamu .................................................................................... 36

2.11.2 Sejarah Jamu ....................................................................................... 37

2.11.3 Jamu Layak Dipertahankan ................................................................ 37

2.11.4. Jamu Untuk Anak ........................................................................... 40

2.12. Pakaian Adat Jawa ................................................................................. 42

BAB III METODOLOGI .................................................................................. 43

3.1. Proses Penelitian ......................................................................................... 43

3.2. Hasil Penelitian ...................................................................................... 44

3.2.1 Hasil Observasi Game Cooking Mama ................................................ 44

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 11: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

x

3.2.2. Hasil Observasi Game Cooking Mama ............................................... 48

3.2.3. Hasil Wawancara Terhadap Anak Usia 4-6 tahun ............................... 51

3.2.4. Hasil Wawancara Pengajar dan Narasumber ....................................... 53

3.3. Studi Visual ................................................................................................ 55

3.3.2. Referensi Dapur ................................................................................... 59

3.3.3. Referensi Tanaman Bahan Dasar Jamu ............................................... 61

3.4. Analisa SWOT & 5W+1H ........................................................................ 61

3.4.1. SWOT .................................................................................................. 61

3.4.2. 5W + 1H .............................................................................................. 62

3.4. Mind Mapping ............................................................................................ 63

3.5. Konsep Kreatif ........................................................................................... 64

3.7. Struktur Interaktif .................................................................................. 66

3.8. Sketsa ...................................................................................................... 67

3.9. Color Pallet............................................................................................. 74

BAB IV ANALISIS ............................................................................................. 76

4.1. Desain Interface ......................................................................................... 76

4.2. Desain Karakter .......................................................................................... 76

4.2.1. Karakter Nenek .................................................................................... 77

4.2.2. Karakter Cucu ...................................................................................... 78

4.3. Font ............................................................................................................. 81

4.4. Analisa Visual ............................................................................................ 82

4.4.1. Cover Utama ........................................................................................ 82

4.4.2. Book ..................................................................................................... 84

4.4.3. Merebus ............................................................................................... 86

4.4.4. Menumbuk ........................................................................................... 88

4.4.5. Sangrai ................................................................................................. 90

4.4.6. Memotong ............................................................................................ 91

4.4.7. Toples................................................................................................... 92

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 12: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

xi

4.4.8. Hasil Akhir ........................................................................................... 93

DAFTAR PUSTAKA .......................................................................................... 97

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 13: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

xii

DAFTAR GAMBAR

Gambar 2.1 Z-Pattern Layout ............................................................................... 18

Gambar 2.2 Golden Triangle Pattern Layout ....................................................... 19

Gambar 2.3 Zig-Zag Pattern Layout ..................................................................... 19

Gambar 2.4 F-Pattern Layout ............................................................................... 20

Gambar 2.5 Flow Theory ..................................................................................... 26

Gambar 2.6 Nodal Plot ......................................................................................... 27

Gambar 2.7 Modulated Plot ................................................................................. 28

Gambar 2.8 Open Plot........................................................................................... 28

Gambar 2.9 Bentuk Wajah Persegi ....................................................................... 30

Gambar 2.10 Bentuk Wajah Segitiga .................................................................... 30

Gambar 2.11 Bentuk Wajah Lingkaran ................................................................ 31

Gambar 3.1 Bagian Home Game Cooking Academy .......................................... 44

Gambar 3.2 Tombol Navigasi Cook...................................................................... 45

Gambar 3.3 Fakta-fakta Bahan Makanan.............................................................. 46

Gambar 3.4 Perintah Untuk Memasak .................................................................. 46

Gambar 3.5 Area Memasak................................................................................... 47

Gambar 3.6 Awards ............................................................................................... 47

Gambar 3.7 Bagian Opening Game Cooking Mama ............................................ 48

Gambar 3.8 Bagian Home Game Cooking Mama ................................................. 49

Gambar 3.9 Informasi 1 ........................................................................................ 49

Gambar 3.10 Informasi 2 ...................................................................................... 50

Gambar 3.11 Contoh Award Dalam Cooking Mama ............................................ 50

Gambar 3.12 Tanaman Bahan Dasar Jamu ........................................................... 51

Gambar 3.13 Flat dan 3D...................................................................................... 53

Gambar 3.14 Referensi Orang Sakit 1 .................................................................. 55

Gambar 3.15 Referensi Orang Sakit 2 .................................................................. 56

Gambar 3.14 Referensi Diare ................................................................................ 56

Gambar 3.15 Referensi Masuk Angin ................................................................... 57

Gambar 3.16 Referensi Mual ................................................................................ 57

Gambar 3.17 Referensi Tidak Nafsu Makan......................................................... 58

Gambar 3.18 Referensi Demam ............................................................................ 58

Gambar 3. 19 Referensi Dapur 1........................................................................... 59

Gambar 3.20 Referensi Dapur 2............................................................................ 59

Gambar 3.21 Referensi Alat Masak 1 ................................................................... 60

Gambar 3.22 Referensi Alat Masak 2 ................................................................... 60

Gambar 3.23 Referensi Tanaman Bahan Dasar Jamu ........................................... 61

Gambar 3.24 Mind Mapping 1 .............................................................................. 63

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014

Page 14: Lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/HALAMAN AWAL.pdf · Pada era digital ini masyarakat berada dalam sebuah revolusi baru dalam pertumbuhan

xiii

Gambar 3.25 Mind Mapping 2 .............................................................................. 64

Gambar 3.26 Pola Interaksi ................................................................................... 66

Gambar 3.27 Struktur Interaktif ............................................................................ 67

Gambar 3.26. Sketsa Kasar ................................................................................... 67

Gambar 3.27 Sketsa Nenek ................................................................................... 68

Gambar 3.28 Sketsa Cucu ..................................................................................... 68

Gambar 3.29 Sketsa Merebus ............................................................................... 69

Gambar 3.30 Sketsa Memarut ............................................................................... 69

Gambar 3.31 Sktesa Memotong ............................................................................ 70

Gambar 3.32 Sketsa Hasil Akhir ........................................................................... 70

Gambar 3.29 Desain Karakter Awal ..................................................................... 71

Gambar 3.30 Desain Karakter Akhir .................................................................... 71

Gambar 3.31 Sketsa Judul Ramoe Jamoe ............................................................. 72

Gambar 3.32 Desain 1 ........................................................................................... 73

Gambar 3.33 Desain 2 ........................................................................................... 73

Gambar 3.34 Desain 3 ........................................................................................... 74

Gambar 4.1 Karakter Nenek ................................................................................. 77

Gambar 4.2 Karakter Cucu ................................................................................... 78

Gambar 4.3 Ekspresi Wajah Karakter Cucu ......................................................... 80

Gambar 4.4 Jenis Font VAGRoundedBT ............................................................. 81

Gambar 4.5 Langkah Pembuatan Tipografi Judul ................................................ 82

Gambar 4.6 Cover Utama ..................................................................................... 83

Gambar 4.7 Book .................................................................................................. 85

Gambar 4.8 Tanaman Bahan Jamu ....................................................................... 85

Gambar 4.9 Merebus ............................................................................................. 87

Gambar 4.10 Menumbuk ...................................................................................... 88

Gambar 4.11 Hasil Menumbuk ............................................................................. 89

Gambar 4.12 Sangrai ............................................................................................. 90

Gambar 4.13 Memotong ....................................................................................... 91

Gambar 4.14 Toples .............................................................................................. 93

Gambar 4.15 Layout Hasil Jamu ........................................................................... 94

Gambar 4.16 Hasil Jamu ...................................................................................... 94

Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014