BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
3.2.4 Perancangan Antar Muka
3.2.4.1 Antarmuka Pengunjung
1. Antarmuka Home P01 Nama Layar : P01 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer Berita Terbaru
2. Antarmuka Profil Bappeda Kota Tasikmalaya
P02
Nama Layar : P02 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer Bappeda kota tasikmalaya
Dinas kukm, perindustrian dan perdagangan
Dinas pertanian, perikanan, dan kehutanan
Profil Bappeda Kota Tasikmlaya
3. Antarmuka Profil Dinas KUKM , Industri dan Perdagangan
P03
Nama Layar : P03 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer Bappeda kota tasikmalaya
Dinas kukm, perindustrian dan perdagangan
Dinas pertanian, perikanan, dan kehutanan
Profil Dinas KUMKM, Perindustrian dan Perdaganagan
4. Antarmuka Profil Dinas Pertanian, perikanan, dan kehutanan
P04
Nama Layar : P04 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer Bappeda kota tasikmalaya
Dinas kukm, perindustrian dan perdagangan Dinas pertanian, perikanan, dan kehutanan
Profil Dinas Pertanian, Perikanan, dan Kehutanan
Gambar 3.33 Profil Dinas Pertanian, Perikanan, dan Kehutanan Pengunjung
5. Antarmuka Berita
P05
Nama Layar : P05 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer
Daftar Seluruh Berita
6. Antarmuka Potensi Daerah Industri
P06
Nama Layar : P06 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer Potensi Industri Potensi Perikanan Potensi Peternakan
Potensi Industri Kota Tasikmalaya
7. Antarmuka Potensi Daerah Perikanan
P07
Nama Layar : P07 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer Potensi Industri Potensi Perikanan Potensi Peternakan
Potensi Perikanan Kota Tasikmalaya
8. Antarmuka Potensi Daerah Peternakan
P08
Nama Layar : P08 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer Potensi Industri Potensi Perikanan Potensi Peternakan
Potensi Peternakan Kota Tasikmalaya
9. Antarmuka Peta Persebaran P09
Nama Layar : P09 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Daftar Potensi Daerah Kota Tasikmalaya
Footer Pencarian Potensi Daerah
Cari 1. Nama Potensi Alamat Potensi 2. Nama Potensi Alamat Potensi 3. Nama Potensi Alamat Potensi Legenda 1 Legenda 2 Legenda 3
Peta Persebaran Potensi Daerah
PETA
Potensi Industri Potensi Perikanan Potensi Peternakan
Kelompokan Berdasarkan Legenda : Legenda 4 Legenda 5 Legenda 6 Legenda 7
10. Antarmuka Buku Tamu
P10
Nama Layar : P10 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer Kirim Komentar Perihal Nama Email Komentar Kirim Batal Komentar Perihal Nama Komentar
11. Antarmuka DashBoard
P11
Nama Layar : P11 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer
Grafik Potensi Daerah Kota Tasikmlaya
Grafik Potensi Daerah
12. Antarmuka DashBoard Industri
P12
Nama Layar : P12 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer
Grafik Potensi Industri Kota Tasikmlaya
Grafik Potensi Industri
13. Antarmuka DashBoard Perikanan
P13
Nama Layar : P13 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer
Grafik Potensi Perikanan Kota Tasikmlaya
Grafik Perikanan Industri
14. Antarmuka DashBoard Peternakan
P14
Nama Layar : P14 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Masukan Username dan Password Anda Username Password Lupa Password ? Daftar Member Login Login Link Pemerintahan Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Footer
Grafik Potensi Peternakan Kota Tasikmlaya
Grafik Potensi Peternakan
15. Antarmuka Daftar Member
P15
Nama Layar : P15 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Footer
Halaman Daftar Member Username Nama Lengkap Email Password Kelamin Alamat No Telepon Ulangi Password Kirim
16. Antarmuka Lupa Password
P16
Nama Layar : P16 Ukuran : 1280x1028 Font : Arial Warna Layar : Putih Biru
-Klik Menu Home maka tampil P01
-Klik Menu Profil Dinas maka keluar dropdown profil Bappeda, Industri, dan Pertanian dan menampilkan P02, P03, P04
-Klik Menu Berita maka tampil P05
-Klik Menu Potensi Daerah maka keluar dropdown potensi Industri, Perikanan, dan Peternakan dan menampilkan P06, P07, P08 -Klik Menu Peta Persebaran maka menampilkan P09 -Klik Menu Buku Tamu maka tampil P10
-Klik Menu Dashboard maka tampil P11 dan akan keluar menu dropdown Industri, Perikanan, dan Peternakan dkemudian menampilkan P12, P13, P14
-Klik Link Daftar maka menampilkan P15 -Klik Link Lupa Password maka menampilkan P16 -Isi form login untuk menuju halaman M01
Header
Home Profil Dinas Berita Potensi Daerah Peta Persebaran Buku Tamu Dashboard
Gambar
Footer
Halaman Lupa Password
Kami akan mengirimkan Password ke Email Anda Silakan Masukan Email Anda