BAB IV HASIL DAN PEMBAHASAN
4.3 Implementasi Interface
4.3.2 Halaman Administrator
Halaman administrator merupakan halaman yang digunakan untuk menambah data, mengubah, dan menghapus data. Untuk mengakses halaman ini perlu login terlebih dahulu. Desain halaman login seperti pada gambar 4.14.
Gambar 4.14 Desain Tampilan Halaman Login
Kode program untuk proses login sebagai berikut:
Pada halaman administrator terdapat beberapa menu halaman, yaitu halaman tanaman, halaman bagian tanaman, halaman khasiat, halaman kandungan kimia,
include "koneksi.php";
$username = $_POST[username]; $password = $_POST[password];
$perintah = "select username, password from user where username='$username' and password='$password'"; $jalankan = mysql_query($perintah); $cek=mysql_num_rows($jalankan); if($cek>=1){ session_start(); $_SESSION[cek_login]=1; $_SESSION[username]=$username; header("location:tanaman.php"); } else
echo "<br><br><br><center><h2>User dan sandi salah</h2> <a href=login.php>Ulangi</a>
67
halaman cara pemakaian, halaman penelitian, halaman user, dan menu keluar untuk keluar dari halaman administrator.
a. Halaman Tanaman
Pada tampilan halaman depan administrator terdiri dari kolom No, Nama Indonesia, nama Daerah, Nama Asing, dan kolom pilihan. Kolom pilihan terdiri dari icon ubah yang berfungsi untuk menghubungkan ke halaman perubahan data tanaman, dan icon hapus berfungsi untuk menghapus data. Dibawah icon ubah dan hapus terdapat link lihat detail. Link tersebut menghubungkan pada halaman detail tanaman, yang terdiri dari gambar tanaman, nama tanaman, nama latin, nama suku, nama sinonim, nama daerah, nama asing, nama simplisia, deskripsi tanaman, dan catatan. Desain halaman tanaman seperti pada gambar 4.15.
Gambar 4.15 Desain Tampilan Halaman Tanaman
Dalam penambahan data tanaman dapat dilakukan dengan klik link “Tambah Data” yang berada pada kiri atas tabel. Link tersebut menghubungkan pada halaman penambahan data. Ketika link tersebut di klik, maka akan menghubungkan ke halaman penambahan data yang berisi label spesifikasi
tanaman dan text field untuk memasukkan informasi tentang suatu tanaman. Desain halaman tambah tanaman seperti pada gambar 4.16.
Gambar 4.16 Desain Tampilan Halaman Tanaman
Form penambahan data berisi nama Indonesia, nama latin, suku, sinonim, nama
daerah, nama asing, nama simplisia, deskripsi tanaman, catatan, dan upload gambar tanaman. Setelah semua keterangan diisi maka data dapat disimpan dengan menekan tombol “Simpan” pada bagian bawah halaman tersebut. Jika ingin membatalkan proses penambahan data tanaman maka dapat menekan tombol “Reset” maka data tidak akan tersimpan dan akan kembali ke halaman menu tanaman kembali.
b. Halaman Bagian Tanaman
Tanaman memiliki bagian-bagian tanaman. Bagian tanaman tersebut menunjukkan bagian dari suatu tanaman yang digunakan untuk pengobatan. Desain halaman bagian tanaman seperti pada gambar 4.17.
69
Gambar 4.17 Desain Tampilan Halaman Bagian Tanaman
Pada halaman bagian tanaman terdapat kolom no, bagian tanaman, dan pilihan. Pada pilihan terdapat icon ubah dan hapus. Penambahan data pada halaman bagian tanaman ini terdapat pada link kiri atas, jika link tersebut di tekan maka muncul halaman tambah data bagian tanaman. Desain halaman tambah data bagian tanaman seperti pada gambar 4.18.
Gambar 4.18 Desain Tampilan Halaman Tambah Data Bagian Tanaman
Form penambahan data berisi nama bagian tanaman. Setelah field tersebut diisi, kemudian klik tombol “Simpan” maka data akan tersimpan. Jika ingin membatalkan proses penambahan data, klik tombol “Reset” maka data tidak akan tersimpan dan akan kembali ke halaman menu bagian tanaman kembali.
c. Halaman Khasiat
Pada halaman khasiat terdapat kolom no, nama penyakit, dan pilihan. Pada pilihan terdapat icon ubah yang menghubungkan pada halaman pengubahan data dan icon
hapus yang berfungsi untuk menghapus data. Desain halaman khasiat seperti pada gambar 4.19.
Gambar 4.19 Tampilan Halaman Khasiat
Penambahan data pada halaman khasiat ini terdapat pada link kiri atas, jika link tersebut di tekan maka akan muncul halaman tambah data khasiat. Desain halaman tambah data khasiat seperti pada gambar 4.20.
Gambar 4.20 Desain Tampilan Halaman Tambah Data Khasiat
d. Halaman Kandungan Kimia
Pada halaman kandungan kimia terdapat kolom no, nama tanaman bagian tanaman, kandungan kimia, dan pilihan. Pada pilihan terdapat icon ubah yang menghubungkan pada halaman pengubahan data dan icon hapus yang berfungsi untuk menghapus data. Desain halaman kandungan kimia seperti pada gambar 4.21.
71
Gambar 4.21 Tampilan Halaman Kandungan Kimia
Penambahan data pada halaman kandungan kimia ini terdapat pada link kiri atas, jika link tersebut di tekan maka akan muncul halaman tambah data. Desain halaman tambah data kandungan kimia seperti pada gambar 4.22.
Gambar 4.22 Tampilan Halaman Tambah Data Kandungan Kimia
e. Halaman Cara Pemakaian
Pada halaman cara pemakaian terdapat kolom no, nama tanaman, bagian tanaman, khasiat, cara pemakaian, dan pilihan. Pada pilihan terdapat icon ubah yang
menghubungkan pada halaman pengubahan data dan icon hapus yang berfungsi untuk menghapus data. Desain halaman cara pemakaian seperti pada gambar 4.23.
Gambar 4.23 Tampilan Halaman Cara Pemakaian
Penambahan data pada halaman cara pemakaian ini terdapat pada link kiri atas, jika link tersebut di tekan maka akan muncul halaman penambahan data cara pemakaian. Desain halaman tambah data cara pemakaian seperti pada gambar 4.24.
73
Gambar 4.24 Tampilan Halaman Tambah Data Cara Pemakaian
f. Halaman Penelitian
Pada halaman penelitian terdapat kolom no, nama tanaman, peneliti, tempat, tahun, hasil, dan pilihan. Pada pilihan terdapat icon ubah yang menghubungkan pada halaman pengubahan data dan icon hapus yang berfungsi untuk menghapus data. Desain halaman penelitian seperti pada gambar 4.25.
Penambahan data pada halaman penelitian ini terdapat pada link kiri atas, jika link tersebut di tekan maka akan muncul tampilan tambah data penelitian. Desain halaman tambah data penelitian seperti pada gambar 4.26.
Gambar 4.26 Tampilan Halaman Tambah Data Penelitian
g. Halaman User
Pada halaman user terdapat kolom no, username, password, dan pilihan. Pada pilihan terdapat icon ubah yang menghubungkan pada halaman pengubahan data dan icon hapus yang berfungsi untuk menghapus data. Desain halaman user seperti pada gambar 4.27.
Gambar 4.27 Tampilan Halaman User
Penambahan data pada halaman user ini terdapat pada link kiri atas, jika link tersebut di tekan maka akan muncul tampilan tambah data user. Desain halaman tambah data user seperti pada gambar 4.28.
75
Gambar 4.28 Tampilan Halaman Tambah Data User