Rancang Bangun Content E-Dongeng Berbasis Android Menggunakan HTML5
Laporan Tugas Akhir Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang
Ahmad Affan Hernadi 201310370312341
JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG TAHUN 2015
Lembar Pengesahan
KATA PENGANTAR Bismilahirohmanirrohim Assalamualaikum wr.wb. Dengan mengucapkan rasa syukur alhamdulilah kekhadirat Allah SWT atas segala rahmat dan hidayah-Nya yang telah membimbing dan memberi jalan kemudahan pada penulis sehingga dapat menyelesaikan skripsi ini. Penyusunan skripsi ini bertujuan untuk memenuhi salah satu persyaratan guna menempuh ujian kesarjanaan pada Fakultas Teknik Universitas Muhammadiyah Malang dengan judul “Rancang Bangun Content E-Dongeng Berbasis Android Menggunakan HTML5. Dalam kesempatan ini dengan segala ketulusan dan keihklasan hati penulis sampaikan terima kasih dan penghargaan yang sebesar-besarnya kepada:
1. Ir.
Sudarman,
M.T
selaku
Dekan
Fakultas
Teknik
Universitas
Muhammadiyah Malang yang telah memberikan persetujuan dalam penelitian ini. 2. Yudha Munarko, M.Sc selaku ketua jurusan Teknik Indormatika Universitas Muhammadiyah Malang , yang telah memberikan kesempatan kepada penulis untuk menempuh perkuliahan di jurusan Teknik Informatika. 3. Eko Budi Cahyono, S.Kom, M.T selaku dosen pembimbing I, yang telah membantu terselesainya skripsi saya 4. Ilyas Nur Yasin, M.Kom selaku pembimbing II, yang dengan penuh kesabaran telah bersedia meluangkan waktu, pikiran dan tenaga dalam memberikan kritik, saran yang membangun untuk penulis dalam menyelesaikan skripsi ini. 5. Kepada Bapakku tercinta yang telah memberikan kepercayaan yang besar buat saku untuk menempuh kuliah .Terima kasih untuk semuanya. 6. Buat ibu, serta adik-adikku yang selalu mendo’akan dan mendukung. 7. Serta Ratna Ferdiyanti Sari yang selalu memberi semangat saat suka dan duka.
8. Seluruh kawan-kawan mahasiswa transfer POLIBAN angkatan 2013 yang sudah menikmati suka duka kuliah bersama sejak di POLIBAN, semoga kalian cepat menyusul. 9. Seluruh kawan-kawan asrama putra dan FKMB Banjarmasin yang selalu support. 10. Seluruh mahasiswa asal Kalimantan Selatan yang menempuh pendidikan di Malang yang telah bersedia menjadi responden untuk membantu menyelesaikan skripsi saya. 11. Buat Teman-teman ku KKN 70 tahun 2014 “Pujon – TawangSari” yang sudah melalui suka duka selama satu bulan di lokasi KKN. 12. Untuk kawan-kawan satu kontrakan selama di Malang dan mahasiswa manajemen angkatan 2012 kelas B. 13. Teman-teman teknik informatika selama 2 tahun menempuh perkuliahan di Universitas Muhammadiyah Malang.
Malang, September 2015 Peneliti
DAFTAR ISI
ABSTRAK ................................................................ Error! Bookmark not defined. ABSTRACT .............................................................. Error! Bookmark not defined. KATA PENGANTAR .............................................. Error! Bookmark not defined. DAFTAR ISI .......................................................................................................... 7 DAFTAR GAMBAR ............................................................................................. 9 DAFTAR TABEL ............................................................................................... 10 BAB I PENDAHULUAN ........................................ Error! Bookmark not defined. Latar Belakang ........................................ Error! Bookmark not defined. Rumusan Masalah ................................... Error! Bookmark not defined. Tujuan ...................................................... Error! Bookmark not defined. Batasan Masalah ...................................... Error! Bookmark not defined. Metodologi Penelitian ............................. Error! Bookmark not defined. Sistematika Penulisan .............................. Error! Bookmark not defined. BAB II TINJAUAN PUSTAKA ............................. Error! Bookmark not defined. Dongeng .................................................. Error! Bookmark not defined. 2.1.1
Pengertian Dongeng ......................... Error! Bookmark not defined.
2.1.2
Jenis-jenis dongeng .......................... Error! Bookmark not defined.
2.1.3
Manfaat dongeng.............................. Error! Bookmark not defined.
Konten ..................................................... Error! Bookmark not defined. Android .................................................... Error! Bookmark not defined. 2.3.1
Arsitektur Android ........................... Error! Bookmark not defined.
HTML5 .................................................... Error! Bookmark not defined. 2.4.1
Arsitektur HTML5 ........................... Error! Bookmark not defined.
PhoneGap ................................................ Error! Bookmark not defined. 2.5.1
Cara Kerja PhoneGap ....................... Error! Bookmark not defined.
BAB III ANALISA DAN PERANCANGAN SISTEM ...... Error! Bookmark not defined. Analisa Kebutuhan Sistem ...................... Error! Bookmark not defined. 3.1.1
Deskripsi Sistem .............................. Error! Bookmark not defined.
3.1.2
Analisa Kebutuhan Fungsional ........ Error! Bookmark not defined.
3.1.3
Analisa Kebutuhan Non Fungsional Error! Bookmark not defined.
3.1.4 Analisa Dongeng & Equipment Check .......... Error! Bookmark not defined. Langkah Pembuatan ................................ Error! Bookmark not defined. 3.2.1
Modelling (Character Design).......... Error! Bookmark not defined.
3.2.2
Recording ......................................... Error! Bookmark not defined.
3.2.3
Storyboard ........................................ Error! Bookmark not defined.
3.2.4
Penggabungan Seluruh Konten ........ Error! Bookmark not defined.
BAB IV IMPLEMENTASI DAN PENGUJIAN .. Error! Bookmark not defined. Implementasi Sistem ............................... Error! Bookmark not defined. 4.1.1 Lingkungan Pengembangan dan Implementasi Sistem ........... Error! Bookmark not defined. Pengujian ................................................. Error! Bookmark not defined. 4.2.1
Pengujian Fungsionalitas ................. Error! Bookmark not defined.
4.2.2
Pengujian Memainkan Dongeng ...... Error! Bookmark not defined.
4.2.3 Pengujian Ketepatan Gambar Dan Audio Per Scene ............... Error! Bookmark not defined. 4.2.4
Pengujian Menggunakan Kuesioner Error! Bookmark not defined.
BAB V PENUTUP ................................................... Error! Bookmark not defined. Kesimpulan .............................................. Error! Bookmark not defined. Saran ........................................................ Error! Bookmark not defined. DAFTAR PUSTAKA ............................................... Error! Bookmark not defined. LAMPIRAN
DAFTAR GAMBAR
Gambar 2.1 Arsitektur Android (twoh.co, 2012) ............. Error! Bookmark not defined. Gambar 3.1 Langkah-langkah pembuatan Konten ........... Error! Bookmark not defined. Gambar 3.2 Karakter Seorang Raja sebagai figuran ........ Error! Bookmark not defined. Gambar 3.3 Karakter Seorang Datu Pujung sebagai protagonis ................ Error! Bookmark not defined. Gambar 3.4 Karakter Serdadu Jahat sebagai antagonis.... Error! Bookmark not defined. Gambar 4.1 List Dongeng .................................. Error! Bookmark not defined. Gambar 4.2 Memainkan Scene 1 ........................ Error! Bookmark not defined. Gambar 4.3 Memainkan Scene 2 ........................ Error! Bookmark not defined. Gambar 4.4 Memainkan Scene 3 ........................ Error! Bookmark not defined. Gambar 4.5 Memainkan scene 4 ........................ Error! Bookmark not defined. Gambar 4.6 Memainkan scene 5 ........................ Error! Bookmark not defined. Gambar 4.7 Memainkan Scene 6 ........................ Error! Bookmark not defined. Gambar 4.8 Memainkan Scene 7 ........................ Error! Bookmark not defined. Gambar 4.9 Memainkan Scene 8 ........................ Error! Bookmark not defined.
DAFTAR TABEL
Tabel 2.1 Tag HTML5 ....................................... Error! Bookmark not defined. Tabel 3.1 Analisa Kebutuhan Fungsional .......... Error! Bookmark not defined. Tabel 3.2 Analisa Kebutuhan Non Fungsional .. Error! Bookmark not defined. Tabel 3.3 Storyboard .......................................... Error! Bookmark not defined. Tabel 4.1 Tabel Pengujian Ketepatan Gambar Dan Audio Per Scene ....... Error! Bookmark not defined. Tabel 4.2 Skor penilaian dari responden terhadap Konten Aplikasi E-Dongeng ............................................................................ Error! Bookmark not defined. Tabel 4.3 Gambaran Sikap Tiap Responden terhadap Konten Aplikasi EDongeng ............................................................. Error! Bookmark not defined.
DAFTAR PUSTAKA
Al-Qudsy, M & Nurhidayah, U. 2010. Mendidik anak lewat dongeng. Yogyakarta: PT Pustaka Insan Madani Hana, Jasmin. 2011. Terapi Kecerdasan anak dengan dongeng. Yogyakarta: Berlian Media Lamuningtyas, Yulinda Ayu. 2012. Pemberian Dongeng Untuk Meningkatkan Kemampuan Berbahasa Pada Anak Usia Prasekolah. Satrio, Fajar. 2013. MAKALAH HTML5 Sulistiyani, Lilis. 2015. Aplikasi Layanan Informasi Lokasi Hotel Menggunakan Augmented Reality
http://bidanku.com/manfaat-cerita-dongeng-anak-anak-bagi-perkembangan-buahhati-kita/ (diakses pada tanggal 25 agustus 2015) http://ceritarakyatnusantara.com/ (diakses pada tanggal 30 Juli 2015)
http://www.kajianteori.com/2013/03/pengertian-dongeng-definisi-dongengmenurut-ahli.html (diakses pada tanggal 25 agustus 2015) http://kbbi.web.id (diakses pada tanggal 29 Juli 2015)
https://www.maxmanroe.com/sejarah-perkembangan-smartphone-versiandroid.html (diakses pada tanggal 25 agustus 2015) http://mkhuda.com/html5/keunggulan-mengembangkan-aplikasi-mobile-berbasis-html5/ (diakses pada tanggal 19 November 2014) http://mkhuda.com/tutorial-html5/ (diakses pada tanggal 19 November 2014) http://news.okezone.com/read/2014/10/16/65/1053174/kak-seto-prihatin-dongengkurang-diminati (diakses pada tanggal 25 Agustus 2015)
http://www.organisasi.org/1970/01/kegunaan-fungsi-manfaat-dongeng-untuk-anak-anakcerita-sebelum-tidur.html (diakses pada tanggal 19 November 2014)
http://www.kajianteori.com/2013/03/pengertian-dongeng-definisi-dongengmenurut-ahli.html (diakses pada tanggal 25 agustus 2015) http://www.pengertianahli.com/2013/12/pengertian-dongeng-dan-jenisdongeng.html (diakses pada tanggal 25 agustus 2015) http://phonegap.com/ (diakses pada tanggal 25 agustus 2015)
http://www.twoh.co/2012/09/mengenal-arsitektur-sistem-operasi-android/ (diakses pada tanggal 25 agustus 2015) Perpustakaan daerah Kota Banjarmasin
