Antar Muka Pengguna Visitor

94

4.2.4.1 Antar Muka Pengguna Visitor

A. Home Index Komponen yang terdapat pada layout Home adalah sebagai berikut :  DropDown menu Starting point SP, yang berisi opsi SP untuk pengguna yang ingin melakukan pencarian berdasarkan SP  Konten Terdapat tiga button menu, yaitu Cari Objek, Itinerary , dan Akomodasi. Gambar 4.34 : LayoutHome 95 B. Cari Lokasi Objek Terdekat Komponen yang terdapat pada layout Cari Objek adalah sebagai berikut :  Pada bagian header terdapat icon back untuk kembali kehalaman sebelumnya dan icon home untuk kembali ke home  Search Bar untuk mencari objek wisata tertentu  List objek-objek wisata terdekat, yang merupakan hasil penghitungan formula. Gambar 4.35 : Layout Cari Objek 96 C. Detail Objek Komponen yang terdapat pada layout Detail Objek adalah sebagai berikut :  Pada bagian header terdapat icon back untuk kembali kehalaman sebelumnya dan icon home untuk kembali ke home  Terdapat kolapsibel pada bagian body yang memuat informasi mengenai detail objek, transportasi rute driving dan peta menuju objek dari posisi pengguna. Gambar 4.36 : LayoutDetail Objek 97 D. Itinerary Komponen yang terdapat pada layout Itinerary adalah sebagai berikut :  Pada bagian header terdapat icon back untuk kembali kehalaman sebelumnya dan icon home untuk kembali ke home  Search Bar untuk mencari itinerary tertentu  Listitinerary. Gambar 4.37 : LayoutItinerary 98 E. Detail Itinerary Komponen yang terdapat pada layout Detail Itinerary adalah sebagai berikut :  Pada bagian header terdapat icon back untuk kembali kehalaman sebelumnya dan icon home untuk kembali ke home  Terdapat kolapsibel pada bagian body yang memuat informasi mengenai detail dan Perlengkapan. Gambar 4.38 : Layout Detail Itinerary 99 F. Akomodasi Komponen yang terdapat pada layout AKomodasi adalah sebagai berikut :  Pada bagian header terdapat icon back untuk kembali kehalaman sebelumnya dan icon home untuk kembali ke home  Search Bar untuk mencari akomodasi tertentu  List akomodasi. Gambar 4.39 : Layout AKomodasi 100 G. Detail Akomodasi Komponen yang terdapat pada layout Detail Akomodasi adalah sebagai berikut :  Pada bagian header terdapat icon back untuk kembali kehalaman sebelumnya dan icon home untuk kembali ke home  Terdapat kolapsibel pada bagian body yang memuat informasi mengenai detail dan kontak. Gambar 4.40 : LayoutDetail AKomodasi 101

4.2.5 Perancangan Database