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

(1)

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

(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

08560196

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,

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

(9)

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

(10)

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

(11)

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

(12)

Gambar 4.17 Tampilan Salah Tahap 2... 51

Gambar 4.31 Home... 60

Gambar 4.32 Kamus... 60

Gambar 4.33 Acakan Tahap 1... 61

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

(13)

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

(14)

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