IMPLEMENTASI ANTAR MUKA IMPLEMENTASI

• Hapus galeri Galeri yang ditunjuk untuk dihapus dikenali sebagai id galeri, kemudian sistem melakukan penghapusan berdasarkan id galeri. Proses edit dan hapus galeri akan mempengaruhi tabel galeri. vii. Edit footer Footer berisikan data pengelola hotel dalam hal ini adalah administrator. Proses ini akan menyimpan data footer ke dalam tabel footer. g. Logout Ini merupakan proses untuk keluar dari sistem administrator.

D. IMPLEMENTASI ANTAR MUKA

Implementasi antarmuka yang akan dijelaskan dalam subbab berikut ini adalah antarmuka yang digunakan dalam web template provider dan web hotel . 1. Antarmuka yang digunakan dalam web template provider Berdasarkan pihak yang berperan dalam web site ini, maka antarmuka sistem adalah sebagai berikut: a. Sisi pengunjung Gambar 4.1 Halaman Index. Halaman index adalah halaman yang pertama kali tampil saat pengguna memasuki web template provider . Halaman index berisi ucapan selamat datang dalam web penyedia template yang dinamakan HotelKita Template . PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Gambar 4.2 Halaman Services Halaman services berisi informasi tentang layanan yang ditawarkan oleh web penyedia template. Gambar 4.3 Halaman Header Manager Halaman ini merupakan submenu dari menu template. Berisi informasi tentang header manager , diantaranya informasi tentang bagaimana mengatur header dan komponen header. Gambar 4.4 Halaman Banner Manager Berisi informasi tentang bagaimana cara mengelola banner. PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI Gambar 4.5 Halaman Web Page Manager Halaman ini menjelaskan tentang gambaran umum halaman web, disertai dengan salah satu contoh halaman web. Gambar 4.6 Halaman Gallery Manager Halaman ini menjelaskan informasi tentang galeri, disertai dengan satu contoh galeri hotel. Gambar 4.7 Halaman Guest Book Ini merupakan halaman buku tamu yang diisikan oleh pengunjung dengan cara memasukkan data pengunjung. Gambar 4.8 Halaman Sign in a Guest book Halaman ini adalah halaman untuk mengisi buku tamu. Dengan menekan tombol submit maka semua data yang dimasukkan akan tersimpan dalam tabel buku tamu. Tombol reset digunakan untuk mengosongkan semua form yang sudah terisi. Gambar 4.9 Halaman Download Files Halaman ini menampilkan data file yaitu nama dan kapasitas file. Pengunjung dapat mendonwload file dengan melakukan link pada nama file yang dipilih. Gambar 4.10 Halaman SearchingRresult Ini merupakan halaman hasil pencarian berdasarkan nama hotel atau kota hotel. Hasil pencarian yang ditampilkan adalah nama hotel dan alamat hotel. Untuk melakukan navigasi menuju site hotel yang bersangkutan, maka pengunjung cukup melakukan link pada nama hotel. Gambar 4.11 Halaman Hotel Site Example Ini adalah contoh halaman utama ketika pengunjung melakukan link ke site hotel, berdasarkan hasil pencarian hotel. b. Sisi administrator Gambar 4.12 Halaman Login Administrator Ini merupakan halaman login administrator, dengan memasukkan username dan password yang sesuai dengan database dalam tabel admin, kemudian menekan tombol login, maka sistem akan menuju sistem administrator. c. Sisi anggota Gambar 4.13 Halaman Sign up Form Pada halaman pendaftaran, calon anggota harus mengisikan data anggota dan data hotel yang ia kelola. Gambar 4.14 Halaman Welcome a Member 2. Antarmuka yang digunakan dalam web hotel : a. Sisi pengunjung Secara umum antarmuka untuk pengunjung web template provider dan web template hotel adalah sama. Gambar 4.15 Halaman Index Gambar 4.16 Halaman Menu Room b. Sisi administrator Gambar 4.17 Halaman Login Anggota Gambar 4.18 Halaman Welcome Admin Gambar 4.19 Halaman Edit Admin Gambar 4.20 Halaman Edit Header Gambar 4.21 Halaman Banner Manager Gambar 4.22 Halaman Web Page Manager Gambar 4.23 Halaman Edit Web Page Gambar 4.24 Halaman Edit Gallery Gambar 4.25 Halaman Edit Footer

BAB V HASIL KUESIONER DAN PEMBAHASAN