BAB 4 RANCANGAN SISTEM YANG DIUSULKAN
4.1 Usulan prosedur baru Setelah menganalisa sistem yang sedang berjalan pada Hotel Classic, maka akan di usulkan suatu perancangan sistem reservasi online dimana tamu bisa melihat informasi- informasi seperti jenis kamar, harga kamar, fasilitas- fasilitas dan pelayanan yang disediakan oleh Hotel Classic. Prosedur pemesanan kamar dalam sistem reservasi online ini adalah sebagai berikut ; Pertama- tama pelanggan memasuki situs web Hotel Classic, dalam situs web ini tersedia segala informasi yang diperlukan oleh pelanggan khususnya untuk melakukan proses reservasi. Untuk memesan kamar pelanggan terlebih dahulu harus melakukan check availability yang disediakan untuk memastikan kamar yang diinginkan tersedia pada tanggal yang telah ditentukan oleh pelanggan, kemudian pelanggan dapat mengisi guest information dan credit card information, setelah itu pelanggan akan diberikan kode booking yang dipergunakan pelanggan ketika ingin check-in dan kode booking ini juga dapat digunakan oleh pelanggan untuk membatalkan reservasi yang telah dilakukan jika terdapat perubahan rencana dengan catatan pelanggan tersebut harus memahami cancellation policy terlebih dahulu. Setelah proses reservasi selesai maka sistem akan menyimpan data pelanggan tersebut secara otomatis dan mengupdate status kamar yang telah di pesan oleh pelanggan. Untuk mempermudah pelanggan dalam melakukan proses pemesanan kamar maka situs ini menawarkan pelanggan untuk menjadi member dalam situs ini dimana
75
76 jika pelanggan telah terdaftar dalam situs ini, pelanggan tersebut tidak perlu untuk mengisi guest & credit card information lagi jika ingin melakukan reservasi kembali.
4.1.1 Use Case Sistem reservasi online pelanggan
Sistem reservasi online
Check_availability
Pelanggan View_or_cancel_rese rvation
Gambar 4.1 Use Case sistem reservasi online pelanggan
77 4.1.1.1 Use Case Check Availability
Check Availability
Cek_ketersediaan_ka mar
Memesan_kamar
Mendapatkan_kode_bo oking
Pelanggan Mendaftar_jadi_memb er
Membuat_userid_dan_ password
Gambar 4.2 Use Case Check Availability
78 4.1.1.2 Use Case View or Cancel reservation
View or Cancel reservation
Melihat_informasi_berd asarkan_kode_booking
Pelanggan
Membatalkan_kamar_ya ng_diinginkan
Gambar 4.3 Use Case View or Cancel Reservation
79 4.1.2 Activity Diagram Check Availability sebelum menjadi member Pelanggan
Sistem reservasi online
Input_arrival_&_departure_date
Memberikan_informasi_kamar_yang_tersedia
Tidak sesuai Sesuai
Memesan_kamar
Mengisi_Guest_&_CreditCard_information
Cek_validasi
Tidak valid
Membaca_pesan_kesalahan
Valid
Menampilkan_pesan_kesalahan
Menyimpan_data_pelanggan
Update_data_reservasi
Mendapatkan_kode_booking
Memberikan_kode_booking
Menawarkan_pelanggan_untuk_jadi_member
Tidak tertarik
Tertarik
Input_userID_&_password_pelanggan
Meminta_userID_&_password
Cek_database
User id belum pernah digunakan User id sudah pernah terdaftar Menerima_informasi
Menampilkan_informasi_tentang_user_id
Update_data_pelanggan
Gambar 4.4 Activity diagram check availability sebelum jadi member
80 4.1.3 Activity Diagram Check Availability sesudah jadi member
Pelanggan
Sistem reservasi online
Input_arrival_&_departure_date
Memberikan_informasi_kamar_yang_tersedia
Tidak sesuai Sesuai
Memesan_kamar
Input_userId_&_password
Cek_database
User id dan password salah Membaca_pesan_kesalahan
Menampilkan_pesan_kesalahan
User id dan password benar
Update_data_reservasi
Mendapatkan_kode_booking
Memberikan_kode_booking
Gambar 4.5 Activity diagram check availability sesudah jadi member
81 4.1.4 Activity Diagram View or cancel reservation Pelanggan
Input_kode_booking
Sistem reservasi online
Menampilkan_informasi_berdasarkan_kode_booking
Melihat_informasi
Tidak ada
Ada perubahan rencana
Membatalkan_reservasi
Update_data_reservasi
Gambar 4.6 Activity diagram view or cancel reservation
82 4.2 Navigasi Diagram 4.2.1 Navigasi Diagram pelanggan
close
Home
Our Hotel
Klik Home
Klik Home
close
Klik Our Hotel Klik Contact us
Contact us Reservation
Klik Reservation Klik Facilities Klik Home
Klik Home close
Facilities close
close
Gambar 4.7 Navigasi Diagram pelanggan 4.2.1.1 Navigasi Diagram Our Hotel
Our Hotel close
Klik “Hotel Travel” Hotel Travel
close
Klik “Boutique Hotel” Boutique Hotel
Klik “Pulau ayer” Pulau ayer
close
Gambar 4.8 Navigasi Diagram Our Hotel
close
83 4.2.1.2 Navigasi Diagram Facilities
Facilities close
Neo suki close
Korean garden close
Aj Brandon close
karaoke close
Klik “neo suki”
Klik “Drugstore”
Klik “Korean garden”
Klik “Spa & Sauna”
Klik “Aj Brandon”
Klik “Karaoke”
Klik “Classic reflexi”
Klik “Classic salon”
Drugstore close
Spa & Sauna close
Classic reflexi close
Classic salon
Gambar 4.9 Navigasi Diagram Facilities
close
84 4.2.1.3 Navigasi Diagram Reservation
Reservation close
Klik “Submit” pada view or cancel reservation View or cancel reservation
Klik “ Check” pada check availability Check availability
close
close
Klik “Reserve now” Reserve now
Klik “click here”
Forgot pass
close
Klik “Submit”
Success reserve close
close
Klik “being a member” Being a member close
Gambar 4.10 Navigasi Diagram Reservation
85 4.2.2 Navigasi Diagram User back office (Admin) 4.2.2.1 Navigasi Diagram Admin
Login close
Klik “Login” Index close
Klik “Reservatio n list”
Reservation list
close
Klik “Member”
Member
close
Klik “Report”
Klik “Report”
Report
close
Klik “User”
Room
User
close
close
Klik “Booking”
Klik “cancel”
Cancel
Klik “Room”
Klik “add”
Booking
close
User add
close
close
Gambar 4.11 Navigasi Diagram Admin
Klik “delete”
User delete
close
86 4.2.2.2 Navigasi Diagram User
Login close
Klik “Login” Index close
Klik “Reservatio n list”
Reservation list
close
Klik “Member”
Member
close
Klik “Report”
Klik “Report”
Report
Room close
Klik “Booking”
Klik “cancel”
Cancel
close
Klik “Room”
Booking
close
Gambar 4.12 Navigasi Diagram User
close
87 4.3 Spesifikasi Proses Proses Reservasi Tampil layar reservation Proses Check availability Input Arrival date Input Departure date Apabila klik tombol “check” Cek jika arrival date > departure date Tampilkan pesan kesalahan Selain itu Cek jika arrival date < tanggal hari ini Tampilkan pesan kesalahan Selain itu Cek jumlah dan tipe kamar yang tersedia pada data base Tampilkan layar Check availability Akhir jika Akhir jika Apabila klik tombol “reserve now” Tampilkan layar reserve now Input user id Input password Cek jika user id dan password ada pada basis data Tampilkan guest & credit card information Selain itu Tampilkan pesan kesalahan Akhir jika Apabila klik tombol “submit” Cek jika validasi control form Simpan guest dan credit card information dalam basis data Selain itu Tampilkan pesan kesalahan Akhir jika Tampilkan layar success reserve Update data reservasi
88 Akhir proses Check availability Proses View or Cancel Reservation Input booking code Apabila klik tombol “submit” Cek jika booking code ada pada basis data Tampilkan informasi reservasi berdasarkan booking code Selain itu Tampilkan pesan kesalahan Apabila klik tombol “cancel this reservation” Tampilkan pesan pembatalan reservasi Update data reservasi Akhir Proses view or cancel reservation Proses Being a member Tampilkan layar being a member Input user id Input password Input re-type password Update data pelanggan Akhir proses Being a member Akhir proses reservation
89 4.4 Rancangan Layar 4.4.1 Rancangan Layar Pelanggan / Tamu 4.4.1.1 Halaman Home
Logo & Slogan link
Home Our Hotel
Halaman Home Gambar
Classic hotel
Reservation
Informasi yang diberikan
Facilities Contact us
Gambar kamar
Type kamar, harga kamar
Package offer
Gambar 4.13 Rancangan layar halaman Home
Gambar 4.13 menggambarkan rancangan layar Home. Pada halaman ini pelanggan dapat melihat informasi mengenai harga dan jenis kamar yang ditawarkan serta penawaran paket- paket yang tersedia pada Hotel Classic. Untuk mengakses layer yang lainya maka pelanggan dapat meng-klik link yang tersedia seperti ; Our Hotel, Reservation, Facilities dan Contact us.
90 4.4.1.2 Halaman Our Hotel
Logo & Slogan Halaman Our Hotel Home Our Hotel
Our Hotel
Reservation Facilities
Classic Hotel policy
Contact us • • •
Hotel Travel Boutique Hotel Pulau ayer
Gambar 4.14 Rancangan layar halaman Our Hotel
Pada Halaman ini pelanggan dapat melihat tentang sejarah singkat dan kebijakan- kebijakan Hotel Classic. Dalam halaman ini juga pelanggan dapat memperoleh informasi mengenai Hotel lain yang berada dalam satu group dengan Hotel Classic.
91 4.4.1.3 Halaman Hotel Travel, Boutique & Pulau ayer
Logo & Slogan Nama hotel Home Our Hotel
Gambar
Reservation Facilities Contact us
Alamat
Gambar 4.15 Rancangan layar halaman Hotel travel, Boutique & Pulau ayer
Halaman layer pada gambar 4.15 berisi mengenai gallery Hotel dan alamat Hotel yang berada dalam satu group dengan Hotel Classic.
92 4.4.1.4 Halaman Reservation
Logo & Slogan Halaman reservation Home Our Hotel Reservation
Check availability Arrival date : xx/xx/xxxx Dept date : xx/xx/xxxx check
Facilities Contact us View or cancel reservation Booking code : Submit
Gambar 4.16 Rancangan layar halaman Reservation
Gambar 4.16 menggambarkan rancangan layer reservasi. Pada Halaman ini pelanggan dapat melakukan Check availability untuk melihat informasi mengenai ketersediaan kamar jika pelanggan ingin melakukan reservasi. Pada halaman ini juga pelanggan dapat melihat atau membatalkan pemesanan kamar jika telah dilakukan sebelumnya, caranya dengan memasukkan kode Booking dan meng-klik button submit dengan catatan pelanggan harus terlebih dahulu telah melakukan proses reservasi dan memperoleh kode booking tersebut. Untuk melakukan pembatalan reservasi, pelanggan dianjurkan untuk membaca cancellation policy yang tersedia pada halaman ini.
93 4.4.1.5 Halaman Check Availability
Logo & Slogan Halaman check availability Home Our Hotel Reservation Facilities Contact us
Arrival date : xx/xx/xxxx Dept date : xx/xx/xxxx Available room found Room tyoe : xxx Available : xx No of rooms needed : xx Price/night : xxx
reserve now
Gambar 4.17 Rancangan layar halaman Availability
Halaman ini merupakan kelanjutan dari Halaman reservasi sebelumnya dimana pelanggan melakukan check availability. Halaman ini berisi informasi mengenai jenis kamar, jumlah kamar, harga kamar pada tanggal yang telah dipilih oleh pelanggan pada halaman sebelumnya. Jika informasi tersebut sesuai dengan pelanggan maka pelanggan dapat meng-klik tombol reserve now untuk melanjutkan proses reservasi.
94 4.4.1.6 Halaman View or cancel reservation
Logo & Slogan Halaman view or cancel reservation Home Our Hotel Reservation Facilities Contact us
Name Booking code Arrival date Departure date Room type Number of rooms R
: xxxxxx : xxxxxx : xx/xx/xxxx : xx/xx/xxxx : xxxx : xx e
s
e t
Gambar 4.18 Rancangan layar halaman View or cancel reservation
Pada Halaman ini dapat melihat informasi pelanggan setelah melakukan reservasi dan pelanggan dapat membatalkan reservasi jika terjadi perubahan rencana dan lain sebagainya dengan menekan tombol cancel this reservation.
95 4.4.1.7 Halaman Reserve now
Logo & Slogan Halaman reserve now Home Our Hotel Reservation
User id : Password : Submit Forgot your password? Click here
Facilities Contact us
Guest information First name: Last name : Company : Address : City : State/province : Zip code country Phone : Email : Comments
Credit card information Credit card : Credit card number : Expiration date Submit
Submit
Gambar 4.19 Rancangan layar halaman Reserve now
Gambar di atas menampilkan layar reserve now setelah pelanggan menekan tombol reserve now pada halaman check availability. Pada halaman ini berisi mengenai guest information, credit card information yang harus diisi oleh pelanggan jika ingin melakukan reservasi. Untuk memberikan kemudahan bagi pelanggan dalam pengisian informasi tersebut, pelanggan dapat mengisi user id dan password ditempat yang telah disediakan. Jika user id dan password tersebut valid maka informasi mengenai data pelanggan tersebut akan terisi secara otomatis dengan catatan pelanggan tersebut telah
96 terdaftar dalam website ini. Untuk mendaftarkan diri dalam site ini pelanggan harus pernah melakukan proses reservasi terlebih dahulu ( minimal sekali ) melalui website ini yang pada akhir proses reservasi, sistem akan menawarkan pelanggan untuk menjadi member dalam website ini. Pada halaman ini juga disediakan link yang dapat digunakan jika pelanggan lupa akan user id dan passwordnya.
4.4.1.8 Halaman Forgot Password
Logo & Slogan Halaman Forgot Pass Home Our Hotel Reservation
User Id : Submit
Facilities Contact us
Gambar 4.20 Rancangan layar halaman Forgot Password
Pada halaman ini pelanggan dapat memperoleh kembali user id dan password dengan memasukkan user Id yang sesuai. Setelah itu pelanggan dapat memperoleh kembali user id dan password nya.
97 4.4.1.9 Halaman Success reserve
Logo & Slogan Halaman success reserve Home Our Hotel Reservation Facilities
Name Booking code Arrival date Departure date Room type Number of rooms
: xxxxxx : xxxxxx : xx/xx/xxxx : xx/xx/xxxx : xxxx : xx
Contact us
Being a member? Click here
Gambar 4.21 Rancangan layar halaman Success Reserve
Halaman ini merupakan halaman terakhir dari proses reservasi yang ditawarkan oleh Hotel Classic dimana terdapat informasi mengenai reservasi yang telah dilakukan pelanggan, serta menyediakan link yang dapat digunakan oleh pelanggan untuk terdaftar dalam website ini yang nantinya dapat memberikan kemudahan bagi pelanggan jika ingin melakukan reservasi kembali.
98 4.4.1.10 Halaman being a member
Logo & Slogan Halaman being a member Home Our Hotel Reservation Facilities
User id : xxxx Password : xxxx Re-type password : xxxx Reset
Submit
Contact us
Gambar 4.22 Rancangan layar halaman being a member
Pada halaman ini pelanggan dapat memasukkan user id dan password yang dinginkan.
99 4.4.1.11 Halaman Facilities
Logo & Slogan Halaman Facilities Home Our Hotel
Classic facilities
Reservation Facilities Contact us
Gallery • • • •
Neosuki Korean garden Karaoke dll
Gambar 4.23 Rancangan layar halaman facilities
Gambar 4.23 menggambarkan rancangan layar halaman facilities dimana pada halaman ini pelanggan dapat melihat semua fasilitas- fasilitas yang ditawarkan oleh Hotel Classic dan menyediakan link- link ke fasilitas- fasilitas seperti entertainment, restoran dan lain sebagainya yang berupa gallery.
100 4.4.1.12 Halaman Gallery
Logo & Slogan Halaman Gallery Home Our Hotel
Nama gambar
Reservation Facilities
Gambar
Contact us
Alamat
Gambar 4.24 Rancangan layar halaman Gallery
Menyediakan gallery fasilitas- fasilitas yang ditawarkan oleh Hotel Classic
101 4.4.1.13 Halaman Contact us
Logo & Slogan Halaman Contact us Home Our Hotel
Classic Address
Reservation Facilities Contact us
Contact form Your name : E-mail address : Your message :
Reset | Submit
Gambar 4.25 Rancangan layar halaman Contact us
Pada Halaman ini pelanggan dapat melihat informasi mengenai alamat hotel dan dapat memberikan complain, feedback dan lain sebagainya dengan mengisi form yang telah disediakan.
102 4.4.2 Rancangan Layar User back office (Admin) 4.4.2.1 Halaman Login
LOGO
Login id Password submit
Gambar 4.26 Rancangan layar halaman Login Admin/ Staff 4.4.2.2 Halaman Index
LOGO
Reservation list
Text
Report Member Room User Logout
Gambar 4.27 Rancangan layar halaman Admin Index
103 4.4.2.3 Halaman Reservation list LOGO
kode
Reservation list
chkin
chkout
jenis
nama
jumlah
pesan
status
booking
Report Member Room User Logout
Gambar 4.28 Rancangan layar halaman Reservation list
4.4.2.4 Halaman Member LOGO
Reservation list
User Id
Report Member
submit kode
chkin
chkout
jenis
nama
jumlah
pesan
Room User Logout
Gambar 4.29 Rancangan layar halaman Member
status
booking
104 4.4.2.5 Halaman Report pemesanan & pembatalan kamar LOGO
Reservation list
Booking
Cancel
Report kode
chkin
chkout
jenis
nama
jumlah
pesan
status
booking
Member Room User Logout
Gambar 4.30 Rancangan layar halaman Report Booking dan Cancel
4.4.2.6 Halaman Room LOGO
Reservation list Report
kd kamar :
Member
Jns kamar :
Room
Hargar :
save
User Kd kmr
Jenis
jumlah
harga
Logout
Gambar 4.31 Rancangan layar halaman Room
105 4.4.2.7 Halaman User LOGO
Reservation list
User
Password
name
alamat
telephone
Report add
delete
Member Room User Logout
Gambar 4.32 Rancangan layar halaman User 4.4.2.8 Halaman User add LOGO
Reservation list User ID :
Report Password :
Member Name
Room User Logout
Address : Telephone : Status : submit
Gambar 4.33 Rancangan layar halaman User add
status
106 4.4.2.7 Halaman User delete LOGO
Reservation list
User
Password
name
alamat
telephone
status
delete Report Member Room User Logout
Gambar 4.34 Rancangan layar halaman User delete
107 4.5 Data Sistem 4.5.1 Kamus Data Master kamar
:@kd_kmr + jns_kmr + jml_kmr + harga
Master Tamu
:@kd_tamu + first_name + last_name + company + address + address_dua + city + state + zip_code + country + phone + email + comment + credit_card + cc_no + cc_exdate
Member
: @UserId + Password + @kd_tamu
TrPemesanan kamar :@kd_booking + @kd_tamu + @kd_kmr + jml_booking + tgl_chkin + tgl_chkout + tgl_pesan + status Message
: @Id_message + email + name + message
User back office
:@User_Id + password + nm_user + address + telephone + email + status
4.5.2 Spesifikasi fisik data Tabel : Basis data Master kamar Nama label : Master_kamar Primary key : kd_kmr Nama Field
Tipe data
Panjang
Keterangan
kd_kmr
char
4
Kode kamar
jns_kmr
Varchar
100
Jenis kamar
jml_kmr
int
4
Jumlah kamar
harga
Currency
7
harga
108 Tabel : Basis data Master tamu Nama label : Master_tamu Primary key : kd_tamu Nama Field
Tipe data
Panjang
Keterangan
kd_tamu
char
4
Kode tamu
first_name
Varchar
100
First name
last_name
Varchar
100
Last name
company
Varchar
100
Perusahaan
address
Varchar
100
Alamat
address_dua
Varchar
100
Alamat2
city
Varchar
100
Kota
state
Varchar
100
Profinsi
zip_code
Number
5
Kode pos
country
Varchar
100
Negara
phone
Varchar
100
No telephone
email
Varchar
100
Email address
comment
tinytext
-
Comment
credit_card
Varchar
100
Tipe credit card
cc_no
Varchar
100
No credit card
cc_exdate
Date time
15
Tanggal expired
109 Tabel : Basis data Member Nama label : Member Primary key : User Id Foreign key : kd_tamu Nama Field
Tipe data
Panjang
Keterangan
UserId
varchar
100
UserId member
Password
varchar
100
Password
kd_tamu
char
4
Kode tamu
Tabel : Basis data TrPemesanan kamar Nama label : TrPemesanan_kamar Primary key : kd_booking Foreign key : kd_kmr, kd_tamu Nama Field
Tipe data
Panjang
Keterangan
kd_booking
char
4
Kode booking
kd_tamu
char
4
Kode tamu
kd_kmr
char
4
Kode kamar
jml_booking
int
4
Jumlah booking
tgl_chkin
Date time
15
Tanggal check in
tgl_chkout
Date time
15
Tanggal check out
tgl_pesan
Date time
15
Tanggal pesan
status
int
4
0(pesan) atau 1(batal)
110 Tabel : Basis data User back office (Admin ) Nama label : User Primary key : User_Id Nama Field
Tipe data
Panjang
Keterangan
User_Id
varchar
100
User Id
Password
varchar
100
password
nm_user
Varchar
100
Nama user
alamat
Varchar
100
Alamat
telephone
Varchar
100
No telephon
email
Varchar
100
Alamat email
Status
int
4
0(admin) atau 1(staff)
Tabel : Basis data Message Nama label : Message Primary key : E-mail Nama Field
Tipe data
Panjang
Keterangan
Id_message
int
11
Id message
email
varchar
100
email
name
varchar
100
Nama
message
tinytext
-
Feedback, complain, dll
111 4.6 Requirement untuk implementasi prosedur yang diusulkan 4.6.1 Sumber daya manusia requirement Sumber daya manusia yang terlibat di dalam pembangunan sistem ini adalah sebagai berikut: 1. Seorang system analyst, tugasnya adalah melakukan analisa terhadap sistem pemasaran perusahaan dan analisa kebutuhan perusahaan, kemudian merancang strategi untuk sistem pemasaran berbasis Internet yang akan dibuat. 2. Seorang web designer, tugasnya adalah merancang website yang akan dibuat supaya menjadi sebuah website yang baik dan dapat menjadi sarana untuk menjalankan strategi sistem pemasaran yang telah disusun. 3. Seorang programmer, tugasnya adalah melakukan coding untuk membangun rancangan website menjadi sebuah website nyata.
4.6.2 Sistem Requirement Berikut adalah kriteria web hosting yang akan digunakan : •
Memiliki disk space sebesar 100 MB.
•
Bandwith sebesar 2 GB untuk setiap bulannya.
•
Ukuran database sebesar 50 MB.
•
Mendukung PHP.
•
Mendukung MySQL.
•
Memiliki backup data harian dan layanan 24 jam.
112 System requirement untuk client: •
Software: Operating system: Microsoft Windows 98, XP. Browser: Microsoft Internet Explorer 5.5 atau web browser lainnya yang setara.
•
Hardware: Processor: Pentium II 400 MHz. Memory: 128MB RAM. Hard disk: 4GB. Modem / connection: 28.8 Kpbs.
