3.2.8. Rancangan Antarmuka Interface
Rancangan antar muka dari sistem ini dibagi menjadi tiga bagian yaitu bagian kepala header, bagian tengah, bagian kaki footer. Semua halaman ini terdiri dari tiga
bagian yaitu bagian kepala berisi logo rental, bagian tengah berisi menu login, informasi mobil dan daerah wisata yang ada di Sumatera Utara dan bagian kaki
footer berisikan tentang informasi hotel. Struktur rancangan antarmuka dari sistem ini dapat dilihat pada Gambar 3.7.
Gambar 3.7. Struktur Rancangan Antarmuka Perancangan Website
Perancangan Situs Web Pada Yoga Rental Car Dengan Menggunakan Fantastico
Bagian header Bagian Tengah
Bagian kaki
Logo Bagian Tengah isi
1. Menampilkan informasi jenis
mobil yang disewa 2.
Menampilkan pelayanan jasa rental mobil
3. Informasi daerah wisata
4. Menampilakan form daftar
harga, syarat,formulir pemesanan
5. Menampilkan kontak alamat
Informasi hotel yang ada di
Medan, Berastagi,
Parapat, Samosir
Universitas Sumatera utara
Gambar 3.8. Rancangan Tampilan Halaman Utama
Pada Gambar 3.8. rancangan tampilan halaman utama terdiri dari tiga bagian yaitu header yang berisi logo dari Yoga Rental Car. Bagian tengah yang berisi tentang
informasi rental mobil di Sumatera Utara, kontak alamat, sebagian gambar mobil yang dirental dan informasi sebagian daerah wisata. Bagian footer berisi tentang sebagian
informasi hotel yang berada di Medan, Berastagi, Parapat dan Pulau Samosir. Banner
Halaman Depan Daftar Harga
Syarat dan Ketentuan Formulir Pemesanan
Kontak Alamat Isi Informasi
Gambar
Isi Informasi Gambar
Info Hotel
Universitas Sumatera utara
Gambar 3.9. Rancangan Tampilan Halaman Daftar Harga
Pada Gambar 3.9. rancangan tampilan halaman daftar harga memuat tentang rincian jenis-jenis mobil yang di sewa. Pada halaman ini juga memuat seluruh daftar
harga dari mobil yang di rental. Pada halaman ini memuat daftar harga rental mobil perhari.
Banner
Halaman Depan Daftar Harga
Syarat dan Ketentuan Formulir Pemesanan
Kontak Alamat Informasi Jenis Mobil
Harga Sewa Mobil Gambar
Info Hotel
Universitas Sumatera utara
Gambar 3.10. Rancangan Tampilan Halaman Syarat dan Ketentuan
Pada Gambar 3.10. rancangan tampilan halaman syarat dan ketentuan memuat tampilan informasi persyaratan yang harus dipatuhi pelanggan apabila hendak
menyewa mobil dari perusahaan ini. Banner
Halaman Depan Daftar Harga
Syarat dan Ketentuan Formulir Pemesanan
Kontak Alamat Iinformasi Persyaratan
Gambar
Info Hotel
Universitas Sumatera utara
Gambar 3.11. Rancangan Tampilan Formulir Pemesanan
Pada Gambar 3.11. rancangan tampilan formulir pemesanan memuat formulir pemesanan yang dapat memudahkan para pelanggan dalam memesan jenis mobil yang
akan disewa.
3.3. Algoritma