i
INFO USTADZ
APLIKASI ANDROID PENCARIAN USTADZ , TAUSIYAH, DAN LOKASI PENGAJIAN DENGAN SISTEM SINKRONASI DATA
Tugas Akhir
untuk memenuhi sebagian persyaratan mencapai derajat Diploma III
Program Studi Diploma III Teknik Informatika
Diajukan oleh BAGUS DWI CAHYO
M3112030
Kepada
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MIPA
UNIVERSITAS SEBELAS MARET
SURAKARTA
iv ABSTRACT
Bagus Dwi Cahyo. 2015. Making Applications Propagation "Ustadz Info" Android Application Search Ustadz, Tausiyah, And Location of recitals with Data Sync System.
Religion is one important element in building the personality of someone. Where the deliverying of religious education at this point already has many methods and media, so almost everyone can studying about Muslims obtain information easily through emerging technologies, Especially android smartphone.
Applications propaganda "Ustadz Info" is one android application that's built using the Java programming language, with the aim of making to publish information about teachers, like tausiyah, location of recitals, the data chaplain and others. The application comes with a web version which acts as a server is used by administrators to manage data cleric and tausiyah, as well as chaplain user to add data tausiyah, video recitals, mp3 recitals, and photos. Android applications used by the user the general public to get info tausiyah. With the success of making this application can help the user to tausiyah information is complete and updated as using synchronization data taken directly from the server. So that This application can be used smoothly when connected to the Internet.
v ABSTRAK
Bagus Dwi Cahyo. 2015. Pembuatan Aplikasi Dakwah “Info Ustadz”
Aplikasi Android Pencarian Ustadz , Tausiyah, Dan Lokasi Pengajian Dengan Sistem Sinkronasi Data.
Agama merupakan salah satu elemen penting dalam membangun kepribadian seseorang. Dimana penyampaian pendidikan agama pada saat ini telah memiliki banyak metode dan atau media , sehingga hampir setiap orang muslim dapat memperoleh informasi dengan mudah melalui teknologi yang sedang berkembang , terutama smartphone android.
Aplikasi dakwah “ Info Ustadz” merupakan salah satu aplikasi android yang dibangun menggunakan bahasa pemrograman Java, dengan tujuan pembuatan untuk mempublikasikan informasi seputar ustadz, seperti tausiyah, lokasi pengajian, data ustadz dan lain-lain. Aplikasi ini dilengkapi dengan versi web yang berperan sebagai server, digunakan oleh admin untuk mengelola data ustadz dan tausiyah, serta user ustadz untuk menambahkan data tausiyah, video pengajian, mp3 pengajian, dan foto. Aplikasi android digunakan oleh user
masyarakat umum untuk mendapatkan info tausiyah.
vi MOTTO
Aku ga harus mendapatkan yang terbaik,
tapi aku harus memberikan yang terbaik untuk menjadi yang terbaik. (Bagus Dwi Cahyo)
Barang siapa menempuh suatu jalan untuk mencari ilmu maka Allah akan memudahkan padanya jalan menuju ke surga”
(H.R. Muslim)
vii
HALAMAN PERSEMBAHAN
viii
KATA PENGANTAR
Bismillahirrohmanirrohim, syukur Alhamdulillah selalu penulis panjatkan kepada Allah SWT yang telah melimpahkan segenap rahmat dah karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “Info Ustadz Aplikasi Android Pencarian Ustadz , Tausiyah, Dan Lokasi Pengajian Dengan Sistem Sinkronasi Data” dengan lancar dan tepat waktu. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret.
Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada:
1. Allah SWT yang telah memberikan ridho, berkah, rahmat dan hidayahnya kepada penulis selama melakukan penelitian dan menyusun laporan Tugas Akhir ini.
2. Keluarga tercinta, Bapak, Ibu, dan kakak penulis yang selalu mendukung dalam menyelesaikan Tugas Akhir ini.
3. Bapak Prof. Ir. Ari Handono Ramelan M.Sc.(Hons), Ph.D selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret yang telah berkenan memberikan izin kepada penulis dalam pembuatan Tugas Akhir ini.
4. Bapak Abdul Aziz, S.Kom. , M.Cs. selaku Ketua Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang memberikan izin kepada penulis untuk mengikuti ujian Tugas Akhir ini.
5. Bapak Endar Suprih Wihidayat, S.T., M.Eng selaku dosen pembimbing yang telah dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik kepada penulis.
ix
7. Para Karyawan/wati Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah membantu penulis dalam menyelesaikan Tugas Akhir ini.
8. Teman-teman Diploma III Teknik Informatika angkatan 2012 dan khususnya mahasiswa DIII Teknik Informatika A yang telah membantu, memberi dukungan dalam menyelesaikan Tugas Akhir, terimakasih atas bantuan dan kerjasamanya selama perkuliahan ini.
Penulis menyadari sepenuhnya bahwa laporan Tugas masih jauh dari sempurna. Untuk itu, penulis menerima segala saran, kritik dan masukan yang bersifat membangun. Semoga laporan Tugas Akhir ini dapat memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri.
Surakarta, 15 Juni 2015
x DAFTAR ISI
HALAMAN PERSETUJUAN ... Error! Bookmark not defined. HALAMAN PENGESAHAN ... Error! Bookmark not defined.
ABSTRACT ... iii
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang Masalah ... 1
1.2 Rumusan Masalah ... 1
1.3 Batasan Masalah ... 1
1.4 Tujuan Penelitian ... 2
1.5 Manfaat Penelitian ... 2
1.6 Sistematika Penulisan ... 2
BAB II LANDASAN TEORI ... 3
2.1. Android ... 3
2.2. Eclipse Integrated Development Environment (Eclipse IDE) ... 5
2.3. Hypertext Preprocessor (PHP) ... 6
2.4. MySQL Database ... 6
xi
2.6. Data Flow Diagram ... 7
2.7. Entity Relationship Diagram ... 8
2.8. Unified Modelling Language ... 8
2.9.1. Use Case ... 8
2.9.2. Class Diagram ... 9
2.9.3. Activity Diagram ... 10
2.9.4. Sequence Diagram ... 11
BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM ... 14
3.1 Alat dan Bahan ... 14
3.1.1 Alat ... 14
3.1.2 Bahan... 14
3.2. Jalannya Penelitian ... 15
3.3 Analisa Kebutuhan Sistem ... 16
3.3.1 Kebutuhan Fungsional ... 16
3.3.2 Kebutuhan Non Fungsional... 17
3.4 Perancangan Sistem ... 18
3.4.1. Perancangan Aplikasi Web ... 18
3.4.1.1. Context Diagram ... 18
3.4.1.2. DFD Level 0 ... 18
3.4.1.4. DFD Level 1 – Proses 1 Manajemen Data Ustadz ... 19
3.4.1.5. DFD Level 1 – Proses 2 Manajemen Tausiyah ... 21
3.4.1.6. DFD Level 1 – Proses 3 Manajemen Jadwal Pengajian ... 23
3.4.1.7. DFD Level 1 – Proses 4 Manajemen Gambar ... 24
3.4.1.8. DFD Level 1 – Proses 5 Manajemen Rekaman ... 25
xii
3.4.1.10. DFD Level 1 – Proses 7 Manajemen Komentar ... 27
3.4.2. Perancangan Aplikasi Mobile ... 28
3.4.2.1. Use Case Diagram ... 28
3.4.2.2. Activity Diagram ... 29
3.4.2.2.1. Activity Diagram Menampilkan data Tausiyah... 29
3.4.2.2.2. Activity Diagram Menampilkan data Jadwal Pengajian ... 30
3.4.2.2.3. Activity Diagram Menampilkan data Ustadz ... 31
3.4.2.2.4. Activity Diagram Melakukan Pencarian data Tausiyah ... 32
3.4.2.2.5. Activity Diagram Menampilkan data Mp3 Pengajian ... 33
3.4.2.2.6. Activity Diagram Menampilkan data Galery Gambar ... 34
3.4.2.2.7. Activity Diagram Menampilkan data Video ... 35
3.4.2.3. Diagram Sequence ... 36
3.4.2.4. Class Diagram ... 39
3.4.3. Perancangan Basis Data ... 39
3.4.3.1. Entity Relationship Diagram ... 39
3.4.3.2. Mapping Tabel ... 40
3.4.3.3. Tabel Fisik ... 40
3.4.4. Perancangan User Interface... 44
3.4.4.1. Perancangan User Interface Aplikasi Web ... 44
3.4.4.1.1. Rancangan Halaman Login ... 44
3.4.4.1.2. Rancangan Halaman Beranda ... 44
3.4.4.1.3. Rancangan Halaman Tausiyah ... 45
3.4.4.1.4. Rancangan Halaman Input Tausiyah ... 45
3.4.4.1.5. Rancangan Halaman Jadwal Pengajian ... 45
xiii
3.4.4.2. Perancangan User Interface Aplikasi Mobile ... 47
3.4.4.2.1. Rancangan Halaman Splash ... 47
3.4.4.2.2. Rancangan Halaman Home ( Tausiyah ) ... 47
3.4.4.2.3. Rancangan Halaman Detail Tausiyah ... 48
3.4.4.2.4. Rancangan Halaman Komentar Tausiyah ... 49
3.4.4.2.5. Rancangan Halaman Pengajian ... 49
3.4.4.2.6. Rancangan Halaman Lokasi Pengajian ... 50
3.4.4.2.7. Rancangan Halaman Search Tausiyah ... 50
3.4.4.2.8. Rancangan Halaman Ustadz ... 51
3.4.4.2.9. Rancangan Halaman Kategori... 51
BAB IV ... 52
IMPLEMENTASI DAN ANALISA ... 52
4.1. Implementasi ... 52
4.1.1. Implementasi Aplikasi Versi Web ... 52
4.1.1.1. Implementasi Halaman Login ... 52
4.1.1.2. Implementasi Halaman Utama Ustadz ... 52
4.1.1.3. Implementasi Halaman Tausiyah Ustadz ... 53
4.1.1.4. Implementasi Halaman Input Tausiyah ... 53
4.1.1.5. Implementasi Halaman Semua Tausiyah post ... 54
4.1.1.6. Implementasi Halaman Jadwal Pengajian ... 54
4.1.1.7. Implementasi Halaman Input Pengajian ... 55
4.1.1.8. Implementasi Halaman Galery Gambar ... 55
4.1.1.9. Implementasi Halaman Galery Mp3 Pengajian ... 56
4.1.1.10. Implementasi Halaman Galery Video Pengajian ... 56
xiv
4.1.1.12. Implementasi Halaman Profil ... 57
4.1.1.13. Implementasi Halaman Baca Tausiyah ... 58
4.1.1.14. Implementasi Halaman Beranda Admin ... 58
4.1.1.15. Implementasi Halaman Input Ustadz atau Admin ... 59
4.1.1.16. Implementasi Halaman Tausiyah Unpost ... 59
4.1.1.17. Implementasi Halaman Komentar... 60
4.1.1.18. Implementasi Halaman Galery Gambar ... 61
4.1.1.19. Implementasi Halaman Input Hadist ... 61
4.1.1.20. Implementasi Halaman Chating Ustadz ... 62
4.1.2. Implementasi Aplikasi Mobile Info Ustadz ... 62
4.1.2.1. Implementasi Halaman Splash ... 62
4.1.2.2. Implementasi Halaman Input Nama User ... 63
4.1.2.3. Implementasi Halaman Beranda ... 64
4.1.2.4. Implementasi Halaman Detail Tausiyah ... 65
4.1.2.5. Implementasi Halaman Komentar Tausiyah ... 66
4.1.2.6. Implementasi Halaman Share Tausiyah ... 67
4.1.2.7. Implementasi Halaman Pengajian ... 68
4.1.2.8. Implementasi Halaman Lokasi Pengajian ... 69
4.1.2.9. Implementasi Halaman Direction Lokasi Pengajian ... 70
4.1.2.10. Implementasi Halaman Search Tausiyah ... 71
4.1.2.11. Implementasi Halaman List Ustadz ... 72
4.1.2.12. Implementasi Halaman Kategori Ustadz ... 73
4.1.2.13. Implementasi Halaman Kategori List Video Ustadz ... 74
4.1.2.14. Implementasi Halaman Kategori Rekaman Pengajian ... 75
xv
4.1.2.16. Implementasi Halaman Kategori Tausiyah Ustadz ... 77
4.1.2.17. Implementasi Halaman Galery Gambar ... 78
4.1.2.18. Implementasi Halaman About Info Ustadz ... 79
4.2. Analisa Sistem ... 80
4.2.1. Analisa Sistem Versi Web ... 80
4.2.1.1. Pengujian Sistem Admin Web Info Ustadz ... 80
4.2.1.2. Pengujian Sistem Ustadz Web Info Ustadz ... 83
4.2.2. Analisa Aplikasi Info Ustadz ... 87
4.2.2.1. Pengujian Fungsional Aplikasi Info Ustadz ... 87
4.2.2.2. Pengujian Aplikasi Pada Device ... 91
BAB V ... 93
PENUTUP ... 93
5.1. Kesimpulan ... 93
5.2. Saran ... 93
DAFTAR PUSTAKA ... 94
xvi
DAFTAR GAMBAR
Gambar 2.1 Notasi Activity Diagram (Triandini, 2012) ... 10
Gambar 3.1. Simbol-Simbol pada Seqeunce Diagram ... 15
Gambar 3.2. Context Diagram Info Ustadz ... 18
Gambar 3.3. DFD Level 0 ... 19
Gambar 3.10. DFD Level 1 Proses 7 ... 27
Gambar 3.11. Use Case Info Ustadz ... 28
Gambar 3.12. Activity Diagram Menampilkan Tausiyah ... 29
Gambar 3.13. Activity Diagram Menampilkan Jadwal ... 30
Gambar 3.14. Activity Diagram Menampilkan Ustadz ... 31
Gambar 3.15. Activity Diagram Pencarian Tausiyah ... 32
Gambar 3.16. Activity Diagram Menampilkan Mp3 Pengajian... 33
Gambar 3.17. Activity Diagram Menampilkan Galery Gambar ... 34
Gambar 3.18. Activity Diagram Menampilkan Data Video... 35
Gambar 3.19. Sequence Menampilkan data Tausiyah ... 36
Gambar 3.20. Sequence Menampilkan data Pengajian ... 36
Gambar 3.21. Sequence Menampilkan data Ustadz ... 37
Gambar 3.22. Sequence Menampilkan data Galery ... 37
xvii
Gambar 3.24. Sequence Menampilkan data Mp3 Pengajian ... 38
Gambar 3.25. ERD Info Ustadz ... 39
Gambar 3.26. Maping Tabel ... 40
Gambar 3.27. Rancangan Halaman Login ... 44
Gambar 3.28. Rancangan Halaman Beranda ... 44
Gambar 3.29. Rancangan Halaman Tausiyah ... 45
Gambar 3.30. Halaman Input Tausiyah ... 45
Gambar 3.31. Halaman Jadwal Pengajian ... 46
Gambar 3.32. Halaman Input Jadwal ... 46
Gambar 3.33. Rancangan Halaman Splash ... 47
Gambar 3.34. Rancangan Halaman Home ... 47
Gambar 3.35. Rancangan Halaman Detail ... 48
Gambar 3.36. Rancangan Halaman Komentar... 49
Gambar 3.37. Rancangan Halaman Jadwal ... 49
Gambar 3.38. Rancangan Halaman Lokasi ... 50
Gambar 3.39. Rancangan Halaman Search ... 50
Gambar 3.40. Rancangan Halaman Ustadz ... 51
Gambar 3.41. Rancangan Halaman Kategori... 51
Gambar 4.1.Implementasi Halaman Login ... 52
Gambar 4.2.Implementasi Halaman Utama Ustadz ... 53
Gambar 4.3.Implementasi Halaman Tausiyah ... 53
Gambar 4.4.Implementasi Halaman Input Tausiyah ... 54
Gambar 4.5.Implementasi Halaman Semua Tausiyah ... 54
Gambar 4.6.Implementasi Halaman Jadwal Pengajian ... 55
xviii
Gambar 4.8.Implementasi Halaman Galery Gambar ... 56
Gambar 4.9.Implementasi Halaman Galery Mp3 Pengajian ... 56
Gambar 4.10. Implementasi Halaman Galery Video Pengajian ... 57
Gambar 4.11. Implementasi Halaman Chat Admin ... 57
Gambar 4.12. Implementasi Halaman Profil ... 58
Gambar 4.13. Implementasi Halaman Baca Tausiyah ... 58
Gambar 4.14. Implementasi Halaman Beranda Admin ... 59
Gambar 4.15. Implementasi Halaman Input Ustadz dan Admin ... 59
Gambar 4.16. Implementasi Halaman Unpost Tausiyah ... 60
Gambar 4.17. Implementasi Halaman Komentar ... 60
Gambar 4.18. Implementasi Halaman Galery Gambar ... 61
Gambar 4.19. Implementasi Halaman Input Hadist ... 61
Gambar 4.20. Implementasi Halaman Chating Ustadz ... 62
Gambar 4.21. Implementasi Halaman Splash Info Ustadz ... 62
Gambar 4.22. Method Tampil Splash ... 63
Gambar 4.23. Implementasi Halaman Input Nama User ... 63
Gambar 4.24. Method Tampil Input Nama User ... 64
Gambar 4.25. Implementasi Halaman Beranda ... 64
Gambar 4.26. Method Tampil Beranda ... 65
Gambar 4.27. Tampilan Halaman Detai Tausiyah ... 65
Gambar 4.28. Method Tampil Detail Tausiyah ... 66
Gambar 4.29. Tampilan Halaman Komentar ... 66
Gambar 4.30. Method Tampil Komentar Tausiyah ... 67
Gambar 4.31. Tampilan Halaman Berbagi ... 67
xix
Gambar 4.33. Implementasi Halaman Pengajian ... 68
Gambar 4.34. Method Tampil Data Jadwal Pengajian ... 69
Gambar 4.35. Implementasi Halaman Lokasi Pengajian ... 69
Gambar 4.36. Method Tampil Lokasi Pengajian ... 70
Gambar 4.37. Implementasi Halaman Direction Penentuan Jalur Terdekat 70 Gambar 4.38. Implementasi Halaman Direction Lokasi Pengajian ... 71
Gambar 4.39. Implementasi Halaman Search Tausiyah ... 71
Gambar 4.40. Method Tampil Search Tausiyah ... 72
Gambar 4.41. Implementasi Halaman List Ustadz ... 72
Gambar 4.42. Method Tampil List Ustadz ... 73
Gambar 4.43. Implementasi Halaman Kategori Ustadz ... 73
Gambar 4.44. Method Tampil Kategori Ustadz ... 74
Gambar 4.45. Implementasi Halaman Kategori Video Ustadz ... 74
Gambar 4.46. Method Tampil Kategori Video Ustadz ... 74
Gambar 4.47. Implementasi Halaman Kategori Audio Ustadz ... 75
Gambar 4.48. Method Tampil Kategori Audio Ustadz ... 75
Gambar 4.49. Implementasi Halaman Streaming Audio Ustadz ... 76
Gambar 4.50. Implementasi Halaman Kategori Jadwal Pengajian Ustadz .. 76
Gambar 4.51. Method Tampil Kategori Jadwal Pengajian Ustadz ... 77
Gambar 4.52. Implementasi Halaman Kategori Tausiyah Ustadz ... 77
Gambar 4.53. Method Tampil Kategori Tausiyah Ustadz ... 78
Gambar 4.54. Implementasi Halaman Galery Gambar ... 78
Gambar 4.55. Method Tampil Galery Gambar ... 79
Gambar 4.56. Implementasi Halaman About Info Ustadz ... 79
xx
DAFTAR TABEL
Tabel 2.1 Simbol Komponen use case ... 9
Tabel 2.2 Simbol Komponen class diagram ... 9
Tabel 2.3 Simbol-Simbol pada Seqeunce Diagram ... 11
Tabel 3.1. Deskripsi Aktor ... 16
Tabel 3.2. Kebutuhan Fungsional ... 17
Tabel 3.3. Tabel user ... 40
Tabel 3.4. Tabel ustadz ... 40
Tabel 3.5. Tabel tausiyah ... 41
Tabel 3.6. Tabel chat ... 41
Tabel 3.7. Tabel comment ... 42
Tabel 3.8. Tabel mp... 42
Tabel 3.9. Tabel galery ... 42
Tabel 3.10. Tabel video ... 43
Tabel 3.11. Tabel pengajian ... 43
Tabel 3.12. Tabel log... 43
Tabel 3.13. Tabel hadits ... 43
Tabel 4.1. Tabel Pengujian Sistem Admin Web Info Ustadz ... 80
Tabel 4.2. Pengujian Sistem Ustadz Web Info Ustadz ... 83
Tabel 4.3. Pengujian Fungsional Aplikasi Info Ustadz ... 87
