11. Tampilan Galeri Galeri merupakan tampilan yang didalamnya terdapat gambar atau foto - foto
tentang hotel. Berikut ini adalah tampilan galeri.
Kanira Hotel
Galeri
Foto Foto
Foto
Foto Foto
Foto
Gambar 4.31 Rancangan Tampilan Galeri
4.2.1 Perancangan Antar Muka Web Admin
Perancangan anatar muka web admin terdiri dari beberpa halaman yaitu, halaman login, halaman menu utama, halaman manage room kategori, halaman manage
room, halaman reservation, dan halaman report. Berikut ini beberapa rancangan tampilan web admin.
1. Tampilan halaman Login Admin Perancangan tampilan halaman login merupakan halaman yang digunakan
oleh admin untuk masuk ke menu utama. Berikut ini tampilan rancangan login admin.
Kanira Hotel Jl. Pelajar Pejuang 45 no. 10. Lengkong, Bandung
– 40263. Jawa Barat, Indonesia. ADMIN DASHBOARD
LOGIN
FOOTER
Gambar 4.32 Rancangan Tampilan Halaman Login Admin
2. Tampilan Halaman Menu Utama Perancangan tampilan halaman menu utama merupakan rancangan tampilan
yang pertama kali muncul setelah admin melakukan login. Berikut ini tampilan rancangan menu utama admin.
ADMIN DASHBOARD Home
Admin Logout
Manage Room Kategori Manage Room
Manage Reservasi Report
Selamat Datang
FOOTER
Gambar 4.33 Rancangan Tampilan Halaman Menu Utama
3. Tampilan Halaman Manage Room Kategori Perancangan halaman manage room kategori merupakan rancangan tampilan
yang digunakan admin untuk mengelola data tipe kamar. Berikut ini tampilan rancangan menu manage room kategori.
ADMIN DASHBOARD Home
Admin Logout
Manage Room Kategori Manage Room
Manage Reservasi Report
Room Type Data
+ Add Room Type Room Name
Room Rate Description
Image Aksi
Edit Hapus
Foto
Foto Edit
Hapus
FOOTER
Gambar 4.34 Rancangan Tampilan Halaman Manage Room Kategori
4. Tampilan Halaman Add Room Type Perancangan halaman add room type merupakan rancangan tampilan yang
digunakan admin untuk menambah data tipe kamar. Berikut ini tampilan rancangan add room type.
ADMIN DASHBOARD Home
Admin Logout
Manage Room Kategori Manage Room
Manage Reservasi Report
ADD NEW ROOM TYPE
FOOTER
Room Name Room Rate
Room Description Room Image
Pilih File SUBMIT
Gambar 4.35 Rancangan Tampilan Halaman Add Room Type
5. Tampilan Halaman Edit Room Type Perancangan halaman edit room type merupakan rancangan tampilan yang
digunakan admin untuk mengedit data kamar. Berikut ini tampilan rancangan edit room type.
ADMIN DASHBOARD Home
Admin Logout
Manage Room Kategori Manage Room
Manage Reservasi Report
Edit Room Type
FOOTER
Room Name Room Rate
Room Description Room Image
Pilih File SUBMIT
Gambar 4.36 Rancangan Tampilan Halaman Edit Room Type
6. Tampilan Halaman Manage Room Perancangan halaman manage room merupakan rancangan tampilan yang
digunakan admin untuk menambah dan merubah status kamar. Berikut ini tampilan rancangan manage room.
ADMIN DASHBOARD Home
Admin Logout
Manage Room Kategori Manage Room
Manage Reservasi Report
Room Data
+ Add Room Room ID
Room Type Status
Aksi Edit
Hapus Edit
Hapus Edit
Hapus Edit
Hapus FOOTER
Gambar 4.37 Rancangan Tampilan Halaman Manage room
7. Tampilan Halaman Add Room Perancangan halaman add room merupakan rancangan tampilan yang
digunakan admin untuk menambah kamar. Berikut ini tampilan rancangan add room.
ADMIN DASHBOARD Home
Admin Logout
Manage Room Kategori Manage Room
Manage Reservasi Report
Add New Room
Room Type :
SUBMIT
FOOTER
Gambar 4.38 Rancangan Tampilan Halaman Add Room
8. Tampilan Halaman Edit Room Perancangan halaman edit room merupakan tampilan yang digunakan admin
untuk mengedit tipe dan status kamar. Berikut tampilan rancangan edit room.
ADMIN DASHBOARD Home
Admin Logout
Manage Room Kategori Manage Room
Manage Reservasi Report
Edit Room
Room Type :
Status :
SUBMIT
FOOTER
Gambar 4.39 Rancangan Tampilan Halaman Edit room
9. Tampilan Halaman Manage Reservation Perancangan halaman manage reservation merupakan rancangan tampilan
yang digunakan admin untuk melihat dan mengedit status transaksi pembayaran user. Berikut ini tampilan rancangan manage reservation.
ADMIN DASHBOARD Home
Admin Logout
Manage Room Kategori Manage Room
Manage Reservasi Report
Reservation Data
Reservation ID
Room ID Name
FOOTER Date In
Date Out Status
Action Edit
Edit Edit
Pilih
Gambar 4.40 Rancangan Tampilan Halaman Manage Reservation
10. Tampilan Halaman Edit Reservation Perancangan halaman edit reservation merupakan rancangan tampilan yang
digunakan admin untuk mengedit status transaksi pembayaran user. Berikut ini tampilan rancangan edit reservation.
ADMIN DASHBOARD Home
Admin Logout
Manage Room Kategori Manage Room
Manage Reservasi Report
Edit Reservation
Room Type :
Status :
SUBMIT FOOTER
Check out :
Check in :
Room Name
Gambar 4.41 Rancangan Tampilan Halaman Edit Reservation
11. Tampilan Halaman Report Perancangan halaman report merupakan rancangan tampilan yang digunakan
admin untuk mencari atau membuat laporan reservasi selama beberapa periode. Berikut ini tampilan rancangan report.
ADMIN DASHBOARD Home
Admin Logout
Manage Room Kategori Manage Room
Manage Reservasi Report
Report
From To
SUBMIT
FOOTER
Gambar 4.42 Rancangan Tampilan Halaman Report
12. Tampilan Report Reservasi Perancangan halaman report reservasi merupakan rancangan tampilan yang
digunakan admin untuk melihat dan mencetak laporan data reservasi selama beberapa periode. Berikut ini tampilan rancangan report reservasi.
Kanira Hotel Reservastion Report
Form : yyyy-mm-dd To : yyyy-mm-dd
Reservation ID
Room Name
Customer Name
Date In Date Out
Total Rp
Rp Rp
Total Rp
CETAK Manage Room Kategori
Manage Room Manage Reservasi
Report
FOOTER
Gambar 4.43 Rancangan Tampilan Report Reservasi
4.2.2 Struktur Menu
