aplikasi hafalan al-quran...
TRANSCRIPT
APLIKASI HAFALAN AL-QURAN MENGGUNAKAN
METODE MURAJA’AH BERBASIS ANDROID (STUDI
KASUS PONDOK PESANTREN AN-NURIYYAH
MALANG)
SKRIPSI
Diajukan Untuk Memenuhi
Persyaratan Guna Meraih Gelar Strata 1
Teknik Informatika Universitas Muhammadiyah Malang
IKA KUSMITASARI
201210370311354
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH MALANG
2017
LEMBAR PERSETUJUAN
APLIKASI HAFALAN AL-QURAN MENGGUNAKAN METODE
MURAJA’AH BERBASIS ANDROID (STUDI KASUS PONDOK
PESANTREN AN-NURIYYAH MALANG)
SKRIPSI
Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1
Teknik Informatika Universitas Muhammadiyah Malang
Disusun Oleh:
IKA KUSMITASARI
201210370311354
Menyetujui
Pembimbing I
Agus Eko M, S.Kom., M.Kom
NIP : 108.1410.0540
Pembimbing II
Zamah Sari, S.T., M.T
NIP : 108.1410.0555
LEMBAR PENGESAHAN
APLIKASI HAFALAN AL-QURAN MENGGUNKAN METODE
MURAJA’AH BERBASIS ANDROID (STUDI KASUS PONDOK
PESANTREN AN-NURIYYAH MALANG)
SKRIPSI
Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1
Teknik Informatika Universitas Muhammadiyah Malang
Disusun Oleh:
IKA KUSMITASARI
201210370311354
Skripsi ini telah diuji dan dinyatakan lulus melalui sidang mejelis pengujian pada
tanggal 26 Januari 2017
Menyetujui,
Penguji I Penguji II
Eko Budi Cahyono, S.Kom., M.T
NIP : 108.9504.0330
Hardianto Wibowo, S.Kom., M.T
NIP : 108.1612.0592
Mengetahui,
Ketua Jurusan Teknik Informatika
Yuda Munarko, S.Kom., M.Sc
NIP : 108.0611.0443
LEMBAR PERNYATAAN
Yang bertanda tangan dibawah ini :
NAMA : IKA KUSMITASARI
NIM : 201210370311354
FAK./JUR. : TEKNIK / TEKNIK INFORMATIKA
Dengan ini saya menyatakan bahwa skripsi dengan judul “APLIKASI
HAFALAN AL-QURAN MENGGUNAKAN METODE MURAJA’AH
BERBASIS ANDROID (STUDI KASUS PONDOK PESANTREN AN-
NURIYYAH MALANG)” 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.
Mengetahui,
Dosen Pembimbing
Agus Eko M, S.Kom., M.Kom
NIP : 108.1410.0540
Malang, 31 Januari 2017
Yang Membuat Pernyataan
Ika Kusmitasari
NIM : 201210370311354
v
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah Subhanahu Wa Ta’ala atas
limpahan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan skripsi
yang berjudul:
“APLIKASI HAFALAN AL-QURAN MENGGUNAKAN METODE
MURAJA’AH BERBASIS ANDROID (STUDI KASUS PONDOK
PESANTREN AN-NURIYYAH MALANG)”
Skripsi ini merupakan langkah awal dalam mengimplementasikan sebuah
ilmu yang nantinya merupakan landasan awal untuk mempelajari ilmu-ilmu lain
yang dalam pengembangan aplikasi hafalan al-quran khususnya. Maka dari itu
implementasi dari ilmu sangatlah penting dan penulis menyadari bahwa penelitian
ini masih sangatlah jauh dari kesempurnaan. Oleh karena itu, penulis
mengharapkan saran dan kritik yang membangun agar tulisan ini dapat bermanfaat
bagi pengembangan ilmu pengetahuan kedepan. Aplikasi ini juga masih
membutuhkan pengembangan lebih lanjut sehingga dapat lebih bermanfaat.
Akhirnya, penulis mengucapkan tiada kata dan upaya selain rasa syukur
kehadirat Allah SWT atas izin-Nya dan Terima Kasih kepada semua pihak yang
telah membantu sehingga skripsi ini terselesaikan dan semoga skripsi ini dapat
bermanfaat bagi kita semua dan saya khususnya. Amin.
Malang, 31 Januari 2017
Penulis
vi
DAFTAR ISI
ABSTRAK ............................................................................................................... i
ABSTRACT .............................................................................................................. ii
LEMBAR PERSEMBAHAN ................................................................................ iii
KATA PENGANTAR ............................................................................................ v
DAFTAR ISI .......................................................................................................... vi
DAFTAR GAMBAR ........................................................................................... viii
DAFTAR TABEL ................................................................................................... x
BAB I ...................................................................................................................... 1
1.1. Latar Belakang ......................................................................................... 1
1.2. Rumusan Masalah .................................................................................... 3
1.3. Batasan Masalah ....................................................................................... 3
1.4. Tujuan Penelitian ...................................................................................... 3
1.5. Metodologi Penelitian .............................................................................. 4
1.6. Sistematika Penulisan ............................................................................... 5
BAB II ..................................................................................................................... 6
2.1. Konsep Dasar Aplikasi ............................................................................. 6
2.2. Pengertian Al-Quran ................................................................................. 6
2.3. Metode Menghafal Al-Quran ................................................................... 6
2.4. Konsep Dasar Android ............................................................................. 7
2.4.1. Pengertian Android............................................................................ 7
2.4.2. Fitur Android ..................................................................................... 7
2.4.3. Android SDK ..................................................................................... 8
2.4.4. ADT (Android Development Tools) .................................................. 8
2.4.5. AVD (Android Virtual Device) ........................................................ 8
2.4.6. IDE Eclipse ....................................................................................... 8
2.4.7. JDK (Java Development Kit) ............................................................ 8
2.5. DFD (Data Flow Diagram) ...................................................................... 9
2.6. PhoneGap ............................................................................................... 10
2.7. PHP ......................................................................................................... 12
2.8. MySQL .................................................................................................... 13
vii
BAB III ................................................................................................................. 14
3.1. Analisa Sistem ........................................................................................ 14
3.1.1. Analisa kebutuhan ........................................................................... 14
3.1.2. Kebutuhan Fungsional .................................................................... 14
3.1.3. Kebutuhan Non Fungsional............................................................. 15
3.1.4. Arsitektur Sistem ............................................................................. 16
3.2. Perancangan Sistem ................................................................................ 17
3.2.1. DFD (Data Flow Diagram) ............................................................ 17
3.2.2. Diagram konteks (Context Diagram) .............................................. 17
3.2.3. DFD Level 0 .................................................................................... 19
3.2.4. DFD Level 1 .................................................................................... 20
3.3. Perancangan Database ........................................................................... 26
3.3.1. Rancangan ERD ( Entity Relationship Diagram ) .......................... 26
3.3.2. Penjelasan Perancangan Database .................................................. 27
3.4. Perancangan Antarmuka ......................................................................... 30
3.4.1. Perancangan Antarmuka User Santri .............................................. 30
3.4.2 Perancangan Antarmuka User Ustad .............................................. 35
BAB IV ................................................................................................................. 39
4.1. Implementasi Sistem .............................................................................. 39
4.1.1. Implementasi Pengembangan Perangkat Keras/Hardware ............. 39
4.1.2. Implementasi Pengembangan Perangkat Lunak/Software .............. 40
4.1.3. Implementasi Antar Muka............................................................... 40
4.2. Pengujian Sistem .................................................................................... 49
4.2.1. Pengujian Black Box ....................................................................... 49
4.2.2. Pengujian Kuesioner ....................................................................... 55
BAB V ................................................................................................................... 59
5.1. Kesimpulan ............................................................................................. 59
5.2. Saran ....................................................................................................... 59
DAFTAR PUSTAKA ........................................................................................... 60
LAMPIRAN .......................................................................................................... 61
LAMPIRAN .......................................................................................................... 62
BIOGRAFI PENULIS .......................................................................................... 63
viii
DAFTAR GAMBAR
Gambar 2.1. PhoneGap API ................................................................................. 11
Gambar 2.2. Paket Aplikasi PhoneGap ................................................................ 11
Gambar 2.3. PhoneGap Arsitektur Aplikasi ......................................................... 11 Gambar 3.1. Arsitektur Sistem .............................................................................. 17
Gambar 3.2. Konteks Diagram.............................................................................. 18
Gambar 3.3. DFD Level 0 ..................................................................................... 19
Gambar 3.4. DFD Level 1 Proses Registrasi ........................................................ 21
Gambar 3.5. DFD Level 1 Proses Login Santri .................................................... 21
Gambar 3.6. DFD Level 1 Proses Baca Alquran .................................................. 22
Gambar 3.7. DFD Level 1 Proses Penjadwalan .................................................... 22
Gambar 3.8. DFD Level 1 Proses Catatan Hafalan Santri .................................... 23
Gambar 3.9. DFD Level 1 Proses Setting ............................................................. 23
Gambar 3.10. DFD Level 1 Proses Login Ustad ................................................... 24
Gambar 3.11. DFD Level 1 Proses Validasi Hafalan ........................................... 24
Gambar 3.12. DFD Level 1 Proses Catatan Hafalan Ustad .................................. 25
Gambar 3.13. DFD Level 1 Proses Manage Ustad ............................................... 25
Gambar 3.14. Desain Database ERD Diagram Konseptual ................................. 26
Gambar 3.15. Desain Database ERD Diagram Fisik ........................................... 27
Gambar 3.16. Desain Tampilan Splash Screen ..................................................... 31
Gambar 3.17. Desain Tampilan Form Login ........................................................ 31
Gambar 3.18. Desain Tampilan Form Registrasi.................................................. 32
Gambar 3.19. Tampilan Menu Dashboard ........................................................... 32
Gambar 3.20. Tampilan surat Al-Quran................................................................33
Gambar 3.21. Tampilan juz Al-Quran .................................................................. 33
Gambar 3.22. Tampilan Penjadwalan Hafalan ..................................................... 33
Gambar 3.23. Tampilan Catatan Hafalan .............................................................. 34
Gambar 3.24. Tampilan Menu Setting .................................................................. 34
Gambar 3.25. Tampilan Notifikasi Berupa Alarm ................................................ 35
Gambar 3.26. Desain Tampilan Splash Screen ..................................................... 36
Gambar 3.27. Desain Tampilan Form Login ........................................................ 36
ix
Gambar 3.28. Tampilan Menu Dashboard ........................................................... 37
Gambar 3.29. Tampilan Validasi Hafalan ......................................................... 37
Gambar 3.30. Validasi Hafalan ......................................................... 37
Gambar 3.31. Tampilan Catatan Hafalan Ustad ................................................... 38
Gambar 3.32. Tampilan Manajemen Ustad .......................................................... 38 Gambar 4.1. Tampilan Splash Screen ................................................................... 40
Gambar 4.2. Form Registrasi ................................................................................ 41
Gambar 4.3. Form Login User .............................................................................. 42
Gambar 4.4. Tampilan Dashboard ....................................................................... 42
Gambar 4.5. Tampilan Menu Al-Quran (surat)......................................................43
Gambar 4.6. Menu Al-Quran (juz) ........................................................................ 43
Gambar 4.7. Menu Baca Al-Quran ....................................................................... 43
Gambar 4.8. Menu Penjadwalan Hafalan ............................................................. 44
Gambar 4.9. Menu Catatan Hafalan ...................................................................... 44
Gambar 4.10. Menu Setting Muraja’ah..................................................................45
Gambar 4.11. Menu Setting Password .................................................................. 45
Gambar 4.12. Notifikasi Berupa Alarm ................................................................ 45
Gambar 4.13. Tampilan Splash Screen User Ustad .............................................. 46
Gambar 4.14. Form Login User Ustad ................................................................. 47
Gambar 4.15. Tampilan Dashboard User Ustad .................................................. 47
Gambar 4.16. Menu Validasi Hafalan....................................................................48
Gambar 4.17. Menu Simak Hafalan ............................................................... 48
Gambar 4.18. Menu Catatan Hafalan.....................................................................48
Gambar 4.19. Menu Catatan Hafalan .................................................................... 48
Gambar 4.20. Menu Manajemen Ustad ................................................................ 49
x
DAFTAR TABEL
Tabel 2.1. Simbol DFD (Data Flow Diagram) ....................................................... 9
Tabel 3.1. Spesifikasi Perangkat Keras Laptop .................................................... 15
Tabel 3.2. Spesifikasi Perangkat Keras Smartphone ............................................ 16
Tabel 3.3. Spesifikasi Perangkat Lunak ................................................................ 16
Tabel 3.4. Tabel Santri .......................................................................................... 27
Tabel 3.5. Tabel Ustad .......................................................................................... 28
Tabel 3.6. Tabel Alquran ...................................................................................... 28
Tabel 3.7. Tabel Quran.......................................................................................... 28
Tabel 3.8. Tabel Latin ........................................................................................... 29
Tabel 3.9. Tabel Terjemahan ................................................................................ 29
Tabel 3.10. Tabel Setoran ..................................................................................... 29
Tabel 3.11. Tabel Hafalan ..................................................................................... 30
Tabel 3.12. Tabel Set ............................................................................................ 30 Tabel 4.1. Pengujian Black Box Splash Screen ..................................................... 50
Tabel 4.2. Pengujian Black Box Registrasi ........................................................... 50
Tabel 4.3. Pengujian Black Box Login .................................................................. 50
Tabel 4.4. Pengujian Black Box Dashboard ......................................................... 50
Tabel 4.5. Pengujian Black Box Menu Alquran .................................................... 51
Tabel 4.6. Pengujian Black Box Menu Penjadwalan Hafalan ............................... 51
Tabel 4.7. Pengujian Black Box Menu Catatan Hafalan ....................................... 51
Tabel 4.8. Pengujian Black Box Menu Setting ...................................................... 52
Tabel 4.9. Pengujian Black Box Notifikasi ........................................................... 52
Tabel 4.10. Pengujian Black Box Logout .............................................................. 53
Tabel 4.11. Pengujian Black Box Splash Screen ................................................... 53
Tabel 4.12. Pengujian Black Box Login ................................................................ 53
Tabel 4.13. Pengujian Black Box Dashboard ....................................................... 54
Tabel 4.14. Pengujian Black Box Menu Validasi Hafalan .................................... 54
Tabel 4.15. Pengujian Black Box Menu Catatan Hafalan ..................................... 54
Tabel 4.16. Pengujian Black Box Menu Managemen Ustad ................................. 54
Tabel 4.17. Pengujian Black Box Logout .............................................................. 55
xi
Tabel 4.18. Kuesioner untuk santri ....................................................................... 55
Tabel 4.19. Kuesioner untuk ustad ........................................................................ 57
60
DAFTAR PUSTAKA
[1] M. Yanyan Herdiansyah, Irawan Afrianto, 2013, “Pembangunan Aplikasi
Bantu Dalam Menghafal Al-Qur’an Berbasis Mobile”, Teknik Informatika –
Universitas Komputer Indonesia didownload pada 18 Maret 2016.
[2] Danu WIjaya, Emha Taufiq Lutfi, 2014, “Perancangan Aplikasi Murojaah Al-
Quran Sebagai Media Untuk Membantu Menghafal Al-Quran Berbasis
Android”, Teknik Informatika - STMIK AMIKOM Yogjakarta didownload
pada 20 Maret 2016.
[3] Ihsan, M. Arinal, 2014, “Aplikasi Muroja’ah Al-Quran Sebagai Media Untuk
Membantu Menghafal Juz Amma Berbasis Android”, Teknik Informatika –
Universitas Muhammadiyah Malang didownload pada 26 April 2016.
[4] Pradana Septiawan Sukoco, Reza, 2015, “Pembangunan Aplikasi E-Hafis
Sebagai Media Untuk Menghafal Al-Quran Berbasis Android”, Teknik
Informatika – Universitas Muhammadiyah Malang didownload pada 30 Mei
2016
[5] Khasanah, Amalia, 2013, “Perancangan Aplikasi Al-Quran Menggunakan
Voice Recognition Sebagai Media Pencarian Terjemahan Al-Quran Berbasis
Android”, Teknik Informatika – STMIK AMIKOM, Yogyakarta didownload
pada 25 April 2016.
[6] Rouf, Abdul, “Pengujian perangkat lunak dengan menggunakan metode
white box dan black box”, Sistem Informasi – STMIK HIMSYA, Semarang
didownload pada 25 April 2016 .