RANCANG BANGUN APLIKASI PEMBELAJARAN MENGENAL HURUF HIJAIYAH MENGGUNAKAN CONSTRUCT 2 TUGAS AKHIR. Oleh : Ahmad Issam Rosyidi

Transkripsi

1 RANCANG BANGUN APLIKASI PEMBELAJARAN MENGENAL HURUF HIJAIYAH MENGGUNAKAN CONSTRUCT 2 TUGAS AKHIR Oleh : Ahmad Issam Rosyidi JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

2 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 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

3

4

5

6 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;

7 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

8 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 Rumusan Masalah Tujuan Penelitian Batasan Masalah Metodologi Sistematika penulisan BAB II LANDASAN TEORI 2.1 Aplikasi Belajar Definisi Hijaiyah Pertumbuhan Dan Perkembangan Huruf Hijaiyah Fase Penyempurnaan Tulisan Arab Tanda Khusus Pada Saat Huruf Diucapkan Construct Penelitian Terdahulu... 20

9 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Sistem Deskripsi Sistem Analisa Kebutuhan Fungsional Analisa Kebutuhan Non Fungsional Perancangan Sistem UML (Unified Modelling Languange) Use Case Diagram Activity Diagram Sequence Diagram Perancangan Tampilan atau Desain Interface Perancangan Desain User Interface Home Perancangan Desain User Interface Permainan Perancangan Desain User Interface Kamus BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Perangkat Keras Perangkat Lunak Implementasi Sistem Pengujian Pengujian Fungsional Tabel Pengujian Fungsional Pengujian Antar Web Browser Uji Coba Ahli Pengujian Kuisioner BAB V PENUTUP 5.1 Kesimpulan Saran-saran DAFTAR PUSTAKA LAMPIRAN

10 DAFTAR TABEL Tabel 4.1 Tabel Pengujian Fungsinal Tabel 4.2 Tabel Pengujian Antar Web Browser Tabel 4.3 Tabel Uji Coba Ahli Tabel 4.4 Tabel Hasil Kuisioner... 72

11 DAFTAR GAMBAR Gambar 3.1 Use Case Aplikasi Gambar 3.2 Activity Diagram Mulai Gambar 3.3 Activity Diagram Kamus Gambar 3.4 Sequence Diagram Mulai Gambar 3.5 Sequence Diagram Kamus Gambar 3.6 Perancangan Desain Interface Home Gambar 3.7 Perancangan Desain Interface Tahap Gambar 3.8 Perancangan Desain Interface Tahap Gambar 3.9 Perancangan Desain Interface Tahap Gambar 3.10 Perancangan Desain Interface Tahap Gambar 3.11 Perancangan Desain Interface Benar Gambar 3.12 Perancangan Desain Interface Salah Gambar 3.13 Perancangan Desain Interface Berhasil Gambar 3.14 Perancangan Desain Interface Selamat Gambar 3.15 Perancangan Desain Interface Kamus Gambar 4.1 Layouts Home Gambar 4.2 Event Sheets Home Gambar 4.3 Tampilan Home Gambar 4.4 Layouts Kamus Gambar 4.5 Event Sheets kamus Gambar 4.6 Tampilan Kamus Gambar 4.7 Layouts Tahap Gambar 4.8 Potongan Event Sheets Tahap Gambar 4.9 Tampilan Awal Tahap Gambar 4.10 Tampilan Benar Tahap Gambar 4.11 Tampilan Salah Tahap Gambar 4.12 Tampilan Selamat Tahap Gambar 4.13 Layouts Tahap

12 Gambar 4.14 Potongan Event Sheets Tahap Gambar 4.15 Tampilan Awal Tahap Gambar 4.16 Tampilan Benar Tahap Gambar 4.17 Tampilan Salah Tahap Gambar 4.18 Tampilan Selamat Tahap Gambar 4.19 Layouts Tahap Gambar 4.20 Potongan Event Sheets Tahap Gambar 4.21 Tampilan Awal Tahap Gambar 4.22 Tampilan Benar Tahap Gambar 4.23 Tampilan Salah Tahap Gambar 4.24 Tampilan Selamat Tahap Gambar 4.25 Layouts Tahap Gambar 4.26 Potongan Event Sheets Tahap Gambar 4.27 Tampilan Awal Tahap Gambar 4.28 Tampilan Benar Tahap Gambar 4.29 Tampilan Salah Tahap Gambar 4.30 Tampilan Selamat Tahap Gambar 4.31 Home Gambar 4.32 Kamus Gambar 4.33 Acakan Tahap Gambar 4.34 Acakan Tahap Gambar 4.35 Acakan Tahap Gambar 4.36 Acakan Tahap Gambar 4.37 Benar Gambar 4.38 Salah Gambar 4.39 Pemberitahuan Lanjut Gambar 4.40 Pemberitahuan Selesai Gambar 4.41 Pengujian Pada Mozilla Firefox Gambar 4.42 Pengujian Pada Google Chrome m Gambar 4.43 Pengujian Pada Internet Explorer

13 Gambar 4.44 Pengujian Pada Safari ( ) Gambar 4.45 Pengujian Pada Opera Gambar 4.46 Pengujian Pada Netscape Navigator

14 DAFTAR PUSTAKA [1] Pengertian Media Pembelajaran, [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, [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, [9] Afif Hidayat, Membangun aplikasi pembelajar menulis dan cara baca huruf arab pada anak berbasis android, Universitas Muhammadiyah Malang, [10] Thoriqul Aziz, Perancangan dan Inplementasi Aplikasi ABATA Sebagai Media Pembelajaran Menulis Huruf Hijaiyah Berbasis Android, Universitas Muhammadiyah Malang, [11] Firmansyah, Aplikasi Pembelajaran Pengenalan Huruf Hijaiyah Pada Anak Dengan Menggunakan Metode Computer Assited Instruction (CAI), STMIK Budi Darma Medan, 2014.