Post on 03-Dec-2020
12
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
pelanggan,pemesanan,pembayaran dan pengiriman barang.
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
Sistem Pemesanan Hotel Online
Top Package::customer Top Package::admin
mencari informasi
hotel
mencari informasi
pesan kamar
mencari informasi
layanan dan fasilitas
mendaftar /
registrasi
pesan kamar
terima tagihan
bayar
manage informasi
hotel
manage informasi
kamar,fasilitas,service
manage informasi
member
manage informasi
pembayaran
mencatat tagihan«extends»
«extends»
«extends»
«extends»
«extends»
manage pemesanan«extends»
«extends»
3.3 USE CASE
Gambar 3.1 Use Case
15
3.4 Activity Diagram
activity
admincustomer
login
Menampilkan data
tamu registrasi
Menampilkan login
salah
Input tanggal
check in dan
check out
Menampilkan total
pembayaran
Menyimpan data
Ambil kwitansi
Login salah
Memilih jenis
kamar
Memilih no. kamar
Mendapat daftar
tagihan harga
kamar
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
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 1Sheet 1
Fld6 Fld7
Fld4
Fld5
Fld2
Fld8
Fld3
Fld1
Fld9
Fld10
Fld11
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 2Sheet 2
Fld6 Fld7
Fld4
Fld5
Fld2
Fld8
Fld3
Fld1
Fld9
Fld11
Fld12
Fld13
Fld14
Fld15
Fld16
Fld10
Fld18 Fld19
Fld17
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 3Sheet 3
Fld6 Fld7
Fld4
Fld5
Fld8
Fld1
Fld9
Fld11
Fld12
Fld13
Fld14
Fld10
Fld16
Fld15
Fld2 Fld3
Fld17
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 4Sheet 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
Fld9 : Slideshow Hotel
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 5Sheet 5
Fld7
Fld1
Fld8
Fld2Fld3
Fld9
Fld4 Fld5
Fld6
Fld10 Fld11
Fld12 Fld13 Fld14
Gambar 3.8 LKT Halaman Room
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 6Sheet 6
Fld7
Fld1
Fld8
Fld2 Fld3Fld4
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
Fld9 : Thumbnail month (tanggal cek in)
Fld10 : Thumbnail month (tanggal cek out)
Fld11 : Button (check availability)
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 7Sheet 7
Fld7
Fld1
Fld2 Fld3 Fld4 Fld5
Fld6
Fld8 Fld9 Fld10 Fld11 Fld12 Fld13
Gambar 3.10 LKT Halaman Ketersediaan dan Harga
Kamar
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 8Sheet 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 9Sheet 9
Fld7
Fld1
Fld2 Fld3 Fld4 Fld5
Fld6
Fld9
Fld8
Fld10
Fld11
Fld12
Fld13
Fld14
Fld15
Fld16
:
:
:
:
Fld22
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 10Sheet 10
Fld7
Fld1
Fld2 Fld3 Fld5
Fld6
Fld4
Fld8
Fld9
Fld10
Fld11
Fld12
Fld13
Fld14
Fld15
Fld16
Fld17
Fld18
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 11Sheet 11
Fld7
Fld1
Fld2 Fld3 Fld4 Fld5
Fld6
Fld9
Fld8
Fld10
Fld11
Fld12
Fld18
Fld19
Fld20
Fld21
:
:
:
:
Fld13
Fld14
Fld22
Fld23
:
:
Fld15 Fld24:
Fld16
Fld17
Fld25
Fld26
:
:
Gambar 3.14 LKT Halaman Data dan Jumlah Pemesanan
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 12Sheet 12
Fld1
Fld2
Fld3
Fld5
Fld4
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 13Sheet 13
Fld2Fld1
Fld3
Fld4
Fld5
Fld6
Fld7 Fld8 Fld9 Fld10 Fld11 Fld12 Fld13 Fld14 Fld15 Fld116
Fld117 Fld18
Gambar 3.16 LKT Halaman List Reservasi
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 14Sheet 14
Fld2Fld1
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)
Fld11 : Gird Column (tanggal masuk)
Fld12 : Gird Column (tanggal keluar)
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 15Sheet 15
Fld2Fld1
Fld3
Fld4
Fld5
Fld6
Fld7 Fld8 Fld9 Fld10 Fld11 Fld12 Fld13 Fld14 Fld15 Fld116
Gambar 3.18 LKT Halaman List Checkout
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 16Sheet 16
Fld2Fld1
Fld3
Fld4
Fld5
Fld6
Fld7 Fld8 Fld10 Fld12 Fld14 Fld116
Fld117 Fld18 Fld19
Gambar 3.19 LKT Halaman untuk Mengubah, Menambah
dan menghapus Diskripsi Kamar
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)