program diploma iii teknik informatika fakultas … filevii halaman persembahan tugas akhir ini...

20
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 2015

Upload: ngodiep

Post on 26-Apr-2019

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

2015

Page 2: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

ii

Page 3: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

iii

Page 4: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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.

Keywords: Android, Mobile Application, Tausiyah, Ustadz, Propagation, Info

Chaplain

Page 5: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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.

Dengan berhasilnya pembuatan aplikasi ini dapat membantu user untuk

mendapatkan informasi tausiyah secara lengkap dan ter-update karena

menggunakan sinkronasi data yang diambil langsung dari server. Sehingga

aplikasi ini dapat dengan lancer digunakan apabila terkoneksi dengan internet.

Kata kunci : Android, Mobile Application, Tausiyah, Ustadz, Dakwah, Info

Ustadz

Page 6: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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)

Jatuh itu biasa. Tapi jangan lama berbaring di situ.

(Mario Teguh)

Page 7: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

vii

HALAMAN PERSEMBAHAN

Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah

memberikan nasehat, dukungan, motivasi, dan doa terbaik kepada penulis. “

Wisudamu kapan Le?” , keluarga sering menanyakan hal tersebut, dan kalimat itu

juga memotivasi penulis untuk menyelesaikan laporan tugas akhir ini. Kemudian

untuk sahabat yang selalu memberikan motivasi, nasehat dan masukan kepada

penulis. Pembimbing yang selalu memberikan bimbingan dan arahan yang

bermanfaat kepada penulis. Dosen-dosen yang telah memberikan perkuliahan

sehingga ilmu yang diberikan dapat digunakan dalam pembuatan Tugas Akhir ini.

Teman-teman kelas TI A angkatan 2012, terimakasih atas bantuan dan dukungan

selama ini, kalian sangat luar biasa. Ustadz-ustadz yang telah memberikan saran,

nasehat dan kesediaannya dalam pembuatan Tugas Akhir ini. Untuk semuanya,

Terimakasih banyak..

Page 8: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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.

6. Para Dosen Program Studi Diploma III Teknik Informatika Universitas

Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.

Page 9: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

Penulis

Page 10: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

x

DAFTAR ISI

HALAMAN PERSETUJUAN .............................. Error! Bookmark not defined.

HALAMAN PENGESAHAN ................................ Error! Bookmark not defined.

ABSTRACT ........................................................................................................... iii

ABSTRAK .............................................................................................................. v

MOTTO ................................................................................................................. vi

HALAMAN PERSEMBAHAN ........................................................................... vii

KATA PENGANTAR ......................................................................................... viii

DAFTAR ISI ........................................................................................................... x

DAFTAR GAMBAR ........................................................................................... xvi

DAFTAR TABEL ................................................................................................. xx

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

2.5. Diagram Konteks .......................................................................... 7

Page 11: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

3.4.1.9. DFD Level 1 – Proses 6 Manajemen Video................................ 26

Page 12: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

3.4.4.1.6. Rancangan Halaman Input Jadwal Pengajian ............................. 46

Page 13: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

4.1.1.11. Implementasi Halaman Chat Admin ........................................... 57

Page 14: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

4.1.2.15. Implementasi Halaman Kategori Pengajian Ustadz .................... 76

Page 15: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

LAMPIRAN .......................................................................................................... 95

Page 16: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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.4. DFD Level 1 Proses 1 ................................................................. 20

Gambar 3.5. DFD Level 1 Proses 2 ................................................................. 21

Gambar 3.6. DFD Level 1 Proses 3 ................................................................. 23

Gambar 3.7. DFD Level 1 Proses 4 ................................................................. 24

Gambar 3.8. DFD Level 1 Proses 5 ................................................................. 25

Gambar 3.9. DFD Level 1 Proses 6 ................................................................. 26

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

Gambar 3.23. Sequence Menampilkan data Search ........................................... 38

Page 17: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

Gambar 4.7. Implementasi Halaman Input Jadwal Pengajian ............................. 55

Page 18: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

Gambar 4.32. Method Tampil Share Tausiyah ............................................ 68

Page 19: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

Gambar 4.57. Method Tampil About Info Ustadz ....................................... 80

Page 20: PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS … filevii HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada keluarga tercinta yang telah memberikan nasehat, dukungan,

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

Tabel 4.4. Pengujian Aplikasi Pada Device ................................................. 91