JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK … · Menggunakan HTML5 Laporan Tugas Akhir Diajukan...

12
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

Transcript of JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK … · Menggunakan HTML5 Laporan Tugas Akhir Diajukan...

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 E-

Dongeng ............................................................. 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-buah-

hati-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-dongeng-

menurut-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-versi-

android.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-dongeng-

kurang-diminati (diakses pada tanggal 25 Agustus 2015)

http://www.organisasi.org/1970/01/kegunaan-fungsi-manfaat-dongeng-untuk-anak-anak-

cerita-sebelum-tidur.html (diakses pada tanggal 19 November 2014)

http://www.kajianteori.com/2013/03/pengertian-dongeng-definisi-dongeng-

menurut-ahli.html (diakses pada tanggal 25 agustus 2015)

http://www.pengertianahli.com/2013/12/pengertian-dongeng-dan-jenis-

dongeng.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