Login
Home
Logout Data Member
Data Penyakit Data Gejala
Data Gejala_penyakit Data Diagnosa
Data Berita
Tambah Data Penyakit
Edit Data Penyakit
Hapus Data Penyakit
Gambar 3.12 Struktur menu admin
3.2.3 Perancangan Antar Muka
Perancangan antar muka bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun. Sehingga akan mempermudah dalam
mengimplementasikan aplikasi serta akan memudahkan pembuatan aplikasi yang user friendly.
Rancangan aplikasi untuk mengidentifikasi penyebab penyakit pada jenis ikan air tawar berbasis web yang akan dibuat sebagai berikut :
1. Rancangan Tampilan Halaman Utama dan Log in Member
Rancangan ini adalah tampilan halaman utama aplikasi yang dapat dilihat oleh pengunjung dan member, dapat dilihat pada gambar 3.13.
T1 Header Aplikasi
Form Log In Aplikasi Untuk Mengidentifikasi Penyakit Jenis Ikan Air Tawar
Beranda Tentang BRPBAT
Berita Cara konsultasi
Kontak Navigasi : Beranda
Footer Email :
Password : Buat akun lain Daftar
Log In Tampilan ini
adalah tampilan beranda
Berita Terbaru
Penyakit Pada Budidaya Ikan Air Tawar
Penanggulangan Penyakit Ikan
Gambar 3.13 Rancangan Tampilan Halaman Utama dan Log in Member
2. Rancangan Tampilan Halaman Utama dan Log in Member Berhasil
Rancangan ini adalah tampilan halaman utama aplikasi yang dapat dilihat oleh member yang telah berhasil log in, dapat dilihat pada gambar 3.14.
Kepadatan
T1A Header Aplikasi
Akun Saya Aplikasi Untuk Mengidentifikasi Penyakit Jenis Ikan Air Tawar
Beranda Tentang Kami
Berita Cara konsultasi
Hubungi Kami
Navigasi : Beranda
Bantuan :
Footer
Profile Ganti password
Konsultasi Log Out
Beranda Tentang BRPBAT
Berita Cara konsultasi
Kontak
Tampilan ini adalah tampilan
beranda Ketika sudah log
in member
Berita Terbaru
Penyakit Pada Budidaya Ikan Air Tawar
Penanggulangan Penyakit Ikan
Gambar 3.14 Rancangan Tampilan Halaman Utama dan Log in Member Berhasil
3. Rancangan Tampilan Halaman Pendaftaran
Rancangan ini adalah tampilan halaman pendaftaran aplikasi yang dapat dilihat oleh pengunjung yang ingin mendaftar menjadi member, dapat dilihat pada
gambar 3.15.
Gambar 3.15 Rancangan Tampilan Halaman Pendaftaran
4. Rancangan Tampilan Profil Member
Rancangan ini adalah tampilan halaman profil member aplikasi yang dapat dilihat oleh member, dapat dilihat pada gambar 3.16.
Gambar 3.16 Rancangan Tampilan Profil Member
T3 Header Aplikasi
Akun Saya Profil Saya
Beranda Tentang Kami
Berita Cara konsultasi
Hubungi Kami Navigasi : Beranda
Footer
Ganti password Konsultasi
Log Out
Beranda Tentang BRPBAT
Berita Cara konsultasi
Kontak Tampilan ini
adalah tampilan profil
Berita Terbaru
Penyakit Pada Budidaya Ikan Air Tawar
Penanggulangan Penyakit Ikan
Tampilan ini adalah tampilan
untuk daftar member
Beranda Tentang BRPBAT
Berita Cara konsultasi
Kontak T2
Header Aplikasi
Form Log In Form Pendaftaran
Beranda Tentang Kami
Berita Cara konsultasi
Hubungi Kami Navigasi : Beranda
Footer Email :
Password : Buat akun lain Daftar
Log In 1. Data Pribadi
Nama Lengkap : Alamat Lengkap :
2. Data AKun Alamat Email :
Password : Konfirm Password :
Tampilan ini adalah tampilan
pendaftaran
Berita Terbaru
Penyakit Pada Budidaya Ikan Air Tawar
Penanggulangan Penyakit Ikan
5. Rancangan Tampilan Ganti Password