aplikasi pembeljaran tilawatil qur’an berbasis...
TRANSCRIPT
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.