APLIKASI PENYEWAAN LAPANGAN OLAH RAGA BERBASIS WEB PADA PTC SPORT CENTER DENGAN
FRAMEWORK CODEIGNITER
LAPORAN AKHIR
Laporan ini disusun untuk memenuhi persyaratan menyelesaikan Pendidikan Diploma III pada Jurusan Teknik Komputer
Politeknik Negeri Sriwijaya
Oleh Ramiza Muliana
061830700487
POLITEKNIK NEGERI SRIWIJAYA PALEMBANG
2021
ii
iii
MOTTO
“Barangsiapa bersungguh-sungguh, sesungguhnya kesungguhannya itu adalah untuk dirinya sendiri.”
(QS. Al-Ankabut[29]:6)
“Kunci kesuksesan adalah usaha, ridho allah dan ridho kedua orang tua.”
(Ramiza Muliana)
“Terima Kasih yang Sebesar – besarnya kepada Bapak dan Ibu Dosen.”
(Ramiza Muliana)
Kupersembahkan Untuk :
Allah SWT dan Nabi Muhammad Saw atas berkah dan karunia-Nya
Ayah dan Ibu Tersayang
Keluargaku Tersayang
Sahabat dan Teman Seperjuanganku CA 2018
Almamaterku
iv
KATA PENGANTAR
Dengan memanjatkan puji dan syukur kehadirat Allah SWT, karena atas rahmat dan karunia-Nya penulis dapat menyelesaikan Laporan Akhir ini dengan judul, “APLIKASI PENYEWAAN LAPANGAN OLAHRAGA BERBASIS WEB PADA PTC SPORT CENTER DENGAN FRAMEWORK CODEIGNITER”.Tujuan dari penulisan laporan ini adalah untuk memenuhi persyaratan menyelesaikan Diploma III Politeknik Negeri Sriwijaya. Selanjutnya penulis mengucapkan terima kasih kepada seluruh pihak yang telah membantu dalam penulisan laporan ini, antara lain:
1. Allah SWT dan Nabi Muhammad Saw atas berkah dan karunia-Nyalah penulis bisa menyelesaikan laporan ini.
2. Orangtua dan saudara tercinta, yang telah memberikan doa dan restu serta dukungan yang sangat besar selama ini.
3. Bapak Dr. Ing. Ahmad Taqwa, M.T. selaku Direktur Politeknik Negeri Sriwijaya.
4. Bapak Azwardi, S.T., M.T. selaku Ketua Jurusan Teknik Komputer Politeknik Negeri Sriwijaya.
5. Bapak Yulian Mirza, S.T., M.Kom. selaku Sekretaris Jurusan Teknik Komputer Politeknik Negeri Sriwijaya.
6. Bapak Slamet Widodo, S.Kom., M.Kom. selaku Dosen Pembimbing I Jurusan Teknik Politeknik Negeri Sriwijaya yang telah berkenan meluangkan waktunya untuk membimbing serta memberikan masukan kepada penulis sehingga laporan akhir ini dapat diselesaikan sesuai dengan kriteria yang diharapkan.
7. Bapak Ikhthison Mekongga, S.T., M.Kom. selaku Dosen Pembimbing II Jurusan Teknik Politeknik Negeri Sriwijaya yang telah berkenan meluangkan waktunya untuk membimbing serta memberikan masukan kepada penulis sehingga laporan akhir ini dapat diselesaikan sesuai dengan kriteria yang diharapkan.
v
8. SeluruhBapak/Ibu Dosen Jurusan Teknik Komputer Politeknik Negeri Sriwijaya.
9. Staff administrasi Jurusan Teknik Komputer yang telah membantu segala kepentingan perihal administrasi dan akademik selama proses penyusunan laporan akhir ini hingga selesai.
10. Teman-teman kelas 6 CA yang tidak bisa disebutkan satu-persatu atas bantuannya.
Semoga laporan ini dapat bermanfaat khususnya bagi penulis umumnya bagi para pembaca. Mengingat pengetahuan dan pengalaman penulis yang masih sedikit. Oleh karena itu penulis memohon kritik dan saran yang membangun demi perbaikan di masa depan. Terima kasih.
Palembang, Agustus 2021
Penulis
vi
ABSTRAK
Aplikasi Pelayanan Penyewaan Arena Olahraga Berbasis Web merupakan aplikasi yang digunakan untuk melayani penyewaan lapangan olahraga.Di zaman modern ini masih banyak tempat lapangan olaharaga yang masih menggunakan cara booking secara manual seperti pemesanan yang mengharuskan penyewa datang langsung ke tempat ataupun melalui telepon, pencatatan, pemesanan dengan kertas, pencatatan jadwal secara manual, dan sebagainya.
Untuk itu, perlu dibuat aplikasi untuk menunjang dalam media teknologi, serta tercapainya solusi dapat menghasilkan aplikasi yang akan dibuat untuk melakukan penyewaan lapangan olahraga. Pembuatan aplikasi ini dilakukan dengan framework codeigniter. Aplikasi ini di implementasikan dengan framework codeigniter, bahasa pemrograman PHP, database MySQL sebagai media penyimpanan data dan metode pengujian menggunakan black box testing.
Dari hasil pengujian,aplikasi ini dapat digunakan oleh 2 pengguna, yaitu penyewa dan petugas. Aplikasi ini memiliki fitur sebagai berikut: fitur pendaftaran akun, login akun, booking, pengelolaan approval penyewaan, approval pembayaran, data booking. Aplikasi ini diharapkan mampu memberikan keefektifan dan efisiensi pada kegiatan penyewaan lapangan olahraga pada PTC Sport Center Palembang.
Kata Kunci: Aplikasi Penyewaan Lapangan Olaharaga, Web
vii
ABSTRACT
Web-Based Sports Field Rental Service Application a is an application used to server the sports field rental. In this modern era, there are still many sports field that still use manual bookings such as ordering that requires tenants to come directly to the place or by telephone, recording, ordering by paper, recording schedules manually. etc.
For that, it is necessary to make an application to support the technological media, and the achievement of a solution can produce an application that will be made to rental a sports field. This application is made using the Codeigniter framework This application is implemented with Codeigniter Framework, PHP programming language, MySQL database as data storage media and testing method using black box testing.
From the test results, this application can be used by 2 users, namely tenants and officers. This application has the following features: features for account registration, account login, booking, rental approval management, payment approval, booking data. This application is expected to be able to provide effectiveness and efficiency in sports field rental activities at PTC Sport Center.
Keywords: Sports Field Rental Service Application, Web
viii DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PENGESAHAN ... ii
MOTTO ... iii
KATA PENGANTAR ... iv
ABSTRAK ... vi
DAFTAR ISI ... viii
DAFTAR GAMBAR ... xiii
DAFTAR TABEL ... xviii
BAB I PENDAHULUAN ... 1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 3
1.4 Tujuan... 3
1.5 Manfaat ... 3
BAB II TINJAUAN PUSTAKA ... 2.1 Penelitian Terdahulu ... 4
2.2 Konsep Dasar Aplikasi ... 6
2.2.1 Pengertian Olahraga ... 6
2.2.2 Pengertian Sewa ... 7
2.2.3 Pengertian Aplikasi WEB ... 7
2.2.4 Penjelasan Protokol Kesehatan ... 7
ix
2.3 Tools Pemodelan yang Digunakan ... 8
2.3.1 UML ... 8
2.3.1.1 Use Case Diagram ... 8
2.3.1.2 Class Diagram... 10
2.3.1.3 Sequence Diagram ... 11
2.3.1.4 Activity Diagram ... 11
2.3.3 ERD... 11
2.3.4 Flowchart ... 12
2.4 Tools Pembangunan Aplikasi ... 14
2.4.1 PHP ... 14
2.4.1.1 CodeIgniter ... 14
2.4.1.2 HTML ... 15
2.4.2 MySQL ... 15
2.4.3 XAMPP ... ..16
2.4.4 Visual Studio Code ... ..16
2.5 Pengujian Aplikasi ... ..16
2.5.1 Black Box Testing ... ..16
BAB III PERANCANGAN SISTEM ... 3.1 Analisis Kebutuhan Sistem ... 17
3.2 Analisis Fungsionalitas ... 17
3.2.1 Analisis Pengguna ... 19
3.2.2 Kebutuhan Perangkat Keras dan Perangkat Lunak ...20
3.2.2.1 Pengembangan Sistem ...20
3.2.2.1.1 Kebutuhan Perangkat Keras ...20
3.2.2.1.2 Kebutuhan Perangkat Lunak ...20
3.2.2.1.3 Implementasi Kebutuhan ...21
x
3.3 Perancangan ...21
3.3.1 Model Aplikasi Berbasis Objek ...21
3.3.1.1 Use Case Diagram ...21
3.3.1.2 Skenario Use Case ...22
3.3.1.2.1 Registrasi Akun ...22
3.3.1.2.2 Login ...23
3.3.1.2.3 Lihat Jadwal ...24
3.3.1.2.4 Booking Lapangan ...25
3.3.1.2.5 Kelola Akun ...26
3.3.1.2.6 Status Penyewaan ...26
3.3.1.2.7 Lihat Histori Penyewaan ...27
3.3.1.2.8 Upload Pembayaran ...27
3.3.1.2.9 Cetak Tiket ...28
3.3.1.2.10 Update Data Lapangan ...28
3.3.1.2.11 Hapus Data Lapangan ...28
3.3.1.2.12 Kelola Lapangan ...29
3.3.1.2.13 Approval Pembayaran ...29
3.3.1.3 Activity Diagram ...30
3.3.1.3.1 Activity Diagram Registrasi ...30
3.3.1.3.2 Activity Diagram Login ...31
3.3.1.3.3 Activity Diagram Edit Akun ...31
3.3.1.3.4 Activity Diagram Lihat Jadwal ...32
3.3.1.3.5 Activity Diagram Booking Lapangan ...32
3.3.1.3.6 Activity Diagram Melihat Histori Lapangan ...33
3.3.1.3.7 Activity Diagram Upload Pembayaran ...33
xi
3.3.1.3.8 Activity Diagram Cetak Tiket ...34
3.3.1.3.9 Activity Diagram Kelola Data Lapangan ...34
3.3.1.3.10 Activity Diagram Sewa Lapangan ...35
3.3.1.3.11 Activity Diagram Update Data Pengelola ...36
3.3.1.3.12 Activity Diagram Hapus Data Pengelola ...37
3.3.1.3.13 Activity Diagram Approval Pembayaran ...38
3.3.1.4 Class Diagram ...38
3.3.1.5 Sequence Diagram ...39
3.3.1.5.1 Sequence Diagram Registrasi ...39
3.3.1.5.2 Sequence Diagram Login ...40
3.3.1.5.3 Sequence Diagram Edit Akun ...41
3.3.1.5.4 Sequence Diagram Lihat Jadwal ...42
3.3.1.5.5 Sequence Diagram Booking Lapangan ...43
3.3.1.5.6 Sequence Diagram Status Penyewaan ...44
3.3.1.5.7 Sequence Diagram Histori Lapangan ...45
3.3.1.5.8 Sequence Diagram Upload Pembayaran...46
3.3.1.5.9 Sequence Diagram Cetak Tiket ...47
3.3.1.5.10 Sequence Diagram Sewa Lapangan ...48
3.3.1.5.11 Sequence Diagram Upload Data Lapangan ...49
3.3.1.5.12 Sequence Diagram Hapus Data Lapangan ...50
3.3.1.5.13 Sequence Diagram Approval Pembayaran ...51
3.3.2 Perancangan Basis Data ...52
3.3.2.1 ERD...52
3.3.2.2 Skema Relasi ...52
3.3.3 Flowchart ...53
xii
3.3.3.1 Flowchart Login ...53
3.2.3.2 Flowchart Registrasi ...55
3.2.3.3 Flowchart Admin...56
3.3.4 Perancangan Antar Muka ...57
3.2.4.1 Perancangan Antar muka Usulan Halaman Customer ...57
3.2.4.2 Perancangan Antarmuka Usulan Fasilitas Lapangan Olahraga...57
3.2.4.3 Perancangan Antarmuka Usulan Melihat Jadwal ...58
3.2.4.4 Perancangan Antarmuka Usulan Daftar Akun ...58
3.2.4.5 Perancangan Antarmuka Usulan Masuk Akun...59
3.2.4.6 Perancangan Antarmuka Usulan Data Sewa ...59
3.2.4.7 Antarmuka Usulan Data Sewa Ditolak ...60
3.2.4.8 Perancangan Antarmuka Usulan Data Sewa Disetujui ...61
3.2.4.9 Perancangan Antarmuka Usulan Kelola Lapangan Olahraga ...61
3.2.4.10 Perancangan Antarmuka Usulan Data Member...62
3.2.4.11 Perancangan Antarmuka Usulan Melihat Jam Sewa ...62
3.4 Database Aplikasi ...63
3.5 Tabel Aplikasi ...63
3.4.1 Tabel kategori ...63
3.4.2 Tabel Produk ...63
3.4.3 Tabel Transaksi...63
3.4.4 Tabel Users...64
BAB IV PEMBAHASAN ... 4.1 Hasil ... 65
4.2 Pembahasan ... 65
xiii
4.2.1 Implementasi Basis Data ... 65
4.2.2 Tampilan Home ... 67
4.2.3 Tampilan Form Login ... 67
4.2.4 Tampilan Form Daftar ... 69
4.2.5 Tampilan Form Menu Utama ... 72
4.2.6 Tampilan Form Lapangan ... 72
4.2.7 Tampilan Form Sewa ... 74
4.2.8 Tampilan Form Selesai Sewa ... 75
4.2.9 Tampilan Form Admin ... 78
4.2.10 Tampilan Form Produk ... 79
4.2.11 Tampilan Form Kategori ... 80
4.2.12 Tampilan Form Transaksi Sewa ... 81
4.2.13 Tampilan Form Data Member ... 82
4.3 Tabel Pengujian ... 82
4.3.1 Fungsi Menu Login ... 82
4.3.2 Fungsi Menu Registrasi ... 83
4.3.3 Fungsi Menu Pilih Lapangan ... 85
4.3.4 Fungsi Menu Upload Pembayaran ... 86
4.3.5 Fungsi Menu Admin ... 87
BAB V KESIMPULAN DAN SARAN... 5.1 Kesimpulan ... 92
5.2 Saran ... 92
DAFTAR PUSTAKA ...
LAMPIRAN ...
xiv
DAFTAR GAMBAR
Gambar 3.1 Use Case Diagram ... 22
Gambar 3.2 Activity Diagram Registrasi ... 30
Gambar 3.3 Activity Diagram Login ... 31
Gambar 3.4 Activity Diagram Edit Akun ... 31
Gambar 3.5 Activity Diagram Lihat Jadwal ... 32
Gambar 3.6 Activity Diagram Booking Lapangan ... 33
Gambar 3.7 Activity Diagram Melihat Histori Lapangan ... 33
Gambar 3.8 Activity Diagram Upload Pembayaran ... 34
Gambar 3.9 Activity Diagram Cetak Tiket ... 34
Gambar 3.10 Activity Diagram Kelola Data lapangan ... 35
Gambar 3.11 Activity Diagram Sewa Lapangan... 36
Gambar 3.12 Activity Diagram Update Data Pengelola ... 37
Gambar 3.13 Activity Diagram Hapus Data Pengelola ... 37
Gambar 3.14 Activity Diagram Approval Pembayaran ... 38
Gambar 3.15 Class Diagram ... 38
Gambar 3.16 Sequence Diagram Pendaftaran ... 39
Gambar 3.17 Sequence Diagram Login ... 40
Gambar 3.18 Sequence Diagram Edit Akun ... 41
Gambar 3.19 Sequence Diagram Lihat Jadwal ... 42
Gambar 3.20 Sequence Diagram Booking Lapangan ... 43
Gambar 3.21 Sequence Diagram Status Penyewaan ... 44
Gambar 3.22 Sequence Diagram Histori Lapangan ... 45
xv
Gambar 3.23 Sequence Diagram Upload Pembayaran ... 46
Gambar 3.24 Sequence Diagram Cetak Tiket ... 47
Gambar 3.25 Sequence Diagram Sewa Lapangan ... 48
Gambar 3.26 Sequence Diagram Update Data Lapangan ... 49
Gambar 3.27 Sequence Diagram Hapus Data Lapangan ... 50
Gambar 3.28 Sequence Diagram Approval Pembayaran ... 51
Gambar 3.29 ERD ... 52
Gambar 3.30 Skema Relasi ... 53
Gambar 3.31 Flowchart Login ... 54
Gambar 3.32 Flowchart Registrasi ... 55
Gambar 3.33 Flowchart Admin ... 56
Gambar 3.34 Halaman Customer ... 57
Gambar 3.35 Fasilitas Lapangan Olahraga ... 58
Gambar 3.36 Melihat Jadwal ... 58
Gambar 3.37 Daftar Akun ... 59
Gambar 3.38 Masuk Akun ... 59
Gambar 3.39 Data Sewa ... 60
Gambar 3.40 Data Sewa Kedaluarsa ... 60
Gambar 3.41 Data Sewa Approve ... 61
Gambar 3.42 Kelola Lapangan ... 61
Gambar 3.43 Data Member ... 62
Gambar 3.44 Melihat Jam Sewa ... 62
Gambar 4.1 Struktur Database Arena ... 65
Gambar 4.2 Struktur Tabel Users ... 66
xvi
Gambar 4.3 Struktur Tabel Produk ... 66
Gambar 4.4 Struktur Tabel Kategori ... 66
Gambar 4.5 Struktur Tabel Traksaksi ... 66
Gambar 4.6 Tampilan Home ... 67
Gambar 4.7 Form Jika Belum Login ... 67
Gambar 4.8 Form Login ... 68
Gambar 4.9 Form Jika Login Gagal ... 68
Gambar 4.10 Form Login Jika Berhasil ... 69
Gambar 4.11 Form Daftar ... 70
Gambar 4.12 Form Jika Daftar Gagal ... 70
Gambar 4.13 Form Jika Daftar Berhasil ... 71
Gambar 4.14 Isi Field Password pada Tabel User...71
Gambar 4.15 Form Utama ... 72
Gambar 4.16 Form Lapangan ... 73
Gambar 4.17 Pilih Tanggal ... 73
Gambar 4.18 Pilih Waktu ... 74
Gambar 4.19 Form Sewa Berhasil ... 74
Gambar 4.20 Form Sewa Gagal ... 75
Gambar 4.21 Form Penyelesaian ... 75
Gambar 4.22 Form Upload Bukti Pembayaran... 76
Gambar 4.23 Form Bukti Pembayaran Sudah Upload ... 76
Gambar 4.24 Form User Disetujui ... 77
Gambar 4.25 Form User Ditolak ... 77
Gambar 4.26 Form Cetak Tiket... 78
xvii
Gambar 4.27 Form Dasboard Admin... 78
Gambar 4.28 Form Produk ... 79
Gambar 4.29 Isi Field Produk pada Tabel Produk ... 79
Gambar 4.30 Form Kategori ... 80
Gambar 4.31 Isi field Kategori pada Tabel Kategori ... 80
Gambar 4.32 From Transaksi Sewa ... 81
Gambar 4.33 Isi Field Tranksaksi pada Tabel Transaksi ... 81
Gambar 4.34 Form Data Member... 82
Gambar 4.35 Hasil Pengujian Login Berhasil ... 83
Gambar 4.36 Hasil Pengujian Jika Daftar Berhasil ... 84
Gambar 4.37 Hasil Pengujian Jika Daftar Gagal... 84
Gambar 4.38 Hasil Pengujian Jika Pilih Tanggal dan Waktu Berhasil ... 85
Gambar 4.39 Hasil Pengujian Jika Pilih Tanggal dan Waktu Gagal ... 86
Gambar 4.40 Hasil Pengujian Upload Bukti pembayaran ... 86
Gambar 4.41 Hasil Pengujian Upload Bukti Pembayaran Berhasil ... 87
Gambar 4.42 Hasil Pengujian Tambah Produk Berhasil ... 89
Gambar 4.43 Hasil Pengujian Tambah Kategori Berhasil ... 89
Gambar 4.44 Hasil Pengujian Data Masuk Kedalam Transaksi Sewa Berhasil ... 90
Gambar 4.45 Hasil Pengujian Status Ditolak Berhasil ... 90
Gambar 4.46 Hasil Pengujian Status Disetujui Berhasil ... 90
Gambar 4.47 Hasil Pengujian Status Menunggu Berhasil ... 90
Gambar 4.48 Hasil Pengujian Daftar Member Berhasil ... 91
xviii
DAFTAR TABEL
Tabel 2.1 Tabel Penelitian Terdahulu ... 5
Tabel 2.2 Simbol Use Case Diagram ... 9
Tabel 2.3 Multiplicity Class Diagram ... 10
Tabel 2.4 Simbol ERD ... 11
Tabel 2.5 Simbol-Simbol Flowchart ... 12
Tabel 3.1 Analisis Fungsional ... 17
Tabel 3.2 Analisis User ... 19
Tabel 3.3 Kebutuhan Perangkat Keras ... 20
Tabel 3.4 Kebutuhan Perangkat Lunak ... 20
Tabel 3.5 Client ... 21
Tabel 3.6 Registrasi Akun ... 23
Tabel 3.7 Login... 24
Tabel 3.8 Lihat Jadwal ... 25
Tabel 3.9 Booking Lapangan... 25
Tabel 3.10 Kelola Akun ... 26
Tabel 3.11 Data Customer ... 26
Tabel 3.12 Histori Penyewaan ... 27
Tabel 3.13 Upload Pembayaran ... 27
Tabel 3.14 Cetak Tiket... 28
Tabel 3.15 Update Data Lapangan ... 28
Tabel 3.16 Hapus Data Lapangan ... 29
Tabel 3.17 Kelola Lapangan ... 29
Tabel 3.18 Approval Pembayaran ... 30
Tabel 3.19 Database Aplikasi ... 63
xix
Tabel 3.20 Kategori ... 63
Tabel 3.21 Produk ... 63
Tabel 3.22 Transaksi ... 64
Tabel 3.23 Users ... 64
Tabel 4.1 Pengujian Menu Login ... 82
Tabel 4.2 Pengujian Menu Registrasi ... 83
Tabel 4.3 Pengujian Menu Pilih Lapangan ... 85
Tabel 4.4 Pengujian Menu Upload Pembayaran ... 86
Tabel 4.5 Pengujian Menu Admin... 87
