Rancang Bangun Sistem Reservasi Pada Wisma PLN Bedugul Berbasis Website Menggunakan

LAPORAN TUGAS AKHIR DIII
RANCANG BANGUN SISTEM RESERVASI

PADA WISMA PLN BEDUGUL
BERBASIS WEBSITE MENGGUNAKAN
FRAMEWORK CODEIGNITER
Oleh :
I Made Dwiki Satria Wibawa

NIM. 1815323003
PROGRAM STUDI DIII MANAJEMEN INFORMATIKA

JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI BALI
2021
LAPORAN TUGAS AKHIR DIII

BERBASIS WEBSITE MENGGUNAKAN
FRAMEWORK CODEIGNITER
Oleh :

NIM. 1815323003
PROGRAM STUDI DIII MANAJEMEN INFORMATIKA

JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI BALI
2021
LEMBAR PENGESAHAN TUGAS AKHIR

BERBASIS WEBSITE MENGGUNAKAN FRAMEWORK
CODEIGNITER
Oleh :

NIM. 1815323003
Tugas Akhir ini Diajukan untuk

Menyelesaikan Program Pendidikan Diploma III
di
Program Studi DIII Manajemen Informatika
Jurusan Teknik Elektro - Politeknik Negeri Bali
Disetujui Oleh :
Pembimbing I : Pembimbing II:
I Wayan Suasnawa, S.T., M.T. Dr. Putu Manik Prihatini, S.T., M.T.
NIP. 197511102001121002 NIP. 198003172002122001
Disahkan Oleh
Jurusan Teknik Elektro
Ketua
Ir. I Wayan Raka Ardana, M.T.

NIP. 196705021993031005
Politeknik Negeri Bali ii

LEMBAR PERNYATAAN
PERSETUJUAN PUBLIKASI LAPORAN TUGAS AKHIR
UNTUK KEPENTINGAN AKADEMIS
Saya yang bertanda tangan di bawah ini :
Nama : I Made Dwiki Satria Wibawa

NIM : 1815323003
Program Studi : DIII Manajemen Informatika
Jurusan : Teknik Elektro
Jenis Karya : Tugas Akhir
demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada

Politeknik Negeri Bali Hak Bebas Royalti Nonekslusif (Non-exclusive Royalty-
Free Right) atas karya ilmiah saya yang berjudul: Rancang Bangun Sistem
Reservasi Pada Wisma PLN Bedugul Berbasis Website Menggunakan
Framework Codeigniter beserta perangkat yang ada (jika diperlukan). Dengan
Hak Bebas Royalti Nonekslusif ini Politeknik Negeri bali berhak menyimpan,
mengalihmedia atau mengalihformatkan, mengelola dalam bentuk pangkalan data
(database), merawat, dan memublikasikan tugas akhir saya selama tetap
mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak
Cipta.
Demikian pernyataan ini saya buat dengan sebenarnya.
Bukit Jimbaran, ……………. 2021

Yang menyatakan
(I Made Dwiki Satria Wibawa)
Politeknik Negeri Bali iii

FORM PERNYATAAN PLAGIARISME
Saya yang bertandatangan dibawah ini:
Nama : I Made Dwiki Satria Wibawa

NIM : 1815323003
Program studi : DIII Manajemen Informatika
Jurusan : Teknik Elektro
menyatakan dengan sesungguhnya bahwa Laporan Tugas Akhir berjudul

RANCANG BANGUN SISTEM RESERVASI PADA WISMA PLN BEDUGUL
BERBASIS WEBSITE MENGGUNAKAN FRAMEWORK CODEIGNITER
adalah betul-betul karya sendiri dan bukan menjiplak atau hasil karya orang lain.
Hal-hal yang bukan karya saya, dalam Tugas Akhir tersebut diberi tanda citasi dan
ditunjukkan dalam daftar pustaka.
Apabila di kemudian hari terbukti pernyataan saya tidak benar, maka saya
bersedia menerima sanksi akademik berupa pencabutan Tugas Akhir dan gelar
yang saya peroleh dari Tugas Akhir tersebut.
Bukit Jimbaran, ………….. 2021

Yang membuat pernyataan

NIM. 1815323003
Politeknik Negeri Bali iv

KATA PENGANTAR
Puji Syukur penulis panjatkan kehadapan Tuhan yang Maha Esa, karena atas
berkat dan rahmat-Nya penulis dapat menyelesaikan penyusunan Tugas Akhir ini
yang berjudul “Rancang Bangun Sistem Reservasi Pada Wisma PLN Bedugul
Berbasis Website Menggunakan Framework Codeigniter” tepat pada waktunya.
Penyusunan Proyek akhir ini diajukan untuk memenuhi salah satu persyaratan
kelulusan Program Pendidikan Diploma III pada Program Studi Manajemen
Informatika Jurusan Teknik Elektro Politeknik Negeri Bali.
Dalam penyusunan Tugas Akhir ini penulis banyak meperoleh bimbingan dan
masukan dari berbagai pihak, baik secara langsung maupun tidak langsung. Oleh
karena itu dalam kesempatan ini penulis mengucapkan terimakasih kepada:
1. Bapak I Nyoman Abdi, SE, M.eCom selaku Direktur Politeknik Negeri Bali.
2. Bapak Ir. I Wayan Raka Ardana, M.T. selaku Ketua Jurusan Teknik Elektro
Politeknik Negeri Bali.
3. Ibu Sri Andriati Asri, S.T, M.Kom selaku Ketua Program Studi Manajemen
Informatika Jurusan Teknik Elektro Politeknik Negeri Bali.
4. Bapak I Wayan Suasnawa, S.T., M.T. selaku Pembimbing Utama yang

bersedia memberi bimbingan selama proses penyusunan Tugas Akhir.
5. Ibu Dr. Putu Manik Prihatini, S.T., M.T. selaku Dosen Pembimbing
Pendamping yang telah banyak membantu dalam penyusunan Tugas Akhir.
6. Seluruh Dosen pengajar Program Studi Manajemen Informatika Jurusan

Teknik Elektro Politeknik Negeri Bali yang telah memberikan masukan serta
saran untuk menyelesaikan Tugas Akhir ini.
7. Keluarga dan sahabat yang telah memberikan doa, semangat serta dukungan
untuk menyelesaikan Tugas Akhir ini.
8. Teman-teman seperjuangan yang telah membantu dan memberi masukan serta

semua pihak yang tidak dapat disebutkan satu persatu.
Politeknik Negeri Bali v

Penulis menyadari bahwa Laporan Tugas Akhir ini masih jauh dari sempurna,
oleh karena itu segala kritik dan saran yang bersifat membangun sangat penulis
harapkan.
Akhir kata semoga Laporan Tugas Akhir ini dapat bermanfaat bagi mahasiswa
Politeknik Negeri Bali khususnya, dan pembaca pada umumnya.
Jimbaran, ………….. 2021
Penulis
Politeknik Negeri Bali vi

ABSTRAK
Laporan Tugas Akhir ini memuat tahap-tahap dalam merancang dan membangun
Sistem Reservasi pada Wisma PLN Bedugul berbasis Website menggunakan
Framework Codeigniter. Sistem ini bertujuan untuk membantu para pengunjung
Wisma PLN Bedugul dalam mendapatkan informasi dan melakukan pemesanan
serta membantu memudahkan pengelola Wisma untuk melakukan pengelolaan
dan pencatatan pesanan. Sistem ini dirancang melalui beberapa tahap perancangan
yaitu Flowmap, perancangan Entity Relationship Diagram (ERD), perancangan
Unified Modelling Language (UML) seperti Use Case Diagram, Activity
Diagram, Class Diagram, dan Sequence Diagram. Selain itu juga melakukan
perancangan Antarmuka. Sistem ini dikembangkan menggunakan bahasa
pemrograman PHP (Hypertext Preprocessor) dengan Framework Codeigniter dan
basis data MySQL.
Kata Kunci: Sistem Reservasi, Framework Codeigniter
ABSTRACT
This Final Project Report contains the stages in designing and building a Website
based Reservation System at Wisma PLN Bedugul using the Codeigniter
Framework. This system aims to help the visitors of Wisma PLN Bedugul in
getting information and do booking, also it aims to help the Wisma managers to
manage and record the orders. This system is designed through several design
stages, like Flowmap, Entity Relationship Diagram (ERD) design, Unified
Modelling Language (UML) design like Use Case Diagram, Activity Diagram,
Class Diagram, and Sequence Diagram. Also user interface design. This system
was developed using the PHP (Hypertext Preprocessor) programming language
with the CodeIgniter Framework and MySQL database.
Keywords: Reservation System, Codeigniter Framework
Politeknik Negeri Bali vii

DAFTAR ISI
HALAMAN JUDUL ......................................................i

LEMBAR PENGESAHAN.....................................................................................ii
LEMBAR PERSETUJUAN PUBLIKASI ILMIAH..............................................iii
FORM PERNYATAAN PLAGIARISME.............................................................iv
KATA PENGANTAR.............................................................................................v
ABSTRAK.............................................................................................................vii
DAFTAR ISI........................................................................................................viii
DAFTAR TABEL...................................................................................................xi
DAFTAR GAMBAR............................................................................................xiii
BAB I PENDAHULUAN.....................................................................................I-1
1.1. Latar Belakang............................................................................................I-1
1.2. Masalah dan Batasan Masalah....................................................................I-2
1.2.1. Rumusan Masalah....................................................................................I-2
1.2.2. Batasan Masalah......................................................................................I-2
1.3. Tujuan.........................................................................................................I-3
1.4. Manfaat.......................................................................................................I-3
1.5. Sistematika Penulisan.................................................................................I-4
BAB II LANDASAN TEORI...............................................................................I-1
2.1. Pengertian Rancang Bangun.....................................................................II-1
2.2. Pengertian Sistem......................................................................................II-1
2.3. Pengertian Reservasi.................................................................................II-2
2.4. Pengertian Wisma......................................................................................II-2
2.5. Pengertian Website....................................................................................II-2
2.6. Perangkat Lunak Pengembangan Sistem..................................................II-2
2.6.1. PHP.........................................................................................................II-2
2.6.2. HTML.....................................................................................................II-3
Politeknik Negeri Bali viii

2.6.3. CSS.........................................................................................................II-3
2.6.4. Javascript...............................................................................................II-3
2.6.5. Bootstrap................................................................................................II-3
2.6.6. CodeIgniter.............................................................................................II-3
2.6.7. MySQL...................................................................................................II-4
2.6.8. Microsoft Visual Studio Code.................................................................II-4
2.6.9. XAMPP..................................................................................................II-4
2.7. Alat Bantu Pengembangan Sistem............................................................II-5
2.7.1. Entity Relationship Diagram (ERD)......................................................II-5
2.7.2. Flowmap.................................................................................................II-6
2.7.3. Class Diagram........................................................................................II-7
2.7.4. Use Case Diagram.................................................................................II-9
2.7.5. Activity Diagram..................................................................................II-10
2.7.6. Sequence Diagram...............................................................................II-11
2.7.7. Basis Data.............................................................................................II-12
2.7.8. Siklus Pengembangan Waterfall..........................................................II-12
BAB III ANALISIS DAN PERANCANGAN SISTEM....................................III-1
3.1. Metodologi Penelitian..............................................................................III-1
3.1.1. Metode Pengembangan Sistem.............................................................III-1
3.1.2. Metode Pengumpulan Data atau Analisis Kebutuhan...........................III-2
3.2. Analisis Sistem.........................................................................................III-2
3.2.1. Analisis Sistem Berjalan.......................................................................III-2
3.2.2. Analisis Proses Sistem Baru.................................................................III-5
3.3. Analisis Data..........................................................................................III-11
3.3.1. Entity Relationship Diagram (ERD)...................................................III-11
3.3.2. Use Case Diagram..............................................................................III-13
3.3.3. Activity Diagram.................................................................................III-47
3.4. Desain dan Perancangan Sistem............................................................III-71
3.4.1. Struktur Tabel.....................................................................................III-71
3.4.2. Class Diagram....................................................................................III-88
3.4.3. Sequence Diagram..............................................................................III-93
3.4.4. Rancangan Antarmuka......................................................................III-108
Politeknik Negeri Bali ix

BAB IV IMPLEMENTASI DAN PEMBAHASAN..........................................IV-1
4.1. Spesifikasi Kebutuhan Sistem.................................................................IV-1
4.1.1. Spesifikasi Perangkat Keras..................................................................IV-1
4.1.2. Spesifikasi Perangkat Lunak.................................................................IV-1
4.2. Pengujian Program...................................................................................IV-2
4.2.1. Halaman Utama Website.......................................................................IV-2
4.2.2. Login Pegawai.......................................................................................IV-5
4.2.3. Mengelola Dashboard..........................................................................IV-7
4.2.4. Mengelola Data DP...............................................................................IV-8
4.2.5. Mengelola Data Pemesanan Baru.........................................................IV-9
4.2.6. Mengelola Data Pemesanan Selesai...................................................IV-12
4.2.7. Mengelola Data Pemesanan Batal......................................................IV-13
4.2.8. Mengelola Data Kelas.........................................................................IV-14
4.2.9. Mengelola Data Kamar.......................................................................IV-15
4.2.10. Mengelola Data Galeri......................................................................IV-18
4.2.11. Mengelola Data Pengguna................................................................IV-19
4.2.12. Melihat Grafik...................................................................................IV-21
4.2.13. Mengelola Data Kritik & Saran........................................................IV-21
4.2.14. Mengelola Laporan...........................................................................IV-23
4.2.15. Logout Pegawai.................................................................................IV-23
4.2.16. Melakukan Pemesanan Wisma.........................................................IV-24
4.2.17. Melakukan Pembayaran DP..............................................................IV-25
4.2.18. Mengirim Kritik & Saran..................................................................IV-27
4.3. Tabel Pengujian Aplikasi.......................................................................IV-28
BAB V PENUTUP..............................................................................................V-1
5.1. Kesimpulan...............................................................................................V-1
5.2. Saran..........................................................................................................V-2
DAFTAR PUSTAKA
LAMPIRAN
Politeknik Negeri Bali x

DAFTAR TABEL
Tabel 2.1. Simbol Entity Relationship Diagram (ERD) [12]..............................II-5

Tabel 2.2. Simbol Flowmap [14].........................................................................II-6
Tabel 2.3. Simbol Class Diagram [15]................................................................II-8
Tabel 2.4. Simbol Use Case Diagram [15]..........................................................II-9
Tabel 2.5. Simbol Activity Diagram [15]...........................................................II-10
Tabel 2.6. Simbol Sequence Diagram [15]........................................................II-11
Tabel 3.1. Tabel Use Case Glossary III-15
Tabel 3.2. Tabel Actor Glossary.......................................................................III-20

Tabel 3.3. Tabel Basic Flow Login...................................................................III-22
Tabel 3.4. Tabel Basic Flow Mengelola Dashboard........................................III-24
Tabel 3.5. Tabel Basic Flow Mengelola Data DP............................................III-25
Tabel 3.6. Tabel Basic Flow Mengelola Data Pemesanan Baru.......................III-27
Tabel 3.7. Tabel Basic Flow Mengelola Data Pemesanan Selesai...................III-28
Tabel 3.8. Tabel Basic Flow Mengelola Data Pemesanan Batal......................III-30
Tabel 3.9. Tabel Basic Flow Mengelola Data Kelas........................................III-31
Tabel 3.10. Tabel Basic Flow Mengelola Data Kamar....................................III-33
Tabel 3.11. Tabel Basic Flow Mengelola Data Galeri.....................................III-34
Tabel 3.12. Tabel Basic Flow Mengelola Data Pengguna................................III-36
Tabel 3.13. Tabel Basic Flow Melihat Grafik..................................................III-37
Tabel 3.14. Tabel Basic Flow Mengelola Data Kritik & Saran........................III-38
Tabel 3.15. Tabel Basic Flow Mengelola Laporan...........................................III-40
Tabel 3.16. Tabel Basic Flow Logout...............................................................III-41
Tabel 3.17. Tabel Basic Flow Melakukan Pemesanan Wisma.........................III-42
Tabel 3.18. Tabel Basic Flow Melakukan Pembayaran DP.............................III-44
Tabel 3.19. Tabel Basic Flow Mengirim Kritik & Saran.................................III-45
Tabel 3.20. Tabel Reservasi..............................................................................III-72
Tabel 3.21. Tabel Pembayaran.........................................................................III-75
Tabel 3.22. Tabel DP........................................................................................III-77
Tabel 3.23. Tabel Role......................................................................................III-79
Tabel 3.24. Tabel User.....................................................................................III-80
Tabel 3.25. Tabel Kamar..................................................................................III-82
Tabel 3.26. Tabel Kelas....................................................................................III-84
Politeknik Negeri Bali xi

Tabel 3.27. Tabel Gambar................................................................................III-85
Tabel 3.28. Tabel Saran....................................................................................III-86
Tabel 3.29. Tabel Galeri...................................................................................III-88
Tabel 3.30. Keterangan Class Diagram Sistem Reservasi Pada Wisma PLN
Bedugul Berbasis Website Menggunakan Framework Codeigniter................III-90
Tabel 4.1. Perangkat Keras.................................................................................IV-1

Tabel 4.2. Perangkat Lunak................................................................................IV-1
Tabel 4.3. Pengujian Aplikasi..........................................................................IV-28
Politeknik Negeri Bali xii

DAFTAR GAMBAR
Gambar 3.1. Flowmap Sistem Berjalan..............................................................III-3

Gambar 3.2. Flowmap Sistem Baru Reservasi Tamu.........................................III-5
Gambar 3.3. Flowmap Sistem Baru Mengelola DP...........................................III-7
Gambar 3.4. Flowmap Sistem Baru Mengelola Pemesanan...............................III-9
Gambar 3.5. ERD Sistem Reservasi Pada Wisma PLN Bedugul Berbasis Website
Menggunakan Framework Codeigniter............................................................III-11
Gambar 3.6. Use Case Diagram Sistem Reservasi Pada Wisma PLN Bedugul
Berbasis Website Menggunakan Framework Codeigniter...............................III-13
Gambar 3.7. Activity Diagram Login Pegawai.................................................III-47
Gambar 3.8 Activity Diagram Mengelola Dashboard......................................III-49
Gambar 3.9. Activity Diagram Mengelola Data DP.........................................III-50
Gambar 3.10. Activity Diagram Mengelola Data Pemesanan Baru.................III-51
Gambar 3.11. Activity Diagram Mengelola Data Pemesanan Selesai..............III-53
Gambar 3.12. Activity Diagram Mengelola Data Pemesanan Batal.................III-54
Gambar 3.13. Activity Diagram Mengelola Data Kelas...................................III-55
Gambar 3.14. Activity Diagram Mengelola Data Kamar.................................III-57
Gambar 3.15. Activity Diagram Mengelola Data Galeri..................................III-59
Gambar 3.16. Activity Diagram Mengelola Data Pengguna............................III-60
Gambar 3.17. Activity Diagram Melihat Grafik...............................................III-61
Gambar 3.18. Activity Diagram Mengarsipkan Data Kritik & Saran...............III-62
Gambar 3.19. Activity Diagram Menghapus Data Kritik & Saran...................III-63
Gambar 3.20. Activity Diagram Mengelola Laporan.......................................III-64
Gambar 3.21. Activity Diagram Logout...........................................................III-65
Gambar 3.22. Activity Diagram Melakukan Pemesanan Wisma.....................III-66
Gambar 3.23. Activity Diagram Melakukan Pembayaran DP..........................III-68
Gambar 3.24. Activity Diagram Mengirim Kritik & Saran..............................III-70
Gambar 3.25. Class Diagram Sistem Reservasi Pada Wisma PLN Bedugul
Berbasis Website Menggunakan Framework Codeigniter...............................III-89
Gambar 3.26. Sequence Diagram Login Pegawai............................................III-93
Gambar 3.27. Sequence Diagram Mengelola Dashboard................................III-94
Gambar 3.28. Sequence Diagram Mengelola Data DP....................................III-95
Gambar 3.29. Sequence Diagram Mengelola Data Pemesanan Baru..............III-96
Gambar 3.30. Sequence Diagram Mengelola Data Pemesanan Selesai...........III-97
Gambar 3.31. Sequence Diagram Mengelola Data Pemesanan Batal..............III-98
Politeknik Negeri Bali xiii

Gambar 3.32. Sequence Diagram Mengelola Data Kelas................................III-99
Gambar 3.33. Sequence Diagram Mengelola Data Kamar............................III-100
Gambar 3.34. Sequence Diagram Mengelola Data Galeri.............................III-101
Gambar 3.35. Sequence Diagram Mengelola Data Pengguna.......................III-102
Gambar 3.36. Sequence Diagram Mengirim Kritik & Saran.........................III-103
Gambar 3.37. Sequence Diagram Mengelola Data Kritik & Saran...............III-104
Gambar 3.38. Sequence Diagram Mengelola Laporan..................................III-105
Gambar 3.39. Sequence Diagram Logout Pegawai........................................III-105
Gambar 3.40. Sequence Diagram Melakukan Pemesanan Wisma.................III-106
Gambar 3.41. Sequence Diagram Melakukan Pembayaran DP.....................III-107
Gambar 3.42. Sequence Diagram Mengirim Kritik & Saran.........................III-107
Gambar 3.43. Perancangan Antarmuka Login Pegawai.................................III-108
Gambar 3.44. Perancangan Antarmuka Tambah Pemesanan.........................III-109
Gambar 3.45. Perancangan Antarmuka Perpanjang Pemesanan....................III-110
Gambar 3.46. Perancangan Antarmuka Check-Out Pemesanan.....................III-111
Gambar 3.47. Perancangan Antarmuka Tambah Data Kelas.........................III-112
Gambar 3.48. Perancangan Antarmuka Tambah Data Kamar.......................III-113
Gambar 3.49. Perancangan Antarmuka Tambah Gambar Kamar..................III-114
Gambar 3.50. Perancangan Antarmuka Tambah Data Galeri........................III-115
Gambar 3.51. Perancangan Antarmuka Tambah Data Pengguna...................III-116
Gambar 3.52. Perancangan Antarmuka Reservasi Tamu...............................III-117
Gambar 3.53. Lanjutan Perancangan Antarmuka Reservasi Tamu................III-117
Gambar 3.54. Perancangan Antarmuka Mengirim Kritik & Saran................III-118
Gambar 3.55. Perancangan Antarmuka Dashboard.......................................III-119
Gambar 3.56. Perancangan Antarmuka Pemesanan DP.................................III-120
Gambar 3.57. Perancangan Antarmuka Pemesanan Baru..............................III-121
Gambar 3.58. Perancangan Antarmuka Pemesanan Selesai...........................III-122
Gambar 3.59. Perancangan Antarmuka Pemesanan Batal..............................III-123
Gambar 3.60. Perancangan Antarmuka Data Kelas.......................................III-124
Gambar 3.61. Perancangan Antarmuka Data Kamar......................................III-125
Gambar 3.62. Perancangan Antarmuka Data Galeri......................................III-126
Gambar 3.63. Perancangan Antarmuka Data Pengguna.................................III-127
Gambar 3.64. Perancangan Antarmuka Data Grafik......................................III-128
Gambar 3.65. Perancangan Antarmuka Kritik & Saran.................................III-129
Gambar 3.66. Perancangan Antarmuka Arsip Kritik & Saran.......................III-129
Gambar 3.67. Perancangan Antarmuka Laporan............................................III-130
Gambar 3.68. Perancangan Antarmuka Booking............................................III-131
Gambar 3.69. Perancangan Antarmuka Services & Gallery..........................III-131
Gambar 3.70. Perancangan Antarmuka Detail Gallery..................................III-132
Gambar 3.71. Perancangan Antarmuka About & Contact..............................III-132
Gambar 4.1. Halaman Utama Website IV-2
Politeknik Negeri Bali xiv

Gambar 4.2. Halaman Utama Website Menu Booking.......................................IV-3
Gambar 4.3. Halaman Utama Website Menu Gallery........................................IV-3
Gambar 4.4. Halaman Utama Website Menu About...........................................IV-4
Gambar 4.5. Halaman Utama Website Menu Contact.......................................IV-4
Gambar 4.6. Halaman Login Pegawai................................................................IV-5
Gambar 4.7. Halaman Dashboard Administrator..............................................IV-6
Gambar 4.8. Halaman Dashboard Operator.......................................................IV-6
Gambar 4.9. Pesan Gagal Login.........................................................................IV-7
Gambar 4.10. Mengelola Dashboard.................................................................IV-7
Gambar 4.11. Mengelola Dashboard Pemesanan Masuk..................................IV-8
Gambar 4.12. Mengelola Data DP.....................................................................IV-9
Gambar 4.13. Mengelola Data Pemesanan Baru..............................................IV-10
Gambar 4.14. Perpanjang Pemesanan..............................................................IV-10
Gambar 4.15. Check-Out Pesanan Informasi Pemesan....................................IV-11
Gambar 4.16. Check-Out Pesanan Informasi Pembayaran..............................IV-11
Gambar 4.17. Tambah Pemesanan...................................................................IV-12
Gambar 4.18. Mengelola Data Pemesanan Selesai..........................................IV-13
Gambar 4.19. Mengelola Data Pemesanan Batal.............................................IV-13
Gambar 4.20. Mengelola Data Kelas...............................................................IV-14
Gambar 4.21. Tambah Data Kelas...................................................................IV-15
Gambar 4.22. Ubah Data Kelas........................................................................IV-15
Gambar 4.23. Mengelola Data Kamar..............................................................IV-16
Gambar 4.24. Tambah Data Kamar..................................................................IV-16
Gambar 4.25. Ubah Data Kamar......................................................................IV-17
Gambar 4.26. Tambah Gambar Kamar............................................................IV-17
Gambar 4.27. Mengelola Data Galeri...............................................................IV-18
Gambar 4.28. Tambah Data Galeri...................................................................IV-19
Gambar 4.29. Mengelola Data Pengguna.........................................................IV-19
Gambar 4.30. Tambah Data Pengguna.............................................................IV-20
Gambar 4.31. Ubah Data Pengguna.................................................................IV-20
Gambar 4.32. Melihat Data Grafik...................................................................IV-21
Gambar 4.33. Mengelola Data Kritik & Saran.................................................IV-22
Gambar 4.34. Mengelola Data Arsip Kritik & Saran.......................................IV-22
Gambar 4.35. Mengelola Laporan....................................................................IV-23
Gambar 4.36. Logout Pegawai.........................................................................IV-24
Gambar 4.37. Melakukan Pemesanan Wisma..................................................IV-24
Gambar 4.38. Pemesanan Berhasil...................................................................IV-25
Gambar 4.39. Melakukan Pembayaran DP......................................................IV-26
Gambar 4.40. Pembayaran DP Berhasil...........................................................IV-26
Gambar 4.41. Mengirim Kritik & Saran..........................................................IV-27
Gambar 4.42. Mengirim Kritik & Saran Berhasil............................................IV-28
Politeknik Negeri Bali xv

Politeknik Negeri Bali xvi
BAB I
PENDAHULUAN
1.1. Latar Belakang

Wisma PLN Bedugul merupakan salah satu bentuk pelayanan publik milik
PT PLN (Persero) yang berlokasi di Kabupaten Tabanan, Bali yang menawarkan
suatu jasa dalam hal penyediaan tempat tinggal, yang bersifat sementara dan bagi
siapa saja yang memerlukannya. Pada Wisma PLN Bedugul saat ini memiliki
kendala dalam hal penyampaian informasi, pemesanan dan melakukan
pengelolaan serta pencatatan pesanan. Selama ini pemesanan Wisma masih
dilakukan melalui telepon, fax atau mendatangi Wisma PLN Bedugul secara
langsung. Saat ini, perkembangan internet berkembang sangat pesat terutama
dibidang informasi. Hal ini dikarenakan kebutuhan setiap manusia untuk
mendapatkan informasi secara cepat, tepat dan akurat. Wisma PLN Bedugul
membutuhkan adanya sebuah metode pemesanan yang lebih modern dan
mengadopsi perkembangan teknologi terkini. Teknologi yang dimaksud adalah
memanfaatkan penggunaan website sebagai alat penyampaian informasi,
pemesanan, pengelolaan serta pencatatan pesanan yang baru. Dengan adanya
sebuah sistem reservasi yang mengadopsi perkembangan teknologi saat ini, maka
diharapkan dapat mengatasi kelemahan yang terjadi pada sistem yang digunakan
saat ini.
Sistem yang berjalan saat ini memiliki kelemahan seperti kemungkinan

terjadinya kesalahan atau benturan ketika ada pengunjung yang ingin melakukan
pemesanan melalui telepon sementara telepon masih berada dalam panggilan. Hal
tersebut tentunya akan menghabiskan dan membutuhkan banyak waktu. Selain
itu, pengunjung juga tidak dapat melihat kondisi Wisma, kecuali mengunjunginya
secara langsung. Hal tersebut dapat membuat pengunjung kecewa apabila sesuatu
yang akan di dapat nantinya tidak sesuai dengan apa yang dipikirkan. Terakhir,
pencatatan pesanan juga masih dilakukan secara manual menggunakan buku dan
alat tulis, belum terkomputerisasi. Sehingga membutuhkan banyak waktu dan
Politeknik Negeri Bali I-1

dirasa kurang efisien, terlebih lagi pencatatan manual rentan mengalami
kerusakan atau kehilangan, yang tentunya akan membuat laporan bulanan menjadi
berantakan jika hal tersebut terjadi.
Berdasarkan penjabaran diatas, maka dibutuhkan sebuah solusi yang dapat

menyelesaikan permasalahan tersebut. Saat ini hampir semua orang memiliki
gadget dan akses internet, tentunya dengan membuat sebuah sistem aplikasi
berbasis website yang dapat melakukan pemesanan dan memberikan informasi
mengenai Wisma PLN Bedugul dapat memudahkan para pengunjung untuk
melakukan pemesanan serta mendapatkan informasi yang dinginkan. Maka dari
itu maka akan dirancang sebuah sistem aplikasi yang berjudul “RANCANG
BANGUN SISTEM RESERVASI PADA WISMA PLN BEDUGUL BERBASIS
WEBSITE MENGGUNAKAN FRAMEWORK CODEIGNITER”. Sistem baru ini,
diharapkan dapat membantu para pengunjung untuk mendapatkan informasi dan
melakukan pemesanan pada Wisma PLN Bedugul dengan cepat, selain itu dengan
dibangunnya sistem baru ini diharapkan dapat memberikan dampak positif ke
pihak pengelola Wisma PLN Bedugul.
1.2. Masalah dan Batasan Masalah

1.2.1. Rumusan Masalah
Berdasarkan latar belakang diatas dapat diambil rumusan masalah yang
akan menjadi bahan pembahasan, yaitu bagaimana merancang dan membangun
sebuah sistem yang dapat membantu para pengunjung Wisma PLN Bedugul
dalam mendapatkan informasi dan melakukan pemesanan serta membantu
memudahkan pengelola untuk melakukan pengelolaan dan pencatatan pesanan.
1.2.2. Batasan Masalah

Dari permasalahan utama yang dibahas dalam laporan tugas akhir ini,
penulis membatasi masalah menjadi beberapa hal, diantaranya :
a. Sistem Reservasi pada Wisma PLN Bedugul melingkupi pengelolaan
pemesanan, data kamar, data kelas, data galeri, data pengguna, data kritik &
saran serta laporan.
b. Sistem Reservasi yang dibangun hanya dapat menangani proses Booking,

Cancel, Check-In, perpanjang sewa dan Check-Out.

c. Konfirmasi pemesanan dilakukan melalui telepon oleh pengelola Wisma
sesuai dengan nomor telepon yang telah diinputkan oleh Pemesan pada form
booking.
d. Pembayaran DP dapat dilakukan setelah mendapat konfirmasi dari pihak

pengelola Wisma dan Pemesan dapat mengirim bukti transfer atau dp sesuai
ID Booking pemesan.
e. Pemesanan yang tidak mendapatkan konfirmasi dari Pemesan dapat langsung

dibatalkan oleh pihak pengelola Wisma.
f. Sistem Reservasi tidak dapat melakukan penjadwalan ulang. Sehingga DP

yang sudah dibayarkan pada pesanan yang dibatalkan akan hangus.
g. Sistem Reservasi yang dibangun hanya menangani proses sisa pembayaran

secara tunai di tempat.
h. Sistem Reservasi yang dibangun akan menghasilkan pelaporan dalam bentuk

Cetak, PDF maupun Excel.
i. Sistem Reservasi yang dibangun akan menggunakan bahasa pemrograman

PHP dengan Framework CodeIgniter 3 dengan database MySQL.
1.3. Tujuan
Adapun tujuan dari penulisan laporan tugas akhir ini adalah untuk
membangun sebuah Sistem Reservasi Berbasis Website menggunakan Framework
CodeIgniter. Selain itu, tujuan dari pembuatan aplikasi ini adalah membantu
memudahkan pihak pengelola Wisma PLN Bedugul untuk melakukan
pengelolaan dan pencatatan pesanan serta memudahkan para pengunjung Wisma
PLN Bedugul untuk mendapatkan informasi dan melakukan pemesanan Wisma.
1.4. Manfaat
Adapun manfaat yang didapatkan dari penulisan laporan tugas akhir ini
adalah sebagai berikut:
a. Memberikan kemudahan bagi Wisma PLN Bedugul. Dengan adanya sistem
reservasi berbasis website ini dapat membantu proses transaksi yang terjadi
menjadi lebih efisien.

b. Memberikan kemudahan bagi pengunjung dalam mendapatkan informasi
tanpa harus mengunjungi Wisma PLN Bedugul secara langsung.
c. Memberikan kemudahan bagi pengelola Wisma PLN Bedugul dalam
melakukan pengelolaan dan pencatatan pesanan.
1.5. Sistematika Penulisan

Adapun sistematika penulisan dalam laporan tugas akhir ini adalah sebagai
berikut:
BAB I: PENDAHULUAN
Bab ini memuat tentang latar belakang, rumusan masalah dan batasan masalah,
tujuan, manfaat serta sistematika penulisan proyek tugas akhir.
BAB II: LANDASAN TEORI
Bab ini memuat tentang uraian. Kutipan buku-buku, teori-teori atau bahan Pustaka
yang berkaitan dengan penelitian yang sedang dilakukan sebagai dasar dan
landasan dalam penyelesaian perancangan dan pembangunan sistem serta masalah
yang dihadapi.
BAB III: PERANCANGAN SISTEM
Bab ini memuat tentang analisa sistem yang sedang berjalan pada tempat
penelitian. Disertai dengan perancangan Flowmap, Entity Relationship Diagram
(ERD), Unified Modeling Language Diagram (UML) seperti Use Case Diagram,
Class Diagram, Activity Diagram, Sequence Diagram, rancangan basis data atau
database, serta desain tampilan antarmuka sistem yang merupakan hasil akhir dari
penelitian ini.
BAB IV: ANALISA DATA DAN PENGUJIAN
Bab ini memuat tentang pengujian sistem yang telah dibangun, disertai hasil
pengujian dan pengoperasian sistem yang telah dilaksanakan.
BAB V: KESIMPULAN DAN SARAN
Bab ini memuat tentang uraian mengenai kesimpulan dan saran yang perlu
disampaikan mengenai proyek tugas akhir yang telah dikerjakan.

BAB II
LANDASAN TEORI
2.1. Pengertian Rancang Bangun

Perancangan merupakan sebuah hal yang sangat penting dalam membangun
sebuah program. Perancangan bertujuan untuk memberi sebuah gambaran kepada
programmer dan setiap orang yang terlibat didalamnya. Perancangan sendiri harus
berguna dan mudah dimengerti. Perancangan sendiri terdiri dari rangkaian
prosedur untuk menterjemahkan hasil analisa sebuah sistem kedalam bahasa
pemrograman untuk mendeskripsikan secara detail bagaimana sistem
diimplementasikan. Sementara, pembangunan merupakan kegiatan menciptakan
sistem baru maupun mengganti atau memperbaiki sistem [1].
Dapat disimpulkan bahwa rancang bangun merupakan proses mendesain dan

pembangunan sistem untuk menciptakan sebuah sistem baru dari awal sampai
akhir pembuatan untuk menyelesaikan masalah-masalah yang dihadapi
perusahaan [2].
2.2. Pengertian Sistem

Sistem merupakan sebuah unsur yang berhubungan antara satu dengan
lainnya yang memiliki fungsi bersama-sama untuk mencapai sebuah tujuan
tertentu. Dari pengertian tersebut dapat dirinci lebih lanjut mengenai pengertian
sistem secara umum, yaitu sebagai berikut:
a. Sistem terdiri dari berbagai unsur, unsur dari suatu sistem terdiri dari banyak
subsistem yang lebih kecil, dimana subsistem itu sendiri terdiri dari kelompok
unsur sehingga terbentuklah sebuah subsistem.
b. Unsur sistem merupakan sebuah bagian dari sistem yang saling terhubung satu
sama lain.
c. Unsur sistem berfungsi dan bekerjasama untuk mencapai tujuan dari sistem.
d. Sistem merupakan bagian dari sistem lain yang lebih besar [3].
Politeknik Negeri Bali II - 1

2.3. Pengertian Reservasi
Reservasi merupakan sebuah proses, pembuatan, cara memesan (tempat,
barang atau lainnya) kepada orang lain. Reservasi sendiri berasal dari kata kerja to
reserve yang artinya memesan dan menyediakan tempat. Jadi, reservasi dalam hal
ini, merupakan sebuah kegiatan yang berupa sebuah transaksi yang berhubungan
dengan penyediaan tempat, pelayanan khusus berupa fasilitas-fasilitas yang
disediakan kepada para pemesannya. Secara umum reservasi dapat diartikan
sebagai sebuah penyediaan tempat, yang meliputi keseluruhan proses kegiatan
yang berkaitan dengan pencatatan keseluruhan transaksi pemesanan tempat untuk
menggapai pendapatan yang optimal [4].
2.4. Pengertian Wisma

Wisma merupakan sebuah bangunan untuk tempat tinggal, kantor dan
sebagainya. Wisma juga dapat dikatakan sebagai kumpulan rumah, kompleks
perumahan dan permukiman. Dengan kata lain, Wisma merupakan sebuah usaha
yang menyediakan jasa bagi setiap orang yang membutuhkan sebuah tempat
peristirahatan dengan menyediakan fasilitas-fasilitas berupa kamar tidur, makanan
serta minuman untuk setiap orang yang sedang melakukan perjalanan bisnis
maupun berekreasi [5].
2.5. Pengertian Website

Website merupakan sebuah layanan yang menyajikan informasi dengan
menggunakan konsep hyperlink yang dapat memudahkan pengguna internet
melakukan penelusuran informasi di internet. Informasi yang dapat diberikan
melalui website dapat disajikan dengan menggunakan banyak media seperti teks,
gambar, animasi, video, maupun gabungan dari semuanya [6].
2.6. Perangkat Lunak Pengembangan Sistem

2.6.1. PHP
PHP merupakan bahasa pemrograman yang digunakan dalam pembuatan
sebuah website yang memiliki sifat server-side scripting. PHP dapat dijalankan
diberbagai macam sistem operasi seperti Windows, Linux dan Mac Os. Selain
Apache, PHP mendukung beberapa web server lain, seperti Microsoft ISS,

Caudium dan PWS. PHP dapat memanfaatkan database untuk menghasilkan
halaman website yang dinamis [7].
2.6.2. HTML
HTML atau Hypertext Markup Language merupakan bahasa standar yang
digunakan untuk menampilkan sebuah halaman website. HTML sendiri berfungsi
sebagai pengatur tampilan dari halaman website, melakukan pembuatan tabel
didalam website, mempublikasikan halaman website secara online serta
melakukan pembuatan form yang dapat digunakan menangani aktifitas atau
transaksi melalui website. Setiap dokumen HTML akan diawali dan diakhir
dengan menggunakan tag HTML [7].
2.6.3. CSS
CSS atau Cascading Style Sheet merupakan sebuah kumpulan dari atribut
yang berfungsi untuk mengatur tampilan sebuah website untuk menjadi lebih baik
dibandingkan menggunakan tag maupun atribut standar HTML. CSS dapat
mengubah format tampilan yang digunakan untuk mengontrol tampilan banyak
dokumen secara bersamaan [7].
2.6.4. Javascript
Javascript merupakan bahasa skrip yang digunakan dalam pembuatan
website untuk mengontrol tindakan-tindakan yang dibutuhkan dalam sebuah
website. Selain itu, Javascript juga berfungsi membuat skrip yang dapat dikenali
oleh web browser dengan tujuan untuk menjadikan halaman website lebih bersifat
interaktif [7].
2.6.5. Bootstrap
Bootstrap merupakan sebuah framework front-end yang biasa digunakan
untuk mengembangkan suatu aplikasi berbasis website yang responsive secara
cepat, mudah dan gratis [8].
2.6.6. CodeIgniter
CodeIgniter merupakan sebuah framework yang digunakan dalam
membangun sebuah aplikasi website dalam bahasa pemrograman PHP.
CodeIgniter bersifat open source dan memiliki ukuran yang relatif kecil
dibandingkan dengan framework lainnya. CodeIgniter menggunakan pola struktur

MVC (Model, View, Controller), sehingga filenya dibagi menjadi beberapa dan
menjadikan sebuah file tidak terlalu banyak berisikan kode. Hal tersebut membuat
kode lebih mudah untuk dibaca, dipahami dan dilakukan pemeliharaan
dikemudian hari. Selain itu CodeIgniter juga terdokumentasi dengan baik, yang
dapat diperoleh melalui dokumentasi yang disediakan dalam paket distribusinya
[9].
2.6.7. MySQL
MySQL atau My Structure Query Languange merupakan sebuah sistem
pengelolaan database yang bersifat open source yang digunakan untuk mengelola
database mulai dari yang kecil hingga besar. SQL pertama kali didefinisikan oleh
American National Standards Institute (ANSI) pada tahun 1986. MYSQL sendiri
bersifat relational. Artinya, data yang dikelola dalam database akan diletakkan
pada beberapa tabel secara terpisah sehingga kegiatan memanipulasi data akan
menjadi jauh lebih cepat [7].
2.6.8. Microsoft Visual Studio Code

Microsoft Visual Studio Code merupakan perangkat lunak dari Microsoft
yang merupakan sebuah source code editor yang dapat digunakan pada sistem
operasi Windows. Microsoft Visual Studio Code digunakan untuk
mengembangkan sebuah aplikasi berbasis mobile, website, desktop dan cloud.
Microsoft Visual Studio Code mendukung berbagai macam bahasa pemrograman,
seperti Visual Basic, C#, C++, Python, Javascript dan banyak lagi [10].
2.6.9. XAMPP
XAMPP merupakan sebuah perangkat lunak bebas yang mendukung
banyak sistem operasi dan merupakan kompilasi dari beberapa buah program.
Pada XAMPP sudah terdapat Apache (web server), MySQL (database), PHP
(server side scripting), Perl, FTP Server, PhpMyAdministrator dan berbagai
pustaka bantu lainnya [7].

2.7. Alat Bantu Pengembangan Sistem
2.7.1. Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) merupakan sebuah pemodelan dari
basis data relasional yang digunakan untuk merancang hubungan antar tabel-tabel
dalam sebuah basis data [11]. ERD disebut juga sebagai sebuah rancangan yang
menggambarkan sebuah hubungan antar kegiatan didalam sebuah sistem yang
memiliki keterkaitan langsung dan mempunyai fungsi didalam proses tersebut.
Simbol ERD ditunjukkan pada Tabel 2.1.
Tabel 2.1. Simbol Entity Relationship Diagram (ERD) [12]
Simbol Nama Keterangan
Entitas Entitas adalah sebuah

objek yang dapat
dibedakan dengan objek
lainnya.
Atribut Atribut merupakan

properti yang dimiliki
oleh entitas yang dapat
mendeskripsikan
karakteristik dari entitas
tersebut.

Tabel 2.1. Simbol Entity Relationship Diagram (ERD) (Lanjutan) [12]
Relasi Relasi menunjukkan

hubungan diantara
sejumlah entitas yang
berbeda.
Alur Alur berfungsi untuk

menghubungkan entitas
dengan atribut dan
entitas dengan relasi.
2.7.2. Flowmap
Flowmap merupakan bagan yang menunjukan aliran atau prosedur sebuah
sistem dan merupakan sebuah campuran antara peta dan flowchart yang
digunakan untuk menunjukan pergerakan benda dari suatu lokasi ke lokasi lain
[13]. Simbol flowmap ditunjukkan pada Tabel 2.2.
Tabel 2.2. Simbol Flowmap [14]
Arah aliran Menunjukkan arah aliran

dokumen.
Dokumen Menunjukkan dokumen

input/output pada proses
manual maupun proses
berbasis computer.

Tabel 2.2. Simbol Flowmap (Lanjutan) [14]
Proses manual Menunjukkan proses

yang dilakukan secara
manual.
Proses komputer Menunjukkan proses

yang dilakukan secara
terkomputerisasi.
Penghubung Menunjukkan aliran

dokumen terpisah pada
flowmap yang sama.
Penghubung antar Menunjukkan aliran

flowmap dokumen yang saling
berhubungan pada
flowmap yang berbeda.
Penyimpanan magnetik Media penyimpanan

yang dipakai pada proses
terkomputerisasi.
Kondisi Pengambilan keputusan

yang menunjukkan
pilihan ya atau tidak.
Terminator Menunjukkan awal dan

akhir suatu aliran
2.7.3. Class Diagram

Class Diagram merupakan penggambaran dari struktur sistem yang
berisikan pendefinisian kelas-kelas yang akan dibuat dalam pembangunan sistem
[8]. Class Diagram berisikan aturan-aturan maupun fungsi tiap entitas yang

menentukan prilaku sistem itu sendiri. Simbol class diagram ditunjukkan pada
Tabel 2.3.
Tabel 2.3. Simbol Class Diagram [15]
Kelas Kelas pada struktur

Nama Kelas sistem.
+atribut
Operasi()
Antarmuka/ interface Sama dengan konsep

interface pada
pemrograman
berorientasi objek.
Asosiasi/ association Relasi antar kelas

dengan makna umum.
Asosiasi berarah/ Relasi antar kelas

directed association dengan makna kelas
yang satu digunakan
oleh kelas yang lain.
Generalisasi Relasi antar kelas

dengan makna
generalisasi-spesialisasi
(umum khusus).
Kebergantungan/ Relasi antar kelas

dependency dengan makna
kebergantungan antar
kelas.

Agregasi/ aggregation Relasi antar kelas
dengan makna semua-
bagian (whole-part).
2.7.4. Use Case Diagram

Use Case Diagram merupakan sebuah pemodelan yang digunakan untuk
mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan sistem yang
akan dibangun [8]. Use Case Diagram digunakan untuk dapat mengetahui fungsi
yang terdapat pada sistem informasi dan siapa saja yang memiliki akses untuk
fungsi tersebut. Simbol use case diagram ditunjukkan pada Tabel 2.4.
Tabel 2.4. Simbol Use Case Diagram [15]
Use case Fungsionalitas yang disediakan sistem

sebagai unit-unit yang saling bertukar
pesan antar unit atau aktor, biasanya
dinyatakan dengan menggunakan kata
kerja di awal frasa nama use case.
Aktor Orang, proses, atau sistem lain yang

berinteraksi dengan sistem informasi
yang akan dibuat di luar sistem
informasi yang akan dibuat itu sendiri,
jadi walaupun simbol dari aktor adalah
gambar orang, tapi aktor belum tentu
merupakan orang, biasanya dinyatakan
menggunakan kata benda di awal frase
nama actor.
Asosiasi Komunikasi antara aktor dan use case

yang berpartisipasi pada use case atau
use case memiliki interaksi dengan
aktor.

Tabel 2.4. Simbol Use Case Diagram (Lanjutan) [15]
Ekstensi Relasi use case tambahan ke sebuah use

case dimana use case yang ditambahkan
<<extend>>
dapat berdiri sendiri walau tanpa use
case tambahan itu.
Generalisasi Hubungan generalisasi dan spesialisasi

(umum - khusus) antara dua buah use
case dimana fungsi yang satu adalah
fungsi yang lebih umum dari lainnya.
Include Relasi use case tambahan ke sebuah use

case dimana use case yang ditambahkan
<<include>> memerlukan use case ini untuk
menjalankan fungsinya atau sebagai
syarat dijalankan use case ini.
2.7.5. Activity Diagram

Activity Diagram merupakan sebuah pemodelan aliran kerja dari proses
bisnis dan urutan aktifitas didalam sebuah proses, memiliki kemiripan dengan
flowchart karena memodelkan aliran kerja dari suatu aktifitas [11]. Simbol
activity diagram ditunjukkan pada Tabel 2.5.
Tabel 2.5. Simbol Activity Diagram [15]

Start Simbol start untuk
menyatakan awal dari
suatu proses.
Stop Simbol stop untuk
menyatakan akhir dari
suatu proses.

Tabel 2.5. Simbol Activity Diagram (Lanjutan) [15]

Decision Simbol decision
digunakan untuk
menyatakan kondisi dari
suatu proses.
Action Simbol action

menyatakan aksi yang
dilakukan dalam suatu
sistem.
2.7.6. Sequence Diagram

Sequence Diagram merupakan diagram yang digunakan untuk melakukan
penggambaran perilaku didalam sebuah skenario. Sequence Diagram
memperlihatkan dan mendeskripsikan jumlah objek dan pesan yang diletakkan
diantar objek-objek pada use case [8]. Simbol sequence diagram ditunjukkan
pada Tabel 2.6.
Tabel 2.6. Simbol Sequence Diagram [15]
Lifeline Lifeline mengindikasikan keberadaan sebuah

object dalam basis waktu notasi untuk
lifeline adalah garis putus-putus vertikal yang
ditarik dari sebuah object.
Activation Activation dinotasikan sebagai sebuah kotak

segi empat yang digambar pada sebuah
lifeline, mengindikasikan sebuah object yang
akan melakukan sebuah aksi.

Tabel 2.6. Simbol Sequence Diagram (Lanjutan) [15]
Message Message digambarkan dengan anak panah

horizontal antara activation. Message
mengindikasikan komunikasi antara object.
Object Object merupakan instance dari sebuah class

dan dituliskan tersusun secara horizontal.
:object1 Digambarkan sebagai sebuah class (kotak)

dengan nama object di dalamnya yang
diawali dengan sebuah titik koma.
Aktor Actor juga dapat berkomunikasi. Orang,

proses, atau sistem lain yang berinteraksi
Nama aktor
dengan sistem informasi yang akan dibuat itu
sendiri.
2.7.7. Basis Data

Basis Data merupakan susunan data yang diorganisir dan disimpan secara
terintegrasi untuk memenuhi informasi optimal yang dibutuhkan penggunanya.
Basis Data berisi kumpulan informasi yang disimpan secara sistematik sehingga
dapat disimpan dan diperiksa menggunakan suatu program komputer untuk
mendapatkan informasi dari basis data tersebut [16]. Selain itu, Basis Data atau
sering disebut sebagai database merupakan sekumpulan data yang terorganisasi
sedemikian rupa dan saling berhubungan, sehingga membuat data mudah untuk
disimpan, dimanipulasi (diperbarui, dicari, diolah dan dihapus) dan dipanggil oleh
pengguna [7].
2.7.8. Siklus Pengembangan Waterfall

Siklus Pengembangan Waterfall atau Metode Waterfall merupakan pendekatan
SDLC paling awal serta sebuah proses pengembangan perangkat lunak yang
melalui tahap-tahap secara terurut, dimana kemajuan dalam pengembangan
perangkat lunak dalam siklus ini dipandang seperti air terjun, yaitu terus mengalir

dari atas ke bawah melewati fase-fase yang terjadi seperti perencanaan,
pemodelan, implementasi, dan pengujian [17].

BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1. Metodologi Penelitian

3.1.1. Metode Pengembangan Sistem
Metode pengembangan sistem yang digunakan untuk membangun sistem
reservasi pada wisma PLN Bedugul berbasis website menggunakan framework
codeigniter ini metode waterfall. Metode waterfall merupakan pendekatan SDLC
paling awal serta sebuah proses pengembangan perangkat lunak yang melalui
tahap-tahap secara terurut, dimana kemajuan dalam pengembangan perangkat
lunak dalam siklus ini dipandang seperti air terjun, yaitu terus mengalir dari atas
ke bawah melewati fase-fase yang terjadi seperti perencanaan, pemodelan,
implementasi, dan pengujian. Pada sistem reservasi pada wisma PLN Bedugul
berbasis website menggunakan framework codeigniter yang menggunakan metode
ini, nantinya akan melewati beberapa tahapan diantaranya:
a. Analisis Kebutuhan
Tahapan ini merupakan sebuah analisa terhadap kebutuhan sistem yang

akan dibangun. Pengumpulan data pada tahap ini dilakukan melalui observasi
langsung ke wisma PLN bedugul serta melalui studi literatur. Data yang
didapat akan digunakan sebagai acuan untuk membangun sistem sehingga
dapat melanjutkannya ketahapan berikutnya.
b. Desain Sistem
Setelah melalui tahapan analisis kebutuhan, maka selanjutnya ialah

tahapan mendesain sistem. Tahap ini berfokus pada desain sebuah sistem
diantaranya: struktur data, arsitektur perangkat lunak, tampilan atau interface
dan juga algoritma dari sistem yang akan dibangun. Sehingga dapat digunakan
sebagai acuan sebelum nantinya dapat dilanjutkan ke tahapan berikutnya.
Politeknik Negeri Bali III - 1

c. Pengkodean & Testing
Setelah melalui tahapan desain sistem, maka selanjutnya adalah tahapan

pengkodean, tahap ini merupakan tahap dimana dilakukan penerjemahan
desain dari sistem yang telah dirancang sebelumnya. Setelah melakukan
pengkodean, maka akan dilakukan testing, hal ini bertujuan untuk mengetahui
dan menemukan kesalahan-kesalahan yang terjadi pada sistem yang dibangun,
sehingga nantinya dapat dilakukan perbaikan.
3.1.2. Metode Pengumpulan Data atau Analisis Kebutuhan

Dalam pengerjaan tugas akhir ini, penulis akan menggunakan beberapa
metode penelitian sebagai sarana untuk memahami objek permasalahan yaitu
sebagai berikut:
a. Studi Pustaka
Dengan menggunakan buku, internet dan sumber lainnya yang

berhubungan dengan materi penulisan tugas akhir.
b. Observasi
Dengan melakukan kegiatan observasi (pengamatan) secara langsung ke

Wisma PLN Bedugul, adapun tujuan diadakannya pengamatan secara
langsung yaitu agar mendapatkan informasi berupa keadaan pada Wisma PLN
Bedugul serta bagaimana proses transaksi atau pemesanan dapat dilakukan.
Dari proses booking, cancel, check-in, perpanjangan sewa hingga check-out.
Sehingga data dan informasi yang didapatkan untuk proses pembuatan sistem
ini dapat terpenuhi.
3.2. Analisis Sistem

3.2.1. Analisis Sistem Berjalan
Berdasarkan hasil observasi (pengamatan) yang telah dilakukan, adapun
proses transaksi atau pemesanan yang terjadi saat ini pada Wisma PLN Bedugul
dapat dilihat pada Gambar 3.1 dibawah ini.

Gambar 3.1. Flowmap Sistem Berjalan
Sumber: Hasil Perancangan

Keterangan Flowmap Sistem Berjalan pada Gambar 3.1:
a. Pengunjung atau Tamu dapat melakukan pemesanan Wisma PLN Bedugul

dengan menghubungi pihak pengelola maupun datang ke Wisma secara
langsung.
b. Pengunjung dapat menanyakan ketersediaan Wisma kepada pengelola Wisma

PLN Bedugul.
c. Pengelola atau Pegawai Wisma PLN Bedugul akan menginformasikan

mengenai Wisma yang tersedia beserta harga dan fasilitas yang akan
didapatkan.
d. Jika pengunjung ingin melakukan pesanan, maka pengunjung perlu untuk

memberitahu data diri sesuai KTP yaitu nama dan alamat. Selain itu
pengunjung juga perlu memberitahu mengenai no telepon yang dapat
dihubungi nantinya.
e. Pengelola Wisma akan mencatat data pengunjung pada buku catatan

pemesanan Wisma PLN Bedugul.
f. Pengunjung dapat langsung datang ke Wisma PLN Bedugul pada jadwal

check-in dengan membawa fotocopy KTP sebagai bukti bahwa benar yang
bersangkutan telah melakukan pemesanan. Atau sebagai opsional pengelola
dapat memfoto KTP pengunjung, jika pengunjung tidak membawa fotocopy
KTP.
g. Jika data pemesan cocok dengan KTP yang dibawa pengunjung. Maka
pengunjung akan diberikan kunci Wisma dan dilakukan pencatatan pada buku
catatan pesanan bahwa pengunjung telah melakukan check-in.
h. Jika pengunjung ingin melakukan perpanjangan sewa, pengunjung dapat

menemui pengelola Wisma. Pengelola akan mengecek apakah Wisma tersedia
atau tidak pada tanggal tersebut. Jika tersedia, maka pengelola akan mencatat
perpanjangan sewa pada buku catatan pesanan.
i. Jika pengunjung ingin melakukan check-out, pengunjung dapat menemui

pengelola. Pengelola akan menghitung total pembayaran yang harus
dibayarkan oleh pengunjung. Setelah itu, pengunjung dapat melakukan

pembayaran sesuai nominal bayar. Lalu, pengelola melakukan pencatatan
pada buku catatan pesanan bahwa pembayaran telah berhasil dilakukan dan
pengunjung telah melakukan check-out.
3.2.2. Analisis Proses Sistem Baru

Setelah membuat analisis sistem berjalan, selanjutnya membuat analisis
proses sistem baru yang akan diusulkan. Adapun rancangan dari sistem reservasi
berbasis web ini dapat dilihat pada Gambar 3.2, 3.3 dan 3.4 dibawah ini.
Gambar 3.2. Flowmap Sistem Baru Reservasi Tamu

Keterangan Flowmap Sistem Baru Reservasi Tamu pada Gambar 3.2:
a. Pengunjung atau tamu dapat mengakses website reservasi Wisma PLN

Bedugul melalui jaringan internet. Setelah masuk, maka Tamu akan diarahkan
ke halaman utama website.
b. Tamu dapat melihat halaman utama website dan memilih Wisma yang ingin
disewa. Jika tamu ingin melakukan pemesanan, maka tamu perlu
menginputkan data diri (seperti nama dan alamat sesuai KTP serta no telp
yang dapat dihubungi) pada form reservasi yang disediakan. Selanjutnya
sistem akan memvalidasi data yang masuk dan menyimpannya ke database
jika data tersebut valid. Sementara jika data yang dimasukkan tidak valid,
maka sistem akan menampilkan teks bahwa data yang diinput salah dan
mengembalikan tamu ke bagian form reservasi.
c. Selanjutnya pihak pengelola Wisma akan menghubungi tamu untuk

mengkonfirmasi pesanan. Apabila pesanan tidak dikonfirmasi, maka pesanan
akan dibatalkan. Sementara jika pesanan dikonfirmasi, maka pengelola wisma
akan memberitahu mengenai pembayaran DP. Tamu perlu mengirim bukti
pembayaran DP ke tempat yang disediakan sebagai tanda jadi pemesanan.
Selanjutnya bukti DP akan tersimpan dalam database.

Gambar 3.3. Flowmap Sistem Baru Mengelola DP

Keterangan Flowmap Sistem Baru Mengelola DP pada Gambar 3.3:
a. Pegawai atau pengelola dapat mengakses sistem reservasi Wisma PLN

Bedugul dengan cara mengisi form Login terlebih dahulu. Pegawai harus
mengisi username dan password pada form Login. Setelah itu sistem akan
mengecek validitas dari data yang diinput. Jika data tidak valid maka sistem
akan menampilkan notifikasi gagal melakukan Login, sementara jika data
yang dimasukkan valid. Maka sistem akan menampilkan dashboard pegawai.
b. Selanjutnya, pegawai dapat membuka menu Mengelola Data Pemesanan Baru.

Jika terdapat pesanan, pegawai akan melakukan konfirmasi pesanan dengan
cara menghubungi pemesan melalui telepon pemesan. Pegawai akan
memberitahu mengenai pembayaran DP yang perlu dilakukan kepada
pemesan. Sementara, jika pesanan tidak dikonfirmasi, maka pesanan akan
dibatalkan dan tersimpan pada database.
c. Berikutnya, pegawai dapat membuka menu Mengelola Data DP. Jika terdapat
data DP yang masuk, maka pegawai perlu melakukan pengecekan terhadap
bukti transfer yang dikirim. Apabila bukti transfer valid, maka pegawai akan
mengkonfirmasi pesanan tersebut dan data konfirmasi tersimpan ke database.
Sebaliknya apabila jika tidak terdapat data DP yang masuk atau bukti transfer
tidak valid, maka pesanan akan dibatalkan dan tersimpan pada database, lalu
proses akan selesai.

Gambar 3.4. Flowmap Sistem Baru Mengelola Pemesanan
Keterangan Flowmap Sistem Baru Mengelola Pemesanan pada Gambar 3.4:
a. Tamu datang langsung ke Wisma PLN Bedugul untuk menginap sesuai hari
dan tanggal yang dipesan. Tamu perlu membawa fotocopy KTP atau pengenal
yang sesuai dengan data diri pemesan pada website reservasi. Pegawai akan
mengecek kesamaan data pada KTP atau pengenal lainnya dengan data yang
terdapat pada sistem. Jika data valid maka status Tamu diubah menjadi
Check-in dan tersimpan pada database, lalu tamu diberi kunci dan diantarkan

ke Wisma yang dipesan dan dapat menginap pada Wisma PLN Bedugul,
sementara fotocopy KTP atau pengenal akan disimpan sebagai jaminan.
b. Jika tamu ingin melakukan perpanjang sewa, maka tamu perlu datang
menemui pegawai untuk menanyakan ketersediaan tanggal. Pegawai akan
menginput data perpanjangan sewa ke sistem dan sistem secara otomatis
melakukan validasi apakah tanggal yang diinginkan tersedia atau tidak. Jika
tersedia, maka sistem akan menyimpan perpanjangan sewa ke database.
Sementara jika tanggal yang diinginkan tidak tersedia, maka tamu perlu
melakukan Check-out atau pindah dan melakukan Check-in ulang ke Wisma
yang tersedia pada tanggal tersebut.
c. Sementara, jika tamu ingin melakukan Check-out. Tamu perlu menemui

pegawai pada Wisma PLN Bedugul. Pegawai akan mengecek informasi
mengenai pemesanan yang terjadi dan sistem secara otomatis akan
menghitung total bayar yang perlu dibayarkan pemesan sesuai lama menginap
dan harga sewa Wisma.
d. Selanjutnya tamu membayar sesuai nominal yang perlu dibayarkan. Pegawai

akan memvalidasi uang yang diterima, jika valid maka tamu dapat melakukan
Check-out dan sistem menyimpan datanya kedalam database.

3.3. Analisis Data
3.3.1. Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) adalah salah satu pemodelan yang digunakan
untuk merancang basis data pada sistem reservasi pada wisma PLN Bedugul
berbasis website menggunakan framework codeigniter. ERD juga digunakan
untuk menggambarkan relasi antar entitas pada sistem ini yang ditunjukkan pada
Gambar 3.5.
Gambar 3.5. ERD Sistem Reservasi Pada Wisma PLN Bedugul Berbasis
Website Menggunakan Framework Codeigniter
Keterangan :
a. ERD diatas terdiri atas 4 buah entitas dan 3 relasi. Keempat entitas tersebut
adalah tamu, kamar, kelas, dan gambar.
b. Entitas tamu merupakan entitas yang terdiri dari 19 atribut yaitu id_reservasi
sebagai primary key, nama, no_telp, alamat, tgl_masuk, tgl_keluar,
waktu_masuk, waktu_keluar, id_kamar, status_reservasi, dp, bukti_dp,
status_dp, tgl_bayar, nominal_sewa, nominal_bayar, nominal_diskon,
uang_bayar, dan kembalian. Entitas ini memiliki relasi memesan terhadap
entitas kamar dan memiliki hubungan many to one. Dimana, satu tamu dapat
memesan satu atau lebih kamar. Setelah proses normalisasi, entitas tamu
dipecah menjadi 3 tabel yaitu tabel reservasi, tabel dp, dan tabel pembayaran.

c. Entitas kamar memiliki 6 atribut yaitu id_kamar sebagai primary key, no,
harga, fasilitas, status, dan id_kelas. Entitas kamar memiliki relasi memiliki
terhadap entitas gambar yang terdiri dari 3 atribut yaitu id_gambar sebagai
primary key, nama, dan id_kamar. Entitas kamar memiliki relasi memiliki
terhadap entitas gambar dan memiliki hubungan one to many. Dimana, satu
kamar dapat memiliki satu atau lebih gambar.
d. Terakhir, entitas kamar memiliki relasi terhadap entitas kelas yang terdiri dari
2 atribut yaitu id_kelas sebagai primary key, dan kelas. Entitas kamar
memiliki relasi memiliki terhadap entitas kelas dan memiliki hubungan many
to one. Dimana, satu atau lebih kamar dapat memiliki satu kelas yang sama.

3.3.2. Use Case Diagram
Perancangan use case diagram sistem reservasi pada wisma PLN Bedugul
berbasis website menggunakan framework codeigniter ditunjukkan oleh Gambar
3.6 yang menggambarkan aktor yang terlibat dalam sistem.
Gambar 3.6. Use Case Diagram Sistem Reservasi Pada Wisma PLN Bedugul
Berbasis Website Menggunakan Framework Codeigniter
Keterangan use case diagram sistem reservasi pada wisma PLN Bedugul berbasis
website menggunakan framework codeigniter:
a. Use Case memiliki 3 aktor.

b. Aktor Administrator dapat mengelola dashboard, mengelola data dp,
mengelola data pemesanan baru, mengelola data pemesanan selesai,
mengelola data pemesanan batal, mengelola data kelas, mengelola data kamar,
mengelola data galeri, mengelola data pengguna, melihat grafik, mengelola
data kritik & saran, dan mengelola data laporan.

c. Aktor Operator dapat mengelola dashboard, mengelola data dp, mengelola
data pemesanan baru, mengelola data pemesanan selesai, mengelola data
pemesanan batal, mengelola data kelas, mengelola data kamar, mengelola data
galeri, dan mengelola data kritik & saran.
d. Aktor Tamu dapat melihat dan melakukan pemesanan wisma pada website.
Selain itu tamu dapat melakukan pembayaran dp sesuai ID Booking yang
diinformasikan oleh pegawai. Terakhir, tamu dapat melihat dan mengirim
kritik & saran.
a. Use Case Glossary
Use case glossary merupakan deskripsi singkat dari setiap use case yang sudah
ditentukan pada use case diagram, dan aktor yang terkait dengan use case
tersebut. Use case glossary dari sistem reservasi pada wisma PLN Bedugul
berbasis website menggunakan framework codeigniter dibuat dalam bentuk tabel
yang ditunjukkan pada Tabel 3.1 yaitu sebagai berikut:

Tabel 3.1. Tabel Use Case Glossary
No Use Case Deskripsi Aktor
1 Login Use case ini berjalan Administrator dan

ketika aktor akan Operator
melakukan login ke dalam
sistem.
2 Mengelola Use case ini berjalan Administrator dan

Dashboard ketika aktor sudah login. Operator
Aktor dapat melihat total
orang yang melakukan
check-in dan check-out
pada hari tersebut. Selain
itu aktor juga dapat
melihat total kamar, total
kamar kosong, total kamar
terisi, total kritik & saran,
dan mengelola data
pemesanan yang baru
masuk.
3 Mengelola Data Use case ini berjalan Administrator dan

DP ketika aktor sudah login. Operator
Aktor dapat melihat data
dp yang baru masuk, dan
dapat memverifikasi data
dengan mengecek secara
manual uang yang masuk
ke rekening berdasarkan
bukti transfer yang telah
dikirim oleh tamu.

Tabel 3.1. Tabel Use Case Glossary (Lanjutan)

Pemesanan Baru ketika aktor sudah login. Operator
Aktor dapat membuat
pesanan baru, dan
mengelola data
pemesanan tamu.

Pemesanan Selesai ketika aktor sudah login. Operator
pemesanan yang telah
selesai dan dapat
mengekspor data
selesai.

Pemesanan Batal ketika aktor sudah login. Operator
dibatalkan dan dapat
mengekspor data
selesai.

Kelas ketika aktor sudah login. Operator
Aktor dapat membuat,
mengubah, dan
menghapus data kelas.


Kamar ketika aktor sudah login. Operator
Aktor dapat membuat,
mengubah, dan
menghapus data kamar.

Galeri ketika aktor sudah login. Operator
Aktor dapat menambah,
dan menghapus data
galeri.
10 Mengelola Data Use case ini berjalan Administrator

Pengguna ketika aktor administrator
sudah login.
Administrator dapat
membuat, mengubah, dan
menghapus data
pengguna.
11 Melihat Grafik Use case ini berjalan Administrator

ketika aktor administrator
sudah login.
Administrator dapat
melihat grafik pemesanan
perbulannya.


Kritik & Saran ketika aktor sudah login. Operator
Aktor dapat melihat,
mengarsipkan, dan
menghapus data kritik &
saran yang telah
dikirimkan.
13 Mengelola Use case ini berjalan Administrator

Laporan ketika aktor administrator
sudah login.
Administrator dapat
melihat data laporan
pemesanan dan
mengekspor data laporan.
14 Logout Use case ini berjalan Administrator dan

ketika aktor ingin Operator
melakukan logout dari
sistem.
15 Melakukan Use case ini berjalan Tamu

Pemesanan Wisma ketika aktor telah
mengunjungi website
reservasi. Tamu
melakukan pemesanan
wisma pada website, dan
data pemesanan yang
dikirim akan langsung
ditampilkan pada
dashboard pegawai.

16 Melakukan Use case ini berjalan Tamu

Pembayaran DP ketika aktor telah
mengunjungi website
reservasi. Pegawai wisma
akan menginformasikan
ID Booking tamu, dan
tamu perlu melakukan
pembayaran dp, dan
mengirimkan bukti
pembayarannya.
17 Mengirim Kritik & Use case ini berjalan Tamu

Saran ketika aktor telah
mengunjungi website
reservasi. Tamu mengisi
form kritik & saran, dan
data yang dikirim akan
langsung diterima
pegawai wisma.
b. Actor Glossary
Actor glossary merupakan deskripsi singkat dari setiap aktor yang sudah
ditentukan pada use case diagram, dan use case yang terkait dengan aktor
tersebut. Actor glossary dari sistem reservasi pada wisma PLN Bedugul berbasis
website menggunakan framework codeigniter dibuat dalam bentuk tabel yang
ditunjukkan oleh Tabel 3.2 yaitu sebagai berikut:

Tabel 3.2. Tabel Actor Glossary
No Aktor Deskripsi Use Case
1 Administrator Aktor sudah - Login

melakukan login - Mengelola Dashboard
kedalam sistem. - Mengelola Data DP
- Mengelola Data
Pemesanan Baru
- Mengelola Data
Pemesanan Selesai
- Mengelola Data
Pemesanan Batal
- Mengelola Data Kelas
- Mengelola Data Kamar
- Mengelola Data Galeri
- Mengelola Data
Pengguna
- Melihat Grafik
- Mengelola Data Kritik
& Saran
- Mengelola Laporan
- Logout

Tabel 3.2. Tabel Actor Glossary (Lanjutan)
No Aktor Deskripsi Use Case
2 Operator Aktor sudah - Login

melakukan login - Mengelola Dashboard
kedalam sistem. - Mengelola Data DP
- Mengelola Data
Pemesanan Baru
- Mengelola Data
Pemesanan Selesai
- Mengelola Data
Pemesanan Batal
- Mengelola Data Kelas
- Mengelola Data Kamar
- Mengelola Data Galeri
- Mengelola Data Kritik
& Saran
- Logout
3 Tamu Aktor sudah - Melakukan Pemesanan

mengunjungi website Wisma
reservasi. - Melakukan
Pembayaran DP
- Mengirim Kritik &
Saran

c. Use Case Spesification
1. Use Case Login
a. Use Case Login
 Brief Description
Use case login digunakan saat administrator dan operator melakukan
proses login dengan memasukan username dan password. Tujuannya
untuk masuk kedalam sistem.
 Aktor
Aktor yang terlibat dalam use case ini adalah administrator dan
operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case login ditunjukkan oleh Tabel 3.3
sebagai berikut:
Tabel 3.3. Tabel Basic Flow Login

Aktor Sistem
1. Administrator atau
operator mengakses
website reservasi dan
menekan login pada
navigation bar
2. Sistem menampilkan
halaman login
3. Aktor memasukkan
username dan password
4. Sistem melakukan
validasi username dan
password yang
dimasukkan

Tabel 3.3. Tabel Basic Flow Login (Lanjutan)
Aktor Sistem
5. Jika username dan

password sesuai, maka
sistem akan masuk
kedalam sistem dan
menampilkan halaman
dashboard
 Alternative Flow
Jika username dan password yang dimasukkan salah:
a. Sistem akan menampilkan pesan error login gagal dan kembali ke
halaman login.
c. Special Requirements
Terdapat database yang digunakan untuk validasi username dan
password.
d. Pre-Conditions
Administrator atau operator belum login ke sistem.
e. Post-Conditions
Administrator atau operator sudah login ke sistem.
f. Extension Points
N/A
2. Use Case Mengelola Dashboard
a. Use Case Mengelola Dashboard
Use case mengelola dashboard merupakan use case yang
menampilkan halaman dashboard yang berisi total orang yang
melakukan check-in dan check-out pada hari tersebut. Selain itu, juga
menampilkan total kamar, total kamar kosong, total kamar terisi, total
kritik & saran, dan dapat mengelola data pemesanan yang baru masuk.
 Aktor

operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola dashboard ditunjukkan
oleh Tabel 3.4 sebagai berikut:
Tabel 3.4. Tabel Basic Flow Mengelola Dashboard

Aktor Sistem
operator memilih menu
dashboard
halaman dashboard
Jika ada pesanan yang masuk:
a. Sistem akan menampilkan data pemesanan yang masuk pada
halaman dashboard.
Terdapat database yang digunakan pada data dashboard.
d. Pre-Conditions
Administrator atau operator belum mengakses menu dashboard.
e. Post-Conditions
Administrator atau operator sudah mengakses menu dashboard.
f. Extension Points
N/A
3. Use Case Mengelola Data DP
a. Use Case Mengelola Data DP

Use case mengelola data dp digunakan untuk memverifikasi dp yang
masuk. Administrator atau operator dapat menerima atau membatalkan
data dp yang dikirimkan tamu.
 Aktor
operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola data dp ditunjukkan
Tabel 3.5. Tabel Basic Flow Mengelola Data DP

Aktor Sistem
pemesanan dp
halaman dan data
pemesanan dp
3. Memverifikasi bukti
transfer yang dikirimkan
tamu
4. Jika bukti transfer yang

dikirimkan valid, maka
administrator atau
operator akan menyetujui
pemesanan tamu
5. Sistem memproses
penyetujuan pesanan
halaman pemesanan dp

Jika bukti transfer yang dikirimkan tidak valid:
a. Administrator atau operator membatalkan pemesanan tamu.
b. Sistem memproses pembatalan pesanan.
Terdapat database untuk diproses berdasarkan fungsi yang dipilih oleh
administrator dan operator.
d. Pre-Conditions
Administrator atau operator belum mengelola data dp.
e. Post-Conditions
Administrator atau operator sudah mengelola data dp.
f. Extension Points
N/A
4. Use Case Mengelola Data Pemesanan Baru
a. Use Case Mengelola Data Pemesanan Baru
Use case mengelola data pemesanan baru digunakan untuk melihat dan
mengelola pesanan yang telah melakukan pembayaran dp.
 Aktor
operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola data pemesanan baru
ditunjukkan oleh Tabel 3.6 sebagai berikut:

Tabel 3.6. Tabel Basic Flow Mengelola Data Pemesanan Baru
Aktor Sistem
pemesanan baru
halaman dan data
pemesanan baru
operator dapat memilih
untuk menambah
pesanan baru, melakukan
check-in, perpanjang,
check-out atau cancel
pesanan
4. Sistem memproses sesuai

fungsi yang dipilih
halaman pemesanan baru
N/A
d. Pre-Conditions

Administrator atau operator belum mengelola data pemesanan baru.
e. Post-Conditions
Administrator atau operator sudah mengelola data pemesanan baru.
f. Extension Points
N/A
5. Use Case Mengelola Data Pemesanan Selesai
a. Use Case Mengelola Data Pemesanan Selesai
Use case mengelola data pemesanan selesai digunakan untuk melihat
dan mengekspor data pesanan yang telah selesai.
 Aktor
operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola data pemesanan selesai
Tabel 3.7. Tabel Basic Flow Mengelola Data Pemesanan Selesai

Aktor Sistem
pemesanan selesai
halaman dan data
selesai
operator dapat
melakukan ekspor data
pemesanan selesai ke
format excel atau pdf

fungsi yang dipilih

Tabel 3.7. Tabel Basic Flow Mengelola Data Pemesanan Selesai
(Lanjutan)
Aktor Sistem
halaman pemesanan
selesai
N/A
d. Pre-Conditions
Administrator atau operator belum mengelola data pemesanan selesai.
e. Post-Conditions
Administrator atau operator sudah mengelola data pemesanan selesai.
f. Extension Points
N/A
6. Use Case Mengelola Data Pemesanan Batal
a. Use Case Mengelola Data Pemesanan Batal
Use case mengelola data pemesanan batal digunakan untuk melihat
dan mengekspor data pesanan yang telah dibatalkan.
 Aktor
operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola data pemesanan batal

Tabel 3.8. Tabel Basic Flow Mengelola Data Pemesanan Batal
Aktor Sistem
pemesanan batal
halaman dan data
dibatalkan
operator dapat
pemesanan batal ke
format excel atau pdf

fungsi yang dipilih
halaman pemesanan batal
N/A
d. Pre-Conditions
Administrator atau operator belum mengelola data pemesanan batal.
e. Post-Conditions
Administrator atau operator sudah mengelola data pemesanan batal.
f. Extension Points
N/A

7. Use Case Mengelola Data Kelas
a. Use Case Mengelola Data Kelas
Use case mengelola data kelas digunakan untuk melihat dan mengelola
data kelas.
 Aktor
operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola data kelas ditunjukkan
Tabel 3.9. Tabel Basic Flow Mengelola Data Kelas

Aktor Sistem
data kelas
halaman data kelas
operator dapat
menambah, mengubah,
dan menghapus data
kelas

fungsi yang dipilih

Tabel 3.9. Tabel Basic Flow Mengelola Data Kelas (Lanjutan)
Aktor Sistem
notifikasi sesuai fungsi
yang dipilih dan kembali
ke halaman data kelas
N/A
d. Pre-Conditions
Administrator atau operator belum mengelola data kelas.
e. Post-Conditions
Administrator atau operator sudah mengelola data kelas.
f. Extension Points
N/A
8. Use Case Mengelola Data Kamar
a. Use Case Mengelola Data Kamar
Use case mengelola data kamar digunakan untuk melihat dan
mengelola data kamar.
 Aktor
operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola data kamar ditunjukkan

Tabel 3.10. Tabel Basic Flow Mengelola Data Kamar
Aktor Sistem
data kamar
halaman data kamar
operator dapat
menambah, mengubah,
dan menghapus data
kamar

fungsi yang dipilih
ke halaman data kamar
N/A
d. Pre-Conditions
Administrator atau operator belum mengelola data kamar.
e. Post-Conditions
Administrator atau operator sudah mengelola data kamar.
f. Extension Points

N/A
9. Use Case Mengelola Data Galeri
a. Use Case Mengelola Data Galeri
Use case mengelola data galeri digunakan untuk melihat dan
mengelola data galeri.
 Aktor
operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola data galeri ditunjukkan
Tabel 3.11. Tabel Basic Flow Mengelola Data Galeri

Aktor Sistem
data galeri
halaman data galeri
operator dapat
menambah atau
menghapus data galeri

fungsi yang dipilih

Tabel 3.11. Tabel Basic Flow Mengelola Data Galeri (Lanjutan)
Aktor Sistem
ke halaman data galeri
N/A
d. Pre-Conditions
Administrator atau operator belum mengelola data galeri.
e. Post-Conditions
Administrator atau operator sudah mengelola data galeri.
f. Extension Points
N/A
10. Use Case Mengelola Data Pengguna
a. Use Case Mengelola Data Pengguna
Use case mengelola data pengguna digunakan untuk melihat dan
mengelola data pengguna.
 Aktor
Aktor yang terlibat dalam use case ini adalah administrator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola data pengguna

Tabel 3.12. Tabel Basic Flow Mengelola Data Pengguna
Aktor Sistem
1. Administrator memilih
menu data pengguna
halaman data pengguna
3. Administrator dapat
menambah, mengubah,
dan menghapus data
pengguna

fungsi yang dipilih
ke halaman data
pengguna
Jika menghapus pengguna yang sedang aktif atau login:
a. Sistem menampilkan pesan notifikasi gagal menghapus
administrator.
d. Pre-Conditions
Administrator belum mengelola data pengguna.
e. Post-Conditions
Administrator sudah mengelola data pengguna.
f. Extension Points

N/A
11. Use Case Melihat Grafik

a. Use Case Melihat Grafik
Use case melihat grafik digunakan untuk melihat grafik pemesanan
perbulannya.
 Aktor
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case melihat grafik ditunjukkan oleh
Tabel 3.13 sebagai berikut:
Tabel 3.13. Tabel Basic Flow Melihat Grafik

Aktor Sistem
menu grafik
halaman grafik
N/A
administrator.
d. Pre-Conditions
Administrator belum mengakses menu grafik.
e. Post-Conditions
Administrator sudah mengakses menu grafik.
f. Extension Points

N/A
12. Use Case Mengelola Data Kritik & Saran
a. Use Case Mengelola Data Kritik & Saran
Use case mengelola data kritik & saran digunakan untuk melihat dan
mengelola data kritik & saran.
 Aktor
operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola data kritik & saran
Tabel 3.14. Tabel Basic Flow Mengelola Data Kritik & Saran
Aktor Sistem
data kritik & saran
halaman data kritik &
saran
operator dapat
mengarsipkan atau
menghapus data kritik &
saran

fungsi yang dipilih

Tabel 3.14. Tabel Basic Flow Mengelola Data Kritik & Saran
(Lanjutan)
Aktor Sistem
ke halaman data kritik &
saran
N/A
d. Pre-Conditions
Administrator atau operator belum mengelola data kritik & saran.
e. Post-Conditions
Administrator atau operator sudah mengelola data kritik & saran.
f. Extension Points
N/A
13. Use Case Mengelola Laporan
a. Use Case Mengelola Laporan
Use case mengelola laporan digunakan untuk melihat dan mengekspor
data laporan.
 Aktor
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengelola laporan ditunjukkan

Tabel 3.15. Tabel Basic Flow Mengelola Laporan
Aktor Sistem
menu laporan
halaman dan data laporan
3. Administrator dapat
laporan ke format excel
atau pdf

fungsi yang dipilih
halaman laporan
N/A
administrator.
d. Pre-Conditions
Administrator belum mengelola data laporan.
e. Post-Conditions
Administrator sudah mengelola data laporan.
f. Extension Points
N/A

14. Use Case Logout
a. Use Case Logout
Use case logout digunakan saat administrator dan operator melakukan
proses logout.
 Aktor
operator.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case logout ditunjukkan oleh Tabel
3.16 sebagai berikut:
Tabel 3.16. Tabel Basic Flow Logout

Aktor Sistem
operator memilih tombol
logout
halaman login
N/A
Administrator atau operator perlu login terlebih dahulu kedalam sistem.
d. Pre-Conditions
Administrator atau operator belum logout dari sistem.
e. Post-Conditions
Administrator atau operator sudah logout dari sistem.
f. Extension Points
N/A

15. Use Case Melakukan Pemesanan Wisma
a. Use Case Melakukan Pemesanan Wisma
Use case melakukan pemesanan wisma digunakan saat tamu ingin
melakukan pemesanan pada website reservasi.
 Aktor
Aktor yang terlibat dalam use case ini adalah tamu.
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case melakukan pemesanan wisma
Tabel 3.17. Tabel Basic Flow Melakukan Pemesanan Wisma

Aktor Sistem
1. Tamu mengakses website

reservasi
halaman utama website
dan wisma yang dapat
dipesan
3. Tamu memilih wisma

yang ingin dipesan
form reservasi
5. Tamu mengisi data diri

pada form reservasi

Tabel 3.17. Tabel Basic Flow Melakukan Pemesanan Wisma
(Lanjutan)
Aktor Sistem
1. Sistem melakukan
validasi data yang telah
dimasukkan
2. Jika data yang

dimasukkan sesuai, maka
sistem akan menampilkan
alert reservasi berhasil
Jika data yang dimasukkan tidak valid:
a. Sistem menampilkan alert reservasi gagal

Terdapat database yang digunakan pada melakukan pemesanan wisma.
d. Pre-Conditions
Tamu belum melakukan pemesanan wisma.
e. Post-Conditions
Tamu sudah melakukan pemesanan wisma.
f. Extension Points
N/A
16. Use Case Melakukan Pembayaran DP
a. Use Case Melakukan Pembayaran DP
Use case melakukan pembayaran dp digunakan saat tamu ingin
melakukan pembayaran dp.
 Aktor

b. Flow of event
 Basic Flow
Alur utama basic flow dari use case melakukan pembayaran dp
Tabel 3.18. Tabel Basic Flow Melakukan Pembayaran DP

Aktor Sistem

reservasi
3. Tamu memilih menu

pembayaran dp pada
navigation bar
form pembayaran dp
5. Tamu mengisi form

pembayaran dp
6. Sistem melakukan
dimasukkan
7. Jika data yang

alert berhasil dikirim

a. Sistem menampilkan alert gagal dikirim
Terdapat database yang digunakan pada melakukan pembayaran dp.
d. Pre-Conditions
Tamu belum melakukan pembayaran dp.
e. Post-Conditions
Tamu sudah melakukan pembayaran dp.
f. Extension Points
N/A
17. Use Case Mengirim Kritik & Saran
a. Use Case Mengirim Kritik & Saran
Use case mengirim kritik & saran digunakan saat tamu ingin mengirim
kritik & saran.
 Aktor
b. Flow of event
 Basic Flow
Alur utama basic flow dari use case mengirim kritik & saran
Tabel 3.19. Tabel Basic Flow Mengirim Kritik & Saran

Aktor Sistem

reservasi
3. Tamu memilih menu

contact pada navigation
bar

form kritik & saran

Tabel 3.19. Tabel Basic Flow Mengirim Kritik & Saran
(Lanjutan)
Aktor Sistem
5. Tamu mengisi form kritik

& saran
6. Sistem melakukan
dimasukkan
7. Jika data yang

alert berhasil dikirim
a. Sistem menampilkan alert gagal dikirim

Terdapat database yang digunakan pada mengirim kritik & saran.
d. Pre-Conditions
Tamu belum mengirim kritik & saran.
e. Post-Conditions
Tamu sudah mengirim kritik & saran.
f. Extension Points
N/A

3.3.3. Activity Diagram
1. Activity Diagram Login
Perancangan activity diagram login pada sistem reservasi pada wisma PLN
Bedugul berbasis website menggunakan framework codeigniter ditunjukkan oleh
Gambar 3.7. Activity diagram menggambarkan alur proses login yang terjadi pada
aktor administrator dan operator.
Gambar 3.7. Activity Diagram Login Pegawai


Keterangan :
a. Pegawai membuka website, selanjutnya sistem akan menampilkan website

reservasi wisma kepada pegawai.
b. Pegawai menekan login pada navigation bar, lalu sistem akan menampilkan
form login kepada pegawai.
c. Pegawai memasukkan username dan password pada form login, selanjutnya
sistem akan melakukan validasi dan pengecekan terhadap username dan
password yang telah dimasukkan. Pegawai memiliki dua role, yaitu
Administrator dan Operator. Perbedaannya terdapat pada hak akses yang dapat
dijangkau pada sistem yang dirancang.
d. Selanjutnya apabila username dan password yang dimasukkan valid, maka
sistem akan menampilkan dashboard dan dapat mengakses sistem sesuai role.
Sebaliknya, sistem akan mengembalikan pegawai ke tampilan form login jika
username dan password yang diinput tidak valid.

2. Activity Diagram Mengelola Dashboard
Perancangan activity diagram mengelola dashboard pada sistem reservasi pada

wisma PLN Bedugul berbasis website menggunakan framework codeigniter
ditunjukkan oleh Gambar 3.8. Activity diagram menggambarkan alur proses
mengelola dashboard yang terjadi pada aktor administrator dan operator.
Gambar 3.8 Activity Diagram Mengelola Dashboard

Keterangan :
a. Pegawai membuka dashboard, selanjutnya sistem akan menampilkan tampilan

dashboard kepada Pegawai.
b. Pegawai dapat melakukan cancel pemesanan pada bagian ini, jika pegawai
menekan tombol pembatalan pesanan, maka sistem akan membatalkan data
pesanan dan menyimpannya di database.

3. Activity Diagram Mengelola Data DP
Perancangan activity diagram mengelola data dp pada sistem reservasi pada

mengelola data dp yang terjadi pada aktor administrator dan operator.
Gambar 3.9. Activity Diagram Mengelola Data DP

Keterangan :
a. Pegawai memilih menu pengelolaan data dp, selanjutnya sistem akan

menampilkan tampilan pengelolaan data dp yang berisi data dp atau bukti
transfer yang telah dikirimkan oleh tamu.
b. Jika pegawai memilih cancel atau membatalkan data dp yang telah dikirimkan
oleh tamu. Maka sistem akan langsung membatalkan pemesanan yang terjadi.
Apabila pegawai menyetujui data dp yang dikirim. Maka sistem akan
menyetujui data pemesanan yang terjadi.

4. Activity Diagram Mengelola Data Pemesanan Baru
Perancangan activity diagram mengelola data pemesanan baru pada sistem

codeigniter ditunjukkan oleh Gambar 3.10. Activity diagram menggambarkan alur
proses mengelola data pemesanan baru yang terjadi pada aktor administrator dan
operator.
Gambar 3.10. Activity Diagram Mengelola Data Pemesanan Baru


Keterangan :
a. Pegawai memilih menu pengelolaan data pemesanan baru, selanjutnya sistem

akan menampilkan kelola data pemesanan baru.
b. Pegawai dapat melakukan aktivitas cancel dan juga check-in.
c. Apabila pegawai memilih cancel, maka pesanan akan dibatalkan. Sementara
jika pegawai memilih check-in, maka pesanan tamu akan diproses dan
memunculkan pilihan baru kepada pegawai yaitu untuk melakukan
perpanjangan atau check-out.
d. Jika tamu ingin melakukan perpanjangan, maka pegawai perlu memilih
perpanjangan sewa dan mengupdate tanggal sewa. Sementara jika tamu ingin
melakukan check-out, maka pegawai perlu memilih check-out. Sistem akan
menampilkan form check-out yang berisi data pemesan lengkap dengan
jumlah uang yang perlu dibayarkan.
5. Activity Diagram Mengelola Data Pemesanan Selesai
Perancangan activity diagram mengelola data pemesanan selesai pada sistem

proses mengelola data pemesanan selesai yang terjadi pada aktor administrator
dan operator.

Gambar 3.11. Activity Diagram Mengelola Data Pemesanan Selesai
Keterangan :
a. Pegawai memilih menu pengelolaan pemesanan selesai, selanjutnya sistem

akan menampilkan data pemesanan selesai.
b. Pegawai dapat melakukan aktivitas ekspor dan juga cetak.
c. Apabila pegawai memilih ekspor, maka data akan diekspor menjadi excel atau
pdf sesuai kebutuhan pegawai. Sementara jika pegawai memilih cetak, maka
data akan langsung dicetak.
6. Activity Diagram Mengelola Data Pemesanan Batal
Perancangan activity diagram mengelola data pemesanan batal pada sistem

proses mengelola data pemesanan batal yang terjadi pada aktor administrator dan
operator.

Gambar 3.12. Activity Diagram Mengelola Data Pemesanan Batal
Keterangan :
a. Pegawai memilih menu pengelolaan pemesanan batal, selanjutnya sistem akan

menampilkan data pemesanan batal.
c. Apabila Pegawai memilih ekspor, maka data akan diekspor menjadi excel atau
7. Activity Diagram Mengelola Data Kelas
Perancangan activity diagram mengelola data kelas pada sistem reservasi pada
mengelola data kelas yang terjadi pada aktor administrator dan operator.

Gambar 3.13. Activity Diagram Mengelola Data Kelas
Keterangan :
a. Pegawai memilih menu pengelolaan data kelas, selanjutnya sistem akan

menampilkan kelola data kelas.
b. Pegawai dapat memilih hapus, tambah maupun ubah data.

c. Jika Pegawai memilih hapus data, sistem akan menampilkan sebuah
konfirmasi, jika memilih “ya” maka data akan dihapus, sebaliknya sistem akan
menampilkan kembali kelola data kelas ketika memilih “tidak”.
d. Sementara jika pegawai memilih tambah data, maka sistem akan menampilkan
form tambah data. Pegawai perlu mengisi form, lalu data akan tersimpan.
e. Apabila pegawai memilih ubah data, sistem akan menampilkan form ubah
data, pegawai perlu mengubah data yang ingin diubah dan data yang diubah
akan tersimpan.
8. Activity Diagram Mengelola Data Kamar
Perancangan activity diagram mengelola data kamar pada sistem reservasi pada
mengelola data kamar yang terjadi pada aktor administrator dan operator.

Gambar 3.14. Activity Diagram Mengelola Data Kamar
Keterangan :

a. Pegawai memilih menu pengelolaan data kamar, selanjutnya sistem akan
menampilkan kelola data kamar.
b. Pegawai dapat memilih hapus, tambah, ubah data maupun tambah gambar.
c. Jika pegawai memilih hapus data, sistem akan menampilkan sebuah
menampilkan kembali kelola data kamar ketika memilih “tidak”.
akan tersimpan.
f. Lalu, jika pegawai memilih tambah gambar, sistem akan menampilkan form
tambah gambar. Pegawai menginput data gambar dan data gambar akan
tersimpan.
9. Activity Diagram Mengelola Data Galeri
Perancangan activity diagram mengelola data galeri pada sistem reservasi pada
mengelola data galeri yang terjadi pada aktor administrator dan operator.

Gambar 3.15. Activity Diagram Mengelola Data Galeri
Keterangan :
a. Pegawai memilih menu pengelolaan data galeri, selanjutnya sistem akan

menampilkan kelola data galeri.
menampilkan kembali kelola data galeri ketika memilih “tidak”.

akan tersimpan.
10. Activity Diagram Mengelola Data Pengguna
Perancangan activity diagram mengelola data pengguna pada sistem reservasi

pada wisma PLN Bedugul berbasis website menggunakan framework codeigniter
mengelola data pengguna yang terjadi pada aktor administrator.
Gambar 3.16. Activity Diagram Mengelola Data Pengguna


Keterangan :
a. Pegawai memilih menu pengelolaan data pengguna, selanjutnya sistem akan

menampilkan kelola data pengguna.
menampilkan kembali kelola data pengguna ketika memilih “tidak”.
akan tersimpan.
11. Activity Diagram Melihat Grafik
Perancangan activity diagram melihat grafik pada sistem reservasi pada wisma
PLN Bedugul berbasis website menggunakan framework codeigniter ditunjukkan
oleh Gambar 3.17. Activity diagram menggambarkan alur melihat grafik yang
terjadi pada aktor administrator.
Gambar 3.17. Activity Diagram Melihat Grafik


Keterangan :
a. Pegawai membuka menu grafik, selanjutnya sistem akan menampilkan

tampilan grafik pemesanan perbulannya kepada pegawai.
12. Activity Diagram Mengarsipkan Data Kritik & Saran
Perancangan activity diagram mengarsipkan data data kritik & saran pada sistem
proses mengarsipkan data kritik & saran yang terjadi pada aktor administrator dan
operator.
Gambar 3.18. Activity Diagram Mengarsipkan Data Kritik & Saran

Keterangan :
a. Pegawai memilih menu pengelolaan data kritik & saran, selanjutnya sistem
akan menampilkan kelola data kritik & saran.
b. Jika pegawai memilih untuk mengarsipkan data kritik & saran, sistem akan
mengarsipkan data dan meminta konfirmasi kepada pegawai.

c. Jika pegawai memilih “Ya” maka data akan diarsipkan, sebaliknya sistem
akan menampilkan kelola data kritik & saran kembali apabila pegawai
memilih “Tidak”.
13. Activity Diagram Menghapus Data Kritik & Saran
Perancangan activity diagram menghapus data data kritik & saran pada sistem
proses menghapus data kritik & saran yang terjadi pada aktor administrator.
Gambar 3.19. Activity Diagram Menghapus Data Kritik & Saran

Keterangan :
a. Pegawai memilih menu pengelolaan data kritik & saran, selanjutnya sistem
akan menampilkan kelola data kritik & saran.
b. Jika pegawai menekan tombol arsip, sistem akan menampilkan data kritik &
saran yang sudah diarsipkan.

c. Apabila pegawai memilih untuk menghapus data kritik & saran yang telah
diarsipkan sebelumnya, sistem akan meminta konfirmasi kepada pegawai.
d. Jika pegawai memilih “Ya” maka data akan dihapus, sebaliknya sistem akan
menampilkan kelola data kritik & saran yang telah diarsipkan kembali apabila
pegawai memilih “Tidak”.
14. Activity Diagram Mengelola Laporan
Perancangan activity diagram mengelola laporan pada sistem reservasi pada

mengelola laporan yang terjadi pada aktor administrator.
Gambar 3.20. Activity Diagram Mengelola Laporan

Keterangan :
a. Pegawai memilih menu pengelolaan data laporan, selanjutnya sistem akan

menampilkan data laporan.

c. Apabila pegawai memilih ekspor, maka data akan diekspor menjadi excel atau
15. Activity Diagram Logout
Perancangan activity diagram logout pada sistem reservasi pada wisma PLN
Bedugul berbasis website menggunakan framework codeigniter ditunjukkan oleh
Gambar 3.21. Activity diagram menggambarkan alur proses logout yang terjadi
pada aktor administrator dan operator.
Gambar 3.21. Activity Diagram Logout

Keterangan :
a. Pegawai memilih dan menekan tombol logout pada sistem pengelolaan

reservasi.
b. Sistem akan menampilkan halaman login ke pegawai.
16. Activity Diagram Melakukan Pemesanan Wisma

Perancangan activity diagram melakukan pemesanan wisma pada sistem reservasi
melakukan pemesanan wisma yang terjadi pada aktor tamu.
Gambar 3.22. Activity Diagram Melakukan Pemesanan Wisma

Keterangan :

a. Tamu membuka website, selanjutnya sistem akan menampilkan website
reservasi wisma kepada tamu.
b. Tamu menekan tombol lihat detail pada kamar yang dipilih, selanjutnya
sistem akan menampilkan detail kamar, booking list dan form reservasi kepada
tamu.
c. Jika tamu hendak memesan, tamu perlu mengisi data pada form reservasi.
d. Setelah mengisi form reservasi, sistem akan melakukan validasi data dan
mengecek data yang diinput sudah benar atau belum. Apabila data tidak valid,
maka akan muncul alert “Booking Gagal”, sebaliknya jika berhasil maka akan
muncul alert “Booking Berhasil”.
e. Setelah itu, sistem akan membawa tamu kembali ke tampilan website reservasi
wisma.
17. Activity Diagram Melakukan Pembayaran DP
Perancangan activity diagram melakukan pembayaran dp pada sistem reservasi

melakukan pembayaran dp yang terjadi pada aktor tamu.

Gambar 3.23. Activity Diagram Melakukan Pembayaran DP

Keterangan :

b. Jika tamu hendak mengirimkan dp berupa bukti transfer, tamu perlu menekan
menu pembayaran dp pada navigation bar. Lalu, sistem akan menampilkan
form pembayaran dp kepada tamu.
c. Tamu perlu mengisi form pembayaran dp yang disediakan. Lalu, sistem akan
melakukan validasi data dan mengecek data yang diinput sudah benar atau
belum. Apabila data tidak valid, maka akan muncul alert “Gagal Dikirim”,
sebaliknya jika berhasil maka akan muncul alert “Berhasil Dikirim”.
18. Activity Diagram Mengirim Kritik & Saran
Perancangan activity diagram mengirim kritik & saran pada sistem reservasi pada
mengirim kritik & saran yang terjadi pada aktor tamu.

Gambar 3.24. Activity Diagram Mengirim Kritik & Saran

Keterangan :

b. Jika tamu hendak memberikan kritik & saran, tamu perlu mengisi data pada
form kritik & saran yang disediakan.
c. Setelah mengisi kritik & saran, sistem akan melakukan validasi data dan
mengecek data yang diinput sudah benar atau belum. Apabila data tidak valid,
maka akan muncul alert “Gagal Dikirim”, sebaliknya jika berhasil maka akan
muncul alert “Berhasil Dikirim”.
3.4. Desain dan Perancangan Sistem

3.4.1. Struktur Tabel
1. Tabel Reservasi
Tabel reservasi merupakan tabel yang digunakan untuk menyimpan data reservasi.
Tabel reservasi memiliki hubungan dengan tabel kamar, dimana terdapat
id_kamar sebagai foreign key pada tabel reservasi. Untuk lebih lengkap mengenai
penjelasan tabel reservasi dapat dilihat pada Tabel 3.20:

Tabel 3.20. Tabel Reservasi
No Field Type Panjang Keterangan
1 id_reservasi int 11 Merupakan field yang berupa
primary key yang digunakan
untuk menyimpan id dari
reservasi yang tersimpan pada
tabel reservasi yang
selanjutnya dapat digunakan
untuk mengelola data.
2 nama varchar 120 Merupakan field untuk
menyimpan nama dari tamu
yang tersimpan pada tabel
reservasi yang selanjutnya
dapat digunakan untuk
mengelola data.
3 no_telp varchar 50 Merupakan field untuk
menyimpan nomor telepon
dari tamu yang tersimpan pada
4 alamat varchar 120 Merupakan field untuk
menyimpan alamat dari tamu
reservasi yang selanjutnya
mengelola data.

Tabel 3.20. Tabel Reservasi (Lanjutan)
5 tgl_masuk date - Merupakan field untuk
menyimpan tanggal masuk
dari tamu yang tersimpan pada
6 tgl_keluar date - Merupakan field untuk
menyimpan tanggal keluar dari
tamu yang tersimpan pada
7 waktu_masuk time - Merupakan field untuk
menyimpan waktu masuk dari
8 waktu_keluar time - Merupakan field untuk
menyimpan waktu keluar dari

Tabel 3.20. Tabel Reservasi (Lanjutan)
9 id_kamar int 11 Merupakan field untuk
menyimpan id dari kamar.
Merupakan sebuah foreign key
yang selanjutnya dapat
digunakan untuk mengelola
data.
10 status_reservasi int 11 Merupakan field untuk
menyimpan status dari
reservasi yang tersimpan pada
untuk mengelola data. Dimana
ketika status = “1” berarti
tamu belum melakukan proses
check-in, sebaliknya jika status
= “0” berarti tamu telah
melakukan proses check-in.
Sementara pada saat status =
“2” berarti pesanan telah
selesai. Jika status = “3”
berarti pesanan dibatalkan.
11 dp int 11 Merupakan field untuk
menyimpan dp, ketika tamu
sudah berhasil menyelesaikan
pembayaran dp.

2. Tabel Pembayaran
Tabel pembayaran merupakan tabel yang digunakan untuk menyimpan data

pembayaran. Tabel pembayaran memiliki hubungan dengan tabel reservasi,
dimana terdapat id_reservasi sebagai foreign key pada tabel pembayaran. Untuk
lebih lengkap mengenai penjelasan tabel pembayaran dapat dilihat pada Tabel
3.21:
Tabel 3.21. Tabel Pembayaran

1 id_pembayaran int 11 Merupakan field yang berupa
pembayaran yang tersimpan
pada tabel pembayaran yang
2 tgl_bayar date - Merupakan field untuk
menyimpan tanggal
pembayaran yang tersimpan
pada tabel pembayaran yang
3 nominal_sewa int 11 Merupakan field untuk
menyimpan jumlah nominal
sewa yang tersimpan pada
tabel pembayaran yang

Tabel 3.21. Tabel Pembayaran (Lanjutan)
4 nominal_diskon int 11 Merupakan field untuk
diskon yang tersimpan pada
5 nominal_bayar int 11 Merupakan field untuk
bayar yang tersimpan pada
6 uang_bayar int 11 Merupakan field untuk
menyimpan jumlah bayar yang
tersimpan pada tabel
pembayaran yang selanjutnya
mengelola data.
7 kembalian int 11 Merupakan field untuk
menyimpan jumlah kembalian
pembayaran yang selanjutnya
mengelola data.

Tabel 3.21. Tabel Pembayaran (Lanjutan)
8 id_reservasi int 11 Merupakan field untuk
menyimpan id dari reservasi.
data.
3. Tabel DP
Tabel dp merupakan tabel yang digunakan untuk menyimpan data dp. Tabel dp
memiliki hubungan dengan tabel reservasi, dimana terdapat id_reservasi sebagai
foreign key pada tabel dp. Untuk lebih lengkap mengenai penjelasan tabel dp
dapat dilihat pada Tabel 3.22:
Tabel 3.22. Tabel DP

1 id_dp int 11 Merupakan field yang berupa
untuk menyimpan id dari dp
yang tersimpan pada tabel dp.
2 bukti_dp varchar 120 Merupakan field untuk
menyimpan bukti dp atau
transfer dari tamu yang
tersimpan pada tabel dp yang

Tabel 3.22. Tabel DP (Lanjutan)
3 status_dp int 11 Merupakan field untuk
menyimpan status dari dp yang
tersimpan pada tabel dp yang
untuk mengelola data. Dimana
ketika status = “1” berarti
belum dilakukan persetujuan
terhadap pembayaran dp yang
dikirim, sebaliknya jika status
= “0” berarti telah dilakukan
persetujuan terhadap
pembayaran dp. Sementara
pada saat status = “2” berarti
pembayaran dp ditolak dan
pesanan dibatalkan.
4 id_reservasi int 11 Merupakan field untuk
menyimpan id dari reservasi.
data.

4. Tabel Role
Tabel role merupakan tabel yang digunakan untuk menyimpan data role. Untuk
lebih lengkap mengenai penjelasan tabel role dapat dilihat pada Tabel 3.23:
Tabel 3.23. Tabel Role

1 id_role int 11 Merupakan field yang berupa
untuk menyimpan id dari role
yang tersimpan pada tabel role
data. Jika id_role = “1”, user
berhak mendapat akses sebagai
Administrator. Sementara jika
id_role = “2”, user berhak
mendapat akses menjadi
Operator.
2 role varchar 50 Merupakan field untuk
menyimpan nama dari role yang
tersimpan pada tabel role yang
5. Tabel User
Tabel user merupakan tabel yang digunakan untuk menyimpan data user. Tabel
user memiliki hubungan dengan tabel role, dimana terdapat id_role sebagai
foreign key pada tabel user. Untuk lebih lengkap mengenai penjelasan tabel user
dapat dilihat pada Tabel 3.24:

Tabel 3.24. Tabel User
1 username varchar 50 Merupakan field yang berupa
untuk menyimpan username
dari user yang tersimpan pada
tabel user yang selanjutnya
mengelola data dan login ke
sistem.
2 password varchar 50 Merupakan field untuk
menyimpan password dari
user yang tersimpan pada tabel
user yang selanjutnya dapat
data dan login ke sistem.
menyimpan nama dari user
yang tersimpan pada tabel user
data.
4 jenis_kelamin varchar 50 Merupakan field untuk
menyimpan jenis_kelamin dari
data.

Tabel 3.24. Tabel User (Lanjutan)
5 alamat varchar 100 Merupakan field untuk
menyimpan alamat dari user yang
tersimpan pada tabel user yang
6 email varchar 120 Merupakan field untuk

menyimpan email dari user yang
menyimpan nomor telepon dari
digunakan untuk mengelola data.
8 id_role varchar 11 Merupakan field untuk

menyimpan id dari role.
yang selanjutnya dapat digunakan
9 foto varchar 50 Merupakan field untuk
menyimpan foto dari user yang

6. Tabel Kamar
Tabel kamar merupakan tabel yang digunakan untuk menyimpan data kamar.
Tabel kamar memiliki hubungan dengan tabel kelas, dimana terdapat id_kelas
sebagai foreign key pada tabel kamar. Untuk lebih lengkap mengenai penjelasan
tabel kamar dapat dilihat pada Tabel 3.25:
Tabel 3.25. Tabel Kamar

1 id_kamar int 11 Merupakan field yang berupa
primary key yang digunakan untuk
menyimpan id dari kamar yang
tersimpan pada tabel kamar yang
selanjutnya dapat digunakan untuk
mengelola data.
2 no varchar 50 Merupakan field untuk menyimpan
nomor dari kamar yang tersimpan
pada tabel kamar yang selanjutnya
dapat digunakan untuk mengelola
data.
3 harga int 11 Merupakan field untuk menyimpan
harga dari kamar yang tersimpan
data.

Tabel 3.25. Tabel Kamar (Lanjutan)
4 fasilitas varchar 500 Merupakan field untuk menyimpan
fasilitas dari kamar yang tersimpan
data.
5 status int 2 Merupakan field untuk menyimpan
status dari kamar yang tersimpan
data. Dimana ketika status = “1”
berarti kamar sedang dipesan,
sebaliknya jika status = “0” berarti
kamar tersedia.
6 id_kelas int 11 Merupakan field untuk menyimpan id
dari kelas. Merupakan sebuah foreign
key yang selanjutnya dapat digunakan
7. Tabel Kelas
Tabel kelas merupakan tabel yang digunakan untuk menyimpan data kelas. Untuk
lebih lengkap mengenai penjelasan tabel kelas dapat dilihat pada Tabel 3.26:

Tabel 3.26. Tabel Kelas
1 id_kelas int 11 Merupakan field yang berupa
untuk menyimpan id dari kelas
yang tersimpan pada tabel kelas
data.
2 kelas varchar 120 Merupakan field untuk
menyimpan nama dari kelas
yang tersimpan pada tabel kelas
data.
8. Tabel Gambar
Tabel gambar merupakan tabel yang digunakan untuk menyimpan data gambar
milik kamar. Tabel gambar memiliki hubungan dengan tabel kamar, dimana
terdapat id_kamar sebagai foreign key pada tabel gambar. Untuk lebih lengkap
mengenai penjelasan tabel gambar dapat dilihat pada Tabel 3.27:

Tabel 3.27. Tabel Gambar
1 id_gambar int 11 Merupakan field yang berupa
gambar yang tersimpan pada
tabel gambar yang selanjutnya
mengelola data.
menyimpan nama dari gambar
gambar yang selanjutnya dapat
data.
3 id_kamar int 11 Merupakan field untuk
menyimpan id dari kamar.
data.
9. Tabel Saran
Tabel saran merupakan tabel yang digunakan untuk menyimpan data kritik dan
saran. Untuk lebih lengkap mengenai penjelasan tabel kamar dapat dilihat pada
Tabel 3.28:

Tabel 3.28. Tabel Saran
1 id_saran int 11 Merupakan field yang berupa
untuk menyimpan id dari saran
yang tersimpan pada tabel saran
data.
menyimpan nama dari tamu
data.
3 email varchar 120 Merupakan field untuk
menyimpan email dari tamu
data.
menyimpan nomor telepon dari
tamu yang tersimpan pada tabel
saran yang selanjutnya dapat
data.

Tabel 3.28. Tabel Saran (Lanjutan)
5 Isi varchar 120 Merupakan field untuk
menyimpan isi pesan dari tamu
data.
6 tgl_kirim date - Merupakan field untuk
menyimpan tanggal kirim
pesan dari tamu yang tersimpan
pada tabel saran yang
7 status int 1 Merupakan field untuk
menyimpan status dari saran
data. Dimana ketika status =
“0” berarti saran masih berada
pada tabel saran pada sistem,
sementara ketika status = “1”
berarti saran sedang diarsipkan.
10. Tabel Galeri
Tabel galeri merupakan tabel yang digunakan untuk menyimpan data galeri. Tabel
galeri sendiri merupakan tabel yang berisi foto-foto yang digunakan untuk
ditampilkan pada halaman web reservasi yang ditujukkan ke tamu. Untuk lebih
lengkap mengenai penjelasan tabel galeri dapat dilihat pada Tabel 3.29:

Tabel 3.29. Tabel Galeri
1 id_galeri int 11 Merupakan field yang berupa
untuk menyimpan id dari foto
galeri yang selanjutnya dapat
data.
menyimpan nama dari foto
galeri yang selanjutnya dapat
data.
3.4.2. Class Diagram

Class diagram menggambarkan hubungan antar class yang membangun sistem
ini. Hasil perancangan class diagram pada sistem reservasi pada wisma PLN
Bedugul berbasis website menggunakan framework codeigniter ditunjukkan pada
Gambar 3.25.

Gambar 3.25. Class Diagram Sistem Reservasi Pada Wisma PLN Bedugul Berbasis Website Menggunakan Framework Codeigniter

Bedugul Berbasis Website Menggunakan Framework Codeigniter
Class Keterangan
CI_Controller Class yang berfungsi sebagai super class dari
class controller.
c_login Class yang berfungsi untuk melakukan login

pegawai (administrator dan operator).
c_dashboard Class yang berfungsi untuk melakukan

pengelolaan dashboard.
c_pesanan_dp Class yang berfungsi untuk melakukan

pengelolaan data bukti transfer atau dp tamu.
c_pesanan_baru Class yang berfungsi untuk melakukan

pengelolaan data pemesanan baru.
c_pesanan_selesai Class yang berfungsi untuk melakukan

pengelolaan data pemesanan yang sudah selesai.
c_pesanan_batal Class yang berfungsi untuk melakukan

pengelolaan data pemesanan yang telah dibatalkan.
c_kamar Class yang berfungsi untuk melakukan

pengelolaan data kamar.
c_kelas Class yang berfungsi untuk melakukan

pengelolaan data kelas.
c_galeri Class yang berfungsi untuk melakukan

pengelolaan data galeri.
c_grafik Class yang berfungsi untuk melakukan

pengelolaan data grafik.

Bedugul Berbasis Website Menggunakan Framework Codeigniter (Lanjutan)
Class Keterangan
c_saran Class yang berfungsi untuk melakukan

pengelolaan data kritik & saran.
c_admin Class yang berfungsi untuk melakukan

pengelolaan data pegawai.
c_laporan Class yang berfungsi untuk melakukan

pengelolaan data laporan.
c_tamu Class yang berfungsi untuk melakukan

pengelolaan data tamu.
c_down_payment Class yang berfungsi untuk melakukan

pengelolaan data bukti transfer atau dp yang
dikirim oleh tamu.
m_dashboard Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan dashboard.
m_down_payment Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data bukti
transfer atau dp.
m_pesanan_selesai Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data pesanan
yang sudah selesai.
m_pesanan_batal Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data pesanan
yang telah dibatalkan.

Bedugul Berbasis Website Menggunakan Framework Codeigniter (Lanjutan)
Class Keterangan
m_kamar Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data kamar.
m_kelas Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data kelas.
m_galeri Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data galeri.
m_grafik Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data grafik.
m_saran Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data kritik &
saran.
m_admin Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data pegawai.
m_laporan Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data laporan.
m_tamu Class yang berfungsi untuk mengakses tabel-tabel

yang digunakan untuk pengelolaan data tamu.
CI_Model Class yang berfungsi sebagai super class dari

class model.

3.4.3. Sequence Diagram
1. Sequence Diagram Login Pegawai
Perancangan sequence diagram login pegawai pada sistem reservasi wisma PLN
Bedugul berbasis website menggunakan framework codeigniter menggambarkan
alur antara objek dan sistem. Pegawai berperan sebagai aktor pada rancangan
login pegawai, perancangan sequence diagram login pegawai ditunjukkan oleh
Gambar 3.26:
Gambar 3.26. Sequence Diagram Login Pegawai

2. Sequence Diagram Mengelola Dashboard
Perancangan sequence diagram mengelola dashboard pada sistem reservasi

menggambarkan alur antara objek dan sistem. Pegawai berperan sebagai aktor
pada rancangan mengelola dashboard, perancangan sequence diagram mengelola
dashboard ditunjukkan oleh Gambar 3.27:

Gambar 3.27. Sequence Diagram Mengelola Dashboard
3. Sequence Diagram Mengelola Data DP
Perancangan sequence diagram mengelola data dp pada sistem reservasi wisma

PLN Bedugul berbasis website menggunakan framework codeigniter
pada rancangan mengelola data dp, perancangan sequence diagram mengelola
data dp ditunjukkan oleh Gambar 3.28:

Gambar 3.28. Sequence Diagram Mengelola Data DP
4. Sequence Diagram Mengelola Data Pemesanan Baru
Perancangan sequence diagram mengelola data pemesanan baru pada sistem

reservasi wisma PLN Bedugul berbasis website menggunakan framework
codeigniter menggambarkan alur antara objek dan sistem. Pegawai berperan
sebagai aktor pada rancangan mengelola data pemesanan baru, perancangan
sequence diagram mengelola data pemesanan baru ditunjukkan oleh Gambar
3.29:

Gambar 3.29. Sequence Diagram Mengelola Data Pemesanan Baru

5. Sequence Diagram Mengelola Data Pemesanan Selesai
Perancangan sequence diagram mengelola data pemesanan selesai pada sistem

sebagai aktor pada rancangan mengelola data pemesanan selesai, perancangan
sequence diagram mengelola data pemesanan selesai ditunjukkan oleh Gambar
3.30:
Gambar 3.30. Sequence Diagram Mengelola Data Pemesanan Selesai

6. Sequence Diagram Mengelola Data Pemesanan Batal
Perancangan sequence diagram mengelola data pemesanan batal pada sistem

sebagai aktor pada rancangan mengelola data pemesanan batal, perancangan
sequence diagram mengelola data pemesanan batal ditunjukkan oleh Gambar
3.31:

Gambar 3.31. Sequence Diagram Mengelola Data Pemesanan Batal
7. Sequence Diagram Mengelola Data Kelas
Perancangan sequence diagram mengelola data kelas pada sistem reservasi wisma
PLN Bedugul berbasis website menggunakan framework codeigniter
pada rancangan mengelola data kelas, perancangan sequence diagram mengelola
data kelas ditunjukkan oleh Gambar 3.32:

Gambar 3.32. Sequence Diagram Mengelola Data Kelas
8. Sequence Diagram Mengelola Data Kamar
Perancangan sequence diagram mengelola data kamar pada sistem reservasi

pada rancangan mengelola data kamar, perancangan sequence diagram mengelola
data kamar ditunjukkan oleh Gambar 3.33:

Gambar 3.33. Sequence Diagram Mengelola Data Kamar

9. Sequence Diagram Mengelola Data Galeri
Perancangan sequence diagram mengelola data galeri pada sistem reservasi

pada rancangan mengelola data galeri, perancangan sequence diagram mengelola
data galeri ditunjukkan oleh Gambar 3.34:
Gambar 3.34. Sequence Diagram Mengelola Data Galeri

10. Sequence Diagram Mengelola Data Pengguna
Perancangan sequence diagram mengelola data pengguna pada sistem reservasi

menggambarkan alur antara objek dan sistem. Pegawai dengan role administrator
berperan sebagai aktor pada rancangan mengelola data pengguna, perancangan
sequence diagram mengelola data pengguna ditunjukkan oleh Gambar 3.35:

Gambar 3.35. Sequence Diagram Mengelola Data Pengguna

11. Sequence Diagram Melihat Grafik
Perancangan sequence diagram mengelola data grafik pada sistem reservasi

berperan sebagai aktor pada rancangan mengelola data grafik, perancangan
sequence diagram mengelola data grafik ditunjukkan oleh Gambar 3.36:
Gambar 3.36. Sequence Diagram Mengirim Kritik & Saran

12. Sequence Diagram Mengelola Data Kritik & Saran
Perancangan sequence diagram mengelola data kritik & saran pada sistem
sebagai aktor pada rancangan mengelola data kritik & saran, perancangan
sequence diagram mengelola data kritik & saran ditunjukkan oleh Gambar 3.37:

Gambar 3.37. Sequence Diagram Mengelola Data Kritik & Saran
13. Sequence Diagram Mengelola Laporan
Perancangan sequence diagram mengelola data laporan pada sistem reservasi

berperan sebagai aktor pada rancangan mengelola data laporan, perancangan
sequence diagram mengelola data laporan ditunjukkan oleh Gambar 3.38:

Gambar 3.38. Sequence Diagram Mengelola Laporan
14. Sequence Diagram Logout Pegawai
Perancangan sequence diagram logout pegawai pada sistem reservasi wisma PLN
Bedugul berbasis website menggunakan framework codeigniter menggambarkan
alur antara objek dan sistem. Pegawai berperan sebagai aktor pada rancangan
logout pegawai, perancangan sequence diagram logout pegawai ditunjukkan oleh
Gambar 3.39:
Gambar 3.39. Sequence Diagram Logout Pegawai


15. Sequence Diagram Melakukan Pemesanan Wisma
Perancangan sequence diagram melakukan pemesanan wisma pada sistem

codeigniter menggambarkan alur antara objek dan sistem. Tamu berperan sebagai
aktor pada rancangan melakukan pemesanan wisma, perancangan sequence
diagram melakukan pemesanan wisma ditunjukkan oleh Gambar 3.40:
Gambar 3.40. Sequence Diagram Melakukan Pemesanan Wisma

16. Sequence Diagram Melakukan Pembayaran DP
Perancangan sequence diagram melakukan pembayaran dp pada sistem reservasi

menggambarkan alur antara objek dan sistem. Tamu berperan sebagai aktor pada
rancangan melakukan pembayaran dp, perancangan sequence diagram melakukan
pembayaran dp ditunjukkan oleh Gambar 3.41:

Gambar 3.41. Sequence Diagram Melakukan Pembayaran DP
17. Sequence Diagram Mengirim Kritik & Saran
Perancangan sequence diagram mengirim kritik & saran pada sistem reservasi
menggambarkan alur antara objek dan sistem. Tamu berperan sebagai aktor pada
rancangan mengirim kritik & saran, perancangan sequence diagram mengirim
kritik & saran ditunjukkan oleh Gambar 3.42:
Gambar 3.42. Sequence Diagram Mengirim Kritik & Saran


3.4.4. Rancangan Antarmuka
a. Rancangan Antarmuka Input
1. Form Login Pegawai
Dalam perancangan sistem ini, dirancang antarmuka login pegawai. Antarmuka
ini menampilkan form login pegawai yang berisi form inputan berupa username
dan password. Halaman ini dapat diakses saat menekan login pada navigation bar
halaman utama website reservasi. Antarmuka login pegawai dapat dilihat pada
Gambar 3.43.
Gambar 3.43. Perancangan Antarmuka Login Pegawai

2. Form Tambah Pemesanan

Dalam perancangan sistem ini, dirancang antarmuka tambah pemesanan.
Antarmuka ini menampilkan form pemesanan yang dapat diinput oleh pegawai
berdasarkan data tamu yang ingin menyewa. Halaman ini dapat diakses melalui
menu pemesanan baru, lalu menekan tombol tambah data pemesanan. Antarmuka
tambah pemesanan dapat dilihat pada Gambar 3.44.

Gambar 3.44. Perancangan Antarmuka Tambah Pemesanan
3. Form Perpanjang Pemesanan

Dalam perancangan sistem ini, dirancang antarmuka perpanjang pemesanan.
Antarmuka ini menampilkan form perpanjang pesanan yang dapat diinput oleh
pegawai ketika tamu ingin melakukan perpanjangan sewa. Halaman ini dapat
diakses melalui menu pemesanan baru, lalu menekan tombol perpanjang
pemesanan. Antarmuka perpanjang pemesanan dapat dilihat pada Gambar 3.45.

Gambar 3.45. Perancangan Antarmuka Perpanjang Pemesanan
4. Form Check-Out Pemesanan

Dalam perancangan sistem ini, dirancang antarmuka check-out pemesanan.
Antarmuka ini menampilkan form check-out yang menampilkan detail pemesanan
yang terjadi, serta jumlah bayar dan penambahan diskon jika Tamu yang
bersangkutan berhak mendapatkan diskon. Halaman ini dapat diakses melalui
menu pemesanan baru, lalu menekan tombol check-out pemesanan. Antarmuka
check-out pemesanan dapat dilihat pada Gambar 3.46.

Gambar 3.46. Perancangan Antarmuka Check-Out Pemesanan
5. Form Tambah Data Kelas

Dalam perancangan sistem ini, dirancang antarmuka tambah data kelas.
Antarmuka ini menampilkan form tambah kelas yang menampilkan data yang
dapat diinputkan oleh pegawai. Halaman ini dapat diakses dengan mengklik menu
data kelas, lalu menekan tombol tambah data kelas. Antarmuka tambah data kelas
dapat dilihat pada Gambar 3.47.

Gambar 3.47. Perancangan Antarmuka Tambah Data Kelas
6. Form Tambah Data Kamar

Dalam perancangan sistem ini, dirancang antarmuka tambah data kamar.
Antarmuka ini menampilkan form tambah kamar yang menampilkan data yang
data kamar, lalu menekan tombol tambah data kamar. Antarmuka tambah data
kamar dapat dilihat pada Gambar 3.48.

Gambar 3.48. Perancangan Antarmuka Tambah Data Kamar
7. Form Tambah Gambar Kamar

Dalam perancangan sistem ini, dirancang antarmuka tambah gambar kamar.
Antarmuka ini menampilkan form tambah gambar kamar yang menampilkan data
yang dapat diinputkan oleh pegawai. Halaman ini dapat diakses dengan mengklik
menu data kamar, lalu menekan tombol tambah gambar kamar. Antarmuka
tambah gambar kamar dapat dilihat pada Gambar 3.49.

Gambar 3.49. Perancangan Antarmuka Tambah Gambar Kamar
8. Form Tambah Data Galeri

Dalam perancangan sistem ini, dirancang antarmuka tambah data galeri.
Antarmuka ini menampilkan form tambah galeri yang menampilkan data yang
data galeri, lalu menekan tombol tambah data galeri. Antarmuka tambah data
galeri dapat dilihat pada Gambar 3.50.

Gambar 3.50. Perancangan Antarmuka Tambah Data Galeri
9. Form Tambah Data Pengguna

Dalam perancangan sistem ini, dirancang antarmuka tambah data pengguna.
Antarmuka ini menampilkan form tambah pengguna yang menampilkan data yang
dapat diinputkan oleh pegawai (administrator). Halaman ini dapat diakses dengan
mengklik menu data pengguna, lalu menekan tombol tambah data pengguna.
Antarmuka tambah data pengguna dapat dilihat pada Gambar 3.51.

Gambar 3.51. Perancangan Antarmuka Tambah Data Pengguna
10. Form Reservasi Tamu

Dalam perancangan sistem ini, dirancang antarmuka reservasi tamu. Antarmuka
ini menampilkan detail kamar dan form reservasi yang menampilkan data yang
dapat diinputkan oleh tamu yang ingin melakukan reservasi. Halaman ini dapat
diakses dengan mengklik tombol detail kamar pada halaman utama website
reservasi. Antarmuka reservasi tamu dapat dilihat pada Gambar 3.52 dan 3.53.

Gambar 3.52. Perancangan Antarmuka Reservasi Tamu
Gambar 3.53. Lanjutan Perancangan Antarmuka Reservasi Tamu


11. Form Kritik & Saran Tamu
Dalam perancangan sistem ini, dirancang antarmuka kritik & saran tamu.
Antarmuka ini menampilkan data kritik & saran yang dapat diinputkan oleh tamu
yang ingin memberikan kritik & sarannya. Halaman ini dapat diakses dengan
mengklik contact pada navigation bar website reservasi. Antarmuka kritik &
saran tamu dapat dilihat pada Gambar 3.54.
Gambar 3.54. Perancangan Antarmuka Mengirim Kritik & Saran

b. Rancangan Antarmuka Output

1. Dashboard
Dalam perancangan sistem ini, dirancang antarmuka dashboard. Antarmuka ini

menampilkan total check-in dan check-out per harinya, selain itu juga
menampilkan total kamar beserta jumlah kamar kosong dan terisi pada wisma.
Pada halaman ini juga akan menampilkan total kritik & saran yang ada per
harinya. Selain itu, pada halaman ini pegawai dapat melihat data pemesanan yang
baru masuk dan juga melakukan aksi pembatalan pesanan. Halaman ini adalah
halaman utama yang ditampilkan saat pertama kali login. Halaman ini dapat
diakses dengan cara mengklik dashboard pada navigation bar halaman pegawai.
Antarmuka dashboard dapat dilihat pada Gambar 3.55.

Gambar 3.55. Perancangan Antarmuka Dashboard
2. Pemesanan DP
Dalam perancangan sistem ini, dirancang antarmuka pemesanan dp. Antarmuka

ini menampilkan data dp yang telah dikirimkan oleh tamu untuk dapat disetujui
atau dibatalkan oleh pegawai. Halaman ini dapat diakses dengan cara mengklik
pemesanan pada navigation bar halaman pegawai, lalu mengklik pemesanan dp.
Antarmuka pemesanan dp dapat dilihat pada Gambar 3.56.

Gambar 3.56. Perancangan Antarmuka Pemesanan DP
3. Pemesanan Baru
Dalam perancangan sistem ini, dirancang antarmuka pemesanan baru. Antarmuka

ini menampilkan data pemesanan baru yang terjadi, serta terdapat tombol tambah
data pemesanan untuk melakukan penambahan pemesanan. Selain itu terdapat
tombol cancel untuk melakukan pembatalan pesanan, tombol check-in untuk
melakukan proses check-in ketika tamu telah berkunjung sesuai waktu pesanan.
Serta terdapat tombol perpanjang untuk melakukan perpanjangan sewa dan
tombol check-out untuk melakukan proses check-out ketika tamu telah selesai
melakukan sewa. Halaman ini dapat diakses saat mengklik pemesanan pada
navigation bar, lalu mengklik pemesanan baru. Antarmuka pemesanan baru dapat
dilihat pada Gambar 3.57.

Gambar 3.57. Perancangan Antarmuka Pemesanan Baru
4. Pemesanan Selesai
Dalam perancangan sistem ini, dirancang antarmuka pemesanan selesai.

Antarmuka ini menampilkan data pemesanan selesai. Pada halaman ini pegawai
juga dapat melakukan cetak dan ekspor data pemesanan yang telah selesai.
Halaman ini dapat diakses saat mengklik pemesanan pada navigation bar, lalu
mengklik pemesanan selesai. Antarmuka pemesanan selesai dapat dilihat pada
Gambar 3.58.

Gambar 3.58. Perancangan Antarmuka Pemesanan Selesai
5. Pemesanan Batal
Dalam perancangan sistem ini, dirancang antarmuka pemesanan batal. Antarmuka

ini menampilkan data pemesanan batal. Pada halaman ini pegawai juga dapat
melakukan cetak dan ekspor data pemesanan yang telah dibatalkan. Halaman ini
dapat diakses saat mengklik pemesanan pada navigation bar, lalu mengklik
pemesanan batal. Antarmuka pemesanan batal dapat dilihat pada Gambar 3.59.

Gambar 3.59. Perancangan Antarmuka Pemesanan Batal
6. Data Kelas
Dalam perancangan sistem ini, dirancang antarmuka data kelas. Antarmuka ini
menampilkan data kelas yang terdapat pada sistem. Pada halaman ini pegawai
dapat menambahkan, mengubah serta menghapus data kelas. Halaman ini dapat
diakses saat mengklik kelas pada navigation bar, lalu mengklik data kelas.
Antarmuka data kelas dapat dilihat pada Gambar 3.60.

Gambar 3.60. Perancangan Antarmuka Data Kelas
7. Data Kamar
Dalam perancangan sistem ini, dirancang antarmuka data kamar. Antarmuka ini
menampilkan data kamar yang terdapat pada sistem. Pada halaman ini pegawai
dapat menambahkan, mengubah serta menghapus data kamar. Halaman ini dapat
diakses saat mengklik kamar pada navigation bar, lalu mengklik data kamar.
Antarmuka data kamar dapat dilihat pada Gambar 3.61.

Gambar 3.61. Perancangan Antarmuka Data Kamar
8. Data Galeri
Dalam perancangan sistem ini, dirancang antarmuka data galeri. Antarmuka ini
menampilkan data galeri yang terdapat pada sistem. Pada halaman ini pegawai
dapat menambahkan dan menghapus data galeri. Halaman ini dapat diakses saat
mengklik galeri pada navigation bar. Antarmuka data galeri dapat dilihat pada
Gambar 3.62.

Gambar 3.62. Perancangan Antarmuka Data Galeri
9. Data Pengguna
Dalam perancangan sistem ini, dirancang antarmuka data pengguna. Antarmuka

ini menampilkan data pengguna yang terdapat pada sistem. Data pengguna
merupakan data yang diinput agar dapat melakukan proses login pegawai.
Terdapat 2 role pada pengguna, yaitu administrator dan operator. Namun,
halaman ini hanya dapat diakses oleh administrator saja. Pada halaman ini
pegawai dapat menambahkan, mengubah serta menghapus data pengguna.
Halaman ini dapat diakses saat mengklik pengguna pada navigation bar.
Antarmuka data pengguna dapat dilihat pada Gambar 3.63.

Gambar 3.63. Perancangan Antarmuka Data Pengguna
10. Data Grafik
Dalam perancangan sistem ini, dirancang antarmuka data grafik. Antarmuka ini
menampilkan data grafik pemesanan perbulannya. Halaman ini dapat diakses oleh
administrator saat mengklik grafik pada navigation bar. Antarmuka data grafik
dapat dilihat pada Gambar 3.64.

Gambar 3.64. Perancangan Antarmuka Data Grafik
11. Data Kritik & Saran
Dalam perancangan sistem ini, dirancang antarmuka data kritik & saran.
Antarmuka ini menampilkan data kritik & saran. Pada halaman ini pegawai
dengan role operator hanya dapat mengarsipkan data kritik & saran. Sementara
pegawai dengan role administrator dapat menghapus data kritik & saran yang
telah diarsipkan. Halaman ini dapat diakses saat mengklik kritik & saran pada
navigation bar. Antarmuka data kritik & saran dapat dilihat pada Gambar 3.65
dan 3.66.

Gambar 3.65. Perancangan Antarmuka Kritik & Saran
Gambar 3.66. Perancangan Antarmuka Arsip Kritik & Saran


12. Laporan
Dalam perancangan sistem ini, dirancang antarmuka laporan. Antarmuka ini

menampilkan data laporan. Pada halaman ini pegawai dapat melakukan cetak dan
ekspor keseluruhan data pemesanan atau laporan perbulannya. Halaman ini dapat
diakses oleh administrator saat mengklik laporan pada navigation bar. Antarmuka
data laporan dapat dilihat pada Gambar 3.67.
Gambar 3.67. Perancangan Antarmuka Laporan

13. Tampilan Website Reservasi Tamu
Dalam perancangan sistem ini, dirancang antarmuka website reservasi tamu.

Antarmuka ini menampilkan halaman yang dapat diakses tamu untuk memberi
informasi ke tamu dan mempermudah tamu untuk melakukan pemesanan.
Halaman ini dapat diakses oleh tamu pada saat pertama kali berkunjung ke
website reservasi. Antarmuka website reservasi tamu dapat dilihat pada Gambar
3.68, 3.69, 3.70 dan 3.71.

Gambar 3.68. Perancangan Antarmuka Booking
Gambar 3.69. Perancangan Antarmuka Services & Gallery


Gambar 3.70. Perancangan Antarmuka Detail Gallery
Gambar 3.71. Perancangan Antarmuka About & Contact


BAB IV
IMPLEMENTASI DAN PEMBAHASAN
4.1. Spesifikasi Kebutuhan Sistem

4.1.1. Spesifikasi Perangkat Keras
Perangkat keras yang digunakan untuk mengembangkan dan menguji sistem
ditunjukkan oleh Tabel 4.1.
Tabel 4.1. Perangkat Keras

No Perangkat Keras Keterangan
1 Prosesor AMD Ryzen 5 4600H
2 RAM 16 GigaByte
3 VGA NVIDIA GeForce GTX 1650
4 Penyimpanan 512 GigaByte
5 Display 15.6 inch
Sumber: Hasil Pengujian
4.1.2. Spesifikasi Perangkat Lunak

Perangkat lunak yang digunakan untuk mengembangkan dan menguji sistem
ditunjukkan oleh Tabel 4.2.
Tabel 4.2. Perangkat Lunak

No Perangkat Lunak Keterangan
1 Sistem Operasi Microsoft Windows 10
2 Text Editor Visual Studio Code
Politeknik Negeri Bali IV - 1

Tabel 4.2. Perangkat Lunak (Lanjutan)
No Perangkat Lunak Keterangan
3 Aplikasi Web Server XAMPP Versi 3.2.3
4 Bahasa Pemrograman PHP dan Javascript
5 Framework CodeIgniter
6 Basis Data MySQL
7 Web Browser Google Chrome
4.2. Pengujian Program

4.2.1. Halaman Utama Website
Pengujian ini dilakukan saat pegawai dan tamu mengakses halaman utama
website. Sistem akan menampilkan tampilan utama website seperti yang
ditunjukkan oleh Gambar 4.1, 4.2, 4.3, 4.4, dan 4.5.
Gambar 4.1. Halaman Utama Website


Gambar 4.2. Halaman Utama Website Menu Booking
Gambar 4.3. Halaman Utama Website Menu Gallery


Gambar 4.4. Halaman Utama Website Menu About
Gambar 4.5. Halaman Utama Website Menu Contact


4.2.2. Login Pegawai
Pengujian ini dilakukan saat pegawai ingin melakukan login pada sistem, pegawai
perlu mengisi username dan password pada form login. Tampilan login
ditunjukkan oleh Gambar 4.6.
Gambar 4.6. Halaman Login Pegawai

Setelah pegawai memasukkan username dan password dan menekan tombol

login. Sistem akan memverifikasi username dan password, apabila verifikasi
berhasil, maka sistem akan mengalihkan pegawai ke halaman dashboard sesuai
role pegawai seperti yang ditunjukkan pada Gambar 4.7, dan 4.8.

Gambar 4.7. Halaman Dashboard Administrator
Gambar 4.8. Halaman Dashboard Operator

Namun, ketika pegawai salah memasukkan username atau password, maka sistem
akan menampilkan pesan bahwa username atau password yang dimasukkan salah
seperti yang ditunjukkan oleh Gambar 4.9.

Gambar 4.9. Pesan Gagal Login
4.2.3. Mengelola Dashboard

Pengujian ini dilakukan saat pegawai telah melakukan login pada sistem, pada
halaman dashboard, sistem menampilkan total check-in dan total check-out pada
hari tersebut, selain itu sistem juga menampilkan total kamar, total kamar kosong,
total kamar terisi, dan total kritik & saran yang ditunjukkan oleh Gambar 4.10.
Gambar 4.10. Mengelola Dashboard

Pada halaman ini juga ditampilkan tabel data pemesanan masuk, dan tabel data
kamar yang kosong. Data pemesanan masuk, menampilkan data reservasi yang

baru masuk, pegawai perlu melakukan konfirmasi dengan cara menelpon pemesan
sesuai nomor pemesan untuk memberitahu ID Booking pemesan dan memberitahu
agar segera membayar dp pemesanan. Namun, apabila pesanan tidak
terkonfirmasi, maka pegawai dapat membatalkan pesanan dengan menekan
tombol cancel yang tersedia, sehingga pesanan otomatis akan langsung
dibatalkan. Tampilan dapat dilihat pada Gambar 4.11.
Gambar 4.11. Mengelola Dashboard Pemesanan Masuk

4.2.4. Mengelola Data DP

halaman pemesanan dp, sistem menampilkan data dp atau bukti transfer yang
telah dikirim oleh pemesan. Apabila pegawai menyetujui data dp yang masuk,
maka sistem akan menampilkan data pemesan pada menu pemesanan baru,
sementara jika pegawai tidak menyetujui data dp yang masuk, maka sistem akan
secara otomatis membatalkan pesanan. Tampilan pemesanan dp ditunjukkan oleh
Gambar 4.12.

Gambar 4.12. Mengelola Data DP
4.2.5. Mengelola Data Pemesanan Baru

halaman pemesanan baru, sistem menampilkan seluruh data pemesanan yang telah
disetujui. Ketika tamu ingin membatalkan pesanan yang terjadi maka pegawai
perlu menekan tombol cancel pada sistem. Sementara, jika tamu ingin melakukan
check-in, pegawai dapat menekan tombol in pada sistem, secara otomatis tombol
in dan cancel akan berganti menjadi tombol out dan extend. Tampilan pemesanan
baru ditunjukkan oleh Gambar 4.13.

Gambar 4.13. Mengelola Data Pemesanan Baru
Ketika masa sewa tamu telah habis dan ingin melakukan perpanjangan sewa,
pegawai dapat menekan tombol extend. Sistem akan menampilkan halaman
perpanjangan sewa seperti Gambar 4.14.
Gambar 4.14. Perpanjang Pemesanan


Pada saat tamu ingin melakukan check-out pesanan, pegawai dapat menekan
tombol out. Sistem akan menampilkan halaman check-out pesanan seperti Gambar
4.15, dan 4.16.
Gambar 4.15. Check-Out Pesanan Informasi Pemesan

Gambar 4.16. Check-Out Pesanan Informasi Pembayaran


Selain melakukan reservasi pada halaman booking website, pegawai juga dapat
melakukan penambahan pesanan dengan cara menekan tombol tambah data.
Sistem akan menampilkan halaman tambah pemesanan seperti Gambar 4.17.
Gambar 4.17. Tambah Pemesanan

4.2.6. Mengelola Data Pemesanan Selesai

halaman pemesanan selesai, sistem menampilkan seluruh data pemesanan yang
telah selesai. Pada halaman ini, pegawai dapat melakukan ekspor data pemesanan
yang telah selesai dalam bentuk PDF dan Excel. Tampilan pemesanan selesai

Gambar 4.18. Mengelola Data Pemesanan Selesai
4.2.7. Mengelola Data Pemesanan Batal

halaman pemesanan batal, sistem menampilkan seluruh data pemesanan yang
telah dibatalkan. Pada halaman ini, pegawai dapat melakukan ekspor data
pemesanan yang telah dibatalkan dalam bentuk PDF dan Excel. Tampilan
pemesanan batal ditunjukkan oleh Gambar 4.19.
Gambar 4.19. Mengelola Data Pemesanan Batal


4.2.8. Mengelola Data Kelas
halaman data kelas, sistem menampilkan seluruh data kelas yang ada. Pada
halaman ini, pegawai dapat menambah, mengubah, dan menghapus data kelas.
Tampilan data kelas ditunjukkan oleh Gambar 4.20.
Gambar 4.20. Mengelola Data Kelas

Pada saat pegawai ingin menambah kelas, pegawai dapat menekan tombol tambah
data kelas, sistem akan menampilkan halaman tambah data seperti yang

Gambar 4.21. Tambah Data Kelas
Sementara, jika pegawai ingin mengubah data kelas. Pegawai dapat menekan
tombol ubah pada halaman data kelas. Sistem akan menampilkan halaman ubah
data kelas seperti yang ditunjukkan oleh Gambar 4.22.
Gambar 4.22. Ubah Data Kelas

4.2.9. Mengelola Data Kamar

halaman data kamar, sistem menampilkan seluruh data kamar yang ada. Pada

halaman ini, pegawai dapat menambah, mengubah, dan menghapus data kamar.
Tampilan data kamar ditunjukkan oleh Gambar 4.23.
Gambar 4.23. Mengelola Data Kamar

Pada saat pegawai ingin menambah kamar, pegawai dapat menekan tombol
tambah data, sistem akan menampilkan halaman tambah data kamar seperti yang
Gambar 4.24. Tambah Data Kamar


Sementara, jika pegawai ingin mengubah data kamar. Pegawai dapat menekan
tombol ubah pada halaman data kamar. Sistem akan menampilkan halaman ubah
data kamar seperti yang ditunjukkan oleh Gambar 4.25.
Gambar 4.25. Ubah Data Kamar

Apabila pegawai ingin menambah gambar kamar. Pegawai dapat menekan tombol
tambah gambar kamar dengan icon gambar pada halaman data kamar. Sistem
akan menampilkan halaman tambah gambar kamar seperti yang ditunjukkan oleh
Gambar 4.26.
Gambar 4.26. Tambah Gambar Kamar


4.2.10. Mengelola Data Galeri
halaman data galeri, sistem menampilkan seluruh data galeri yang ada. Pada
halaman ini, pegawai dapat menambah dan menghapus data galeri. Tampilan data
galeri ditunjukkan oleh Gambar 4.27.
Gambar 4.27. Mengelola Data Galeri

Pada saat pegawai ingin menambah galeri, pegawai dapat menekan tombol
tambah data, sistem akan menampilkan halaman tambah data galeri seperti yang

Gambar 4.28. Tambah Data Galeri
4.2.11. Mengelola Data Pengguna

Pengujian ini dilakukan saat pegawai dengan role administrator telah melakukan
login pada sistem, pada halaman data pengguna, sistem menampilkan seluruh data
pengguna yang ada. Pada halaman ini, pegawai dengan role administrator dapat
menambah, mengubah, dan menghapus data pengguna. Tampilan data pengguna
Gambar 4.29. Mengelola Data Pengguna


Pada saat pegawai dengan role administrator ingin menambah pengguna, pegawai
dapat menekan tombol tambah data, sistem akan menampilkan halaman tambah
data pengguna seperti yang ditunjukkan oleh Gambar 4.30.
Gambar 4.30. Tambah Data Pengguna

Sementara, jika pegawai ingin mengubah data pengguna. Pegawai dengan role
administrator dapat menekan tombol ubah pada halaman data pengguna. Sistem
akan menampilkan halaman ubah data pengguna seperti yang ditunjukkan oleh
Gambar 4.31.
Gambar 4.31. Ubah Data Pengguna


4.2.12. Melihat Grafik
login pada sistem, pada halaman grafik, sistem menampilkan grafik pemesanan
perbulannya. Tampilan halaman grafik ditunjukkan oleh Gambar 4.32.
Gambar 4.32. Melihat Data Grafik

4.2.13. Mengelola Data Kritik & Saran

halaman data kritik & saran, sistem menampilkan data kritik & saran yang telah
dikirim oleh tamu. Pegawai dengan role administrator dan operator dapat
mengarsipkan data dengan cara menekan tombol arsip pada halaman kritik &
saran. Tampilan data kritik & saran ditunjukkan oleh Gambar 4.33.

Gambar 4.33. Mengelola Data Kritik & Saran
Sementara, data kritik & saran yang telah diarsipkan hanya dapat diakses dan
dihapus oleh pegawai dengan role administrator. Pegawai dapat menghapus data
kritik & saran dengan menekan tombol hapus pada halaman arsip kritik & saran.
Tampilan data arsip kritik & saran ditunjukkan oleh Gambar 4.34.
Gambar 4.34. Mengelola Data Arsip Kritik & Saran


4.2.14. Mengelola Laporan
login pada sistem, pada halaman laporan, sistem menampilkan seluruh data
pemesanan yang ada. Pada halaman ini, pegawai dengan role administrator dapat
melakukan ekspor data pemesanan yang telah selesai dalam bentuk PDF dan
Excel. Tampilan laporan ditunjukkan oleh Gambar 4.35.
Gambar 4.35. Mengelola Laporan

4.2.15. Logout Pegawai

Pengujian ini dilakukan saat pegawai ingin melakukan logout dari sistem, sistem
akan menampilkan kembali form login pada saat pegawai melakukan logout.
Tampilan logout ditunjukkan oleh Gambar 4.36.

Gambar 4.36. Logout Pegawai
4.2.16. Melakukan Pemesanan Wisma

Pengujian ini dilakukan saat tamu ingin melakukan pemesanan wisma pada
website reservasi, sistem akan menampilkan form booking pada tamu. Tamu perlu
mengisi dan melengkapi form booking dan menekan tombol book. Tampilan
melakukan pemesanan wisma ditunjukkan oleh Gambar 4.37.
Gambar 4.37. Melakukan Pemesanan Wisma


Apabila pemesanan yang dilakukan berhasil, maka sistem akan menampilkan
notifikasi booking success kepada tamu seperti yang ditunjukkan oleh Gambar
4.38.
Gambar 4.38. Pemesanan Berhasil

4.2.17. Melakukan Pembayaran DP

Pengujian ini dilakukan saat tamu ingin melakukan pembayaran dp pada website
reservasi. Tamu perlu menekan menu payment pada navbar website reservasi,
sistem akan menampilkan form dp pada tamu. Tamu perlu mengisi dan
melengkapi form dp dan menekan tombol submit untuk mengirim bukti transfer
atau dp. Tampilan melakukan pembayaran dp ditunjukkan oleh Gambar 4.39.

Gambar 4.39. Melakukan Pembayaran DP
Apabila pembayaran dp yang dilakukan berhasil, maka sistem akan menampilkan

notifikasi successfully send kepada tamu seperti yang ditunjukkan oleh Gambar
4.40.
Gambar 4.40. Pembayaran DP Berhasil


4.2.18. Mengirim Kritik & Saran
Pengujian ini dilakukan saat tamu ingin mengirimkan kritik & saran. Tamu perlu
menekan menu contact pada navbar website reservasi, sistem akan menampilkan
form kritik & saran pada tamu. Tamu perlu mengisi dan melengkapi form kritik &
saran dan menekan tombol send untuk mengirim kritik & saran. Tampilan
mengirim kritik & saran ditunjukkan oleh Gambar 4.41.
Gambar 4.41. Mengirim Kritik & Saran

Apabila pengiriman kritik & saran berhasil, maka sistem akan menampilkan
notifikasi successfully sent kepada tamu seperti yang ditunjukkan oleh Gambar
4.42.

Gambar 4.42. Mengirim Kritik & Saran Berhasil
4.3. Tabel Pengujian Aplikasi

Sistem yang dibangun perlu diuji untuk memastikan seluruh fungsinya berjalan
dengan baik. Pengujian dilakukan terhadap setiap fungsi yang diimplementasikan
dalam bentuk menu seperti yang ditunjukkan pada Tabel 4.3.
Tabel 4.3. Pengujian Aplikasi

No Menu Hasil yang harus Keterangan Hasil
muncul Pengujian
1 Login Dapat membedakan Login dapat Berhasil

antara administrator dilakukan oleh
dan operator serta user dengan
melakukan verifikasi role
terhadap user. administrator
dan operator.

Tabel 4.3. Pengujian Aplikasi (Lanjutan)
muncul Pengujian
2 Mengelola Dapat menampilkan Mengelola Berhasil

Dashboard dan mengelola dashboard
dashboard. dapat dilakukan
oleh user
dengan role
administrator
dan operator.
3 Mengelola Data Dapat menampilkan Mengelola data Berhasil

DP dan mengelola data dp dapat
dp. dilakukan oleh
user dengan
role
administrator
dan operator.

Pemesanan Baru data pemesanan baru pemesanan baru
dan dapat dapat dilakukan
melakukan proses oleh user
Cancel, Check-In, dengan role
perpanjang sewa dan administrator
Check-Out pesanan. dan operator.

muncul Pengujian

Pemesanan data pemesanan pemesanan
Selesai yang telah selesai selesai dapat
dan dapat dilakukan oleh
menghasilkan user dengan
laporan dalam role
bentuk cetak, PDF administrator
atau Excel. dan operator.

Pemesanan data pemesanan pemesanan batal
Batal yang telah batal dan dapat dilakukan
dapat menghasilkan oleh user
laporan dalam dengan role
bentuk cetak, PDF administrator
atau Excel. dan operator.

Kelas data kelas dan kelas dapat
melakukan aktifitas dilakukan oleh
tambah data, ubah user dengan
data dan hapus data role
kelas. administrator
dan operator.

muncul Pengujian

Kamar data kamar dan kamar dapat
kamar. administrator
dan operator.

Galeri data galeri dan galeri dapat
galeri. administrator
dan operator.

Pengguna data pengguna dan pengguna dapat
pengguna. administrator.
11 Melihat Grafik Dapat menampilkan Melihat grafik Berhasil

grafik pemesanan dapat dilakukan
perbulannya. oleh user
dengan role
administrator.

muncul Pengujian

Kritik & Saran data kritik & saran, kritik & saran
melakukan dapat dilakukan
pengarsipan dan oleh user
hapus data. dengan role
administrator
dan operator.
13 Mengelola Dapat menampilkan Mengelola data Berhasil

Laporan data laporan dan laporan dapat
menghasilkan dilakukan oleh
laporan dalam user dengan
bentuk cetak, PDF role
atau Excel. administrator.
14 Logout Menghapus session Logout dapat Berhasil

dan menampilkan dilakukan oleh
kembali form login. user dengan
role
administrator
dan operator.
15 Melakukan Form pemesanan Melakukan Berhasil

Pemesanan dapat ditampilkan pemesanan
Wisma dan dapat wisma dapat
melakukan proses dilakukan oleh
pemesanan. user dengan
role tamu.

muncul Pengujian
16 Melakukan Form pembayaran Melakukan Berhasil

Pembayaran DP dp dapat ditampilkan pembayaran dp
dan dapat dapat dilakukan
melakukan proses oleh user
pembayaran dp. dengan role
tamu.
17 Mengirim Kritik Form kritik & saran Mengirim kritik Berhasil

& Saran dapat ditampilkan & saran dapat
dan dapat dilakukan oleh
melakukan proses user dengan
pengiriman kritik & role tamu.
saran.

BAB V
PENUTUP
5.1. Kesimpulan
Berdasarkan rumusan masalah dan tujuan yang dijelaskan pada Bab I, serta
pembahasan yang telah diuraikan pada Bab III dan IV, maka kesimpulan yang
dapat diambil dalam Tugas Akhir ini adalah sebagai berikut.
1. Perancangan dan pembangunan Sistem Reservasi pada Wisma PLN

Bedugul berbasis Website menggunakan Framework Codeigniter ini
dilakukan dengan menggunakan metode Waterfall. Dimulai dari tahap
analisa kebutuhan sistem, desain sistem, pengkodean & testing sistem.
2. Tahap analisis sistem berjalan menghasilkan:
a. Satu flowmap yaitu flowmap sistem berjalan yang berisi proses
reservasi yang terjadi saat ini
b. Objek yang terlibat dalam sistem berjalan yaitu tamu dan pegawai.
3. Tahap analisis proses sistem baru dan desain sistem yang diusulkan
menghasilkan:
a. Tiga flowmap yaitu flowmap sistem baru reservasi tamu, mengelola
DP, dan mengelola pemesanan
b. Entity Relationship Diagram (ERD) yang terdiri dari empat buah
entitas yaitu Tamu, Kamar, Kelas, dan Gambar
c. Use Case Diagram yang terdiri dari tiga aktor yang terlibat yaitu
Admin, Operator, dan Tamu
d. Activity Diagram yang terdiri dari delapan belas diagram yang
menggambarkan proses yang terjadi pada sistem
e. Satu buah basis data yang terdiri dari sepuluh tabel yaitu tbReservasi,
tbPembayaran, tbDP, tbRole, tbUser, tbKamar, tbKelas, tbGambar,
tbSaran, tbGaleri
Politeknik Negeri Bali V-1

f. Class Diagram yang terdiri dari satu super class controller dan lima
belas class controller, serta satu super class model dan dua belas class
model
g. Sequence Diagram yang terdiri dari tujuh belas diagram yang
menggambarkan alur antara objek dan sistem
h. Rancangan Antarmuka yang terdiri dari Rancangan Antarmuka Input
dan Rancangan Antarmuka Output. Rancangan Antarmuka Input
terdiri dari sebelas rancangan dan Rancangan Antarmuka Output
terdiri dari tiga belas rancangan.
4. Tahap pembuatan kode sistem yang dibangun menggunakan alat bantu
perangkat lunak Visual Studio Code dan aplikasi web server yang
digunakan adalah XAMPP. Sistem yang dibangun dikembangkan
menggunakan bahasa pemrograman PHP (Hypertext Preprocessor) dan
basis data MySQL.
5. Tahap pengujian sistem yang dibangun menunjukkan semua fitur yang
terdapat pada sistem telah berjalan dan berfungsi dengan baik dan
memberikan hasil yang sesuai dengan yang diharapkan.
5.2. Saran
Berdasarkan batasan masalah yang diuraikan pada Bab I dan pembahasan
yang telah diuraikan pada Bab III dan IV, maka ada beberapa hal yang disarankan
untuk dikembangkan dalam Sistem Reservasi pada Wisma PLN Bedugul berbasis
Website menggunakan Framework Codeigniter ini kedepannya supaya menjadi
lebih baik sebagai berikut.
1. Menambahkan validasi waktu pembayaran DP, sehingga sistem dapat

membatalkan otomatis pemesanan pada waktu yang ditentukan tanpa
bantuan pengelola Wisma.
2. Melakukan konfirmasi pesanan secara otomatis tanpa bantuan pengelola
Wisma.
Politeknik Negeri Bali V-2

DAFTAR PUSTAKA
[1] Y. Purba Sari, "Rancang Bangun Aplikasi Penjualan Dan Persediaan Obat
Pada Apotek Merbendi Kota Prabumulih," Jurnal Sistem Informasi Dan
Komputerisasi Akuntansi (JSK), vol. 1, pp. 81-88, 2017.
[2] P. Irawan, D. A. P. Prasetya and P. Sokibi, "Rancang Bangun Sistem

Pengarsipan Surat Kedinasan berbasis Web Menggunakan Framework
CodeIgniter," MISI (Jurnal Manajemen Informatika & Sistem Informasi),
vol. 3, pp. 157-165, 2020.
[3] S. Fadli, "Model Rapid Application Development Dalam Pengembangan

Sistem Reservasi dan Penyewaan Kamar Hotel," JIRE (Jurnal Informatika
& Rekayasa Elektronika), vol. 1, pp. 57-64, 2018.
[4] H. Azizah and S. D. Putra, "Penerapan E-Health Pada Sistem Reservasi

Perawatan Kulit Wajah di Klinik Kecantikan Dokter Mirda Berbasis
Android," Journal of Information System, Applied, Management,
Accounting and Research, vol. 3, pp. 121-133, 2019.
[5] Z. Rusby, B. S. Bakhri and S. Rozi, "Pengaruh Bauran Promosi Terhadap

Peningkatan Jumlah Tamu pada Wisma Graha Az-Zahra Pekanbaru,"
Jurnal Al-hikmah, vol. 14, pp. 222-241, 2017.
[6] Y. Nurjani, "Website Kantor Kelurahan Lingkar Selatan," Fortech (Journal

of Information Technology), vol. 4, pp. 53-59, 2020.
[7] M. S. Novendri, A. Saputra and C. E. Firman , "Aplikasi Inventaris Barang

Pada MTS Nurul Islam Dumai Menggunakan PHP dan MySQL," Lentera
Dumai, vol. 10, pp. 46-57, 2019.
[8] N. and A. Y. Saputra, "Rancang Bangun Sistem Informasi Ujian Online,"

Jurnal Lentera ICT, vol. 3, pp. 47-53, 2016.
[9] M. I. Hanafri, T. and I. Luthfiudin, "Rancang Bangun Sistem Monitoring

Kehadiran Dosen Berbasis Web Pada STMIK Bina Sarana Global," Jurnal
SISFOTEK Global, vol. 8, pp. 81-86, 2018.
[10] M. R. Faisal and E. Kurniawan. (2017). Seri Belajar ASP.NET:

Pemrograman Web ASP.NET Core dengan MySQL dan Visual Studio Code.
[Online]. Available: https://play.google.com/books/reader?
id=FDHEDgAAQBAJ&pg=GBS.PP1&hl=id
[11] E. Nurfitriana, W. Apriliah, H. Ferliyanti, H. Basri and R. , "Implementasi

Model Waterfall Dalam Sistem Informasi Akuntansi Piutang Jasa
Penyewaan Kendaraan Pada PT. Tricipta Swadaya Karawang," Jurnal
Politeknik Negeri Bali

Interkom, vol. 15, pp. 36-45, 2020.
[12] G. T. Mardiani, "Entity Relationship Model," 2018. [Online]. Available:

https://repository.unikom.ac.id/56604/1/Pertemuan%203%20-%20Model
%20relational%20-%20ERD.pdf. [Accessed 05 May 2021].
[13] S. Butsianto, "Aplikasi Media Pembelajaran Untuk Anak Usia Dini Berbasis
Android," Jurnal Teknologi Pelita Bangsa - SIGMA, vol. 6, pp. 112-121,
2017.
[14] A. P. Fadillah, "Alat Bantu Analisis (Flowmap)," 2019. [Online]. Available:

https://repository.unikom.ac.id/61531/1/5.%20Alat%20Bantu%20Analisis
%20%28Flowmap%29_.pdf. [Accessed 05 May 2021].
[15] Y. Heriyanto, "Perancangan Sistem Informasi Rental Mobil Berbasis Web

Pada PT. APM Rent Car," Jurnal Intra-Tech, vol. 2, pp. 64-77, 2018.
[16] S. and S. Siswanti, Perancangan Basis Data & Pengenalan SQL Server
Management Studio, Semarang: Lembaga Penelitian dan Pengabdian
Kepada Masyarakat Universitas Dian Nuswantoro Semarang, 2021.
[17] C. Tristianto, "Penggunaan Metode Waterfall Untuk Pengembangan Sistem

Monitoring dan Evaluasi Pembangunan Pedesaan," ESIT (Jurnal Teknologi
Informasi), vol. 12, pp. 8-22, 2018.
LAMPIRAN


Rancang Bangun Sistem Reservasi Pada Wisma PLN Bedugul Berbasis Website Menggunakan

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Rancang Bangun Sistem Reservasi Pada Wisma PLN Bedugul Berbasis Website Menggunakan

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN TUGAS AKHIR DIII

RANCANG BANGUN SISTEM RESERVASI

I Made Dwiki Satria Wibawa

PROGRAM STUDI DIII MANAJEMEN INFORMATIKA

RANCANG BANGUN SISTEM RESERVASI

I Made Dwiki Satria Wibawa

PROGRAM STUDI DIII MANAJEMEN INFORMATIKA

RANCANG BANGUN SISTEM RESERVASI

I Made Dwiki Satria Wibawa

Tugas Akhir ini Diajukan untuk

Pembimbing I : Pembimbing II:

Ir. I Wayan Raka Ardana, M.T.

Politeknik Negeri Bali ii

Saya yang bertanda tangan di bawah ini :

Nama : I Made Dwiki Satria Wibawa

demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada

Demikian pernyataan ini saya buat dengan sebenarnya.

Bukit Jimbaran, ……………. 2021

(I Made Dwiki Satria Wibawa)

Politeknik Negeri Bali iii

Saya yang bertandatangan dibawah ini:

Nama : I Made Dwiki Satria Wibawa

menyatakan dengan sesungguhnya bahwa Laporan Tugas Akhir berjudul

Bukit Jimbaran, ………….. 2021

I Made Dwiki Satria Wibawa

Politeknik Negeri Bali iv

4. Bapak I Wayan Suasnawa, S.T., M.T. selaku Pembimbing Utama yang

6. Seluruh Dosen pengajar Program Studi Manajemen Informatika Jurusan

8. Teman-teman seperjuangan yang telah membantu dan memberi masukan serta

Politeknik Negeri Bali v

Jimbaran, ………….. 2021

Politeknik Negeri Bali vi

Kata Kunci: Sistem Reservasi, Framework Codeigniter

Keywords: Reservation System, Codeigniter Framework

Politeknik Negeri Bali vii

HALAMAN JUDUL ......................................................i

Politeknik Negeri Bali viii

Politeknik Negeri Bali ix

Politeknik Negeri Bali x

Tabel 2.1. Simbol Entity Relationship Diagram (ERD) [12]..............................II-5

Tabel 3.1. Tabel Use Case Glossary III-15

Tabel 3.2. Tabel Actor Glossary.......................................................................III-20

Politeknik Negeri Bali xi

Tabel 4.1. Perangkat Keras.................................................................................IV-1

Politeknik Negeri Bali xii

Gambar 3.1. Flowmap Sistem Berjalan..............................................................III-3

Politeknik Negeri Bali xiii

Gambar 4.1. Halaman Utama Website IV-2

Politeknik Negeri Bali xiv

Politeknik Negeri Bali xv

1.1. Latar Belakang

Sistem yang berjalan saat ini memiliki kelemahan seperti kemungkinan

Politeknik Negeri Bali I-1

Berdasarkan penjabaran diatas, maka dibutuhkan sebuah solusi yang dapat

1.2. Masalah dan Batasan Masalah

1.2.2. Batasan Masalah

b. Sistem Reservasi yang dibangun hanya dapat menangani proses Booking,

Politeknik Negeri Bali I-2

d. Pembayaran DP dapat dilakukan setelah mendapat konfirmasi dari pihak

e. Pemesanan yang tidak mendapatkan konfirmasi dari Pemesan dapat langsung

f. Sistem Reservasi tidak dapat melakukan penjadwalan ulang. Sehingga DP

g. Sistem Reservasi yang dibangun hanya menangani proses sisa pembayaran

h. Sistem Reservasi yang dibangun akan menghasilkan pelaporan dalam bentuk