86
4.2.4.1 Antar Muka Pengguna Admin
Secara umum, perancangan antar muka pengguna administrator tergambar pada layout dibawah :
Gambar 4.26 : Layout Administrator
Secara umum, layout administrator terbagi menjadi tiga bagian, yaitu :
Header
Header berisi gambar logo Jawa Timur Bagus
Body
Body berisi navbar yang memuat navigasi menu dan
memuat konten dari menu yang sedang aktif. Footer
Footer berisi copyright aplikasi.
87
Berikut merupakan antar muka dari site administrator. A. Home
Gambar 4.27 : Layout Home
Komponen yang terdapat pada layout Home hanya berupa konten yang menjelaskan secara kesuluruhan
mengenai aplikasi.
88
B. User
Gambar 4.28 : Layout User
Komponen yang terdapat pada layout User adalah sebagai berikut :
Drop Down menu admin, yang berisi opsi Ganti Sandi, dan Log Out
. Navbar yang berisi navigasi menu
Konten Berisi daftar admin yang sudah teregistrasi. Terdapat field
search untuk mencari admin. terdapat button tambah admin
untuk menambah data. Pada daftar admin terdapat aksi yaitu ubah admin dan hapus admin.
89
C. Objek
Gambar 4.29 : Layout Objek
Komponen yang terdapat pada layout Objek adalah sebagai berikut :
Drop Down menu admin, yang berisi opsi Ganti Sandi, dan Log Out.
Navbar yang berisi navigasi menu Konten
Berisi daftar Objek yang sudah teregistrasi. Terdapat field search
untuk mencari objek. terdapat button tambah objek untuk menambah data. Pada daftar
objek terdapat aksi yaitu ubah objek, lihat detail objek dan hapus objek.
90
D. Lokasi Objek
Gambar 4.30 : Lokasi Objek
Komponen yang terdapat pada layout Lokasi Objek adalah sebagai berikut :
Drop Down menu admin, yang berisi opsi Ganti Sandi, dan Log Out.
Navbar yang berisi navigasi menu Konten
Berisi daftar Lokasi Objek yang sudah diinput. Terdapat field search untuk mencari lokasi objek.
terdapat button tambah lokasi objek untuk menambah data. Pada daftar lokasi objek terdapat aksi yaitu ubah
lokasi objek dan hapus lokasi objek.
91
E. Akomodasi
Gambar 4.31 : Layout Akomodasi
Komponen yang terdapat pada layout Akomodasi adalah sebagai berikut :
Drop Down menu admin, yang berisi opsi Ganti Sandi, dan Log Out.
Navbar yang berisi navigasi menu Konten
Berisi daftar Aomodasi yang sudah di-input. Terdapat field search
untuk mencari akomodasi. terdapat button tambah akomodasi untuk menambah data. Pada daftar
akomodasi terdapat aksi yaitu ubah akomodasi, lihat detail
akomodasi dan hapus akomodasi.
92
F. Itinerary
Gambar 4.32 : Layout Itinerary
Komponen yang terdapat pada layout Itinerary adalah sebagai berikut :
Drop Down menu admin, yang berisi opsi Ganti Sandi, dan Log Out.
Navbar yang berisi navigasi menu Konten
Berisi daftar Itinerary yang sudah di-input . Terdapat field search
untuk mencari itinerary. terdapat button tambah itinerary untuk menambah data. Pada daftar
itinerary terdapat aksi yaitu ubah itinerary, lihat
detailitinerary dan hapus itinerary.
93
G. Starting point
Gambar 4.33 : Layout Starting point
Komponen yang terdapat pada layout Starting point adalah sebagai berikut :
DropDown menu admin, yang berisi opsi Ganti Sandi, dan LogOut.
Navbar yang berisi navigasi menu Konten
Berisi daftar Starting point SP yang sudah diinput . Terdapat field search untuk mencari SP. terdapat
button tambah data untuk menambah SP. Pada
daftar SP terdapat aksi yaitu ubah SP dan hapus SP.
94
4.2.4.1 Antar Muka Pengguna Visitor
Kategori