Perancangan Antarmuka Pengunjung Perancangan Antarmuka

3.7.4.1 Perancangan Antarmuka Pengunjung

Gambar 3.21 Tampilan Menu Utama Index Home Profil Detail Peta Menu Potensi Pertanian Peternakan Industri - Klik Menu Home maka tampil T01 - Menu Profil maka tampil T02 - Klik Detail Peta, tampil Peta T03 - Klik Pertanian, tampil T04 - Klik Peternakan, tampil T05 - Klik Industri, tampil T06 FOOTER HEADER Selamat Datang T01 Datan Gambar 3.22 Tampilan Halaman Profil Gambar 3.23 Tampilan Halaman Detail Peta Home Profil Detail Peta Menu Potensi Pertanian Peternakan Industri - Klik Menu Home maka tampil T01 - Menu Profil maka tampil T02 - Klik Detail Peta, tampil Peta T03 - Klik Pertanian, tampil T04 - Klik Peternakan, tampil T05 - Klik Industri, tampil T06 - Klik Sub Judul, maka roling pada sub judul. FOOTER HEADER Profil 1. Sub Judul 2. Sub judul 3. Sub Judul T02 Text Home Profil Detail Peta Menu Potensi Pertanian Peternakan Industri - Klik Menu Home maka tampil T01 - Menu Profil maka tampil T02 - Klik Detail Peta, tampil Peta T03 - Klik Pertanian, tampil T04 - Klik Peternakan, tampil T05 - Klik Industri, tampil T06 -Cek List Layer Pertanian, maka tampil objek pertanian pada area peta. -Cek List Layer Peternakan, maka tampil objek peternakan pada area peta. -Cek List Layer Industri, maka tampil objek industri pada area peta. -Cek List Layer Pasar, maka tampil objek pasar pada area peta. -Cek List Layer Jalan, maka tampil objek jalan pada area peta. -Klik objek peta pada aera peta, maka tampil T07 pada browser baru sebagai info dari objek yang di klik, FOOTER HEADER Detail T03 Navigasi Area Peta Layer Pertanian Peternakan Industri Pasar Jalan Legenda Pertanian Peternakan Industri Pasar jalan Gambar 3.24 Tampilan Halaman Data Pertanian - Klik Menu Home maka tampil T01 - Menu Profil maka tampil T02 - Klik Detail Peta, tampil Peta T03 - Klik Pertanian, tampil T04 - Klik Peternakan, tampil T05 - Klik Industri, tampil T06 -Untuk pencarian, pilih kategori pencarian, laul isikan objek yang akan dicari, lalu tekan tombol cari, maka data akan tampil pada area tabel data. - Jika data yang di cari tidak ditemunkan akan muncul M01. -Klik objek peta pada aera peta mini, maka tampil T07 pada browser baru sebagai info dari objek yang di klik, FOOTER Data Pertanian T04 Area tabel data Pencarian Kategori Cari Data ditemukan sebanyak : X record HEADER Menu Potensi Pertanian Peternakan Industri Home Profil Detail Peta Peta Mini Gambar 3.25 Tampilan Info Objek

3.7.4.2 Perancangan Antarmuka Admin