Rancangan Antarmuka Interface Hasil Perancangan

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