APLIKASI DONGENG DIGITAL MENGGUNAKAN EXTENSIBLE MARKUP LANGUAGE SEBAGAI MEDIA PEMBELAJARAN PADA PAUD
TUGAS AKHIR
Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang
Oleh: ORIZA SATIFA ANANDA NIM. 09560393
JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2013
LEMBAR PERSETUJUAN
APLIKASI DONGENG DIGITAL MENGGUNAKAN EXTENSIBLE MARKUP LANGUAGE SEBAGAI MEDIA PEMBELAJARAN PADA PAUD
TUGAS AKHIR
Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata1 Teknik Informatika Universitas Muhammadiyah Malang
Menyetujui,
Pembimbing I
Pembimbing II
HARIYADY, S.Kom, MT NIP. 101.9406.0262
LAILATUL HUSNIAH, SST NIDN. 073.0108.401
LEMBAR PENGESAHAN
APLIKASI DONGENG DIGITAL MENGGUNAKAN EXTENSIBLE MARKUP LANGUAGE SEBAGAI MEDIA PEMBELAJARAN PADA PAUD
TUGAS AKHIR
Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata1 Teknik Informatika Universitas Muhammadiyah Malang
Disusun Oleh: ORIZA SATIFA ANANDA NIM. 09560393
Tugas Akhir ini telah diuji dan dinyatakan lulus melalui sidang majelis penguji pada tanggal November 2013
Menyetujui, Penguji I
Penguji II
GITA INDAH M, S.T NIP. 108.0811.0462
NUR HAYATIN, S.ST NIP. 108.0907.0476 Mengetahui,
Ketua Jurusan Teknik Informatika
EKO BUDI CAHYONO, S.Kom., MT. NIP. 108.9504.0330
LEMBAR PERNYATAAN KEASLIAN Yang bertanda tangan dibawah ini: NAMA
: ORIZA SATIFA ANANDA
NIM
: 09560393
FAK. / JUR. : TEKNIK / INFORMATIKA Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul “APLIKASI DONGENG
DIGITAL
MENGGUNAKAN
EXTENSIBLE
MARKUP
LANGUAGE SEBAGAI MEDIA PEMBELAJARAN PADA PAUD” beserta seluruh isinya adalah karya saya sendiri dan bukan merupakan karya tulis orang lain, baik sebagian maupun seluruhnya, kecuali dalam bentuk kutipan yang telah disebutkan sumbernya. Demikian surat pernyataan ini saya buat dengan sebenar-benarnya. Apabila kemudian ditemukan adanya pelanggaran terhadap etika keilmuan dalam karya saya ini, atau ada klaim dari pihak lain terhadap keaslian karya saya ini maka saya siap menanggung segala bentuk resiko/sanksi yang berlaku. Malang, 11 Oktober 2013 Yang Membuat Pernyataan
ORIZA SATIFA ANANDA
Mengetahui, Pembimbing I
Pembimbing II
HARIYADY, S.Kom, MT NIP. 101.9406.0262
LAILATUL HUSNIAH, SST NIDN. 073.0108.401
KATA PENGANTAR Dengan memanjatkan puji syukur kehadirat Allah SWT. Atas limpahan rahmat dan hidayah-NYA sehingga peneliti dapat menyelesaikan tugas akhir yang berjudul: “ APLIKASI DONGENG DIGITAL MENGGUNAKAN EXTENSIBLE MARKUP LANGUAGE SEBAGAI MEDIA PEMBELAJAR PADA PAUD” Di dalam tulisan ini disajikan pokok – pokok bahasan yang meliputi latar belakang penelitian, landasan teori penelitian, analisa dan perancangan aplikasi, implementasi dan pengujian aplikasi, kesimpulan dan saran serta daftar pustaka. Peneliti menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih banyak kekurangan dan keterbatasan. Oleh karena itu peneliti mengharapkan
saran yang membangun agar tulisan ini bermanfaat bagi
perkembangan ilmu pengetahuan kedepan.
Malang, 11 Oktober 2013
Penulis
DAFTAR ISI
LEMBAR PERSETUJUAN LEMBAR PENGESAHAN LEMBAR PERNYATAAN ABSTRAK .........................................................................................................i ABSTRACT .......................................................................................................ii LEMBAR PERSEMBAHAN ..........................................................................iii KATA PENGANTAR .......................................................................................iv DAFTAR ISI ......................................................................................................v DAFTAR GAMBAR .........................................................................................vii DAFTAR TABEL .............................................................................................ix BAB I PENDAHULUAN ..................................................................................1 1.1. Latar Belakang....................................................................................1 1.2. Rumusan Masalah ..............................................................................2 1.3. Tujuan ................................................................................................2 1.4. Batasan Masalah .................................................................................3 1.5. Metodologi ........................................................................................3 1.5.1 Analisa ......................................................................................3 1.5.2 Perancangan / Desain ................................................................3 1.5.3 Implementasi / Programming ...................................................4 1.5.4 Pengujian ..................................................................................4 1.5.5 Pembuatan Laporan ...................................................................4 1.6. Sistematika Penulisan .........................................................................4 BAB II LANDASAN TEORI ...........................................................................6 2.1. Dongeng .............................................................................................6 2.2. Sejarah Markup Language .................................................................9 2.2.1. HTML .......................................................................................10
2.2.2. XML ..........................................................................................13 2.3 Java .....................................................................................................19
BAB III ANALISA DAN PERANCANGAN ..................................................21 3.1. Analisis Sistem ...................................................................................21 3.1.1 Deskripsi Produk .......................................................................21 3.1.2 Kebutuhan Fungsional Aplikasi Dongeng Digital ....................22 3.1.3 Kebutuhan Non-Fungsional Aplikasi Dongeng Digital ............22 3.1.4 Use Case Diagram.....................................................................22 3.1.5 Skenario Case ...........................................................................24 3.2. Perancangan Sistem ............................................................................25 3.2.1. Activity Diagram........................................................................27 3.2.2. Sequence Diagram .....................................................................31 3.2.3. Class Diagram ...........................................................................34 3.2.4. Desain Interface ........................................................................ 35 BAB IV IMPLEMENTASI DAN PENGUJIAN ............................................39 4.1. Implementasi ......................................................................................39 4.1.1. Lingkungan Pengembangan Perangkat Lunak ..........................39 4.1.2. Lingkungan Pengembangan Perangkat Keras ...........................39 4.1.3. Implementasi Aplikasi ...............................................................40 4.2. Pengujian ............................................................................................53 4.2.1. Pengujian Fungsionalitas ..........................................................53 4.2.1.1. Pengujian UC-01 (Menampilkan Gambar) .................53 4.2.1.2. Pengujian UC-02 (Menampilkan Teks) ......................54 4.2.1.3. Pengujian UC-03 (Menampilkan Suara) .....................55 4.2.1.4. Pengujian UC-04 (Memilih File) ................................56 4.2.2. Pengujian terhadap Responden .................................................56 4.2.2.1. Menganalisa Hasil Uji Coba Responden ....................56 BAB V KESIMPULAN DAN SARAN ............................................................59 5.1. Kesimpulan .........................................................................................59
5.2. Saran ...................................................................................................60 DAFTAR PUSTAKA ........................................................................................61
DAFTAR TABEL Halaman Tabel 4.1 Daftar Use Case Aplikasi Dongeng Digital .......................................... 55 Tabel 4.2. Pengujian UC-01 .................................................................................. 55 Tabel 4.3. Pengujian UC-02 .................................................................................. 56 Tabel 4.4. Pengujian UC-03 .................................................................................. 57 Tabel 4.5. Pengujian UC-04 .................................................................................. 58 Tabel 4.6. Jawaban kuesioner pertanyaan No.1 .................................................... 59 Tabel 4.7. Jawaban kuesioner pertanyaan No.2 .................................................... 59 Tabel 4.8. Jawaban kuesioner pertanyaan No.3 .................................................... 59 Tabel 4.9 Jawaban kuesioner pertanyaan No.4 ..................................................... 60 Tabel 5.0 Jawaban kuesioner pertanyaan No.5 ..................................................... 60 Tabel 5.1 Jawaban kuesioner pertanyaan No.6 ..................................................... 60 Tabel 5.2 Jawaban kuesioner pertanyaan No.7 ..................................................... 60 Tabel 5.3 Jawaban kuesioner pertanyaan No.8 ..................................................... 60 Tabel 5.4 Jawaban kuesioner pertanyaan No.9 ..................................................... 61
DAFTAR GAMBAR Halaman Gambar 3.1 Use Case diagram aplikasi dongeng digital ......................................25 Gambar 3.2 Flowchart aplikasi dongeng digital ....................................................28 Gambar 3.3 Activity diagram menampilkan gambar .............................................29 Gambar 3.4 Activity diagram menampilkan teks ..................................................30 Gambar 3.5 Activity diagram menampilkan suara ................................................31 Gambar 3.6. Activity diagram menampilkan daftae cerita ....................................32 Gambar 3.7. Activity diagram menampilkan form bantuan ..................................32 Gambar 3.8. Sequence diagram menampilkan gambar ..........................................33 Gambar 3.9. Sequence diagram menampilkan teks ...............................................34 Gambar 4.0. Sequence diagram menampilkan suara .............................................35 Gambar 4.1. Sequence diagram menampilkan form daftar cerita ..........................35 Gambar 4.2. Sequence diagram menampilkan form bantuan ................................36 Gambar 4.3 Class diagram aplikasi dongeng digital ..............................................37 Gambar 4.4 User Interface aplikasi dongeng digital ..............................................38 Gambar 4.5 User Interface kategori dongeng digital .............................................38 Gambar 4.6 User Interface cara kerja sistem aplikasi ............................................39 Gambar 4.7 User Interface tentang penulis aplikasi ..............................................39 Gambar 4.8 User Interface pilih cerita aplikasi dongeng digital ...........................40 Gambar 4.9 Gambar Antarmuka Aplikasi Dongeng Digital ..................................42 Gambar 5.0 Potongan kode untuk melakukan aksi tombol pilih cerita .................43 Gambar 5.1 Potongan kode untuk melakukan aksi tombol mainkan .....................43 Gambar 5.2 Potongan kode untuk melakukan aksi tombol berhenti .....................44 Gambar 5.3 Potongan kode untuk melakukan aksi tombol lanjut .........................44 Gambar 5.4 Potongan kode untuk melakukan aksi tombol kembali ......................45 Gambar 5.5 Potongan kode untuk melakukan aksi tombol pilih cerita .................47 Gambar 5.6 Potongan kode untuk menampilkan teks dongeng .............................47 Gambar 5.7 Potongan kode untuk menampilkan kalimat ......................................48 Gambar 5.8 Potongan kode untuk menampilkan gambar ......................................49 Gambar 5.9 Potongan kode untuk menampilkan suara ..........................................50
Gambar 6.0 Potongan kode untuk menampilkan jumlah halaman ........................51 Gambar 6.1 Potongan kode untuk memainkan suara .............................................51 Gambar 6.2 Potongan kode untuk menghentikan suara .........................................51 Gambar 6.3 Potongan kode untuk createPlayers....................................................52 Gambar 6.4 Potongan kode untuk memanggil controllistener ...............................52 Gambar 6.5 Potongan kode untuk control library ..................................................53 Gambar 6.6 Tampilan pilih file dongeng ...............................................................53 Gambar 6.7 Tampilan form aplikasi dongeng pilih cerita .....................................54 Gambar 6.8 Tampilan form aplikasi dongeng berjalan ..........................................54
DAFTAR PUSTAKA [1] Kadir, Abdul. 2003. “Pemrograman Java 2”. Andi. Yogyakarta [2] Puji Widodo Aris. 2003. Transformasi Dokumen XML. Jurusan Matematika FMIPA UNDIP Semarang. [3] Nur Ahyani Latifah. 2012. Meningkatkan Perkembangan Kecerdasan Moral Anak Usia Prasekolah Dengan Metode Dongeng. Fakultas Psikologi Universitas Muria Kudus. [4] Peraturan Menteri Pendidikan Nasional Nomor 58. 2009. Standart Pendidikan Anak Usia Dini. [5] Nofalita. 2009. FIB Universitas Indonesia. http://digital_127134RB13N306k-Kegiatan mendongeng-Literatur.pdf di download pada tanggal 20 Agustus 2013. [6] Abdul Mutalib Arifin; Aziz Nurulnadwan; Amilah Shaffiei Zatul. 2011. Digital Storytelling Makes Reading Fun and Entertaining. Faculty of Office Management and Technology Universiti Teknologi MARA Terengganu, Malaysia. [7] Dogan Bullent. 2008. Implementation Of Digital Story Telling in The Classroom by Teachers Trained in a Digital Story Telling Workshop. University of Houston United States. [8] Rachman Chalid Ibnu. 2009. Aplikasi Audio Steganografi Untuk Melindungi Data Menggunakan Bahasa Pemrograman Java. Teknik Informatika. Universitas Gunadarma. [9] Tasmawati Mila.2008. Aplikasi Konversi Regular Grammar menjadi ekspresi regular dengan menggunakan bahasa pemrograman Java. Teknik Informatika. Universitas Gunadarma.