APLIKASI HAFALAN AL-QURAN...

12
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

Transcript of APLIKASI HAFALAN AL-QURAN...

Page 1: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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

Page 2: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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

Page 3: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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

Page 4: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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

Page 5: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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

Page 6: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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

Page 7: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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

Page 8: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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

Page 9: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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

Page 10: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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

Page 11: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

xi

Tabel 4.18. Kuesioner untuk santri ....................................................................... 55

Tabel 4.19. Kuesioner untuk ustad ........................................................................ 57

Page 12: APLIKASI HAFALAN AL-QURAN MENGGUNAKANeprints.umm.ac.id/37586/1/jiptummpp-gdl-ikakusmita-47890-1-pendahul-n.pdf · aplikasi hafalan al-quran menggunakan metode muraja’ah berbasis

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 .