RANCANG BANGUN APLIKASI PEMBELAJARAN MENGENAL HURUF HIJAIYAH MENGGUNAKAN CONSTRUCT 2 TUGAS AKHIR Oleh : Ahmad Issam Rosyidi 08560196 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015
RANCANG BANGUN APLIKASI PEMBELAJARAN MENGENAL HURUF HIJAIYAH MENGGUNAKAN CONSTRUCT 2 TUGAS AKHIR Diajukan Sebagai Syarat Untuk Memperoleh Gelar Sarjana S1 Di Fakultas Teknik Universitas Muhammadiyah Malang Oleh : Ahmad Issam Rosyidi 08560196 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015
KATA PENGANTAR Puji syukur atas kehadirat Allah SWT yang telah memberikan rahmat dan kuasa-nya kepada penulis, shalawat dan salam semoga tercurah kepada Rasulullah Muhammad SAW, yang telah membawa ajaran agama islam mengubah dunia kegelapan menjadi dunia yang terang benderang, sehingga penulis dapat menyelesaikan tugas akhir yang berjudul RANCANG BANGUN APLIKASI PEMBELAJARAN MENGENAL HURUF HIJAIYAH MENGGUNAKAN CONSTRUCT 2. Tugas akhir ini sebagai salah satu persyaratan untuk memperoleh gelar sarjana S1 di Jurusan Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Malang. Dalam penyusunan laporan tugas akhir ini, penulis menyadari akan adanya kekurangan-kekurangan baik dalam penyusunan maupun pembahasan masalah karena keterbatasan pengetahuan penulis. Untuk itu penulis mengharapkan kritikan dan saran yang bersifat membangun dari semua pihak agar dapat lebih baik di masa yang akan datang. Besar harapan penulis bahwa laporan tugas akhir ini dapat memberikan informasi dan manfaat bagi pembaca pada umumnya dan mahasiswa Teknik Informatika pada khususnya, Dalam proses penyelesaian penelitian ini dari awal sampai akhir, banyak pihak yang telah membantu, baik secara langsung maupun tidak langsung. Untuk itu pada kesempatan yang baik ini penunils menyampaikan terima kasih kepada: 1. Bapak Prof. Dr. Muhadjir Effendy, M.A.P., selaku Rektor Universitas Muhammadiyah Malang; 2. Bapak Ir. Sudarman, MT., selaku Dekan Fakultas Teknik Universitas Muhammadiyah Malang; 3. Bapak Yuda Munarko S.Kom, M.SC., selaku Ketua Program Studi Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Malang, dan juga selaku pembimbing II saya yang telah memberikan motivasi, bimbingan, dan saran dalam penyusunan skripsi ini;
4. Bapak Eko Budi Cahyono, S.Kom, MT., selaku Dosen Pembimbing I yang telah memberikan inspirasi, motivasi, bimbingan, saran, dan dukungan dengan penuh kesabaran dan kebijaksanaan, sehingga bermanfaat dalam penyusunan skripsi; 5. Bapak Ir. Diding Suhardi, MT., selaku Dosen Pembimbing Akademik saya; 6. Bapak dan Ibu dosen serta seluruh Staf Jurusan Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Malang yang telah memberikan ilmu dan pelayanan selama belajar di Kampus Putih tercinta. Malang, 1 Agustus 2015 Penulis, Ahmad Issam Rosyidi
DAFTAR ISI Halaman Judul... i Lembar Persetujuan... ii Lembar Pengesahan... iii Lembar Pernyataan... iv Motto... v Persembahan... vi Abstraksi... vii Abstract... viii Kata Pengantar... ix Daftar Isi... xi Daftar Tabel... xiii Daftar Gambar... xiv BAB I PENDAHULUAN 1.1 Latar Belakang Masalah... 01 1.2 Rumusan Masalah... 01 1.3 Tujuan Penelitian... 02 1.4 Batasan Masalah... 02 1.5 Metodologi... 02 1.6 Sistematika penulisan... 03 BAB II LANDASAN TEORI 2.1 Aplikasi...... 05 2.2 Belajar...... 05 2.3 Definisi Hijaiyah... 06 2.3.1 Pertumbuhan Dan Perkembangan Huruf Hijaiyah... 07 2.3.2 Fase Penyempurnaan Tulisan Arab... 10 2.3.3 Tanda Khusus Pada Saat Huruf Diucapkan... 15 2.4 Construct 2... 19 2.5 Penelitian Terdahulu... 20
BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Sistem... 25 3.1.1 Deskripsi Sistem... 25 3.1.2 Analisa Kebutuhan Fungsional... 26 3.1.3 Analisa Kebutuhan Non Fungsional... 27 3.2 Perancangan Sistem...... 27 3.2.1 UML (Unified Modelling Languange)... 27 3.2.1.1 Use Case Diagram... 28 3.2.1.2 Activity Diagram... 29 3.2.1.3 Sequence Diagram... 31 3.2.2 Perancangan Tampilan atau Desain Interface... 33 3.2.2.1 Perancangan Desain User Interface Home... 33 3.2.2.2 Perancangan Desain User Interface Permainan... 33 3.2.2.3 Perancangan Desain User Interface Kamus... 39 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi... 40 4.1.1 Perangkat Keras... 40 4.1.2 Perangkat Lunak... 40 4.1.3 Implementasi Sistem... 40 4.2 Pengujian... 60 4.2.1 Pengujian Fungsional... 60 4.2.2 Tabel Pengujian Fungsional... 65 4.2.3 Pengujian Antar Web Browser... 66 4.2.4 Uji Coba Ahli... 69 4.2.4 Pengujian Kuisioner... 70 BAB V PENUTUP 5.1 Kesimpulan... 74 5.2 Saran-saran...... 74 DAFTAR PUSTAKA...... 75 LAMPIRAN
DAFTAR TABEL Tabel 4.1 Tabel Pengujian Fungsinal... 65 Tabel 4.2 Tabel Pengujian Antar Web Browser... 69 Tabel 4.3 Tabel Uji Coba Ahli... 70 Tabel 4.4 Tabel Hasil Kuisioner... 72
DAFTAR GAMBAR Gambar 3.1 Use Case Aplikasi... 28 Gambar 3.2 Activity Diagram Mulai... 30 Gambar 3.3 Activity Diagram Kamus... 31 Gambar 3.4 Sequence Diagram Mulai... 32 Gambar 3.5 Sequence Diagram Kamus... 32 Gambar 3.6 Perancangan Desain Interface Home... 33 Gambar 3.7 Perancangan Desain Interface Tahap 1... 34 Gambar 3.8 Perancangan Desain Interface Tahap 2... 35 Gambar 3.9 Perancangan Desain Interface Tahap 3... 35 Gambar 3.10 Perancangan Desain Interface Tahap 4... 36 Gambar 3.11 Perancangan Desain Interface Benar... 37 Gambar 3.12 Perancangan Desain Interface Salah... 37 Gambar 3.13 Perancangan Desain Interface Berhasil... 38 Gambar 3.14 Perancangan Desain Interface Selamat... 38 Gambar 3.15 Perancangan Desain Interface Kamus... 39 Gambar 4.1 Layouts Home... 41 Gambar 4.2 Event Sheets Home... 41 Gambar 4.3 Tampilan Home... 42 Gambar 4.4 Layouts Kamus... 42 Gambar 4.5 Event Sheets kamus... 43 Gambar 4.6 Tampilan Kamus... 43 Gambar 4.7 Layouts Tahap 1... 44 Gambar 4.8 Potongan Event Sheets Tahap 1... 45 Gambar 4.9 Tampilan Awal Tahap 1... 46 Gambar 4.10 Tampilan Benar Tahap 1... 47 Gambar 4.11 Tampilan Salah Tahap 1... 47 Gambar 4.12 Tampilan Selamat Tahap 1... 47 Gambar 4.13 Layouts Tahap 2... 48
Gambar 4.14 Potongan Event Sheets Tahap 2... 49 Gambar 4.15 Tampilan Awal Tahap 2... 50 Gambar 4.16 Tampilan Benar Tahap 2... 51 Gambar 4.17 Tampilan Salah Tahap 2... 51 Gambar 4.18 Tampilan Selamat Tahap 2... 51 Gambar 4.19 Layouts Tahap 3... 52 Gambar 4.20 Potongan Event Sheets Tahap 3... 53 Gambar 4.21 Tampilan Awal Tahap 3... 54 Gambar 4.22 Tampilan Benar Tahap 3... 55 Gambar 4.23 Tampilan Salah Tahap 3... 55 Gambar 4.24 Tampilan Selamat Tahap 3... 55 Gambar 4.25 Layouts Tahap 4... 56 Gambar 4.26 Potongan Event Sheets Tahap 4... 57 Gambar 4.27 Tampilan Awal Tahap 4... 58 Gambar 4.28 Tampilan Benar Tahap 4... 59 Gambar 4.29 Tampilan Salah Tahap 4... 59 Gambar 4.30 Tampilan Selamat Tahap 4... 59 Gambar 4.31 Home... 60 Gambar 4.32 Kamus... 60 Gambar 4.33 Acakan Tahap 1... 61 Gambar 4.34 Acakan Tahap 2... 61 Gambar 4.35 Acakan Tahap 3... 62 Gambar 4.36 Acakan Tahap 4... 62 Gambar 4.37 Benar... 63 Gambar 4.38 Salah... 63 Gambar 4.39 Pemberitahuan Lanjut... 64 Gambar 4.40 Pemberitahuan Selesai... 64 Gambar 4.41 Pengujian Pada Mozilla Firefox 39.0... 66 Gambar 4.42 Pengujian Pada Google Chrome 43.0.2357.130 m... 67 Gambar 4.43 Pengujian Pada Internet Explorer 8.0.7600.16385... 67
Gambar 4.44 Pengujian Pada Safari 5.1.7 (7534.57.2)... 68 Gambar 4.45 Pengujian Pada Opera 30.0.1835.88... 68 Gambar 4.46 Pengujian Pada Netscape Navigator 9.0.0.6... 69
DAFTAR PUSTAKA [1] Pengertian Media Pembelajaran, http://media-grafika.com/pengertianmedia-pembelajaran, 2009. [2] Jurja Zaidan, Al-Falsafah Al-Lughawiyah Wa Al-Fadh Al-Arabiyah (Kairo: Dar Al-Hilal: tt.). [3] Jamaluddin Muhammad Bin Mukrom Ibn Mandur Al-Afriki, Lisan Al- Arab (Beirut Libanon: Dar Al-Kutub, 1990). [4] Abd. Karim Husain, Seni Kaligrafi Khat Naskhi,Tuntunan Menulis Halus Huruf Arab Dengan Metode Komparatif (Jakarta: Pedoman Ilmu Jaya, 1988). [5] Philip K. Hitti, History Of The Arab, (Jakarta: Serambi, 2005). [6] Construct 2, a Drag and Drop HTML5 Game Maker, http://code.tutsplus.com/articles/review-construct-2-a-drag-and-drophtml5-game-maker--active-10825, 2012. [7] Yuni Sugiarti S.T., M.Kom., Analisis & Perancangan UML (Unified Modeling Language) Generated VB.6 (Yogyakarta: Graha Ilmu, 2013). [8] Ilham Syifa i, Aplikasi Pembelajaran Al-Quran Dengan Metode Iqro Berbasis Mobile Teknologi, Universitas Muhammadiyah Malang, 2011. [9] Afif Hidayat, Membangun aplikasi pembelajar menulis dan cara baca huruf arab pada anak berbasis android, Universitas Muhammadiyah Malang, 2014. [10] Thoriqul Aziz, Perancangan dan Inplementasi Aplikasi ABATA Sebagai Media Pembelajaran Menulis Huruf Hijaiyah Berbasis Android, Universitas Muhammadiyah Malang, 2015. [11] Firmansyah, Aplikasi Pembelajaran Pengenalan Huruf Hijaiyah Pada Anak Dengan Menggunakan Metode Computer Assited Instruction (CAI), STMIK Budi Darma Medan, 2014.