75
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
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
Pelanggan
Sistem reservasi online
Check_availability
View_or_cancel_rese rvation
4.1.1.1 Use Case Check Availability
Check Availability
Pelanggan Cek_ketersediaan_ka mar Memesan_kamar Mendapatkan_kode_bo oking Mendaftar_jadi_memb er Membuat_userid_dan_ password4.1.1.2 Use Case View or Cancel reservation Pelanggan
View or Cancel
reservation
Melihat_informasi_berd asarkan_kode_booking Membatalkan_kamar_ya ng_diinginkan4.1.2 Activity Diagram Check Availability sebelum menjadi member
Sistem reservasi online Pelanggan Input_arrival_&_departure_date Memberikan_informasi_kamar_yang_tersedia Memesan_kamar Mengisi_Guest_&_CreditCard_information Menyimpan_data_pelanggan Memberikan_kode_booking Sesuai Tidak sesuai Cek_validasi Menampilkan_pesan_kesalahan Membaca_pesan_kesalahan Mendapatkan_kode_booking Menawarkan_pelanggan_untuk_jadi_member Meminta_userID_&_password Input_userID_&_password_pelanggan Update_data_pelanggan
Tidak tertarik Tertarik
Cek_database Menampilkan_informasi_tentang_user_id Menerima_informasi User id belum pernah digunakan User id sudah pernah terdaftar Update_data_reservasi Valid Tidak valid
4.1.3 Activity Diagram Check Availability sesudah jadi member
Pelanggan Sistem reservasi online
Input_arrival_&_departure_date Memberikan_informasi_kamar_yang_tersedia Memesan_kamar Input_userId_&_password Memberikan_kode_booking Sesuai Tidak sesuai Cek_database Menampilkan_pesan_kesalahan Membaca_pesan_kesalahan Mendapatkan_kode_booking User id dan password benar User id dan password salah Update_data_reservasi
4.1.4 Activity Diagram View or cancel reservation
Sistem reservasi online Pelanggan Input_kode_booking Menampilkan_informasi_berdasarkan_kode_booking Melihat_informasi Membatalkan_reservasi Update_data_reservasi Ada perubahan rencana Tidak ada
4.2 Navigasi Diagram
4.2.1 Navigasi Diagram pelanggan
Home Reservation Our Hotel Facilities Contact us Klik Home Klik Our Hotel
Klik Home Klik Reservation Klik Facilities Klik Home Klik Contact us Klik Home close close close close close
Gambar 4.7 Navigasi Diagram pelanggan
4.2.1.1 Navigasi Diagram Our Hotel
Our Hotel
Hotel Travel Boutique Hotel Pulau ayer Klik “Hotel
Travel”
Klik “Boutique
Hotel” Klik “Pulau ayer”
close close close close
4.2.1.2 Navigasi Diagram Facilities
Facilities
Neo suki Drugstore
Korean garden Spa & Sauna
Aj Brandon Classic reflexi
karaoke Classic salon close close close close close close close close close Klik “neo suki” Klik “Korean garden” Klik “Drugstore”
Klik “Spa & Sauna” Klik “Classic reflexi” Klik “Aj Brandon” Klik “Classic salon” Klik “Karaoke”
4.2.1.3 Navigasi Diagram Reservation
Reservation
View or cancel
reservation Check availability
Reserve now Success reserve Forgot pass close close close close close close Klik “ Check” pada
check availability Klik “Submit” pada
view or cancel reservation
Klik “Reserve now”
Klik “click
here” Klik “Submit”
Being a member
close Klik “being a member”
4.2.2 Navigasi Diagram User back office (Admin)
4.2.2.1 Navigasi Diagram Admin
Login
Index
Reservation list Member Report
Booking Cancel
close Klik
“Report”
Klik “cancel” Klik “Booking” Room User User add close close close close close close close close close Klik “Member” Klik “Reservatio n list” Klik “Room” Klik “Report” Klik “User” Klik “Login” User delete close Klik “add” Klik “delete”
4.2.2.2 Navigasi Diagram User
Login
Index
Reservation list Member Report
Booking Cancel
close Klik
“Report”
Klik “cancel” Klik “Booking” Room close close close close close close close Klik “Member” Klik “Reservatio n list” Klik “Room” Klik “Report” Klik “Login”
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
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
4.4 Rancangan Layar
4.4.1 Rancangan Layar Pelanggan / Tamu
4.4.1.1 Halaman Home
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.
Logo & Slogan
Halaman Home Home Our Hotel Reservation Facilities Contact us link
Gambar Classic hotel
Gambar kamar Type kamar, harga kamar Package offer Informasi yang diberikan
4.4.1.2 Halaman Our Hotel
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.
Logo & Slogan
Halaman Our Hotel
Home Our Hotel Reservation Facilities Contact us • Hotel Travel • Boutique Hotel • Pulau ayer Our Hotel
4.4.1.3 Halaman Hotel Travel, Boutique & Pulau ayer
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.
Logo & Slogan
Nama hotel Home Our Hotel Reservation Facilities Contact us Gambar Alamat
4.4.1.4 Halaman Reservation
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.
Logo & Slogan
Halaman reservation Home Our Hotel Reservation Facilities Contact us Check availability Arrival date : xx/xx/xxxx Dept date : xx/xx/xxxx
View or cancel reservation Booking code :
check
4.4.1.5 Halaman Check Availability
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.
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
4.4.1.6 Halaman View or cancel reservation
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.
Logo & Slogan
Halaman view or cancel reservation
Home Our Hotel Reservation Facilities Contact us Name : xxxxxx Booking code : xxxxxx Arrival date : xx/xx/xxxx Departure date : xx/xx/xxxx Room type : xxxx Number of rooms : xx R e s e t
4.4.1.7 Halaman Reserve now
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
Logo & Slogan
Halaman reserve now
Home Our Hotel Reservation 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
User id : Password :
Submit Forgot your password? Click here
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
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.
Logo & Slogan
Halaman Forgot Pass
Home Our Hotel Reservation Facilities Contact us User Id : Submit
4.4.1.9 Halaman Success reserve
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.
Logo & Slogan
Halaman success reserve
Home Our Hotel Reservation Facilities Contact us Name : xxxxxx Booking code : xxxxxx Arrival date : xx/xx/xxxx Departure date : xx/xx/xxxx Room type : xxxx Number of rooms : xx
4.4.1.10 Halaman being a member
Gambar 4.22 Rancangan layar halaman being a member
Pada halaman ini pelanggan dapat memasukkan user id dan password yang dinginkan.
Logo & Slogan
Halaman being a member
Home Our Hotel Reservation Facilities Contact us User id : xxxx Password : xxxx Re-type password : xxxx Reset Submit
4.4.1.11 Halaman Facilities
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.
Logo & Slogan
Halaman Facilities Home Our Hotel Reservation Facilities Contact us Classic facilities Gallery • Neosuki • Korean garden • Karaoke • dll
4.4.1.12 Halaman Gallery
Gambar 4.24 Rancangan layar halaman Gallery
Menyediakan gallery fasilitas- fasilitas yang ditawarkan oleh Hotel Classic
Logo & Slogan
Halaman Gallery Home Our Hotel Reservation Facilities Contact us Nama gambar Gambar Alamat
4.4.1.13 Halaman Contact us
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.
Logo & Slogan
Halaman Contact us Home Our Hotel Reservation Facilities Contact us Classic Address Contact form Your name : E-mail address : Your message : Reset | Submit
4.4.2 Rancangan Layar User back office (Admin)
4.4.2.1 Halaman Login
Gambar 4.26 Rancangan layar halaman Login Admin/ Staff
4.4.2.2 Halaman Index
Gambar 4.27 Rancangan layar halaman Admin Index LOGO
Text
Reservation list Report Member Room User Logout LOGO Login id Password submit4.4.2.3 Halaman Reservation list
Gambar 4.28 Rancangan layar halaman Reservation list
4.4.2.4 Halaman Member
Gambar 4.29 Rancangan layar halaman Member LOGO
kode chkin chkout jenis nama jumlah pesan status booking Reservation list Report Member Room User Logout User Id submit LOGO
kode chkin chkout jenis nama jumlah pesan status booking Reservation list Report Member Room User Logout
4.4.2.5 Halaman Report pemesanan & pembatalan kamar
Gambar 4.30 Rancangan layar halaman Report Booking dan Cancel
4.4.2.6 Halaman Room
Gambar 4.31 Rancangan layar halaman Room LOGO
Kd kmr Jenis jumlah harga
Reservation list Report Member Room User Logout save kd kamar : Jns kamar : Hargar : LOGO
kode chkin chkout jenis nama jumlah pesan status booking Reservation list Report Member Room User Logout Booking Cancel
4.4.2.7 Halaman User
Gambar 4.32 Rancangan layar halaman User
4.4.2.8 Halaman User add
Gambar 4.33 Rancangan layar halaman User add LOGO Reservation list Report Member Room User Logout submit User ID : Password : Name Address : Telephone : Status : LOGO
User Password name alamat telephone status
Reservation list Report Member Room User Logout add delete
4.4.2.7 Halaman User delete
Gambar 4.34 Rancangan layar halaman User delete LOGO
User Password name alamat telephone status
delete Reservation list Report Member Room User Logout
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
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
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
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,
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.
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.
