PERANCANGAN DAN PEMBUATAN APLIKASI RESERVASI DI RUMAH TEH NDORO DONKER BERBASIS WEB DAN SMS
Tugas Akhir
Disusun untuk memenuhi sebagian persyaratan mencapai derajat Diploma III Program Studi Diploma III Teknik Informatika
HALAMAN JUDUL
Diajukan oleh: Devi Ayu Oktania
M3113039
PROGRAM DIPLOMA III TEKNIK INFOMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET
SURAKARTA 2016
v
HALAMAN MOTTO
Matamu adalah pelita tubuhmu. Jika matamu baik,teranglah seluruh tubuhmu, tetapi jika matamu jahat gelaplah tubuhmu.-Karena itu perhatikanlah supaya terang yang ada padamu jangan menjadi kegelapan.
(Lukas 11:34-35)
Janganlah kita jemu-jemu berbuat baik, karena apabila sudah datang waktunya, kita akan menuai, jika kita tidak menjadi lemah.
(Galatia 6:9)
Pendidikan merupakan perlengkapan paling baik untuk masa tua (Aristoteles)
Hilangkan kekhawatiran akan hari esok dan percayalah bahwa esok pasti akan datang bersama dengan jawaban doa orang yang memanjatkannya dengan iman.
vi
HALAMAN PERSEMBAHAN
Karya tulisan tugas akhir ini kupersembahkan untuk: Yesus Kristus
Tak pernah lupa bersyukur dan berterima kasih kepada Yesus yang senantiasa menyertai, memberikan kelancaran, dan selalu setia memberikan berkat-Nya.
Bapak Ibuku, Pitoyo dan Debora Anik Elisani
Terimakasih karena tak pernah lupa menyelipkan namaku didalam doa, serta dukungan dan kerja keras mereka untuk mendukungku selama ini.
Kakakku tersayang, Wiwit Dyan Novianti dan Dita Astri Martina Terimakasih mbak dyan yang selalu menuruti segala keinginanku dan selalu
meresponi setiap kebutuhanku, serta mbak dita yang selalu menghiburku dengan celotehan dan rasa perhatiannya.
Sahabat 4D Dea Filsa, Dita Verdiana,Dini Hapsari dan SPMB-team Terimakasih karena selalu mengukir senyuman diwajah ini dan terimakasih
karena telah menemani dalam suka duka menyelesaikan tugas akhir. Reynaldi Arga Prasetya
Terimakasih karena setia menemani, mendukung, dan membantuku tanpa mengeluh selama ini.
vii
KATA PENGANTAR
Puji syukur selalu penulis panjatkan kepada Yesus Kristus yang senantiasa menyertai penulis, sehingga penulis dapat menyelesaikan Tugas Akhir yang berjudul: “PERANCANGAN DAN PEMBUATAN SISTEM RESERVASI DI
RUMAH TEH NDORO DONKER BERBASIS WEB DAN SMS”. Laporan
Tugas akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Amd pada Program Studi Diploma III Teknik Informatika Universtas 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. 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 Ketua Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar.
3. Yudho Yudhanto, S.Kom selaku dosen pembimbing yang selalu memberikan masukan dan menjadi pembimbing yang sabar dalam membimbing penulis dalam penyelesaian tugas akhir.
4. Para Dosen Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.
5. Para Karyawan/wati Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah membantu penulis dalam proses belajar.
6. Keluarga tercinta yang selalu memberikan dukungan dalam bentuk apapun kepada penulis.
7. Seluruh teman-teman D3 Teknik Informatika angkatan 2013 yang selalu membantu dan menemani selama proses pengerjaan.
8. Dan semua pihak yang telah membantu penulis menyelesaikan laporan Tugas Akhir ini yang tidak bisa penulis sebutkan satu persatu.
viii
Penulis sangat menyadari sepenuhnya bahwa laporan Tugas Akhir yang dibuat jauh dari sempurna. Untuk itu, kritik, saran, dan masukan yang bersifat membangun sangat penulis butuhkan. Akhir kata, semoga tulisan ini dapat memberikan manfaat dan wawasan bagi para pembaca dan khususnya bagi penulis sendiri.
Surakarta, 25 Mei 2016
ix DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
HALAMAN PERNYATAAN ... iv
HALAMAN MOTTO ... v
HALAMAN PERSEMBAHAN ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR TABEL ... xii
DAFTAR GAMBAR ... xiv
INTISARI ... xviii ABSTRACT ... xix BAB I ... 1 PENDAHULUAN ... 1 1.1 Latar Belakang ... 1 1.2 Perumusan Masalah ... 2 1.3 Tujuan ... 2 1.4 Manfaat ... 2 1.5 Batasan Masalah ... 2 1.6 Metodologi ... 3 1.7 Sistematika Penulisan ... 3 BAB II ... 5
TINJAUAN PUSTAKA DAN DASAR TEORI ... 5
2.1 Tinjauan Pustaka ... 5
2.2 Landasan Teori ... 6
x
2.2.2 Basis Data ... 6
2.2.3 Entity Relationship Diagram (ERD) ... 7
2.2.4 MySQL ... 9
2.2.5 PHP Hypertext Preprocessor (PHP) ... 9
2.2.6 Model View Control ... 10
2.2.7 Model View Control (MVC) pada CodeIgniter ... 10
2.2.8 Framework ... 11
2.2.9 JavaScript ... 11
2.2.10 jQuery ... 11
2.2.11 Unified Modelling Language (UML) ... 12
2.2.12 Balsamiq Mockup ... 16
2.2.13 SMS Gateway ... 16
2.2.14 Pengujian Black Box ... 17
2.2.15 Model Waterfall ... 18
BAB III ... 20
ANALISIS DAN RANCANGAN SISTEM ... 20
3.1 Gambaran Umum Aplikasi ... 20
3.2 Proses Bisnis Aplikasi ... 20
3.3 Software Requirement Specification (SRS) ... 21
3.3.1 Kebutuhan Fungsional Sistem ... 22
3.3.2 Kebutuhan Non-Fungsional ... 25
3.4 Perancangan Sistem ... 26
3.4.1 Use Case Diagram ... 26
3.4.2 Skenario Use Case ... 27
3.4.3 Sequence Diagram ... 44
3.4.4 Class Diagram ... 58
3.5 Perancangan Basis Data ... 58
3.5.1 Entity Relationship Diagram (ERD) ... 59
3.5.2 Relasi Antar Tabel... 59
xi 3.6.1 Tabel pelanggan ... 60 3.6.2 Tabel meja ... 61 3.6.3 Tabel menu ... 61 3.6.4 Tabel reservasi ... 62 3.6.5 Tabel pesanan ... 62 3.6.6 Tabel pegawai ... 63
3.7 Struktur Aplikasi (Mapping Aplikasi) ... 64
3.8 Perancangan Desain User Interface ... 64
3.8.1 Desain Halaman Pelanggan... 64
3.8.2 Desain Halaman Pegawai ... 66
3.8.3 Desain Halaman Manajer ... 69
BAB IV ... 76
IMPLEMENTASI DAN PENGUJIAN ... 76
4.1 Implementasi Interface ... 76
4.1.1 Implementasi Interface Halaman Pengunjung ... 76
4.1.2 Implementasi Interface Halaman Pegawai... 79
4.1.3 Implementasi Interface Halaman Manajer ... 83
4.2 Pengujian Sistem ... 89 BAB V ... 107 PENUTUP ... 107 5.1 Kesimpulan ... 107 5.2 Saran ... 107 DAFTAR PUSTAKA ... 108
xii
DAFTAR TABEL
Tabel 2.1 Simbol-simbol dalam Entity Relationship Diagram (ERD) ... 7
Tabel 2.2 Simbol Komponen Use Case ... 14
Tabel 3.1 Kebutuhan Fungsional Sistem ... 22
Tabel 3.2 Use Case manambahkan data pelanggan ... 27
Tabel 3.3 usecase input waktu pemesanan ... 28
Tabel 3.4 use case pemesanan meja dan paket ... 28
Tabel 3.5 use case menampilkan daftar pesanan ... 29
Tabel 3.6 use case menampilkan daftar pelanggan ... 30
Tabel 3.7 use case menampilkan konten galeri ... 30
Tabel 3.8 use case input data konten galeri ... 31
Tabel 3.9 use case mengubah data konten galeri ... 32
Tabel 3.10 use case mengubah foto konten galeri ... 32
Tabel 3.11 use case hapus data konten galeri ... 33
Tabel 3.12 use case menampilkan data pegawai ... 34
Tabel 3.13 use case tambah daftar pegawai ... 34
Tabel 3.14 use case mengubah data pegawai... 35
Tabel 3.15 use case mengubah status pegawai ... 36
Tabel 3.16 use case menampilkan data meja ... 37
Tabel 3.17 use case menambah data meja ... 37
Tabel 3.18 use case mengubah data meja ... 38
Tabel 3.19 use case hapus data meja ... 39
Tabel 3.20 use case menampilkan data menu ... 39
xiii
Tabel 3.22 use case edit data menu ... 41
Tabel 3.23 use case edit foto menu ... 42
Tabel 2.24 use case hapus data menu ... 43
Tabel 2.25 use case kelola denah meja ... 43
Tabel 3.26 tabel t_pelanggan ... 60
Tabel 3.27 tabel t_meja ... 61
Tabel 3.28 Tabel t_menu... 61
Tabel 3.29 Tabel t_reservasi ... 62
Tabel 3.30 Tabel t_pesanan... 62
Tabel 3.31 Tabel t_pegawai ... 63
Tabel 4.1 pengujian sistem login ... 89
Tabel 4.2 pengujian sistem login ... 92
Tabel 4.3 Tabel pengujian fungsi edit ... 100
xiv
DAFTAR GAMBAR
Gambar 2.1 Entitas satu ke satu ... 8
Gambar 2.1 Entitas Satu ke Banyak ... 8
Gambar 2.3 Entitas banyak ke banyak ... 9
Gambar 2.4 Class Diagram Dengan Attributes ... 13
Gambar 2.5 Class Diagram Dengan Association ... 14
Gambar 2.6 Model waterfall menurut Pressman (1997). ... 18
Gambar 3.2 Proses Bisnis Aplikasi ... 21
Gambar 3.3 Use Case Diagram ... 27
Gambar 3.4 sequence input data pelanggan ... 45
Gambar 3.5 sequence input waktu pemesanan ... 45
Gambar 3.7 sequence login ... 46
Gambar 3.8 sequnce menampilkan daftar pesanan ... 47
Gambar 3.9 sequence menampilkan daftar pelanggan ... 47
Gambar 3.10 sequence menampilkan data konten galeri ... 48
Gambar 3.11 sequence menambahkan konten galeri ... 48
Gambar 3.12 sequence edit dat akonten galeri... 49
Gambar 3.13 edit foto konten gallery ... 49
Gambar 3.14 sequence hapus galeri ... 50
Gambar 3.15 sequence menampilkan data meja ... 50
Gambar 3.16 sequnce input data meja ... 51
Gambar 3.17 sequence edit data meja ... 51
Gambar 3.18 sequence hapus data meja ... 52
Gambar 3.19 sequence upload denah meja ... 52
xv
Gambar 3.21 sequence input data menu ... 53
Gambar 3.22 sequence edit data menu ... 54
Gambar 3.23 sequence edit foto data menu ... 55
Gambar 3.24 sequence hapus data menu ... 55
Gambar 3.25 sequence tampil data pegawai ... 56
Gambar 3.26 sequence edit data pegawai ... 56
Gambar 3.27 sequence ganti status pegawai ... 57
Gambar 3.28 class diagram ... 58
Gambar 3.29 Entity Relationship Diagram (ERD) ... 59
Gambar 3.30 Relasi Antar Tabel ... 60
Gambar 3.31 Struktur Aplikasi ... 64
Gambar 3.32 Desain halaman home ... 65
Gambar 3.33 desain halaman waktu pemesanan ... 66
Gambar 3.34 desain halaman login ... 66
Gambar 3.35 desain halama dashboard pegawai ... 67
Gambar 3.36 desain halaman tampil daftar konten ... 67
Gambar 3.37 desain halaman tambah data konten... 68
Gambar 3.38 desain halaman edit data konten ... 68
Gambar 3.39 desain halaman edit foto konten... 69
Gambar 3.40 desain halaman dashboard manajer... 69
Gambar 3.41 desain halaman tampil pegawai ... 70
Gambar 3.42 desain halaman tambah pegawai ... 70
Gambar 3.43 desain halaman edit pegawai... 71
Gambar 3.44 desain halaman tampil data meja ... 71
xvi
Gambar 3.46 desain halaman edit data meja ... 72
Gambar 3.47 desain halaman tampil data menu ... 73
Gambar 3.48 desain halaman tambah data menu... 73
Gambar 3.49 desain halaman edit data menu ... 74
Gambar 3.50 desain halaman edit foto menu... 74
Gambar 3.51 Desain kelola denah meja ... 75
Gambar 4.1 implementasi halaman home ... 77
Gambar 4.2 implementasi halaman galeri ... 77
Gambar 4.2 implementasi halaman fasilitas ... 78
Gambar 4.3 implementasi halaman galeri menu ... 78
Gambar 4.6 implementasi halaman login... 79
Gambar 4.7 implementasi halaman dashboard pegawai ... 80
Gambar 4.8 implementasi halaman data reservasi ... 80
Gambar 4.9 implementasi halaman data pelanggan ... 80
Gambar 4.10 implementasi halaman data konten ... 81
Gambar 4.11 implementasi halaman tambah konten ... 82
Gambar 4.12 implementasi halaman edit data konten ... 82
Gambar 4.13 implementasi halaman edit foto konten ... 83
Gambar 4.14 implementasi halaman dashboard manajer ... 83
Gambar 4.15 implementasi halaman tampil pegawai ... 84
Gambar 4.16 implementasi halaman tambah data pegawai ... 84
Gambar 4.17 implementasi halaman edit pegawai ... 85
Gambar 4.18 implementasi halaman tampil meja ... 85
Gambar 4.19 implementasi halaman tambah meja ... 86
xvii
Gambar 4.21 implementasi halaman tampil menu ... 87
Gambar 4.22 implementasi halaman tambah menu ... 87
Gambar 4.24 implementasi halaman edit foto menu ... 88
xviii INTISARI
Devi Ayu Oktania 2016. Perancangan dan Pembuatan Aplikasi Reservasi di Rumah Teh Ndoro Donker Berbasis Web dan SMS. Ndoro Donker merupakan rumah teh pertama yang ada di area Kebun Teh Kemuning yang memiliki peminat cukup tinggi yang mengakibatkan penumpukan antrian pengunjung terutama di hari besar dan akhir pekan, oleh karena itu dibutuhkan suatu aplikasi yang digunakan untuk reservasi agar tidak terjadi antrian pengunjung.
Teknologi merupakan sarana yang dapat mempermudah jalannya pelaku bisnis dengan konsumennya, salah satunya penggunaan teknologi web yang dapat digunakan kapanpun dan dimanapun yang dapat mempermudah penggunya. Serta teknologi SMS yang hanya menggunakan telepon genggam dan rata-rata dimiliki oleh semua orang.
Aplikasi reservasi ini dibangun dengan tujuan utama memudahkan user dalam pemesanan meja untuk menghindari antrian pengunjung. Pengunjung hanya perlu mengakses aplikasi dan melakukan reservasi via web atau sms lalu mendapatkan konfirmasi melalui sms setelah pemesanan berhasil dilakukan.
xix ABSTRACT
Devi Ayu Oktania 2016. Design and Application Development Reserve at Tea House Ndoro Donker Based Web and SMS. Ndoro Donker is the first tea house in Tea Gardens Kemuning area that has a high enough interest that lead to the buildup of queues of visitors, especially on the big day and on weekends, therefore, needed an application that is used for the reservation in order to avoid long lines.
Technology is a tool that can simplify the way businesses with customers, one of them the use of web technologies that can be used whenever and wherever that may facilitate penggunya. As well as SMS technology using only a mobile phone and the average is owned by everyone.
The reservation application built with the primary objective allows users to booking a table to avoid long lines. Visitors only need to access the application and make reservations via the web or sms then get a confirmation via sms after successful booking.
