APLIKASI PEMBELJARAN TILAWATIL QUR’AN BERBASIS

ANDROID

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Hafiz Zahiri Makful

09560227

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2016

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah Subhanahu Wa Ta’ala atas limpahan

rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan tugas akhir yang berjudul :

“APLIKASI PEMBELAJARAN TILAWATIL QUR’AN BERBASIS ANDROID”

Di dalam tulisan ini disajikan pokok-pokok pembahasan yang meliputi pendahuluan,

landasan teori, perancangan sistem, implementasi dan pengujian sistem. Peneliti menyadari

sepenuhnya bahwa dalam penulisan tugas akhir ini masih banyak kekurangan dan keterbatasan.

Oleh karena itu peneliti mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi

perkembangan ilmu pengetahuan kedepan.

Malang,14 April 2016

Hafiz Zahiri Makful

DAFTAR ISI

ABSTRAK ......................................................................................................................... i

ABSTRACT ....................................................................................................................... ii

KATA PENGANTAR ....................................................................................................... iii

DAFTAR ISI...................................................................................................................... iv

DAFTAR GAMBAR …................................................................................................ viii

DAFTAR TABEL............................................................................................................. xi

BAB I PENDAHULUAN .................................................................................................. 1

1.1 Latar Belakang ........................................................................................................ 1

1.2 Rumusan Masalah ................................................................................................... 2

1.3 Tujuan ..................................................................................................................... 2

1.4 Batasan Masalah ..................................................................................................... 2

1.5 Metodologi .............................................................................................................. 3

1.5.1 Tahap Pendahuluan ........................................................................................... 3

1.6 Implementasi Sistem ............................................................................................... 3

1.7 Pengujian Sistem ..................................................................................................... 3

1.8 Pembuatan Laporan ................................................................................................ 4

1.9 Sistematika Penulisan ............................................................................................. 4

BAB II LANDASAN TEORI ........................................................................................... 6

2.1 Al-Qur’an ................................................................................................................ 6

2.2 Tilawatil Qur’an ...................................................................................................... 7

2.4 Android ................................................................................................................... 7

2.4.1 Fitur Sistem Operasi Android ........................................................................... 8

2.4.2 Sistem Arsitektur Android ................................................................................ 9

2.5 PHP ....................................................................................................................... 12

2.6 Kajian Pustaka......................................................................................................... 13

BAB III ANALISA DAN PERANCANGAN SISTEM .............................................. 15

3.1 Analisa Sistem ....................................................................................................... 15

3.1.1 Deskripsi Umum ............................................................................................... 15

3.2 Spesifikasi Kebutuhan Fungsional dan Non-Fungsional ....................................... 18

3.2.1 Analisa Kebutuhan Fungsional ......................................................................... 18

3.2.2 Analisa Kebutuhan Non-Fungsional ................................................................. 18

3.3 Perancangan Sistem ............................................................................................... 18

3.3.1 Use Case Diagram ............................................................................................ 19

3.3.2 Use Case Skenario ............................................................................................ 20

3.3.2.1 Use Case Register ....................................................................................... 20

3.3.2.2 Use Case Login ........................................................................................... 21

3.3.2.3 Use Case Materi ......................................................................................... 21

3.3.2.4 Use Case Evaluasi ...................................................................................... 22

3.3.2.5 Use Case Hasil ............................................................................................ 22

3.3.2.6 Use Case Input User ................................................................................... 23

3.3.2.7 Use Case Edit User ..................................................................................... 23

3.3.2.8 Use Case Delete User ................................................................................. 24

3.3.2.9 Use Case Input Materi ................................................................................ 24

3.3.2.10 Use Case Edit Materi ................................................................................. 25

3.3.2.11 Use Case Delete Materi ............................................................................. 25

3.3.2.12 Use Case Input Soal ................................................................................... 26

3.3.2.13 Use Case Edit Soal..................................................................................... 26

3.3.2.14 Use Case Delete Soal ................................................................................. 27

3.3.2.15 Use Case Penilaian ..................................................................................... 27

3.3.3 Activity Diagram ............................................................................................... 28

3.3.4 Sequence Diagram ............................................................................................ 42

3.3.5 Class Diagram .................................................................................................. 50

3.4 Perancangan Antarmuka Aplikasi.......................................................................... 50

3.4.1 Rancangan Antarmuka Halaman Awal ............................................................. 51

3.4.2 Rancangan Antarmuka Tampilan Menu Utama ............................................... 52

3.4.3 Rancangan Antarmuka Tampilan Pilihan Soal ................................................. 53

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM ............................................ 55

4.1 Implementasi ......................................................................................................... 55

4.1.1 Lingkupan Pengembangan Perangkat Lunak ...................................................... 55

4.1.2 Lingkupan Pengembangan Perangkat Keras ....................................................... 56

4.2 Implementasi Program ............................................................................................. 56

4.2.1 Implementasi Halaman Login Aplikasi ............................................................... 57

4.2.2 Implementasi Halaman Register .......................................................................... 58

4.2.3 Implementasi Halaman Menu Utama .................................................................. 59

4.2.4 Implementasi Halaman Menu Materi .................................................................. 60

4.2.5 Implementasi Halaman Menu Soal ...................................................................... 61

4.2.6 Implementasi Halaman Menu Soal Suara ............................................................ 64

4.2.7 Implementasi Halaman Nilai ............................................................................... 66

4.3 Pengujian Aplikasi ................................................................................................... 68

4.3.1 Pengujian Halaman Awal .................................................................................... 68

4.3.2 Pengujian Halaman Menu Utama ........................................................................ 70

4.3 Pengujian User ......................................................................................................... 75

BAB V KESIMPULAN DAN SARAN ............................................................................ 80

5.1 Kesimpulan ............................................................................................................... 80

5.2 Saran ......................................................................................................................... 80

DAFTAR PUSTAKA ........................................................................................................ 81

DAFTAR GAMBAR

Gambar 2.1 Komponen Utama Sistem Android .............................................................. 13

Gambar 2.2 Proses Kerja PHP ......................................................................................... 14

Gambar 3.1 Perancangan Arsitektur Sistem .................................................................... 16

Gambar 3.2 Flowchart Aplikasi ...................................................................................... 17

Gambar 3.3 Diagram Use Case ....................................................................................... 20

Gambar 3.4 Activity Diagram Register ............................................................................ 28

Gambar 3.5 Activity Diagram Menu Login ..................................................................... 29

Gambar 3.6 Activity Diagram Menu Materi .................................................................... 30

Gambar 3.7 Activity Diagram Menu Soal........................................................................ 31

Gambar 3.8 Activity Diagram Menu Hasil ...................................................................... 32

Gambar 3.9 Acitivity Diagram Admin Input User ........................................................... 33

Gambar 3.10 Acitivity Diagram Admin Edit User ............................................................. 34

Gambar 3.11 Acitivity Diagram Admin Delete User ......................................................... 35

Gambar 3.12 Acitivity Diagram Admin Input Materi ........................................................ 36

Gambar 3.13 Acitivity Diagram Admin Edit Materi .......................................................... 37

Gambar 3.14 Acitivity Diagram Admin Delete Materi ...................................................... 38

Gambar 3.15 Acitivity Diagram Admin Input Soal ............................................................ 39

Gambar 3.16 Acitivity Diagram Admin Edit Soal .............................................................. 40

Gambar 3.17 Acitivity Diagram Admin Delete Soal .......................................................... 41

Gambar 3.18 Acitivity Diagram Admin Penilaian.............................................................. 42

Gambar 3.19 Squence Diagram Register........................................................................... 43

Gambar 3.20 Squence Diagram Materi ............................................................................. 43

Gambar 3.21 Squence Diagram Soal ................................................................................. 44

Gambar 3.22 Squence Diagram Hasil ............................................................................... 45

Gambar 3.23 Squence Diagram Admin Input User ........................................................... 45

Gambar 3.24 Squence Diagram Admin Edit User............................................................. 46

Gambar 3.25 Squence Diagram Admin Delete User ......................................................... 46

Gambar 3.26 Squence Diagram Admin Input Materi ........................................................ 47

Gambar 3.27 Squence Diagram Admin Edit Materi ......................................................... 47

Gambar 3.28 Squence Diagram Admin Delete Materi ...................................................... 48

Gambar 3.29 Squence Diagram Admin Input Soal ........................................................... 48

Gambar 3.30 Squence Diagram Admin Edit Soal ............................................................. 49

Gambar 3.31 Squence Diagram Admin Delete Soal ......................................................... 49

Gambar 3.32 Class Diagram Tilawatil .............................................................................. 50

Gambar 3.33 Tampilan Awal Aplikasi ............................................................................... 51

Gambar 3.34 Tampilan Menu Registrasi ............................................................................ 52

Gambar 3.35 Tampilan Menu Utama ................................................................................. 52

Gambar 3.36 Rancangan Tampilan Menu Pilihan Soal ...................................................... 53

Gambar 3.37 Tampilan Menu Soal Multiple Choice ......................................................... 53

Gambar 4.1 Interface Login Aplikasi .............................................................................. 56

Gambar 4.2 Interface Halaman Register ......................................................................... 58

Gambar 4.3 Interface Halaman Menu Utama Apikasi .................................................... 59

Gambar 4.4 Interface Halaman Menu Materi .................................................................. 60

Gambar 4.5 Interface Halaman Menu Soal ..................................................................... 62

Gambar 4.6 Interface Halaman Soal Suara ...................................................................... 64

Gambar 4.7 Interface Halaman Nilai Pilihan Ganda ....................................................... 66

Gambar 4.8 Tampilan Awal Pengujian Menu Login ....................................................... 68

Gambar 4.9 Tampilan Awal Pengujian Menu Utama ....................................................... 69

Gambar 4.10 Tampilan Awal Pengujian Menu Register .................................................. 70

Gambar 4.11 Tampilan Awal Pengujian Menu Register .................................................. 70

Gambar 4.12 Tampilan Awal Pengujian Menu Utama ..................................................... 71

Gambar 4.13 Tampilan Awal Pengujian Menu Materi .................................................... 71

Gambar 4.14 Tampilan Awal Pengujian Menu Soal Pilihan Ganda ............................... 72

Gambar 4.15 Tampilan Awal Pengujian Menu Soal Pilihan Ganda ............................... 72

Gambar 4.16 Tampilan Awal Pengujian Menu Soal Suara ............................................. 73

Gambar 4.17 Tampilan Awal Pengujian Menu Soal Suara ............................................. 73

Gambar 4.18 Tampilan Awal Pengujian Menu Nilai ...................................................... 74

Gambar 4.19 Tampilan Awal Pengujian Menu Nili ........................................................ 74

DAFTAR TABEL

Tabel 3.1 Kebutuhan Non-Fungsional ............................................................................. 18

Tabel 3.2 Use Case Register Pembelajaran Tilawatil Qur’an .......................................... 20

Tabel 3.3 Use Case Login Pembelajaran Tilawatil Qur’an ............................................. 21

Tabel 3.4 Use Case Materi Pembelajaran Tilawatil Qur’an ............................................ 21

Tabel 3.5 Use Case Evaluasi Pembelajaran Tilawatil Qur’an ......................................... 22

Tabel 3.6 Use Case Hasil Pembelajaran Tilawatil Qur’an .............................................. 22

Tabel 3.7 Use Case Input User ........................................................................................ 23

Tabel 3.8 Use Case Edit User .......................................................................................... 23

Tabel 3.9 Use Case Delete User ...................................................................................... 24

Tabel 3.10 Use Case Input Materi ..................................................................................... 24

Tabel 3.11 Use Case Edit Materi ....................................................................................... 25

Tabel 3.12 Use Case Delete Materi ................................................................................... 25

Tabel 3.13 Use Case Input Soal ......................................................................................... 26

Tabel 3.14 Use Case Edit Soal ........................................................................................... 26

Tabel 3.15 Use Case Delete Soal ....................................................................................... 27

Tabel 3.16 Use Case Penilaian........................................................................................... 27

Tabel 4.1 Tabel Kuisioner Aplikasi .................................................................................. 78

DAFTAR PUSTAKA

[1] Antika, Miska “RANCANG BANGUN APLIKASI MOBILE LEARNING

UNTUK PEMBELAJARAN PROVINSI DI INDONESIA BERBASIS

ANDROID”, STMIK MDP, 2011

[2] Mausuli, Silma “EFEKTIVITAS DAKWAH LEMBAGA

PENGEMBANGAN TILAWATIL QUR’AN (LPTQ) PROVINSI DKI

JAKARTA MELALUI PROGRAM MUSABAQAH TILAWATILQUR’AN

(MTQ) TAHUN 2009”, Jakarta, Universitas Islam Negeri Syarif Hidayatullah,

2010.

[3] IDC (International Data Corporation). (2014, 1 Juli) Smarthphone OS market

share, Q1 2014. http://www.idc.com/prodserv/smartphone-os-market-share.jsp.

Diakses 6 Juli 2014.

[4] Gunawan, “PENGERTIAN AL-QUR’AN”, Pandan, 2009.

[5] Zainudin, Ahmad “PENGENALAN ANDROID”, Politeknik Elektronika

Negeri Surabaya.

[6] Subiyantoro, Eko. “ARSITEKTUR SISTEM OPERASI ANDROID”,

Widyaiswara Muda Departemen Teknologi Informasi PPPPTK BOE.

[7] Lauren, Glenn “RANCANG BANGUN APLIKASI PEMBELAJARAN

BUDAYA INDONESIA UNTUK ANAK SEKOLAH DASAR BERBASIS

ANDROID”, Universitas Gunadarma, 2013.

[8] Trimarsiah, Yunita “RANCANG BANGUN SISTEM INFORMASI

BERBASIS WEB PADA PRIVAT AWAL BELAJAR CERDAS

MENGGUNAKAN PHP DAN MYSQL”, Amik Akmi Baturaja, 2014.

[9] Khairil. “PENGANTAR PHP DAN WEB SERVER”, Bengkulu, Universitas

Dehasen.

[10] Al-Hariri, Annas Muhammad “PERANCANGAN PROTOTYPE SOFTWARE

TAHFIZH AL-QUR’AN DENGAN PENCOCOKAN SUARA”, Universitas

Muhammadiyah Malang, 2014.

[11] Abdurrachman “RANCANG BANGUN SISTEM TAHFIDZ AL-QUR’AN

ONLINE STUDI KASUS RUMAH TAHFIDZ HIMMATUNA AL-QUR’AN

SIGI-SULAWESI TENGAH”, Universitas Muhammadiyah Malang, 2014.

[12] Setiawan, Nugraha “PENENTUAN JUMLAH SAMPEL MEMAKAI RUMUS

SLOVIN DAN TABEL KREJCIE-MORGAN : TELAAH KONSEP DAN

APLIKASINYA”, Universitas Padjadjaran, 2007.