Embed Size (px)
Citation preview
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/pengertian-
media-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-drop-
html5-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.
