T0__BAB III Institutional Repository | Satya Wacana Christian University: Perancangan Sistem Informasi Reservasi Hotel Berbasis Web T0 BAB III
Bab III.
PERANCANGAN SISTEM
3.1 Analisis Sistem
Secara umum pengertian dari sistem
Rosses
adalah
memerlukan
suatu
system
keburuhan
didalam
pengolahan
menurut Leitch
organisasi
transaksi
yang
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 ecommerce 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
pelanggan,pemesanan,pembayaran dan pengiriman barang.
12
13
3.2 Alur Sistem
Sistem reservasi hotel online berbasis web dikembangkan
atas dasar fungsi operasi dari penjual dan pemesan yang dibuat
untuk mempermudah dalam penyewaan kamar. Penjual dan
pemesan adalah pengguna sistem yang melakukan proses
penyewaan kamar, didalam sistem ini penjual sebagai penyedia
kamar
sekaligus
pengelola
sistem
web
yang
disebut
administrator, sedangkan pemesan adalah yang membutuhkan
kamar tersebut.
14
3.3 USE CASE
Sistem Pemesanan Hotel Online
mencari informasi
hotel
«extends»
manage informasi
hotel
mencari informasi
pesan kamar
«extends»
«extends»
mencari informasi
layanan dan fasilitas
«extends»
Top Package::customer
mendaftar /
registrasi
manage informasi
kamar,fasilitas,service
manage informasi
member
Top Package::admin
«extends»
manage pemesanan
pesan kamar
«extends»
manage informasi
pembayaran
terima tagihan
«extends»
mencatat tagihan
bayar
Gambar 3.1 Use Case
15
3.4 Activity Diagram
activity
customer
admin
Menampilkan login
salah
login
Login salah
Menampilkan data
tamu registrasi
Input tanggal
check in dan
check out
Meng check in kan
tamu yang sudah
registrasi
Memilih jenis
kamar
Meng check out
kan tamu
Memilih no. kamar
Mendapat daftar
tagihan harga
kamar
Menyimpan data
Mengisi form registrasi
ID dan penambahan
pemesanan (jika ada)
Mendapat total
tagihan
Menampilkan total
pembayaran
Membayar tagihan
Ambil kwitansi
Gambar 3.2 Activity Diagram
Diatas
merupakan
diagram
Activity
yang
menggambarkan alir aktivitas dalam sistem yang sedang
16
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.
Class diagram digunakan untuk menampilkan kelas-kelas
dan paket-paket di dalam system. Class diagram memberikan
gambaran system secara statis dan relasi antar mereka.
Biasanya, dibua beberapa class diagram untuk system tunggal.
Beberapa diagram akan menampilkan subset dari kelas-kelas
dan relasinya. Dapat dibuat beberapa diagram sesuai dengan
yang diinginkan untuk mendapatkan gambaran lengkap
17
terhadap system yang dibangun. Di bawah ini merupakan class
diagram dari sistem reservasi hotel online.
Gambar 3.3 ClassDiagram
18
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
Fld1
Fld4
Fld5
Fld7
Fld6
Fld8
Fld11
Fld2
Fld3
Fld10
Fld9
Gambar 3.4 LKT Halaman Beranda
19
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
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 username.
Klik
Fld12
memasukkan
password.
Klik
Fld13
memasukkan email. Klik Fld14 memasukkan nama depan.
Klik Fld15 memasukkan nama belakang. Klik Fld16
memasukkan alamat. Klik Fld17 memilih jenis kelamin.
20
Klik Fld18 untuk me reset ulang. Klik Fld 19 untuk
menyimpan data.
Sheet 2
Fld1
Fld4
Fld5
Fld7
Fld6
Fld8
Fld9
Fld2
Fld3
Fld10
Fld11
Fld17
Fld12
Fld18
Fld19
Fld13
Fld14
Fld15
Fld16
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
Fld11
: Text Box (username)
21
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
Fld1
Fld4
Fld5
Fld6
Fld7
Fld8
Fld9
Fld2
Fld3
Fld10
Fld11
Fld13
Fld12
Fld14
Fld17
Fld15
Fld16
Gambar 3.6 LKT Halaman kontak
22
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
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. Fld9
slideshow hotel.
23
Sheet 4
Fld6
Fld1
Fld2
Fld3
Fld4
Fld5
Fld8
Fld9
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
Fld9
: Slideshow Hotel
Fld7
24
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
Fld7
Fld6
Fld1
Fld3
Fld2
Fld4
Fld5
Fld8
Fld9
Fld12
Gambar 3.8 LKT Halaman Room
Fld10
Fld13
Fld11
Fld14
25
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
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 keterngan memilih tanggal
pemesanan kamar. Klik Fld9 memilih tanggal cek in. klik
Fld10 memilih tanggal cek out. Klik Fld11 masuk ke menu
ketersediaan dan harga kamar.
26
Sheet 6
Fld6
Fld1
Fld2
Fld4
Fld3
Fld5
Fld8
Fld10
Fld9
Fld11
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
Fld9
: Thumbnail month (tanggal cek in)
Fld10
: Thumbnail month (tanggal cek out)
Fld11
: Button (check availability)
Fld7
27
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
Fld6
Fld1
Fld2
Fld8
Fld4
Fld3
Fld9
Fld10
Fld11
Fld5
Fld12
Fld13
Gambar 3.10 LKT Halaman Ketersediaan dan Harga
Kamar
Fld7
28
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
Halaaman ini adalah halaman yang muncul ketika sudah
klik Button available. Halaman ada beberapa kolom yaitu
kolom Fld1 untuk menunjukkan harga kamar yang di
pesan. Kolom Fld2 menunjukkan diskon ketika sudah
menjadi member. Kolom Fld3 menunjukkan total harga
yang kamar yang telah dipesan. Kolom Fld4 menunjukkan
status bahwa kamar telah tersedia. Kolom Fld5 perintah
untuk ketersediaan Nomor Kamar yang akan dipilih. Klik
Fld16 untuk memilih nomor kamar yang akan dipilih. Klik
Fld17 untuk keluar atau membatalkan registrasi.
29
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
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
30
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
Fld7
Fld6
Fld1
Fld4
Fld3
Fld2
Fld5
Fld8
Fld9
Fld10
Fld11
Fld12
:
:
:
:
Fld22
Fld13
Fld14
Fld15
Fld16
Fld17
Fld18
:
:
Fld19
Fld20
Fld21
Gambar 3.12 LKT Halaman Biaya Pemesanan
31
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
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
32
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
pembayaran. Klik Fld18 masuk ke sheet11 untuk proses
selanjutnya.
Sheet 10
Fld7
Fld6
Fld1
Fld2
Fld3
Fld4
Fld5
Fld8
Fld17
Fld18
Fld9
Fld13
Fld10
Fld14
Fld11
Fld15
Fld12
Fld16
Fld19
Gambar 3.13 LKT Halaman Input Data Pemesanan
33
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
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
34
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
keterangan diskon dan dihasilkan di Fld21. Fld13
keterangan no. kamar dan dihasilkan di Fld22. Fld14
keterangan total harga yang harus di bayar dan dihasilkan
di Fld23. Fld15 keterangan nama depan dan dihasilkan di
Fld24. Fld16 keterangan nama belakang dan dihasilkan di
Fld25. Fld17 keterangan email dan dihasilkan di Fld26.
Sheet 11
Fld6
Fld1
Fld4
Fld3
Fld2
Fld5
Fld8
Fld9
Fld10
Fld11
Fld12
Fld13
Fld14
Fld15
Fld16
Fld17
:
:
:
:
Fld18
Fld19
Fld20
Fld21
: Fld22
: Fld23
: Fld24
: Fld25
: Fld26
Gambar 3.14 LKT Halaman Data dan Jumlah Pemesanan
Fld7
35
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)
Fld18
: label (hasil dari Fld9)
Fld19
: label (hasil dari Fld10)
Fld20
: label (hasil dari Fld11)
Fld21
: label (hasil dari Fld12)
Fld22
: label (hasil dari Fld13)
Fld23
: label (hasil dari Fld14)
Fld24
: label (hasil dari Fld15)
Fld25
: label (hasil dari Fld16)
Fld26
: label (hasil dari Fld17)
36
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
Fld1
Fld2
Fld3
Fld4
Fld5
Gambar 3.15 LKT Halaman Login Admin
Keterangan :
Fld1
: Text (Admin)
Fld2
: Text Box (username)
37
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
Fld2
Fld1
Fld3
Fld4
Fld5
Fld6
Fld7
Fld8
Fld9
Fld10
Fld11
Fld12
Fld13
Fld14
Fld15
Fld116
Fld117
Gambar 3.16 LKT Halaman List Reservasi
Fld18
38
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
Halaman ini adalah untuk menampilkan data member
yang telah melakukan pembayaran 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
meng-cekoutkan member jika batas tanggal sudah
39
berahir. Klik Fld18 untuk mengedit data pemesanan
seperti, penambahan hari menginap dan fasilitas lainnya.
Sheet 14
Fld2
Fld1
Fld3
Fld4
Fld5
Fld6
Fld7
Fld8
Fld9
Fld10
Fld11
Fld12
Fld13
Fld14
Fld15
Fld116
Fld117
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)
Fld11
: Gird Column (tanggal masuk)
Fld12
: Gird Column (tanggal keluar)
Fld18
40
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
Fld2
Fld1
Fld3
Fld4
Fld5
Fld6
Fld7
Fld8
Fld9
Fld10
Fld11
Fld12
Fld13
Gambar 3.18 LKT Halaman List Checkout
Fld14
Fld15
Fld116
41
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
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. Klik Fld17 untuk menambah jenis kamar. Klik
Fld18 untuk mengedit discripsi kamar. Klik Fld19 untuk
menghapus jenis dan deskripsi kamar.
42
Sheet 16
Fld1
Fld2
Fld3
Fld4
Fld5
Fld6
Fld7
Fld8
Fld10
Fld12
Fld14
Fld116
Fld117
Fld18
Gambar 3.19 LKT Halaman untuk Mengubah, Menambah
dan menghapus Diskripsi Kamar
Fld19
43
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
berikutnya, seperti yang dikatakan di atas, dapat berupa pemilihan
tombol tekan pada layar tampilan (dengan mengklik tombol)
PERANCANGAN SISTEM
3.1 Analisis Sistem
Secara umum pengertian dari sistem
Rosses
adalah
memerlukan
suatu
system
keburuhan
didalam
pengolahan
menurut Leitch
organisasi
transaksi
yang
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 ecommerce 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
pelanggan,pemesanan,pembayaran dan pengiriman barang.
12
13
3.2 Alur Sistem
Sistem reservasi hotel online berbasis web dikembangkan
atas dasar fungsi operasi dari penjual dan pemesan yang dibuat
untuk mempermudah dalam penyewaan kamar. Penjual dan
pemesan adalah pengguna sistem yang melakukan proses
penyewaan kamar, didalam sistem ini penjual sebagai penyedia
kamar
sekaligus
pengelola
sistem
web
yang
disebut
administrator, sedangkan pemesan adalah yang membutuhkan
kamar tersebut.
14
3.3 USE CASE
Sistem Pemesanan Hotel Online
mencari informasi
hotel
«extends»
manage informasi
hotel
mencari informasi
pesan kamar
«extends»
«extends»
mencari informasi
layanan dan fasilitas
«extends»
Top Package::customer
mendaftar /
registrasi
manage informasi
kamar,fasilitas,service
manage informasi
member
Top Package::admin
«extends»
manage pemesanan
pesan kamar
«extends»
manage informasi
pembayaran
terima tagihan
«extends»
mencatat tagihan
bayar
Gambar 3.1 Use Case
15
3.4 Activity Diagram
activity
customer
admin
Menampilkan login
salah
login
Login salah
Menampilkan data
tamu registrasi
Input tanggal
check in dan
check out
Meng check in kan
tamu yang sudah
registrasi
Memilih jenis
kamar
Meng check out
kan tamu
Memilih no. kamar
Mendapat daftar
tagihan harga
kamar
Menyimpan data
Mengisi form registrasi
ID dan penambahan
pemesanan (jika ada)
Mendapat total
tagihan
Menampilkan total
pembayaran
Membayar tagihan
Ambil kwitansi
Gambar 3.2 Activity Diagram
Diatas
merupakan
diagram
Activity
yang
menggambarkan alir aktivitas dalam sistem yang sedang
16
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.
Class diagram digunakan untuk menampilkan kelas-kelas
dan paket-paket di dalam system. Class diagram memberikan
gambaran system secara statis dan relasi antar mereka.
Biasanya, dibua beberapa class diagram untuk system tunggal.
Beberapa diagram akan menampilkan subset dari kelas-kelas
dan relasinya. Dapat dibuat beberapa diagram sesuai dengan
yang diinginkan untuk mendapatkan gambaran lengkap
17
terhadap system yang dibangun. Di bawah ini merupakan class
diagram dari sistem reservasi hotel online.
Gambar 3.3 ClassDiagram
18
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
Fld1
Fld4
Fld5
Fld7
Fld6
Fld8
Fld11
Fld2
Fld3
Fld10
Fld9
Gambar 3.4 LKT Halaman Beranda
19
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
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 username.
Klik
Fld12
memasukkan
password.
Klik
Fld13
memasukkan email. Klik Fld14 memasukkan nama depan.
Klik Fld15 memasukkan nama belakang. Klik Fld16
memasukkan alamat. Klik Fld17 memilih jenis kelamin.
20
Klik Fld18 untuk me reset ulang. Klik Fld 19 untuk
menyimpan data.
Sheet 2
Fld1
Fld4
Fld5
Fld7
Fld6
Fld8
Fld9
Fld2
Fld3
Fld10
Fld11
Fld17
Fld12
Fld18
Fld19
Fld13
Fld14
Fld15
Fld16
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
Fld11
: Text Box (username)
21
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
Fld1
Fld4
Fld5
Fld6
Fld7
Fld8
Fld9
Fld2
Fld3
Fld10
Fld11
Fld13
Fld12
Fld14
Fld17
Fld15
Fld16
Gambar 3.6 LKT Halaman kontak
22
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
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. Fld9
slideshow hotel.
23
Sheet 4
Fld6
Fld1
Fld2
Fld3
Fld4
Fld5
Fld8
Fld9
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
Fld9
: Slideshow Hotel
Fld7
24
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
Fld7
Fld6
Fld1
Fld3
Fld2
Fld4
Fld5
Fld8
Fld9
Fld12
Gambar 3.8 LKT Halaman Room
Fld10
Fld13
Fld11
Fld14
25
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
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 keterngan memilih tanggal
pemesanan kamar. Klik Fld9 memilih tanggal cek in. klik
Fld10 memilih tanggal cek out. Klik Fld11 masuk ke menu
ketersediaan dan harga kamar.
26
Sheet 6
Fld6
Fld1
Fld2
Fld4
Fld3
Fld5
Fld8
Fld10
Fld9
Fld11
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
Fld9
: Thumbnail month (tanggal cek in)
Fld10
: Thumbnail month (tanggal cek out)
Fld11
: Button (check availability)
Fld7
27
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
Fld6
Fld1
Fld2
Fld8
Fld4
Fld3
Fld9
Fld10
Fld11
Fld5
Fld12
Fld13
Gambar 3.10 LKT Halaman Ketersediaan dan Harga
Kamar
Fld7
28
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
Halaaman ini adalah halaman yang muncul ketika sudah
klik Button available. Halaman ada beberapa kolom yaitu
kolom Fld1 untuk menunjukkan harga kamar yang di
pesan. Kolom Fld2 menunjukkan diskon ketika sudah
menjadi member. Kolom Fld3 menunjukkan total harga
yang kamar yang telah dipesan. Kolom Fld4 menunjukkan
status bahwa kamar telah tersedia. Kolom Fld5 perintah
untuk ketersediaan Nomor Kamar yang akan dipilih. Klik
Fld16 untuk memilih nomor kamar yang akan dipilih. Klik
Fld17 untuk keluar atau membatalkan registrasi.
29
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
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
30
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
Fld7
Fld6
Fld1
Fld4
Fld3
Fld2
Fld5
Fld8
Fld9
Fld10
Fld11
Fld12
:
:
:
:
Fld22
Fld13
Fld14
Fld15
Fld16
Fld17
Fld18
:
:
Fld19
Fld20
Fld21
Gambar 3.12 LKT Halaman Biaya Pemesanan
31
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
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
32
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
pembayaran. Klik Fld18 masuk ke sheet11 untuk proses
selanjutnya.
Sheet 10
Fld7
Fld6
Fld1
Fld2
Fld3
Fld4
Fld5
Fld8
Fld17
Fld18
Fld9
Fld13
Fld10
Fld14
Fld11
Fld15
Fld12
Fld16
Fld19
Gambar 3.13 LKT Halaman Input Data Pemesanan
33
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
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
34
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
keterangan diskon dan dihasilkan di Fld21. Fld13
keterangan no. kamar dan dihasilkan di Fld22. Fld14
keterangan total harga yang harus di bayar dan dihasilkan
di Fld23. Fld15 keterangan nama depan dan dihasilkan di
Fld24. Fld16 keterangan nama belakang dan dihasilkan di
Fld25. Fld17 keterangan email dan dihasilkan di Fld26.
Sheet 11
Fld6
Fld1
Fld4
Fld3
Fld2
Fld5
Fld8
Fld9
Fld10
Fld11
Fld12
Fld13
Fld14
Fld15
Fld16
Fld17
:
:
:
:
Fld18
Fld19
Fld20
Fld21
: Fld22
: Fld23
: Fld24
: Fld25
: Fld26
Gambar 3.14 LKT Halaman Data dan Jumlah Pemesanan
Fld7
35
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)
Fld18
: label (hasil dari Fld9)
Fld19
: label (hasil dari Fld10)
Fld20
: label (hasil dari Fld11)
Fld21
: label (hasil dari Fld12)
Fld22
: label (hasil dari Fld13)
Fld23
: label (hasil dari Fld14)
Fld24
: label (hasil dari Fld15)
Fld25
: label (hasil dari Fld16)
Fld26
: label (hasil dari Fld17)
36
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
Fld1
Fld2
Fld3
Fld4
Fld5
Gambar 3.15 LKT Halaman Login Admin
Keterangan :
Fld1
: Text (Admin)
Fld2
: Text Box (username)
37
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
Fld2
Fld1
Fld3
Fld4
Fld5
Fld6
Fld7
Fld8
Fld9
Fld10
Fld11
Fld12
Fld13
Fld14
Fld15
Fld116
Fld117
Gambar 3.16 LKT Halaman List Reservasi
Fld18
38
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
Halaman ini adalah untuk menampilkan data member
yang telah melakukan pembayaran 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
meng-cekoutkan member jika batas tanggal sudah
39
berahir. Klik Fld18 untuk mengedit data pemesanan
seperti, penambahan hari menginap dan fasilitas lainnya.
Sheet 14
Fld2
Fld1
Fld3
Fld4
Fld5
Fld6
Fld7
Fld8
Fld9
Fld10
Fld11
Fld12
Fld13
Fld14
Fld15
Fld116
Fld117
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)
Fld11
: Gird Column (tanggal masuk)
Fld12
: Gird Column (tanggal keluar)
Fld18
40
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
Fld2
Fld1
Fld3
Fld4
Fld5
Fld6
Fld7
Fld8
Fld9
Fld10
Fld11
Fld12
Fld13
Gambar 3.18 LKT Halaman List Checkout
Fld14
Fld15
Fld116
41
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
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. Klik Fld17 untuk menambah jenis kamar. Klik
Fld18 untuk mengedit discripsi kamar. Klik Fld19 untuk
menghapus jenis dan deskripsi kamar.
42
Sheet 16
Fld1
Fld2
Fld3
Fld4
Fld5
Fld6
Fld7
Fld8
Fld10
Fld12
Fld14
Fld116
Fld117
Fld18
Gambar 3.19 LKT Halaman untuk Mengubah, Menambah
dan menghapus Diskripsi Kamar
Fld19
43
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
berikutnya, seperti yang dikatakan di atas, dapat berupa pemilihan
tombol tekan pada layar tampilan (dengan mengklik tombol)