Bab III.
PERANCANGAN SISTEM
3.1 Analisis Sistem
Secara umum pengertian dari sistem menurut Leitch Rosses adalah suatu system didalam organisasi yang memerlukan keburuhan pengolahan transaksi harian, mendukung operasi, bersifat managerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan. Elemen-elemen dari suatu sistem pada dasarnya terdiri atas input, proses dan output. Sistem belanjaonlinemerupakan bagian dari aplikasi sistem e-commerce yang tidak terlepas dari elemen – elemen input, proses dan output.
Berdasarkan pada sistem e-commerce pada umumnya, sistem reservasi hotel online berbasis web disini dijelaskan tahapan analisis sistem yang memproses input dari dua pengguna yaitu pelanggan, dan penjual atau administrator. Pada tahap analisis sistem ini akan dijelaskan bagaimana setiap entitas berinteraksi dengan sistem untuk menjalankan setiap fungsinya masing-masing, oleh karena itu perlu mendefinisikan fungsi masing-masing entitas dalam sistem agar dalam perancangan sistem tidak terjadi kesalahan-kesalahan dalam implementasinya. Secara garis besar sistem belanja online yang akan dikembangkan disini terdiri dari proses-proses yang
meliputi pendaftaran user, masuk ke area
3.2 Alur Sistem
Sistem Pemesanan Hotel Online
Top Package::customer Top Package::admin
mencari informasi
3.4 Activity Diagram
Mengisi form registrasi ID dan penambahan pemesanan (jika ada)
Mendapat total tagihan
Membayar tagihan
Meng check in kan tamu yang sudah
registrasi
Meng check out kan tamu
Gambar 3.2 Activity Diagram
Diatas merupakan diagram Activity yang
dirancang. Aktifitas yang dilakukan oleh user member yaitu user member harus login terlebih dahulu untuk dapat melakukan pemesanan fasilitas, lihat profil, dan jadwal pemesanan. Begitu juga dengan admin dalam aktifitas ini admin juga diharuskan untuk login terlebih dahulu untuk dapat menginputkan data profil, user dan pemesanan. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.. Sangat bermanfaat apabila kita membuat diagram ini terlebih dahulu dalam memodelkan sebuah proses untuk membantu memahami proses secara keseluruhan. Activity diagram dibuat berdasarkan sebuah atau beberapa use case pada use case diagram.
3.5 CLASS DIAGRAM
Class diagram adalah alat perancangan terbaik untuk tim pengembang. Diagram tersebut membantu pengembang mendapatkan struktur system sebelum kode ditulis, dan membantu untuk memastikan bahwa system adalah desain terbaik.
terhadap system yang dibangun. Di bawah ini merupakan class diagram dari sistem reservasi hotel online.
3.6 LKT (Lembar Kerja Tampilan)
3.6.1 Halaman Awal (Sebelum Login Member) 1. Halaman Beranda
Halaman ini memuat beberapa menu. Klik Fld1 masuk halaman masuk dan daftar. Klik Fld2 tampil halaman beranda. Klik Fld3 tampil halaman kontak. Klik fld4 memasukkan username. Klik Fld5 memasukkan password. Klik Fld6 login sebagai member. Klik Fld7 mendaftar sebagai member. Klik Fld8 masuk halaman lupa password. Klik Fld11 login sebagai Admin. Fld10 berisikan disrkipsi berupa teks tentang Hotel. Fld9 slideshow Hotel.
Sheet 1 Sheet 1
Fld6 Fld7
Fld4
Fld5
Fld2
Fld8
Fld3 Fld1
Fld9 Fld10
Fld11
Keterangan :
Fld1 : Menu (masuk/daftar) Fld2 : Menu navidasi (Beranda) Fld3 : Menu navidasi (kontak) Fld4 : Text Box (username) Fld5 : Text Box (password) Fld6 : Button (login) Fld7 : Button (daftar)
Fld8 : Radio Button (lupa password)
Fld9 : Slideshow Hotel
Fld10 : Text
Fld11 : Button (login admin)
1. Halaman Daftar
Klik Fld18 untuk me reset ulang. Klik Fld 19 untuk
Gambar 3.5 LKT Halaman Registrasi Member Keterangan :
Fld1 : Menu (masuk/daftar) Fld13: Text Box (email) Fld2 : Menu navidasi (Beranda) Fld14: Text Box (first name) Fld3 : Menu navidasi (kontak) Fld15: Text Box (last name) Fld4 : Text Box (username) Fld16: Text Box (address) Fld5 : Text Box (password) Fld18: Button (reset) Fld6 : Button (login) Fld19: Button (simpan) Fld7 : Button (daftar) Fld12: Text Box (password) Fld8 : Radio Button (lupa password)
Fld9 : Slideshow Hotel Fld10 : Text
2. LKT Halaman Kontak
Halaman ini memuat beberapa menu. Klik Fld1 masuk halaman masuk dan daftar. Klik Fld2 tampil halaman beranda. Klik Fld3 tampil halaman kontak. Klik fld4 memasukkan username. Klik Fld5 memasukkan password. Klik Fld6 login sebagai member. Klik Fld7 mendaftar sebagai member. Klik Fld8 masuk halaman lupa password. Klik Fld9 login sebagai Admin. Fld10 label keterangan (registrasi). Klik Fld11 memasukkan nama. Klik Fld12 memasukkan alamat website. Klik Fld13 memasukkan alamat email. Klik Fld14 memasukkan telepon. Klik Fld15 memasukkan kesan dan pesan. Klik Fld16 untuk mengirim pesan. Fld17 peta lokasi hotel.
Sheet 3
Keterangan :
Fld1 : Menu (masuk/daftar)
Fld2 : Menu navidasi (Beranda) Fld3 : Menu navidasi (kontak) Fld4 : Text Box (username) Fld5 : Text Box (password)
Fld6 : Button (login)
Fld7 : Button (daftar)
Fld8 : Radio Button (lupa password) Fld9 : Slideshow Hotel
Fld10 : Text
Fld11 : Text Box (nama) Fld12 : Text Box (website) Fld13 : Text Box (email) Fld14 : Text Box(telepon)
Fld15 : Text Box(kesan dan pesan) Fld16 : Button (submit)
Fld17 : maps
3. LKT Halaman Galery
Sheet 4 Sheet 4
Fld7
Fld1
Fld8
Fld2 Fld3
Fld9
Fld4 Fld5
Fld6
Gambar 3.7 LKT Halaman Galery Keterangan :
Fld1 : Menu (masuk/daftar)
Fld2 : Menu navidasi (Beranda) Fld3 : Menu navidasi (room) Fld4 : Text Box (booking) Fld5 : Text Box (kontak)
Fld6 : nama member
Fld7 : Button (logout) Fld8 : Text
4. LKT Halaman Room
Halaman ini halaman setelah login dan memuat beberapa menu. Klik Fld1 masuk halaman masuk dan daftar. Klik Fld2 tampil halaman beranda. Klik Fld3 masuk ke menu dan fasilitas kamar. Klik Fld4 masuk ke halaman booking atau pemesanan kamar. Klik Fld5 tampil halaman kontak. Fld6 menunjukkan nama dari member. Klik Fld7 untuk logout dari member. Fld8 text diskripsi hotel. Klik Fld9 menunjukkan tipe kamar Superior dan Fld12 keterangan dari kamar tipe Superior. Klik Fld10 menunjukkan tipe kamar Delux dan Fld13 keterangan dari kamar tipe Delux. Klik Fld11 menunjukkan tipe kamar Suiteroom dan Fld13 keterangan dari kamar tipe Suiteroom.
Sheet 5 Sheet 5
Fld7
Fld1
Fld8
Fld2 Fld3
Fld9
Fld4 Fld5
Fld6
Fld10 Fld11
Fld12 Fld13 Fld14
Keterangan :
Fld1 : Menu (masuk/daftar Fld2 : Menu navidasi (Beranda) Fld10 : Gambar kamar Delux Fld3 : Menu navidasi (room) Fld11 : Gambar kamar Siuteroom Fld4 : Text Box (booking) Fld5 : Text Box (kontak)
Fld6 : nama member
Fld7 : Button (logout) Fld8 : Text
Fld9 : Gambar kamar Superior
Fld12 : Keterangan dari gambar Superior Fld13 : Keterangan dari gambar Delux Fld14 : Keterangan dari gambar Siuteroom
5. LKT Halaman Booking
Sheet 6 Sheet 6
Fld7
Fld1
Fld8
Fld2 Fld3 Fld4 Fld5
Fld6
Fld11
Fld9 Fld10
Gambar 3.9 LKT Halaman Booking Keterangan :
Fld1 : Menu (masuk/daftar)
Fld2 : Menu navidasi (Beranda) Fld3 : Menu navidasi (room) Fld4 : Text Box (booking) Fld5 : Text Box (kontak)
Fld6 : nama member
Fld7 : Button (logout) Fld8 : Text
6. LKT Halaman Menu Ketersediaan dan Harga Kamar Halaman ini halaman setelah login dan memuat beberapa menu. Klik Fld1 masuk halaman masuk dan daftar. Klik Fld2 tampil halaman beranda. Klik Fld3 masuk ke menu dan fasilitas kamar. Klik Fld4 masuk ke halaman booking atau pemesanan kamar. Klik Fld5 tampil halaman kontak. Fld6 menunjukkan nama dari member. Klik Fld7 untuk logout dari member. Fld8 gambar kamar. Fld9 jenis kamar. Fld10 jumlah anak dibawah3thn yang dibawa(jika ada). Fld11 jumlah anak dewasa yang diatas 12 tahun(jika ada). Fld12 harga dari kamar. Fld13 ketersediaan kamar,jika available berarti kamar belum di pesan.
Sheet 7 Sheet 7
Fld7
Fld1
Fld2 Fld3 Fld4 Fld5
Fld6
Fld8 Fld9 Fld10 Fld11 Fld12 Fld13
Keterangan :
Fld1 : Menu (masuk/daftar)
Fld8 : Gambar(kamar)
Fld2 : Menu navidasi (Beranda) Fld9 : Text(jenis kamar)
Fld3 : Menu navidasi (room) Fld10 : Gambar(adult)
Fld4 : Text Box (booking) Fld11 : Gambar(children)
Fld5 : Text Box (kontak) Fld12 : harga kamar
Fld6 : nama member Fld13 : Button Available
Fld7 : Button (logout)
7. LKT Halaman Pemesanan Kamar
Sheet 8 Sheet 8
Fld1 Fld2 Fld3 Fld4 Fld5
Fld6
Fld7
Gambar 3.11 LKT Halaman Pemesanan Kamar
Keterangan :
Fld1 : Text Harga kamar Fld2 : Text diskon Fld3 : Text Total Fld4 : Text Status Fld5 : Text Pesan Kamar Fld6 : Button (nomor kamar) Fld7 : Button (close)
8. LKT Halaman Biaya Pemesanan
dan fasilitas kamar. Klik Fld4 masuk ke halaman booking atau pemesanan kamar. Klik Fld5 tampil halaman kontak. Fld6 menunjukkan nama dari member. Klik Fld7 untuk logout dari member. Klik Fld8 kembali ke sheet7. Fld9 keterangan no kamar. Fld10 keterangan harga. Fld11 keterangan jenis kamar. Fld13 hasil dari keterangan Fld9. Fld14 hasil dari keterangan Fld10. Fld15 hasil dari keterangan Fld11. Fld17 keterangan total bayar dan di hasilkan di Fld19. Fld18 keterangan discon dan di hasilkan di Fld20. Klik Fld21 melanjutkan proses untuk pendataan customer yang mau menginap. Fld22 pemberitauan tanggal masuk, keluar dan jumlah malam menginap.
Sheet 9 Sheet 9
Fld7
Fld1
Fld2 Fld3 Fld4 Fld5
Fld6
Keterangan :
Fld1 : Menu (masuk/daftar)
Fld2 : Menu navidasi (Beranda) Fld3 : Menu navidasi (room) Fld4 : Text Box (booking) Fld5 : Text Box (kontak)
Fld6 : nama member
Fld7 : Button (logout) Fld8 : Button Back Fld9 : label (room no.) Fld10 : label (price) Fld11 : label (room) Fld12 : label (type) Fld17 : label (total bayar) Fld18 : label (discon)
Fld13 : label (hasil dari Fld9) Fld14 : label (hasil dari Fld10) Fld15 : label (hasil dari Fld11) Fld16 : label (hasil dari Fld12) Fld13 : label (hasil dari Fld19) Fld13 : label (hasil dari Fld20)
Fld13 : label (hasil dan pemberitahuan)
9. LKT Halaman Input Data Pemesanan
atau pemesanan kamar. Klik Fld5 tampil halaman kontak. Fld6 menunjukkan nama dari member. Klik Fld7 untuk logout dari member. Klik Fld8 kembali ke sheet9. Klik Fld9 memasukkan nama depan. Klik Fld10 memasukkan alamat email. Klik Fld11 memasukkan no.telepon. klik Fld12 memasukkan Negara. Klik Fld13memasukkan nama belakang. Klik Fld14 memasukkan confirmasi email. Klik Fld15 memasukkan alamat. Klik Fld16 memasukkan kode pos. klik Fld19 memasukkan pemesanan lain (jika ada). Klik Fld17 label detil
Keterangan :
Fld1 : Menu (masuk/daftar)
Fld2 : Menu navidasi (Beranda) Fld3 : Menu navidasi (room) Fld4 : Text Box (booking) Fld5 : Text Box (kontak) Fld6 : User Acounts Fld7 : Button (logout) Fld8 : Button Back
Fld9 : Text Box (input nama depan) Fld10 : Text Box (input alamat email) Fld11 : Text Box (input no.telepon) Fld12 : Text Box (input negara)
Fld13 : Text Box (input nama belakang) Fld14 : Text Box (input confirmasi email) Fld15 : Text Box (input alamat)
Fld16 : Text Box (input kode pos)
Fld19 : Text Box (input permintaan tambahan) Fld17 : label (detile pembayaran)
Fld18 : Button (proses)
10. LKT Halaman Data dan Jumlah Pemesanan
atau pemesanan kamar. Klik Fld5 tampil halaman kontak. Fld6 menunjukkan nama dari member. Klik Fld7 untuk logout dari member. Klik Fld8 kembali ke sheet10. Fld9 keterangan tanggal masuk dan dihasilkan di Fld18. Fld10 keterangan tanggal keluar dan dihasilkan di Fld119. Fld11 keterangan jumlah malam dan dihasilkan di Fld20. Fld12 Fld25. Fld17 keterangan email dan dihasilkan di Fld26.
Sheet 11 Sheet 11
Fld7
Fld1
Fld2 Fld3 Fld4 Fld5
Fld6
Keterangan :
Fld1 : Menu (masuk/daftar)
Fld2 : Menu navidasi (Beranda) Fld3 : Menu navidasi (room) Fld4 : Text Box (booking) Fld5 : Text Box (kontak)
Fld6 : nama member
Fld7 : Button (logout) Fld8 : Button Back
Fld9 : label (tanggal masuk) Fld10 : label (tanggal keluar) Fld11 : label (jumlah malam) Fld12 : label (discon)
Fld13 : label (no.kamar) Fld14 : label (total) Fld15 : label (nama depan) Fld16 : label (nama belakang) Fld17 : label (email)
3.6.2 Halaman Admin
1. Halaman Login admin
Halaman ini adalah dimana admin akan login. Fld1 text bertuliskan ADMIN. Klik Fld2 memasukkan username. Klik Fld3 memasukkan password. Klik Fld4 untuk selalu login dengan nama admin tertentu. Klik Fld5 button login dan akan masuk ke dalam tampilan admin.
Sheet 12
Sheet 12
Fld1
Fld2
Fld3
Fld5 Fld4
Gambar 3.15 LKT Halaman Login Admin
Fld3 : Text Box (password)
Fld4 : Check Box (remember me) Fld5 : Button (login)
2. LKT Halaman Konfirmasi Pemesanan
Halaman ini adalah untuk menampilkan data member yang telah melakukan reservasi pemesanan hotel melalui system ini. Di halaman ini memiliki beberapa menu seperti Fld1 untuk keluar dari halaman admin dan akan kembali ke halaman awal admin. Klik Fld2 untuk menuju sheet/list admin lainnya. Klik Fld17 untuk mengupdate/menerima data pemesan supaya untuk masuk proses selanjutnya. Klik Fld18 untuk menghapus data pemesan jika terjadi pembatalan dari pihak member atau pemesan.
Sheet 13 Sheet 13
Fld2 Fld1
Fld3 Fld4 Fld5
Fld6
Fld7 Fld8 Fld9 Fld10 Fld11 Fld12 Fld13 Fld14 Fld15 Fld116 Fld117 Fld18
Keterangan :
Fld1 : Button (Logout) Fld2 : Combo Box (Action) Fld3 : Text (nama perusahaan) Fld4 : kalender
Fld5 : Text (welcome) Fld6 : Text(List Resevation)
Fld7 : Gird Column (confirmasi code) Fld8 : Gird Column (No.kamar) Fld9 : Gird Column (Guest) Fld10 : Gird Column (hari)
Fld11 : Gird Column (tanggal masuk) Fld12 : Gird Column (tanggal keluar) Fld13 : Gird Column (diskon) Fld14 : Gird Column (status) Fld15 : Gird Column (pembayaran) Fld16 : Gird Column (action) Fld17 : Button (update) Fld17 : Button (delete)
3. LKT Halaman Data Pemesan
berahir. Klik Fld18 untuk mengedit data pemesanan seperti, penambahan hari menginap dan fasilitas lainnya.
Sheet 14 Sheet 14
Fld2 Fld1
Fld3 Fld4 Fld5
Fld6
Fld7 Fld8 Fld9 Fld10 Fld11 Fld12 Fld13 Fld14 Fld15 Fld116 Fld117 Fld18
Gambar 3.17 LKT Halaman List Checkin
Keterangan :
Fld1 : Button (Logout) Fld2 : Combo Box (Action) Fld3 : Text (nama perusahaan) Fld4 : kalender
Fld5 : Text (welcome) Fld6 : Text(List Checkin)
Fld7 : Gird Column (confirmasi code) Fld8 : Gird Column (No.kamar) Fld9 : Gird Column (Guest) Fld10 : Gird Column (hari)
Fld13 : Gird Column (diskon) Fld14 : Gird Column (status) Fld15 : Gird Column (total) Fld16 : Gird Column (action) Fld17 : Button (out)
Fld17 : Button (edit)
4. LKT Halaman Data yang Telah Checkout
Halaman ini adalah untuk menampilkan data member yang telah checkout dari hotel melalui system ini. Di halaman ini memiliki beberapa menu seperti Fld1 untuk keluar dari halaman admin dan akan kembali ke halaman awal admin. Klik Fld2 untuk menuju sheet/list admin lainnya.
Sheet 15 Sheet 15
Fld2 Fld1
Fld3 Fld4 Fld5
Fld6
Fld7 Fld8 Fld9 Fld10 Fld11 Fld12 Fld13 Fld14 Fld15 Fld116
Keterangan :
Fld1 : Button (Logout) Fld2 : Combo Box (Action) Fld3 : Text (nama perusahaan) Fld4 : kalender
Fld5 : Text (welcome) Fld6 : Text(List Checout)
Fld7 : Gird Column (confirmasi code) Fld8 : Gird Column (No.kamar) Fld9 : Gird Column (Guest) Fld10 : Gird Column (hari)
Fld11 : Gird Column (tanggal masuk) Fld12 : Gird Column (tanggal keluar) Fld13 : Gird Column (total biaya) Fld14 : Gird Column (status)
Fld15 : Gird Column (nama customer) Fld16 : Gird Column (tanggal checkout)
5. LKT Halaman Untuk Mengubah, menambah dan menghapus Diskripsi Kamar
Sheet 16 Sheet 16
Fld2 Fld1
Fld3
Fld4
Fld5
Fld6
Fld7 Fld8 Fld10 Fld12 Fld14 Fld116
Fld117 Fld18 Fld19
3.7 JARINGAN SISTEMATIK TAMPILAN
T1 : Login T2 : Main menu T3 : Check In T4 :Check Out T5 : Pembayaran T6 : Penambahan T7 : Info tamu T8 : Info kamar T9 :Log out
Gambar 3.20 Jaringan Sistematik Keterangan :
T1, T2, . . ., T9 adalah nomor tampilan (lembar kerja), tulisan yang
ada seperti Esc, Add, Lunas, Cancel/Close, , dan lain-lain menyatakan event, dan anak panah menunjukkan transisi yang terjadi. Event yang menyebabkan terjadinya transisi dari satu tampilan ke tampilan
