MOBILE APPLICATION RENEWABLE ENERGY EDUCATION DIGITAL INTERACTIVE COMIC TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Disusun Oleh: Khoirur Rijal Hani 08560236 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2014
i
ii
iii
ABSTRAK Komik merupakan media yang multifungsi, tidak hanya sebagai hiburan tapi komik juga mampu digunakan sebagai media edukasi yang sangat efektif. Di Indonesia sendiri penggemar komik semakin meningkat, hal itu ditandai dengan meningkatnya produksi komik lokal. Tetapi perkembangan komik di Indonesia masih sebatas komik yang statis. Tujuan dari tugas akhir ini adalah membuat komik edukasi berbasis android yang interaktif, sehingga pembaca mendapatkan pengalaman berbeda dalam membaca komik. Kata Kunci : Edukasi Interaktif, Komik interaktif, Android iv
ABSTRACT Comic is a multifunctional media, it's not only for entertainment but also comic can be used to be effective education media. In Indonesia itself comic fans grows rapidly. Which is why the production of local comics increasing. However the comic only produced on static media. the purpose of this essay is making android base education interactive comic, so user can gain different experience in reading comic. Keywords : Interactive Education, Interactive Comic, Android v
Kata Pengantar Segala Puji bagi Allah SWT. Apapun yang bergerak di alam semesta ini adalah rahmat-nya. Sebaik-baiknya shalawat serta salam semoga Allah SWT limpahkan kepada Nabi Besar Muhammad SAW., beserta seluruh keluarga dan sahabatnya. Hanya berkat rahmat-nya penulis dapat menyelesaikan skripsi ini dengan judul MOBILE APPLICATION RENEWABLEENERGY EDUCATION DIGITAL INTERACTIVE COMIC. Penyusunan Laporan Tugas Akhir ini merupakan salah satu persyaratan untuk mencapai kelulusan dan memperoleh gelar Sarjana Teknik dalam Program Studi Teknik Informatika Program Strata I Jurusan Teknik Informatika, Fakultas Teknik, Universitas Muhammadiyah Malang. Di dalam tulisan ini disajikan pokok-pokok bahasan mengenai penjelasan pengaruh interaktif dan komik kepada User Experience. Sekilas mengenai Komik, dan dampak penggunaan media informasi yang berbeda mampu mempengaruhi penyerapan informasi kepada pembaca. Penulis menyadari sepenuhnya dalam penulisan tugas akhir ini masih banyak kekurangan dan keterbatasan. Oleh karena itu peneliti mengharapkan saran yang bersifat membangun agar tulisan ini bermanfaat bagi perkembangan ilmu pengetahuan kedepan. Malang, 15 Agustus 2015 Khoirur Rijal Hani vi
Daftar Isi Halaman LEMBAR PERSETUJUAN... i LEMBAR PENGESAHAN... ii LEMBAR PERNYATAAN KEASLIAN... iii ABSTRAK... iv ABSTRACT... v KATA PENGANTAR... vi DAFTAR ISI... vii DAFTAR TABEL... viii DAFTAR GAMBAR... ix BAB I PENDAHULUAN 1.1 Latar Belakang... 1 1.2 Rumusan Masalah... 2 1.3 Batasan Masalah... 3 1.4 Tujuan... 3 1.5 Metodologi... 4 BAB II LANDASAN TEORI 2.1 Tentang Komik... 6 2.2 Design Grafis... 9 2.3 Animasi... 11 2.4 User Experience... 16 2.5 Biogas... 17 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Umum... 19 3.2 Perancangan Sistem... 19 3.2.1 Cerita... 19 3.2.2 Design Karakter... 27 3.2.3 Storyboard... 29 BAB IV IMPLEMENTASI DAN HASIL PENGUJIAN 4.1 Implementasi Sistem... 4.1.1 Tampilan Komik... 36 4.1.2 Pengujian Kepada Responden... 39 BABV KESIMPULAN DAN SARAN 5.1 Kesimpulan... 40 5.2 Saran... 40 DAFTAR PUSTAKA... 45 vii
Daftar Tabel Halaman 2.1 Tabel Data dari 20 Responden... 40 2.2 Tabel R-sq.... 41 2.3 Tabel Anova... 42 2.4 Tabel pengaruh sisi edukasi dan interaktif... 42 viii
Daftar Gambar Halaman 2.1 Komik Perempuan Pu Ham... 6 2.2 Halaman pertama komik spirit guard udyr... 8 2.3 Halaman kedua dimana interaksi untuk pembaca ditambahkan... 9 2.4 Halaman kedua dengan interaksi yang sudah dilakukan oleh user.... 9 2.5 Cara kerja thaumatrope salah satu bentuk persistence of vision... 12 3.1 Desain karakter Wawan... 27 3.2 Desain karakter Jaya... 28 3.3 Desain karakter Tama... 28 3.4 Storyboard halaman 1... 29 3.5 Storyboard halaman 2... 2 9 3.6 Storyboard halaman 3... 30 3.7 Storyboard halaman 4... 30 3.8 Storyboard halaman 5... 31 3.9 Storyboard halaman 6... 31 3.10 Storyboard halaman 7... 32 3.11 Storyboard halaman 8... 32 3.12 Storyboard halaman 9... 33 3.13 Konsep menu awal komik... 33 3.14 Halaman komik... 34 3.15 Halaman komik yang berisi interaksi... 34 4.1 Halaman cover komik... 36 4.2 Halaman 1 komik... 37 ix
4.3 Halaman 2 komik... 38 4.4 Halaman 2 komik secara utuh... 39 x