PERANCANGAN APLIKASI INTERAKTIF PENGENALAN PENYAKIT THALASEMIA MELALUI MEDIA ANDROID TUGAS AKHIR PENCIPTAAN KARYA
Oleh: Endro Kustono NIM: 0711641024
PROGRAM STUDI DISAIN KOMUNIKASI VISUAL JURUSAN DISAIN FAKULTAS SENI RUPA INSTITUT SENI INDONESIA YOGYAKARTA 2014
i UPT Perpustakaan ISI Yogyakarta
PERANCANGAN APLIKASI INTERAKTIF PENGENALAN PENYAKIT THALASEMIA MELALUI MEDIA ANDROID
KARYA KARY YA DISAIN DISAIN
Endro Kustono NIM: 0711641024 Tugas Akhir ini diajukan kepada Fakultas Seni Rupa Institut Seni Indonesia Yogyakarta Sebagai salah satu syarat untuk memperoleh Gelar Sarjana S-1 dalam bidang Disain Komunikasi Visual
2014
ii UPT Perpustakaan ISI Yogyakarta
Tugas Akhir Disain berjudul: PERANCANGAN APLIKASI INTERAKTIF PENGENALAN PENYAKIT THALASEMIA MELALUI MEDIA ANDROID Diajukan oleh Endro Kustono, NIM: 0711641024, Program Studi Disain Komunikasi Visual, Jurusan Disain, Fakultas Seni Rupa, Institut Seni Indonesia Yogyakarta, telah disetujui Tim Penguji Tugas Akhir pada tanggal 1 Juli 2014 dan dinyatakan memenuhi syarat untuk diterima. Pembimbing I
M. Faizal Rochman, S.Sn., MT. NIP.19780221 200501 1 002 Pembimbing II
Haryanto, M.Sn. Andi Har NIP.19801125 200812 1 003 NIP.1980 Cognate Cogn Co gnate gn
Drs. Prayanto WH, M. Sn. Dr s. P Pra ra NIP.19630211 NIP. P.19 P. 1963 19 63 199903 1 001 Ketua Program Studi Ketu Ke tuaa Pr tu
Drs. Har Hartono Karnadi, M.Sn. Dr NIP.19650209 199512 1 001 NIP.1965 Ketua Jurusan Disain
M. Sholahuddin, S.Sn., MT. NIP.19570513 198803 1 001 Dekan Fakultas Seni Rupa Institut Seni Indonesia Yogyakarta
Dr. Suastiwi, M.Des. NIP.19590802 198803 2 002
iii UPT Perpustakaan ISI Yogyakarta
PERNYATAAN KEASLIAN KARYA
Saya menyatakan bahwa tugas akhir yang berjudul : PERANCANGAN APLIKASI INTERAKTIF PENGENALAN PENYAKIT THALASEMIA MELALUI MEDIA ANDROID
Yang telah dibuat untuk melengkapi persyaratan menjadi Sarjana Seni Program Studi Disain Komunikasi Visual Fakultas Seni Rupa Institut Seni Indonesia Yogyakarta. Sejauh ini yang saya ketahui bukan merupakan tiruan atau duplikasi dari tugas akhir yang sudah dipublikasikan atau yang pernah digunakan untuk mendapatkan gelarr sarjana di lingkungan Institut Seni Sen Indonesia Yogyakarta, kecuali bagian yang g dicantumkan sumber sumb su mber mb er in informasi.
Yogyakarta, Juli 2014 Penulis
Endro Kustono
iv UPT Perpustakaan ISI Yogyakarta
MOTTO
“Khoirunnas Anfa’uhum Linnas” ..Sebaik-baik manusia adalah orang yang paling banyak memberi manfaat bagi manusia (lainnya)..
- H.R. Thabrani dan Daruquthni -
“Untuk Ibu bu yyan yang angg me an menj menjadi njad nj adii sa ad satu satu-satunya tu-s tu -sat -s atun at unya un ya w wan wanita anit an ita it a te terhebat di dunia, untuk Bapak yang selalu menyangga mendukung ng ssel elal el alu me al meny nyan ny angg an gga gg a da dan n me mend nduk nd ukun uk ung un g dalam segala hal, dan untuk Istri dan an anak anakku akku yan ak yang ang an g se sela selalu lalu la lu m men menjadi enja en jadi p ja pen penghilang engh en ghil gh rasa lelah dan peny nyem ny eman anga an gatt da ga dala lam la m su suka ka m mau aupu pun du pu penyemangat dalam maupun duka”
v UPT Perpustakaan ISI Yogyakarta
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena atas berkat, rahmat dan taufik hidayah-Nya, penulis dapat menyusun dan menyelesaikan Tugas Akhir Karya Disain ini dengan baik. Tugas Akhir Karya Disain ini disusun sebagai salah satu syarat untuk meraih gelar sarjana dalam bidang Disain Komunikasi Visual. Tugas Akhir ini merupakan pertanggung jawaban dan bukti serta hasil dari seluruh mata kuliah yang telah ditempuh selama pendidikan di program studi Disain Komunikasi Visual Institut Seni Indonesia Yogyakarta sejak tahun 2007 sampai dengan 2014. hir ini juga m mer erup er upak up akan ak an salah satu syarat sy Tugas Akhir merupakan dalam pemenuhan tugas perkuliahan untukk me dalam program studi Disain mencapai gelar gel g elar el ar kesarjanaan kes k esarja es jana naan na an dal l, Fakultas Faku Fa kult ku ltas S lt Sen enii Ru en Rupa pa Institut IIns nsti ns titu ti tutt Se tu Seni ni Indonesia IInd ndon nd Komunikasi Visual, Seni Yogyakarta. penu pe nutu nu tup, ssem tu emog em ogaa pe penu nuli nu lisa san sa n tugas tuga tu gas in ga Sebagai penutup, semoga penulisan ini sedikit banyak dapat memberikan manfaat bagi lain at bbag agii yang membutuhkan. ag mem m embu em butu bu tuhk tu hkan hk an. Di si an sisi si llai ai penulis juga menyadari wa kesempurnaan kkes esem es empu em purn pu rnaa rn aan aa n ha hany nyaa mili ny lik li k da dan kekuasaan Allah SWT sepenuhnya bahwa hanya milik sehingga banyak kekurangan penyusunan ini. Segala kritik kekurang ngan ng an dalam dal d alaam penyusun al unan un an dalam dal d alam penulisan al pen sang sa ngat ng at dibutuhkan d demi kemajuan pada masa dan saran sangat membantu dan sangat yang akan datang.
Yogyakarta, Juli 2014
Endro Kustono
vi UPT Perpustakaan ISI Yogyakarta
UCAPAN TERIMAKASIH
Tugas Akhir ini merupakan tugas karya penciptaan melalui sebuah perancangan karya yang harus diselesaikan sebagai salah satu syarat guna mengakhiri studi pada jenjang Sastra Satu (S1) di Program Studi Disain Komunikasi Visual ISI Yogyakarta. Judul dari Tugas Akhir ini adalah “Perancangan Aplikasi Interaktif Pengenalan Penyakit Thalasemia Melalui media Android”.
Pada
kesempatan
ini
penulis
menyampaikan
terimakasih
sebesar-besarnya yang ditujukan kepada: ·
Allah S.W.T yang telah melimpahkan rahmatnya, kesehatan jasmani dan rohani, dan kekuatan, sehingga penulis Tugas Akhir ga p pen enulis dapat menyelesaikan en men karya disain ini ni dengan denga gan ga n baik. baik ba ik. ik
·
Nabi Muhammad segala petunjuk madd SAW SAW atas atas seg egal eg alaa pe al petu tunj tu njuk dan nj dan jalan jjal al kebenaran umat Islam di seluruh alam. m.
·
Prof. Dr. A.M. Rektor M. Hermien Her H ermien Kusmayati er Kus K usma us maya ma yati ya ti selaku ssel elak el aku Re ak Rekt ktor kt or Institut Seni Indonesia Yogyakarta.
·
Ibu Dra. Suastiwi, iwi, M.Des. M.D M .Des .D es.. selaku es sela se laku la ku Dekan Dek ekan FSR ek FSR ISI ISI Yogyakarta. Yog
·
Bapak M Sholahuddin, S.Sn, Jurusan Disain. ahuddin, S.S .Sn, M.T. .S M.T M .T. selaku .T sela se laku la ku Ketua K Jurus
·
Bapak Drs. Hartono Karnadi, M. Sn. Selaku ketua program studi Disain Komunikasi Visual ISI Yogyakarta.
·
Ibu Hesti Rahayu, S.Sn, M.A. selaku Dosen Wali yang selalu memberikan semangat dan mendukung kelancaran studi penulis.
·
Bapak M. Faizal Rochman, S.Sn., MT. selaku Dosen Pembimbing I dan Bapak Andi Haryanto, M. Sn. selaku dosen pembimbing II yang sudah membantu dengan memberi saran, masukan, bimbingan, memotivasi, serta segala bantuan hingga terselesainya karya Tugas Akhir ini.
vii UPT Perpustakaan ISI Yogyakarta
·
Seluruh staff dosen pengajar dan karyawan Program Studi Disain Komunikasi Visual ISI Yogyakarta dan Seluruh Karyawan Akmawa Jurusan Seni Rupa ISI Yogyakarta yang banyak membantu dan memperlancar studi penulis
·
Segenap Dosen di Program Studi Disain Komunikasi Visual ISI Yogyakarta yang telah memberikan bekal ilmu dan pengalaman selama menuntut ilmu di kampus ini.
·
Bapak, ibu, kakak dan adik yang selalu memberi dukungan, doa, bantuan dan segala persiapan dalam bentuk apapun yang diberikan. Terimakasih atas semua kebaikan yang sudah diberikan.
·
n Niswah dan anakk kku Chansa Muflich kk Istriku Izzatun anakku Muflichatul Ummah yang tak elalu me memb mber mb erii du er duku kung ku ngan ng an d dar arii aw ar awal al hingg pernah lelah selalu memberi dukungan dari hingga akhir.
·
tami ta mi d dari Huma mass Ya ma Yayasa san Th Thal alas al assa Ibu Indriawati Uta Utami Humas Yayasan Thalassaemia Indonesia Cabang as kkon onsu on sultasii da su dan n wa wawa wanc wa ncar nc aran ar anya an ya m men enge en ge Thalasemia Yogyakarta atas konsultasi wawancaranya mengenai
·
gasi ga sim, si m, terim imaa ka im kasi sih si h te tela lah la h me memb mban mb antu an tu m Aziz Abdul Ngasim, terima kasih telah membantu mencari teori meski harus rpus rp usta us taka ta kaan k ka kee pe perpus usta us taka ta kaan ka an lainn nnya nn ya loncat dari 1 perp perpustakaan perpustakaan lainnya
·
arso, Ri Risw swan sw anto an to,, Fu to Fuad ad,, Ga ad Galang ng, Br ng Brit, terima kasih udah mau Bangkit, Rinarso, Riswanto, Fuad, Galang, tu m mem embe em berikan so be solu lusi lu si ccurhat TA saya dengerin dan membantu memberikan solusi
·
sh tterima im kasih at tu da Akbar Annashr, atas bbantuannya dan kesabarannya untuk menyelesaikan video animasi yang bolak-balik revisi.
·
Ariska Hidayat “Axircle” yang telah membantu programing Tugas Akhir saya hingga menghasilkan karya yang hebat seperti ini.
·
Aditya Septiyan Pamungkas, terima kasih atas bantuan koreksi tulisan dan pinjaman aset pendukung display karya TA
·
Syamsul Arifin, terima kasih buat diskusi yang sangat bermanfaat.
viii UPT Perpustakaan ISI Yogyakarta
·
Teman-teman Relawan FSG Tunas Bangsa, Tante Kristi, Mas Yopi, Surya, Mbak Tiwuk, Ruri dan lainnya, terima kasih atas semangat dan ilmu tentang berbagi yang sangat berharga
·
Teman-teman relawan Starsonsky, Evi Handayani, Nunung Ria, Majedha Hayun dan lainnya, terima kasih buat dukungannya dan ilmunya untuk berbagi kebahagiaan dengan sesama
·
Keluarga Mlangi, bapak, ibu, mas Imron, Ghofur, Na’im, Kholil dan Firdaus, terima kasih untuk semuanya.
·
Mbah Welas Asih dan keluarga, terima kasih atas kesabaran dan dukungannya selama ini.
·
katan 2007 atas kena ka Teman-teman “Sapoe Lidi” angka angkatan kenangan, kebersamaan dan ma men enja en jala ja lani la ni k kul ulia ul iah. ia h. A Akh khir kh irny ir nyaa sa ny saya jad suka duka selama menjalani kuliah. Akhirnya jadi penutup angkatan kita hehe.. tetap berkarya bermanfaat erkary ryaa da ry dan terus be berm rman rm anfaat bagi an bag agii sesama.. ag sesama se
·
tema mann yang ma ya tel elah el ah m mem emba em bant ba ntu nt u sa saya ya b bai aik ai k secara langsung maupun Semua teman-teman telah membantu baik tidak langsung yang saya sebutkan yyan angg tidak an tida dak da k bi bisa sa ssay ayaa se ay sebu butk bu tkan tk an namanya nam aman am anya an ya satu persatu.
ix UPT Perpustakaan ISI Yogyakarta
ABSTRAK ENDRO KUSTONO PERANCANGAN APLIKASI INTERAKTIF PENGENALAN PENYAKIT THALASEMIA MELALUI MEDIA ANDROID
Perancangan aplikasi "Thalasemia Interaktif" ini dibuat karena sedikitnya jumlah remaja/pasangan pranikah yang mengetahui informasi tentang Thalasemia, sehingga menjadi penyebab utama penyebaran Thalasemia semakin meluas dan sulit dikendalikan. Hasil dari perancangan ini berupa aplikasi interaktif berbasis Android, yang digunakan sebagai media informasi tentang penyakit Thalasemia. Aplikasi Thalasemia Interaktif ini berisi sebuah video animasi sebagai sarana mengenalkan dan tes interaktif sebagai rana untuk mengena nalkan Thalasemia da sarana untuk evaluasi memahami Thalasemia. Tujuan dari perancangan ini luasi dan memaha hami ha mi T Tha halasemia. Tujua ha adalah agar para remaja lebih informasi Thalasemia sejak dini sebagai emaja le lebi bih bi h mengetahui meng me nget ng etah et ahui ah ui iinf nfor nf orma or masi ma si Thala langkah pencegahan penyakit keluarga. an penurunan pen enur en urun ur unan penya un yaki ya kitt Thalasemia ki Thalasem Th emia em ia dalam d Thalasemia merupakan penyakit yang dimana penderita harus emia em ia m merup upak up akan ak an p pen enya en yak ya kit y yan ang an g di mendapatkan tranfusi darah secara rutin bulan fusi si ddar arah ar ah sec ecar ec araa ru ar ruti tin ti n setiap ap b bul ulan ul an selama seumur hidup. Jumlah penderita dii Indonesia lebih jiwa. Sehingga pengenalan Indo In donesi do siaa saat si sa iini ni lleb ebih dari eb dar d arii 6.000 ar 6.00 6. 000 00 0 ji jiwa penyakit Thalasemia penting sebagai langkah miaa sangatlah sang sa ngatlah ng h pe pent ntin nt ing in g se seba baga ba gai lang ga ngka ng kah ka h pencegahan penyebaran penyakit Thalasemia Indonesia. mia di IInd ndones nd esia es ia. ia Analisis data mengenai permasalahan Thalasemia dan metode is ddat ataa me at meng ngen ng enai en ai p per erma er masa ma sala sa laha la han ha n Th pengumpulan data dibuat untuk menentukan ta dib ibua ib uatt un ua untu tuk tu k menent ntuk nt ukan uk an ttema dan media, sehingga perancangan aplikasi tersampaikan kasi interaktif interak akti ak tiff ini ti ini dapat dapa patt te pa ters rsam rs ampaikan ddengan baik dan mudah am dipahami oleh target "Thalasemia Interaktif" ini et audience. Perancangan aplikasi "T bekerja sama dengan YTI (Yayasan Thalasemia Indonesia) Yogyakarta, sehingga dapat digunakan sebagai media sosialisasi dan berbagai keperluan lainnya sebagai langkah pencegahan penyebaran Thalasemia di Indonesia.
Keyword : Thalasemia, Aplikasi Interaktif, Android
x UPT Perpustakaan ISI Yogyakarta
DAFTAR ISI HALAMAN JUDUL............................................................................................... HALAMAN SUB JUDUL ...................................................................................... HALAMAN PENGESAHAN ................................................................................. HALAMAN PERNYATAAN KEASLIAN ............................................................ HALAMAN MOTTO ............................................................................................. KATA PENGANTAR ..............................................................................................
i ii iii iv v vi
UCAPAN TERIMA KASIH ................................................................................... ABSTRAK .............................................................................................................. DAFTAR ISI ........................................................................................................... DAFTAR BAGAN ................................................................................................ BAR .......................... .................................. DAFTAR GAMBAR ............................................................................................
vii x xi xv xv
BAB I PENDAHULUAN ULUA UAN UA N kang ng Masalah Masal M alah al ah ...... ...... ........................................................ .. .... .. .... .. A. Latar Belakang ...........................................................................
1
B. Rumusan Ma Masa Masalah sala sa lahh .......... la ..................................................................................... ........................ ............................................................ .. .... .. .... .. eran anca anca cang ngan ng an .. .... .......... .................................. .. .......... .. ................ .. .................. .. C. Tujuan Perancangan .................................................................................. D. Manfaat Pera Perancangan ................................................................................ ranc ra nc ncangan.. ...... ...... .... .. .................................. .. .......... .. .............. .. ...................... .. ahas ah asis as iswa ...... is ........ ................................ .. .................. .. .................. .. 1. Bagi Mah Mahasiswa ................................................................................ nstitu tusi tu si A Aka kade ka demi de mik mi k .... ............ .......... .. ............................ .. 2. Bagi Institusi Akademik .................................................................... raka ra katt ............................................................................... ka ................................................................ 3. Bagi Masyara Masyarakat anga an gan ga n ................................ E. Batasan Lingkup Perancan Perancangan .................................................................. F. Metode Perancangan ................................................................................. 1. Metode Pengumpulan Data ............................................................... a) Data Visual .................................................................................. b) Data Verbal .................................................................................. 2. Metode Analisis Data ........................................................................ a) What ............................................................................................ b) Who ............................................................................................. c) Where .......................................................................................... d) When ........................................................................................... e) Why ............................................................................................. f) How .............................................................................................
xi UPT Perpustakaan ISI Yogyakarta
4 5 5 5 5 6 6 7 7 7 7 7 7 8 8 8 8 9
G. Sistematika Perancangan .......................................................................... H. Skematika Perancangan ............................................................................
11 15
BAB II IDENTIFIKASI DATA DAN ANALISIS A. Identifikasi Data ........................................................................................ 1. Pengertian Judul .................................................................................... 2. Thalasemia ............................................................................................ a) Pengertian ......................................................................................
16 16 16 16
b) c) d) e) f)
Penyebaran Thalasemia ................................................................... Mekanisme Terjadinya Thalasemia ............................................... Tanda dan Gejala Thalasemia ....................................................... Penyebab Thalasemia .................................................................... Pembagian Thalasemia .................................................................. 1) Thalasemia Mayor .............................. .................................................................. 2) Thalasemia Minor Min inor in or ................................................................... ............................................ ra Pendeteksian Pende dete de teks te ksia ks ian ia n Peny nyak ny akit T ak Tha hala ha lase la semi se mia ......................................... mi g) Cara Penyakit Thalasemia nceg egah eg ahan ah an dan an Pengobatan Pengo P goba go bata ba tan ta n Thalasemia Thalas Th asem as emia em ia ...................................... h) Pencegahan an Teori Teo T eori eo ri .................................................................................... .............. .... .. .................................. .. ................................ .. ...................... .. 3. Landasan
1) Tablet ........................................................................................ 2) Pengguna Tablet ........................................................................
18 20 23 24 24 24 27 28 29 32 32 34 38 48 51 53 55 59
3) Sejarah dan Ragam Tablet ........................................................ 4) Pengguna Android di Indonesia .................................................. g) Elemen Desain ............................................................................... B. Analisis Data ............................................................................................ 1. Segmentasi ......................................................................................... 2. Analisis Obyek Perancangan ............................................................. 3. Analisis Media Aplikasi Interaktif ..................................................... C. Data Klien ................................................................................................ D. Kesimpulan Analisis Data .........................................................................
60 70 73 74 75 75 76 78 81
a) b) c) d) e) f)
raks ra ksii ......................................................................................... ks .................................................................................................. .... .. .. Interaksi kasi ka si Interaktif IInt nterak akti tiff ............................................................................ ti .... .. .................................. .. .......... .. ...................................... .. Aplikasi imas asii.. as .... .............................. .. .................................. .. ...................................... .. Animasi............................................................................................ er Interaface Int nter eraf er afac af acee ............................................................................... ac ............................................................................ User er Experience Exper erie ienc ie ncee ............................................................................. nc ............................................................ User droid .................... .................................................. Android ..........................................................................................
xii UPT Perpustakaan ISI Yogyakarta
BAB III KONSEP PERANCANGAN A. Tujuan Komunikasi ................................................................................. B. Strategi Komunikasi ................................................................................ C. Target Audiens ........................................................................................ 1. Target Audiens Primer ..................................................................... 2. Target Audiens Sekunder ................................................................. D. Konsep Kreatif ........................................................................................ 1. 2. 3. 4. 5.
Tujuan Kreatif .................................................................................... Strategi Kreatif ................................................................................... Isi Pesan ............................................................................................. Peta Navigasi ................................................................................... Bentuk Pesan...................................................................................... ................................ a) Pesan Verbal.............. Verbal ................................................................................
b) Pesan Visual ...... ................................................................................ .... .. .............................. .. ............................ .. gi Visu sual su al .............. .......................................... .......... 6. Strategi Visual .................................................................................. knik kn ik V Visua uall ...... ua .................................. .......................................... a) Tekn Teknik Visual ............................................................................ rmat rm at V Visua uall .. ua .... .................................. .. ........................................................ .. b) Form Format Visual ............................................................................ Pesa san Au sa Audi dio di o .............................................................................. ...... .................................. .. .......... .............. .. .................. .. c) Pesan Audio ekat ek atan at an Visuall .. .... .................................. .. .......... .. ...................................... .. 7. Pendekatan ............................................................................ uk Kr Krea eati ea tif .... ti .............. ................................ .. .................. .. .................. .. 8. Bentuk Kreatif .................................................................................. Penamp mpil mp ilan il an Pro rodu ro duk du k .... ................................................ a) Penampilan Produk ................................................................... Utam amaa ...... am ...................................................... b) Pesan Ut Utama ............................................................................. dita di tamp ta mpil mp ilkan ................ il c) Citra yang akan ditampilkan ..................................................... d) Gaya Penampilan ...................................................................... 9. Program Kreatif ................................................................................. a) b) c) d) e) f) g) h) i)
Studi Karakter ........................................................................... Studi Visual ............................................................................... Studi Huruf ............................................................................... Studi Warna ............................................................................... Studi Ikon ................................................................................ Tombol ...................................................................................... Pemilihan Jenis Permainan ....................................................... Penyusunan Sinopsis .................................................................. Storyline ....................................................................................
xiii UPT Perpustakaan ISI Yogyakarta
82 82 83 84 85 85 85 87 88 89 91 91 92 92 92 93 93 94 96 96 96 96 97 97 97 98 98 99 100 100 101 102 103
j) k) l) m) n) o) p)
Penyusunan Teks Narasi Animasi ............................................. Narasi Video Animasi ............................................................... Skenario (Konsep Visual Key Animasi) ................................... Skema Utama Aplikasi Interaktif .............................................. Skema Detil Aplikasi Interaktif ................................................ Teknik Produksi ........................................................................ Proses Produksi ...........................................................................
BAB IV VISUALISASI A. Layout Animasi .......................................................................................... 1. Pemilihan jenis huruf ......................................................................... a) Judul .............................................................................................. b) Keterangan dan informasi .............................................................. .................... ................................ 2. Study Warna .......................................................................................
105 110 113 119 120 121 121
iiko kon ko n ............................................................................... .................................................................. Final Desain ikon ...... ........................................ .. Layout Kasar Halaman ....................................................................... Final Desain Halaman ........................................................................
123 123 123 125 127 130 132 133 141 160 160 162 162 163 164 167
BAB V PENUTUP A. Kesimpulan ................................................................................................. B. Saran ............................................................................................................
170 171
DAFTAR PUSATAKA .......................................................................................... Lampiran .................................................................................................................
174 178
3. Study Karakter .................................................................................... .......... .... .. .............................. .. ............................ .. isual keywords keyw ke ywor yw ords or ds .... ...... .............................................. .. 4. Data visual ......................................................................... Stor oryb or yboa yb oard oa rd ................................................................................. ............................ ........................................................ .. .... .. .... 5. Draft Storyboard Stor oryb or yboa yb oard oa rd ................................................................................. .............................. .............................................................. .. .... .. .... .. 6. Final Storyboard B. Layout Tes Interaktif IInt nter nt erak er akti ak tiff .................................................................................. ti .............. .. .................................. .. .......... ................ .. .................. .. Warn Wa rnaa ....................................................................................... rn ........................................ ............................................................ .. .... .. .... .. 1. Study Warna 2. 3. 4. 5. 6.
Kas K asar as ar Desain D n Ik Ikon on ...... ............ ...................................... .. Layout Kasar .................................................................. atif desain ddes esai es ain ai n ikon ikon ............ ................................................ Alternatif .........................................................................
xiv UPT Perpustakaan ISI Yogyakarta
DAFTAR BAGAN Bagan 1. Skema Perancangan ............................................................................... Bagan 2. Skema utama aplikasi Interaktif ............................................................. Bagan 3. Skema detil aplikasi Interaktif ............................................................... Bagan 4. Layout kasar halaman tes interaktif ....................................................... Bagan 5. Final desain halaman tes interaktif ........................................................
15 119 120 166 169
DAFTAR GAMBAR Gambar 1. Perbandingan darah normal dan darah penderita Thalasemia ............. Gambar 2. Distribusi Penyakit Thalasemia ........................................................... kelua Gambar 3. Skema penurunan gen Thalasemia dalam keluarga ............................ ana nak na k yang yang mederita Thalasemia Thal Gambar 4. Facies Cooley (wajah anak Mayor) .......... nak dengan deng ngan ng an Thalasemia Tha T hala ha lase la semi se mia Mi mi Mino nor/ no r/Pe r/ Pembaw Gen ......................... Pe Gambar 5. Foto Anak Minor/Pembawa Gambar 6. Perbandingan dikerjakan ding ngan ng an apa apa yang y dike di kerj ke rjak rj akan manusia ak man anus an usia us ia dan komputer ................ da Pembelajaran Pem P embe em belaja be jara ja ran ra n ........................................................................ .......................... .......... .. .................................................. .. Gambar 7. Piramida
18 19 22 25 27 33 36
Mem M emor em orii Manusia or Manusi Ma siaa ...................................................................... si ................................ ...................................... .. Gambar 8. Proses Memori smee User sm Us Interface Int nter nt erfa er face fa ce .... ...... .......... .. ...................................... .. Gambar 9. Mekanisme .................................................................. teri rist ri stik st ik GUI G (Graphical ((Gr Grap Gr aphi ap hica hi call User ca User Interface) Inte terf te rfac rf ace) ac e) ................................... Gambar 10. Karakteristik dari User Use U serr Experience se Expe Ex peri pe rien ri ence en ce ...... ...... .................................. .. Gambar 11. Elemenn dari ............................................................ Androi oidd .................................................................................... oi ...... ................ .................... .. .......... .. ............................ Gambar 12. Logo Android Andr An droi dr oid Handphone oi Hand Ha ndph nd phone dan Tablet ph Ta Gambar 13. Contohh perangkat Android ........................... Gambar 14. Tabel Global Smartphone OS Marketshare ....................................... Gambar 15. Penjualan tablet seluruh dunia berdasarkan OS ................................
37 49 50 51 53 57 70 71
Gambar 16. Perbandingan tablet dan smartphone ................................................. Gambar 17. Perbandingan pertumbuhan tablet dan smartphone .......................... Gambar 18. Perangkat Tablet RAND .................................................................... Gambar 19. Perangkat Tablet Dynabook .............................................................. Gambar 20. Perangkat Tablet Pencept .................................................................. Gambar 21. Perangkat Tablet Tandy Zoomer ....................................................... Gambar 22. Perangkat Tablet Newton Apple ........................................................ Gambar 23. Perangkat Tablet Knight-Ridder ........................................................
59 60 63 64 64 65 65 66
Gambar 24. Perangkat Webbook ........................................................................... Gambar 25. Perangkat Fujitsu Stylistic 2300 ........................................................
66 67
xv UPT Perpustakaan ISI Yogyakarta
Gambar 26. Perangkat Microsoft Tablet-PC ......................................................... Gambar 27. Perangkat Tablet Compaq ............................................................... Gambar 28. Perangkat Compaq TC1000 .............................................................. Gambar 29. Perangkat Tablet Modern .................................................................. Gambar 30. Logo Yayasan Thalassaemia Indonesia ............................................. Gambar 31. Cuplikan animasi “Dumb Ways to Die” ............................................ Gambar 32. Cuplikan animasi “Care to Click Infographic Animation” ............... Gambar 33. Cuplikan animasi “Know about India” .............................................
68 68 69 70 78 94 94 95
Gambar 34. Alternatif Karakter untuk Animasi dan Interaktif ............................. Gambar 35. Karakter Manusia dengan Sel Darah Normal ................................... Gambar 36. Karakter Penderita Thalasemia Minor .............................................. Gambar 37. Karakter Penderita Thalasemia Mayor .............................................. Gambar 38. Elemen visual berdasarkan keywords ............................................... p ikon Aplikasi Inte tera raktif .................... Gambar 39. Konsep Interaktif ........................................................ kasi ka si IInt nter nt erak er aktif .............. ak Gambar 40. Sket pensil ikon Aplika Aplikasi Interaktif ................................................... natif desain desa sain sa in iik kon Apl plik pl ikasii In ik Inte tera te rakt ra ktif kt if ...... Gambar 41. Alternatif ikon Aplikasi Interaktif .......................................... grid ddes esain es n ik ikon tter erpi er pili pi lih li h ............ .................. .... .. .... Gambar 42. Sistem grid desain terpilih ......................................................... ndin inga in gann ukur ga uran ur an iiko kon ko n te terp rpil rp ilih il ih .... ............ ...................... .. Gambar 43. Perbandingan ukuran ikon terpilih ....................................................
130 131 131 131 133 162 162 162 163 163 178 178
an ppam amer am eran er an ...... .................................................................... .... .. .. Gambar 44. Foto stan pameran ............................................................................. ngun ng unju un jung sta tan ta n pa pame mera me ran ra n .............. ............ .... .. .... .. Gambar 45. Foto peng pengunjung stan pameran .........................................................
xvi UPT Perpustakaan ISI Yogyakarta
BAB I PENDAHULUAN
A. Latar Belakang Masalah Anak merupakan penerus masa depan yang menjadi harapan dan dambaan setiap orang tua ataupun pasangan yang menikah. Apapun latar belakang kehidupan sebuah keluarga, semua orang tua pasti ingin kehidupan anak-anaknya bisa lebih baik dibandingkan orang tuanya sendiri. Segenap daya dan upaya selalu dilakukan orangtua sebagai bekal anaknya agar bisa sukses di masa depan. Setiap orang orangtua ngtua pasti mengin ng menginginkan mempunyai anak deng ngan ng an ttum umbu um buh bu h ke kemb mban mb ang an g ya yang bbaik. Namun apa jadinya yang terlahir sehat de dengan tumbuh kembang jika pada akhirnya irny nyaa an ny anak y yang me menj menjadi njad nj adi buah ad ah h hati, harapan dan dambaan butt ha bu haru rus me ru mend ndap nd apat ap atka at kan ka n pe pera rawa ra wata wa tan ta n transfusi darah selama orangtua tersebut harus mendapatkan perawatan seumur hidup karena menderita penyakit genetika yang aren ar enaa mend en nder nd eritaa pe er peny nyak ny akit ak it g gen enetika en ka y yan an mematikan? asem emia em ia aadala lah la h se sebu buah bu ah p pen enya en yakit kketurunan ya etur et urun yang sampai saat ini ur Thalasemia adalah sebuah penyakit atnyaa da dan n me menj njad nj adii pe ad peng ngha ng hanc ha ncur nc ur rrib ibua mimpi anak-anak dan ib belum ada obatnya menjadi penghancur ribuan eluruh d dun unia un ia.. Th ia Thalasem emia em ia merupakan mer m erupakan penyakit kelainan pada er orang tua di seluruh dunia. Thalasemia darah yang terjadi tulang membentuk protein adi akibat ketidakmampuan sumsum tul yang dibutuhkan untuk memproduksi hemoglobin (Hb) sebagaimana mestinya. Hemoglobin merupakan protein kaya zat besi yang berada dalam sel darah merah, serta sangat penting untuk mengangkut oksigen dari paru-paru ke seluruh bagian tubuh yang membentuknnya sebagai energi. Selain itu, hemoglobin juga memberikan warna merah yang khas pada sel darah merah. Bila produksi hemoglobin berkurang atau tidak ada, maka pasokan energi yang dibutuhkan untuk menjalankan fungsi tubuh tidak dapat terpenuhi, sehingga fungsi tubuh akan terganggu dan tidak mampu menjalankan aktivitas secara
1 UPT Perpustakaan ISI Yogyakarta
normal. Menurut Dr. Iswari Setianingsih SpA, Ph.D (Buletin Thalasseaemia Indonesia, Edisi 4, Oktober 2010: 3) Thalasemia bukanlah penyakit menular, melainkan sebuah penyakit keturunan (genetika) yang diwariskan oleh orang tua kepada anaknya dengan gejala utama berupa pucat, perut tampak membesar karena pembengkakan limpa dan hati, Apabila tidak segera diobati dengan baik, akan terjadi perubahan pada bentuk tulang muka dan warna kulit menjadi menghitam. Secara umum, Thalasemia terjadi karena sifat sel darah merah (eritrosit) mudah rusak dan umurnya 2 - 4 kali lebih pendek dibanding sel darah normal (120 hari) sehingga penderita akan mudah mengalami anemia dan akhirnya harus mendapatkan an ttransfusi darah ssecara rutin setiap bulan. Menurut Pustikaa Amal Amalia, dokter konsultan Hematologi Anak Rumah Sakit alia,, do al dokt kter kt er d dan an k kon onsu on sult su ltan lt an H Hemat Cipto
Mangunkusumo unkusu sumo su mo
(RSCM) ((RSCM CM)) CM
Jakarta Ja
dan da
juga
Pengurus
YTI,
(http://travel.kompas.com/read/2009/04/10/1614358/thalassemia.meningkat.ti mpas mp as.c as .com .c om/r om /rea /r ead/ ea d/20 d/ 2009 20 09/0 09 /04/ /0 4/10 4/ 10/1 10 /161 /1 6143 61 4358 43 58/t 58 /t ap.tahun., aksess 8 De Desember 2013) akibat penyakit Desemb mber mb er 2 201 013 01 3) ak akib ibat ib at pen enya en yaki ya ki ini, fungsi pengangkut oksigen tersebut tidak berjalan. Thalasemia salah ut ttid idak id ak ber erja er jala ja lan. la n. Anak Anak y yang g menderita mend me nd satunya terjadi kare karena adanya pernikahan orang yang keduanya sama-sama rena re na aada danyaa pe da pern rnik rn ikah ik ahan ah an or oran ang an g tu tua ya membawa gen Thalasem Thalasemia. tidak cara lain untuk mengetahui emia em ia.. Sayangnya, ia Saya Sa yangny ya nya, ny a, ttid idak id ak ada car apakah seseorang tidak kecuali dengan cara ng membawa gen Thalasemia atau ti melakukan uji sampel darah (screening Thalasemia) di laboratorium. (Ruswandi, 2003:7- 11) Berdasarkan tingkat keparahannya, Thalasemia dibagi menjadi 2 – Thalasemia Mayor dan Minor. Thalasemia Mayor adalah mereka yang menderita penyakit Thalasemia, sedangkan Thalasmeia Minor adalah mereka yang hanya membawa gen Thalasemia. Thalasemia Mayor terjadi bila kedua orangtua mempunyai gen Thalasemia Minor. Penanganan yang paling umum adalah memberikan transfusi darah secara berkala selama seumur hidupnya.
2 UPT Perpustakaan ISI Yogyakarta
Sayangnya efek samping dari transfusi darah yang berulang dapat mengakibatkan penumpukan zat besi dalam tubuh dan dapat menggangu fungsi organ penting tubuh sehingga menurunkan kualitas hidup seseorang penderita. Sedangkan seseorang yang menderita Thalasemia minor tidak menunjukkan gejala yang berarti, selain anemia yang sangat ringan. Penderita ini hanya merupakan seorang pembawa gen Thalasemia, sehingga tidak perlu diobati, akan tetapi perlu perhatian khusus agar jangan sampai menikah dengan
sesama
penderita
Thalasemia
minor
(pembawa
gen
Thalasemia/trait/carrier) karena akan melahirkan anak dengan menderita penyakit Thalasemia mayor. Sampai pencegahan pun masih sulit dilakukan mpai saat ini penceg egah eg ahan Thalasemia pu ah karena minimnya perhatian pemerintah kurangnya nya perh rhat rh atia at ian ia n pe peme meri me rint ri ntah nt ah da dan n ku kura rangny informasi yang didapat ra oleh masyarakat (Utami, wawancara, Februari at (U (Uta tami ta mi, wawa mi wanc wa ncar nc ara, ar a, 28 F Feb ebru eb ruar 2013). Beberapa data ru menunjukkan bahw bahwa sekitar ratusan orang pembawa sifat Thalasemia hwaa ad hw ada seki kita ki tarr ra ta ratu tusa tu san sa n ri ribu bu o ora rang ra ng p pem (trait/bawaan) yan yang beresiko diturunkan pada mereka. Data menunjukkan angg be an beresi siko si ko d dit itur it uru ur unk nkan an p pad ada an ad anak ak m bahwa 6 – 10% pe penduduk Indonesia merupakan pembawa pend ndud nd uduk Ind ud ndon nd onesia on ia m mer erup er upakan up an p pem emba gen Thalasemia, ini em 00 oora rang ra ng aada da ssek ekit ek itar it ar 6 6-10 o orang yang membawa gen artinya setiap 100 orang sekitar 6-10 Thalasemia. Sedangka Sedangkan Thalasemia mayor di Indonesia sudah kan ka n ppenderita ende en derita Th de Thal alas al asem as emia mayo em tercatat lebih dari orang, selebihnya belum terda terdata atau karena kesulitan ari 6.000 orang mengakses layanan kesehatan. Angka ini terus bergerak naik secara signifikan. Angka penderita di dunia lebih besar lagi, yaitu ada sekitar 100.000 penderita baru yang lahir dari pasangan pembawa gen Thalasemia. Thalasemia sangat mudah penyebarannya, akan tetapi sayangnya sampai saat ini masih minim sarana informasi yang menunjang sebagai langkah pencegahan penyebaran penyakit Thalasemia. Dengan data tersebut, menurut Suryani (Talkshow, 30 Mei
2013)
mengatakan
bahwa
penyakit
Thalasemia
ini
menjadi
kontraproduktif bagi tujuan perkawinan untuk calon orang tua/ pasangan
3 UPT Perpustakaan ISI Yogyakarta
muda yang ingin menikah yang dimana sebagian besar dari mereka pasti mempunyai mimpi yang besar dan angan-angan tinggi untuk kehidupan anaknya kelak. Thalasemia ini seharusnya mendapatkan perhatian khusus para remaja maupun pasangan yang mau menikah (pranikah), sebab
penelitian
menyebutkan bahwa hampir 100% keluarga yang mempunyai anak penderita Thalasemia
mengalami
beban
psikologis,
yang
akhirnya
membuat
produktivitas terganggu dan keluarga menjadi kurang harmonis karena saling menyalahkan. Disamping itu adanya beban sosial dan ekonomi yang berat dalam mengurus anak yang menderita Thalasemia, sehingga rentan timbul perceraian. Dan an biasanya salah satu tu anggota keluarga terpaksa harus ‘mundur’ dari lingkungan pekerjaan sosial karena n peke kerj ke rjaa rj aan aa n da dan n so sosi sial si al k kar aren ar enaa harus mengurus dan menjaga en kondisi fisik anak me mereka menderita Thalassemia. mere reka yang re y men ende derita Tha de hala ha lass la ssem Disisi lain, penderita ss juga sukar bergaul normal masyarakat sekitar dan sukar rgau aull se au secara n nor orma or mall dengan ma deng de ngan m ng mas asy as yar mendapatkan pe pekerjaan dengan kondisinya. Sehingga sebagai peke kerj ke rjaa rj aan ya yang ng sesuai sses esua es uaii de ua deng ngan k ng kon ondi on di kesimpulan, mini minimnya informasi masyarakat terutama nimn ni mnya mn ya info form fo rmas rm asii ma as masy syar sy arakat te ar teru ruta ru tama remaja dan pasangan ta pranikah terhadap penyakit Thalasemia menjadi permasalahan utama yang ap ppen enya en yaki ya kit Th ki Thal alas al asem as emia em ia in ini me menj njad nj adi pe ad harus diatasi. Melihat kondisi akhirnya mendorong pihak klien yaitu kon k ondi on disi di si ttersebutt ak akhi hirn hi rnya men rn Yayasan Thalasemia asemia Indonesia merasa perlu untuk membuat sebuah media yang mampu menjadi sarana informasi sebagai langkah pencegahan penyebaran Thalasemia. Dari sekian banyak media yang dipertimbangkan akhirnya dipilihlah media aplikasi interaktif berbasis Android berdasarkan pada data yang menyebutkan tingginya pengguna Android di kalangan remaja.
B. Rumusan Masalah Bagaimana merancang media informasi tentang pengenalan penyakit Thalasemia melalui media aplikasi interaktif pada perangkat Android?
4 UPT Perpustakaan ISI Yogyakarta
C. Tujuan Perancangan Adapun tujuan dari perancangan aplikasi interaktif ini adalah sebagai berikut: 1. Memberikan Informasi kepada remaja dan pasangan pranikah tentang Thalasemia melalui media aplikasi interaktif. 2. Marancang aplikasi interaktif yang bermanfaat dan bisa digunakan sebagai sarana pencegahan penyebaran penyakit Thalasemia. 3. Merancang media yang bisa di digunakan langkah pencegahan digu gunakan sebagai la gu penyebaran penyakit Thalasemia penya yaki ya kit Th ki Thal alas al asem as emia em ia 4. Memberikan Informasi masyarakat agar lebih waspada dan an Inf nfor nf orma or masi kepada ma kep epad ep adaa ma ad masy syarakat sy at aaga gar le ga hati-hati tentang Thalasemia tang ta ng penyakit ppen enyaki en kitt Th ki Thal alas al asem as emia em ia 5. Memberikan membantu aksi pencegahan an informasi iinf nfor nf ormasi or si kepada kep k epad ep adaa remaja ad rema re maja ma ja ag agar m mem emba em ba penyebaran penyakit Thalasemia keluarga mereka pen enya en yaki ya kit Th ki Thal alas al asem as emia em ia di k kel eluarg el rgaa me rg mere re
D. Manfaat Perancangan ncangan Hasil perancangan manfaat kepada gan ini diharapkan akan dapat memberikan member beberapa pihak, antara lain: 1. Bagi Mahasiswa Dapat
menyelesaikan
masalah
sistematika
penulisan
dan
konsep
perancangan untuk pengembangan studi dan memperkaya wawasan penulis tentang penyakit Thalasemia dari data terbaru. 2. Bagi Institusi Akademik a. Memperoleh pemahaman bahwa aplikasi interaktif dapat menjadi alternatif baru sebagai media komunikasi visual yang lebih lengkap,
5 UPT Perpustakaan ISI Yogyakarta
menarik dan komunikatif karena dapat memuat teks, grafik, animasi, audio dan gambar video. b. Sebagai bahan perbandingan karya aplikasi interaktif 3. Bagi Masyarakat a. Dengan
adanya
perancangan
ini
diharapkan
dapat
membantu
masyarakat untuk lebih mengetahui informasi dan mengenal lebih dalam tentang penyakit Thalasemia melalui media aplikasi interaktif b. Sebagai media informasi sekaligus pedoman bagai masyarakat sebagai sarana pencegahan penyebaran Thalasemia di keluarga maupun lingkungan.
E. Batasan Lingkup Perancangan kup Pera ranc ra ncan nc anga an gan ga 1. Data tentangg pe penyakit Thalasemia digunakan peny nyak ny akit Thalasem ak emia em ia y yang g digu guna gu nakan sebagai rujukan untuk na dimasukkan penulisan lebih banyak an kedalam kked edal ed alam al am penu nuli nu lisa li san sa n in inii le leb bih ban anya an yak ya k dari da data umum yang beredar di artikel internet maupuan media cetak, selebihnya data ilmiah. rtik rt ikel ik el iinter erne er nett ma ne maup upua up uan ua n me medi dia ceta di tak ta k, se 2. Pencapaian dari hanya berupa pembuatan media informasi dar arii pperancangan ar eranca er cang ca ngan ng an iini ni h han anya an ya beru rupa ru pa p pem em sebagai bentuk mengenalkan penyakit ntuk usaha uusa saha sa ha menginformasikan meng me ngin ng info in form fo rmas rm asik as ikan ik an dan dan me meng Thalasemia kepada ta target targ rget rg et audiens aaud udiens melalui ud mela me lalu la luii sebuah aplikasi interaktif di lu media tablet Android. et Android 3. Ruang lingkup perancangan ini adalah hanya sebatas perancangan media utama yakni aplikasi interaktif tentang pengenalan penyakit Thalasemia pada media tablet dengan sistem operasi Android. Sedangkan untuk masalah distribusi, promosi dan hal lain terkait dengan proses pasca produksi aplikasi ini diserahkan sepenuhnya kepada Yayasan Thalasemia Indonesia selaku klien dari perancangan ini. 4. Bahasa yang digunakan dalam perancangan ini adalah Bahasa Indonesia.
6 UPT Perpustakaan ISI Yogyakarta
F. Metode Perancangan 1. Metode Pengumpulan Data a) Data Verbal Data verbal yang di gunakan data yang menyangkut hal-hal teoritis, data verbal diambil dari kajian pustaka beberapa booklet, fler, brosur, buku pendukung teori tentang android, layout, artikel dari internet yang terkait Thalasemia dan Android dan referensi pustaka lainnya. b) Data Visual Data yang dapat diperolah dari media online, flyer, majalah digital dan brosur yang juga berkaitan dengan tema yang diangkat.
2. Metode Analisis alisis D Dat Data ata at a Analisis data ata pa pada da p perancang perancangan ngan ng an ap aplikasi in inte interaktif terakt pengenalan penyakit te inii me meng ngguna ng naka na kan ka n ru rumu muss 5W mu 5W+1 +1H +1 H de Thalasemia in menggunakan rumus 5W+1H dengan tujuan agar dapat menemukan kreatif dengan tepat, mulai dari informasi data verbal n konsep kons ko nsep k ns kre reat re atif at if d den enga en gan ga n te tepa pat, pa t, mul ulaai da ul angg hendak an he dis d isam is ampa am paik pa ikan ik an, pera an ranc ra ncan nc anga ide visual interface, an interaktif yang disampaikan, perancangan encana naan na an m med edia ed ia p pen endu en duku du kung ku ng y yan ang an g te tepat. Kemudian untuk media hingga perencanaan media pendukung yang nalisis de deng ngan ng an m menggun unak un akan ak an m metod akan dianalisis dengan menggunakan metode SWOT, jadi setelah mendapatkan digunakan, kemudian ditentukan kan data tentang media yang digunaka strenght (kekuatan), weakness (kelemahan), opportunity (peluang) dan threats (ancaman).
A. What Apa yang akan dibuat? Aplikasi interaktif yang dibuat dengan visual menarik dan informatif dengan isi tentang infromasi penyakit Thalasemia pada remaja beserta media pendukungnya.
7 UPT Perpustakaan ISI Yogyakarta
B. Who Siapa target audiensnya? Target audiens perancangan aplikasi interaktif ini diperuntukkan untuk remaja sebagai target primer dan dewasa /orang tua sebagai target sekunder.
C. Where Dimana media akan dipublikasikan? Aplikasi interaktif ini akan dipublikasikan melalui pasar di internet (marketplace), maupun offline (talkshow ace), diskusi online (w (website forum) ma dan event) dan melalui mela me lalu la luii jejaring lu jeja je jari ja ring ri ng sosial. ssos osia os ial. ia l.
D. When Kapan media diaa ak akan an dipublikasikan? dip ipub ip ubli ub lika li kasi ka sika si kan? ka n? Aplikasi inii akan Thalasemia Sedunia yang akan dilaunching ddilaun unch un chin ch ing pada in pada acara ac Hari Ha ri Th jatuh pada bulan an M Mei ei 20 2014 14 nanti. nan n anti.. an
E. Why Kenapa membuat Aplikasi interaktif? Informasi penyakit Thalasemia adalah sesuatu yang penting dan harus disampaikan agar remaja memahami pentingnya pencegahan penyebaran Thalasemia. Sedangkan Aplikasi interaktif adalah media yang cukup potensial untuk remaja saat ini dibanding dengan media konvensional lainnya, karena didukung dengan fitur multimedia yang lengkap dan menarik sehingga target audiens akan merasa tertarik untuk mencobanya. Paling sedikit ada delapan alasan pemakaian komputer sebagai media
8 UPT Perpustakaan ISI Yogyakarta
pembelajaran (Lee, 1996) Alasan-alasan itu adalah: pengalaman, motivasi, meningkatkan pembelajaran, materi yang otentik, interaksi yang lebih luas, lebih pribadi, tidak terpaku pada sumber tunggal, dan pemahaman global.
F. How Bagaimana cara membuat media? Dengan menentukan konsep yang tepat maka pendekatan yang dilakukan adalaah dengan menganalisa data-data yang telah ada. Antara lain :
1. Wujud (appearance) Sesuatu yang tampak oleh penglihatan (visual) secara nyata eh iindera penglihata ataupun abstrak. Seperti kita membayangkan k. S Sep eper ep erti er ti k kit itaa me it memb mbay mb ayan ay angkan ssesuatu yang diceritakan an atau yang istilah g kita kita bbaca dari buku, buk b uku, uk u, d dalam iist stil st ilah ssehari-hari dapat disebut il dengan Rup Rupa. upa. up a.
2. Bentuk (form) form rm)) rm unga un gann dari ga dari semua ssem emua u em uns nsur ns ur-un ur unsu un surr da su dala Adalah gabun gabungan unsur-unsur dalam perwujudan seni rupa. Seperti titik, garis garis, warna semua komunikasi visual. Hal ini is, wa is warn rna dan se rn semu muaa unsur mu unsur kom adalah langkah angkah untuk dapat menentukan bentuk visual dari tiap halaman aplikasi interaktif.
3. Susunan (structure) Adalah gabungan bentuk-bentuk dan semua unsur yang menjadikan bentuk keseluruhan aplikasi interaktif dengan mengikuti susunan atau struktur yang telah ditentukan dalam konsep kreatif.
9 UPT Perpustakaan ISI Yogyakarta
4. Suara (audio) Perancangan aplikasi interaktif juga dilengkapi dengan penggunaan audio, hal tersebut sangat penting disamping untuk memperkuat karakter dari perancangan itu sendiri juga dapat membangun nuansa yang hidup dan menghilangkan kejenuhan.
5. Isi (content/substance) Adalah bentuk inti dari tampilan keseluruhan dari sebuah desain komunikasi visual tentang apa yang dirasakan ketika menikmati aplikasi
interaktif. Isi sebagai pemberi makna, yang menekankan pada
gagasan (ide) sebagai pemik pemikir untuk menjadikan aplikasi ikir atau konsep unt ik interaktif bentuk penyampaian if ini sebagai seb ebag eb agai ag ai suatu ssua uatu ua tu b ben entu en tuk tu k pe peny nyampaia informasi yang tepat. ny Isi diolah dengan mengembangkan ah dden enga en gan meng ga ngem ng emba em bang ba ngkan wujud ng wuju wu jud dan tampilan aplikasi ju interaktif. if.
10 UPT Perpustakaan ISI Yogyakarta
G. Sistematika Perancangan
BAB I PENDAHULUAN A. Latar Belakang Masalah B. Rumusan Masalah C. Tujuan Perancangan D. ManfaatPerancangan 1. Bagi Mahasiswa 2. Bagi Institusi Akademik 3. Bagi Masyarakat E. Batasan Lingkup Perancangan F. Metode Perancangan angan gump mpul mp ulan ul an D Dat ataa at 1. Metode Pengumpulan Data 2. Metode Analisis lisi siss Da si Data ranc ra ncan nc anga an gan ga n G. Sistematika Perancangan ranc ncan nc anga an gan ga H. Skematika Perancangan
ASI DA DATA TA DA DAN N AN ANALISIS IS BAB II IDENTIFIKASI ta A. Identifikasi Data 1. Pengertian Judul 2. Thalasemia a. Pengertian b. Penyebaran Thalasemia c. Mekanisme Terjadinya Thalasemia d. Tanda dan Gejala Thalasemia e. Penyebab Thalasemia f. Macam-macam Thalasemia g. Cara Pendeteksian Penyakit Thalasemia h. Pencegahan dan Pengobatan Thalasemia 3. Landasan Teori 11 UPT Perpustakaan ISI Yogyakarta
a) Interaksi b) Aplikasi Interaktif c) User Interaface d) User Experience e) Android 1. Tablet 2. Pengguna Tablet 3. Sejarah dan Ragam Tablet 4. Teknologi tablet f) Elemen Desain B. AnalisisData 1.Segmentasi ek Perancangan Peran anca an cang ca ngan ng an 2.Analisis Obyek 3.Analisis Media Interaktif ia Aplikasi Apli Ap lika li kasi IInt ka nter nt erak er akti ak tiff ti C. Data Klien nali na lisi li siss Data si D. Kesimpulan Analisis
ERANCA CANG CA NGAN NG AN BAB III KONSEP PERANCANGAN ikasi A. Tujuan Komunikasi B. Strategi Komunikasi C. Target Audiens 1. Target Audiens Primer 2. Target Audiens Sekunder D. Konsep Kreatif 1) Tujuan Kreatif 2) Strategi Kreatif 3) Isi Pesan 4) Peta Navigasi 5) Bentuk Pesan a) Pesan Verbal 12 UPT Perpustakaan ISI Yogyakarta
b) Pesan Visual 6) Strategi Visual a) Teknik Visual b) Format Visual c) Pesan Audio 7) Bentuk Kreatif a) Penampilan Produk b) Pesan Utama c) Citra yang akan ditampilkan d) Gaya Penampilan 8) Program Kreatif a) Studi Karakter al b) Studi Visual c) Studi Hu Huruf Huru ruf ru Warn Wa rnaa rn d) Studi Warna ol e) Tombol hann Jenis ha Jeni Je nis Permainan ni Perm Pe rmai rm aina ai nan na n f) Pemilihan usunan Sinopsis Sino Si nops no psis ps is g) Penyusunan ine h) Storyline i) Teknik Produksi j) Proses Produksi k) Skenario l) Penyusunan Teks Narasi Video Animasi m) Konsep Visual Key Video Animasi
BAB IV VISUALISASI A. Layout Animasi 1. Narasi a) Apa itu Thalasemia b) Kondisi penderita Thalasemia 13 UPT Perpustakaan ISI Yogyakarta
c) Data Thalasemia d) Pembagian Thalasemia e) Solusi Thalasemia f) Mekanisme penurunan Thalasemia g) Thalasemia di Indonesia h) Closing 2. Pemilihan jenis huruf 3. Study karakter 4. Data visual keywords 5. Draft Storyboard 6. Final Storyboard B. Layout Tes Interaktif aktif 1. Study Warna 2. Layout Kasar Desain ar D Des esai es ain Ikon ai Ikon esai es ainn ik ai ikon on 3. Alternatif desain in ikon iiko konn ko 4. Final Desain ar Halaman Hal H alam al aman am 5. Layout Kasar in Halaman Halam aman am an 6. Final Desain
BAB V PENUTUP A. Kesimpulan B. Saran
14 UPT Perpustakaan ISI Yogyakarta
H. Skematika Perancangan
Bagan 1. Skema Perancangan
15 UPT Perpustakaan ISI Yogyakarta