lisensi ini mengizinkan setiap orang untuk menggubah, …kc.umn.ac.id/2269/1/halaman awal.pdf ·...
TRANSCRIPT
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.
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
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
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
iv
Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014
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
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
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
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
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
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
xi
4.4.8. Hasil Akhir ........................................................................................... 93
DAFTAR PUSTAKA .......................................................................................... 97
Perancangan Media ..., Angeline Purnadjaja, FSD UMN, 2014
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
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