i
PEMBUATAN APLIKASI
EVENT
DI SURAKARTA BERBASIS
ANDROID
Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya
pada Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret.
Disusun Oleh :
TIARA NAWASTU
NIM. M3114138
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
ii
iii
iv
PERNYATAAN
Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini
tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan
disuatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat
karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali
yang secara tertulis diacu dalam naskah ini dan disebutkan dalam Daftar
Pustaka.
Surakarta, Juni 2017
v
HALAMAN MOTTO
“Sesungguhnya sesudah kesulitan itu ada kemudahan. Maka apabila kamu telah
selesai (dari suatu urusan). Kerjakanlah dengan sungguh-sungguh (urusan) yang
lain. Dan hanya kepada Tuhanmulah hendaknya kamu berharap.”
(Q.S. Surat Al-Insyirah ayat 6-8)
“Boleh jadi kamu membenci sesuatu, padahal ia amat baik bagi kamu. Dan boleh
jadi kamu mencintai sesuatu, padahal ia amat buruk bagi kamu. Allah Maha
Mengetahui sedangkan kamu tidak mengetahui.
”
vi
HALAMAN PERSEMBAHAN
Tugas Akhir ini penulis persembahkan kepada :
1.
Keluarga tercinta Bapak Sardi, Ibu Supinah, dan Kakak Amung L. Saputro
yang telah memberikan nasehat, doa, dan motivasi kepada penulis.
2.
Dosen pembimbing Pak Sahirul yang telah memberikan arahan, bimbingan,
dan masukan yang bermanfaat kepada penulis.
3.
Teman-teman DIII Teknik Informatika 2014 khususnya kelas TIE-TIF,
terimakasih atas bantuan, dukungan, dan kebersamaannya selama ini.
4.
Teman-temanku Princess (Wiji Lestari, Uswatun Hasanah, Zulaiha Nur
Aini, Tiastuti Larasati, Vidia Akhluvi O., Wiskha Rosianden RRD, Shoffia
Fajrin) yang telah berjuang bersama dalam menempuh perkuliahan.
vii
KATA PENGANTAR
Assalamualaikum wr.wb.
Puji syukur penulis panjatkan kepada Allah SWT yang telah memberikan
taufik, hidayah, dan inayah-Nya sehingga penulis masih diberikan kesempatan.
Sholawat serta salam semoga tercurahkan kepada Nabi kita Muhammad SAW,
berserta keluarganya, para shahabat dan umatnya yang senantiasa istiqomah dijalan
kebenaran yaitu islam.
Laporan Tugas Akh
ir dengan judul “
Pembuatan
Aplikasi Event di
Surakarta Berbasis Android
”
disusun untuk memenuhi salah
satu syarat dalam
memperoleh gelar Amd.) pada Program Studi Diploma III Teknik
Informatika
Universitas Sebelas Maret. Dalam menyelesaikan laporan ini penulis
mendapat
banyak bantuan baik materiil maupun spiritual dari berbagai pihak. Oleh
karena itu
penulis mengucapkan banyak terima kasih kepada:
1.
Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons)., Ph.D. selaku Pimpinan
Fakultas MIPA Universitas Sebelas Maret yang memberikan izin
kepada
penulis untuk belajar.
2.
Abdul Aziz, S.Kom, M.Cs. selaku Kepala Program Studi Diploma III
Teknik Informatika FMIPA UNS.
3.
Sahirul Alim Tri Bawono, S.Kom., M.Eng selaku pembimbing yang telah
memberikan pengarahan dan bimbingan untuk penulis.
viii
Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh
dari sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat
membangun sangat penulis harapkan. Akhir kata, semoga tulisan ini dapat
memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan
khususnya bagi penulis sendiri.
Wassalamualaikum wr.wb.
Surakarta, Juni 2017
ix
DAFTAR ISI
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN... iii
PERNYATAAN ... iv
HALAMAN MOTTO ... v
HALAMAN PERSEMBAHAN ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR TABEL ... xii
DAFTAR GAMBAR ... xiii
INTISARI ... xvii
ABSTRACT ... xviii
BAB I ... 1
PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Perumusan Masalah ... 2
1.3. Tujuan Penelitian ... 3
1.4. Manfaat Penelitian ... 3
1.5. Batasan Masalah ... 3
1.6. Metodologi Penelitian ... 3
1.7. Sistematika Penulisan ... 5
BAB II ... 6
TINJAUAN PUSTAKA DAN LANDASAN TEORI ... 6
2.1. Tinjauan Pustaka ... 6
2.2. Event ... 8
2.3. CodeIgniter ... 8
2.4. Model-View-Controller (MVC) ... 9
2.5. Web ... 10
2.6. Android ... 10
2.7. Android Studio ... 11
2.8. UML (Unified Modelling Language) ... 12
2.8.1 Use Case Diagram ... 12
x
2.8.3 Sequence Diagram ... 14
2.8.4 Activity Diagram ... 17
2.9. MySQL ... 18
2.10. SQL ... 19
2.11. Database ... 19
2.12. Diagram Entity-Relathionship (Diagram E-R) ... 19
2.13. Model Entity-Relationship (Model Keterhubungan-Entitas) ... 20
2.13.1. Entitas (Entity) dan Himpunan Entitas (Entity Set) ... 21
2.13.2. Atribut (Attributes / Properties) ... 21
2.13.3. Relasi (Relationship) dan Himpunan Relasi (RelationshipSet) ... 21
2.13.4. Kardinalitas/Derajat Relasi ... 22
2.14 Spesialisasi ... 24
2.15 PHP ... 25
2.16 Java ... 25
2.17 XML (eXtensible Markup Language) ... 26
2.18 JSON ... 27
2.19 Black-Box Testing (Pengujian Kotak Hitam) ... 27
BAB III ... 29
ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM ... 29
3.1. Gambaran Umum Aplikasi ... 29
3.2 Proses Bisnis ... 30
3.3 Alat dan Bahan ... 30
3.3.1. Alat ... 30
3.3.2. Bahan ... 31
3.4 Analisa Kebutuhan Sistem ... 31
3.4.1. Kebutuhan Fungsional ... 31
3.4.2. Kebutuhan Non Fungsional ... 32
3.5 Perancangan Sistem ... 33
3.5.1. Perancangan Aplikasi Web ... 33
3.5.2. Perancangan Aplikasi Android ... 51
3.6 Perancangan Basis Data ... 65
3.6.1. ERD (Entity Relationship Diagram) ... 65
3.6.2. Relasi Antar Tabel ... 66
xi
3.7 Perancangan User Interface ... 72
3.7.1. Perancangan User Interface Aplikasi Web ... 72
3.7.2. Perancangan User Interface Aplikasi Android ... 78
3.8 Perancangan Pengujian Sistem ... 82
BAB IV ... 83
IMPLEMENTASI DAN PENGUJIAN ... 83
4.1. Implementasi ... 83
4.1.1. Implementasi Aplikasi Web ... 83
4.1.2. Implementasi Aplikasi Android ... 95
4.2. Pengujian... 112
4.2.1. Pengujian Aplikasi Web ... 112
4.2.2. Pengujian Aplikasi Android ... 117
BAB V ... 123
PENUTUP ... 123
5.1. Kesimpulan ... 123
5.2. Saran ... 123
xii
DAFTAR TABEL
Tabel 2. 1 Simbol Use Case ... 12
Tabel 2. 2 Simbol Class Diagram ... 14
Tabel 2. 3 Simbol Sequence Diagram ... 14
Tabel 2. 4 Simbol Activity Diagram ... 18
Tabel 3. 1 Deskripsi Aktor ... 31
Tabel 3. 2 Kebutuhan Fungsional... 32
Tabel 3. 3 Kebutuhan Non Fungsional ... 32
Tabel 3. 4 Tabel Admin ... 67
Tabel 3. 5 Tabel Comment ... 68
Tabel 3. 6 Tabel Event ... 68
Tabel 3. 7 Tabel Hadir ... 69
Tabel 3. 8 Tabel Jenis ... 70
Tabel 3. 9 Tabel Kategori ... 70
Tabel 3. 10 Tabel Publisher ... 71
Tabel 3. 11 Tabel Suka ... 71
Tabel 3. 12 Tabel User ... 72
Tabel 4. 1 Pengujian Aplikasi Web ... 112
Tabel 4. 2 Pengujian Aplikasi Android ... 117
xiii
DAFTAR GAMBAR
Gambar 2. 1 Arsitektur MVC ... 9
Gambar 2. 2 Simbol Diagram E-R ... 20
Gambar 2. 3 Relasi Satu ke Satu ... 22
Gambar 2. 4 Relasi Satu ke Banyak ... 23
Gambar 2. 5 Relasi Banyak ke Satu ... 23
Gambar 2. 6 Relasi Banyak ke Banyak ... 24
Gambar 2. 7 Struktur Java ... 26
Gambar 3. 1 Gambaran Umum ... 29
Gambar 3. 2 Proses Bisnis ... 30
Gambar 3. 3 Use Case Aplikasi Web ... 34
Gambar 3. 4 Activity Diagram Admin Lihat Data Event ... 34
Gambar 3. 5 Activity Diagram Admin Mengubah Status Event ... 35
Gambar 3. 6 Activity Diagram Admin Lihat Data Jenis ... 35
Gambar 3. 7 Activity Diagram Admin Menambahkan Data Jenis ... 36
Gambar 3. 8 Activity Diagram Admin Mengahapus Data Jenis ... 36
Gambar 3. 9 Activity Diagram Admin Lihat Data Kategori ... 37
Gambar 3. 10 Activity Diagram Admin Menambahkan Data Kategori ... 37
Gambar 3. 11 Activity Diagram Admin Mengapus Data Kategori ... 38
Gambar 3. 12 Activity Diagram Admin Melihat Data User ... 38
Gambar 3. 13 Activity Diagram Admin Melihat Data Publisher ... 39
Gambar 3. 14 Activity Diagram Publisher Melihat Data Event ... 39
Gambar 3. 15 Activity Diagram Publsiher Menambahkan Data Event... 40
Gambar 3. 16 Activity Diagram Publisher Menghapus Data Event ... 40
Gambar 3. 17 Activity Diagram Publisher Melihat Data Komentar ... 41
Gambar 3. 18 Activity Diagram Publisher Menambahkan Data Komentar ... 41
Gambar 3. 19 Activity Diagram Publisher Menghapus Data Komentar ... 42
Gambar 3. 20 Activity Diagram Publisher Melihat Data Publisher ... 42
Gambar 3. 21 Activity Diagram Publisher Mengubah Data Publisher ... 43
Gambar 3. 22 Sequence Diagram Admin Manajemen Data Event ... 44
Gambar 3. 23 Sequence Diagram Admin Manajemen Data Jenis ... 45
Gambar 3. 24 Sequence Diagram Admin Manajemen Data Kategori ... 46
Gambar 3. 25 Sequence Diagram Admin Melihat Data User ... 47
Gambar 3. 26 Sequence Diagram Admin Melihat Data Publisher ... 47
Gambar 3. 27 Sequence Diagram Publisher Manajemen Data Event ... 48
Gambar 3. 28 Sequence Diagram Publisher Manajemen Data Komentar... 49
Gambar 3. 29 Sequence Diagram Publisher Manajemen Data Publisher ... 50
Gambar 3. 30 Class Diagram Aplikasi Web ... 51
Gambar 3. 31 Use Case Aplikasi Android ... 52
Gambar 3. 32 Activity Diagram User Melihat Data User ... 53
Gambar 3. 33 Activity Diagram User Mengubah Data User ... 53
Gambar 3. 34 Activity Diagram User Melihat Komentar User ... 54
Gambar 3. 35 Activity Diagram User Menghapus Komentar User ... 54
xiv
Gambar 3. 37 Activity Diagram User Melihat Data Jenis ... 55
Gambar 3. 38 Activity Diagram User Melihat Data Kategori ... 56
Gambar 3. 39 Activity Diagram User Melihat Data Publisher ... 56
Gambar 3. 40 Activity Diagram User Melihat Detail Event ... 57
Gambar 3. 41 Activity Diagram User Menambahkan Data Suka ... 57
Gambar 3. 42 Activity Diagram User Melihat Data Kehadiran ... 58
Gambar 3. 43 Activity Diagram User Menambahkan Data Kehadiran ... 58
Gambar 3. 44 Activity Diagram User Melihat Komentar Event ... 59
Gambar 3. 45 Activity Diagram User Menambahkan Komentar Event ... 59
Gambar 3. 46 Sequence Diagram User Manajemen Data User ... 60
Gambar 3. 47 Sequence Diagram User Manajemen Data Komentar User ... 61
Gambar 3. 48 Sequence Diagram User Melihat Data Event ... 62
Gambar 3. 49 Sequence Diagram User Melihat Data Jenis ... 63
Gambar 3. 50 Sequence Diagram User Melihat Data Kategori ... 63
Gambar 3. 51 Sequence Diagram User Melihat Data Publisher ... 64
Gambar 3. 52 Sequence Diagram User Manajemen Detail Event ... 64
Gambar 3. 53 Class Diagram Aplikasi Android ... 65
Gambar 3. 54 Entity Relationship Diagram ... 66
Gambar 3. 55 Relasi Antar Tabel ... 67
Gambar 3. 56 Perancangan User Interface Halaman Login Admin ... 73
Gambar 3. 57 Perancangan User Interface Halaman Data Event ... 73
Gambar 3. 58 Perancangan User Interface Halaman Data Jenis ... 74
Gambar 3. 59 Perancangan User Interface Halaman Data Kategori ... 74
Gambar 3. 60 Perancangan User Interface Halaman Data User ... 75
Gambar 3. 61 Perancangan User Interface Halaman Data Publisher ... 75
Gambar 3. 62 Perancangan User Interface Halaman Login Publisher ... 76
Gambar 3. 63 Perancangan User Interface Publisher Halaman Beranda ... 76
Gambar 3. 64 Perancangan User Interface Publisher Halaman Tambah Event ... 77
Gambar 3. 65 Perancangan User Interface Publisher Halaman Tampil Publisher ... 78
Gambar 3. 66 Perancangan User Interface Halaman Login User ... 78
Gambar 3. 67 Perancangan User Interface Halaman Beranda ... 79
Gambar 3. 68 Perancangan User Interface Halaman Lain-lain ... 79
Gambar 3. 69 Perancangan User Interface Halaman Profile ... 80
Gambar 3. 70 Perancangan User Interface Halaman Detail Event ... 80
Gambar 3. 71 Perancangan User Interface Halaman Publisher ... 81
Gambar 3. 72 Perancangan User Interface Halaman Jenis ... 81
Gambar 3. 73 Perancangan User Interface Halaman Komentar Event ... 82
Gambar 4. 1 Implementasi Aplikasi Halaman Login Admin ... 83
Gambar 4. 2 Source Code Class Controller Halaman Login Admin ... 84
Gambar 4. 3 Source Code Class Model Halaman Login Admin ... 84
Gambar 4. 4 Implementasi Aplikasi Halaman Data Event ... 85
Gambar 4. 5 Source Code Class Controller Halaman Data Event ... 85
Gambar 4. 6 Source Code Class Model Halaman Data Event ... 86
xv
Gambar 4. 8 Source Code Class Controller Halaman Data Jenis ... 86
Gambar 4. 9 Source Code Class Model Halaman Data Jenis ... 87
Gambar 4. 10 Implementasi Aplikasi Halaman Data Kategori ... 87
Gambar 4. 11 Source Code Class Controller Halaman Data Kategori ... 87
Gambar 4. 12 Source Code Class Model Halaman Data Kategori ... 88
Gambar 4. 13 Implementasi Aplikasi Halaman Data User ... 88
Gambar 4. 14 Source Code Class Controller Halaman Data User ... 88
Gambar 4. 15 Source Code Class Model Halaman Data User ... 89
Gambar 4. 16 Implementasi Aplikasi Halaman Data Publisher ... 89
Gambar 4. 17 Source Code Class Controller Halaman Data Publisher ... 89
Gambar 4. 18 Source Code Class Model Halaman Data Publisher ... 90
Gambar 4. 19 Implementasi Aplikasi Halaman Login Publisher ... 90
Gambar 4. 20 Source Code Class Controller Halaman Login Publisher ... 91
Gambar 4. 21 Source Code View Halaman Login Publisher ... 91
Gambar 4. 22 Implementasi Aplikasi Halaman Beranda ... 92
Gambar 4. 23 Source Code Class Controller Halaman Beranda Publisher ... 92
Gambar 4. 24 Source Code Class Model Halaman Beranda Publisher ... 93
Gambar 4. 25 Implementasi Aplikasi Halaman Tambah Event ... 93
Gambar 4. 26 Source Code Class Controller Halaman Tambah Event ... 94
Gambar 4. 27 Source Code Class Model Halaman Tambah Event ... 94
Gambar 4. 28 Implementasi Aplikasi Halaman Tampil Data Publisher ... 95
Gambar 4. 29 Source Code Class Controller Halaman Tampil Data Publisher ... 95
Gambar 4. 30 Source Code Class Model Halaman Tampil Data Publisher ... 95
Gambar 4. 31 Implementasi Aplikasi Halaman Splash ... 96
Gambar 4. 32 Source Code Halaman Splash ... 96
Gambar 4. 33 Implementasi Aplikasi Halaman Login User ... 97
Gambar 4. 34 Source Code Halaman Login User ... 98
Gambar 4. 35 Implementasi Aplikasi Halaman Registrasi User ... 98
Gambar 4. 36 Source Code Halaman Registrasi User ... 99
Gambar 4. 37 Implementasi Aplikasi Halaman Beranda ... 99
Gambar 4. 38 Source Code Halaman Beranda ... 100
Gambar 4. 39 Implementasi Aplikasi Halaman Lain-lain ... 101
Gambar 4. 40 Source Code Halaman Lain-lain ... 102
Gambar 4. 41 Implementasi Aplikasi Halaman Profile ... 103
Gambar 4. 42 Source Code Halaman Profile ... 103
Gambar 4. 43 Implementasi Aplikasi Halaman Detail Data Event ... 104
Gambar 4. 44 Source Code Halaman Detail Event ... 105
Gambar 4. 45 Implementasi Aplikasi Halaman Data Publisher ... 106
Gambar 4. 46 Source Code Halaman Publisher ... 106
Gambar 4. 47 Implementasi Aplikasi Halaman Data Jenis ... 107
Gambar 4. 48 Source Code Halaman Data Jenis ... 107
Gambar 4. 49 Implementasi Aplikasi Halaman Data Kategori ... 108
Gambar 4. 50 Source Code Halaman Data Kategori ... 108
xvi
Gambar 4. 52 Source Code Halaman Komentar User ... 109
Gambar 4. 53 Implementasi Aplikasi Halaman Komentar Event ... 110
Gambar 4. 54 Source Code Halaman Komentar User ... 110
Gambar 4. 55 Implementasi Aplikasi Halaman Hapus Komentar User ... 111
Gambar 4. 56 Source Code Halaman Hapus Komentar User... 111
xvii
INTISARI
Indonesia merupakan negara yang kaya akan keanekaragaman budaya.
Banyak penyelenggara
event
baik dari pemerintah maupun pihak swasta yang terus
berusaha menciptakan suatu kegiatan untuk memperkenalkan budaya atau sekedar
menarik perhatian masyarakat. Pembuatan aplikasi
event
di Surakarta
dilatarbelakangi dari ketidaktahuan masyarakat mengenai penyelenggaraan suatu
event
dimana promosi yang dilakukan pihak penyelenggara masih kurang serta
aplikasi ini dibangun untuk mewadahi semua informasi event yang akan
berlanngsung di daerah Surakarta.
Sistem ini dibangun dengan teknologi komputer berbasis
web
dan android.
Sistem informasi ini menggunakan bahasa pemrograman PHP untuk sistem
berbasis
web
dan JAVA untuk aplikasi berbasis android dengan menggunakan
software
Android Studio yang didukung basis data MySQL. Metode yang
digunakan dalam penelitian ini adalah berdasarkan metode pengumpulan data dan
analisis data.
Aplikasi ini mempunyai beberapa
fitur
yaitu informasi spesifik mengenai
event
, lokasi
event
, dapat menghubungi
contact person
dari pemilik
event
, dan
menampilkan notifikasi apabila ada
event
terbaru. Aplikasi ini dapat digunakan
sebagai media untuk menampung
event-event
yang akan berlangsung di wilayah
Surakarta.
xviii
ABSTRACT
Indonesia is a country which full of cultural diversity. Many event
organizers, both government and private parties are keep trying to create an event
to introduce culture or just attract people’s attention. In creating the event
application in Surakarta is motivated by people ignorance about some events, where
the event promotion conducted by event organizer is still lacking and this
application is developed to accommodate all event information which will take
place in Surakarta.
This system is developed by web-based and android-based computer
technology. This information system uses PHP programming language for
web-based system and JAVA for android-web-based application by using Android Studio
software which is supported by MySQL database. Method used in this research is
based on collecting and analyzing data method.
This application has some features. They are specific information about an
event, event location, it can contact the contact person of the event owner, and
shows notification if there is an up-to-date event. This application can be used as a
media to accommodate some events which will take place in Surakarta.