3.3 Perancangan Diagram Alir Flowchart
Flowchart
merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antara proses beserta pernyataan. Gambaran ini dinyatakan dengan simbol. Dengan
demikian setiap simbol menggambarkan proses tertentu Zarlis Handrizal , 2007.
3.3.1 Flowchart Sistem
Flowchart
sistem menampilkan cara kerja sistem dari awal hingga selesai dapat dilihat seperti pada Gambar 3.6 :
Mulai Halaman
Home Tampilkan Menu
Pilihan Home, Diagnosa, Cara
Penggunaan, Login
Pilih 1. Home
Menampilkan halaman tentang
tanaman teh.
Pilih 2. Diagnosa
Menampilkan halaman diagnosa.
Pilih Penyakit
Hama Input Gejala
Proses Naïve Bayesian
Hasil Diagnosa
Solusi dan Pengendalian
Pilih 3. Cara
Penggunaan Menampilkan
halaman cara penggunaan
sistem pakar.
Selesai
Gambar 3.6
F lowchart
Sistem Pakar
Ya
Ya
Ya Tidak
Tidak
Tidak
3.3.2 Flowchart Proses Metode Naïve Bayesian
Flowchart
perhitungan Metode
Naïve Bayesian
dalam menentukan hasil diagnosa dapat dilihat seperti pada Gambar 3.7 :
Mulai
Proses Naïve Bayes
Hasil Diagnosa
Solusi dan Pengendalian
Selesai Input Gejala
Gambar 3.7
F lowchart
Proses
Naïve Bayesian
3.4 Perancangan Antarmuka Sistem
Antarmuka
interface
merupakan mekanisme yang digunakan oleh pengguna dan sistem pakar untuk berkomunikasi. Antar muka yang efektif dan ramah pengguna
user-friendly
sangat penting bagi pemakai yang tidak ahli dalam bidang yang diterapkan oleh sistem pakar. Hal ini akan membantu penulis untuk merancang sebuah
tampilan dari sistem yang sebenarnya dan untuk menjadi tampilan yang akan terlebih dahulu diakses setelah sistem tersebut selesai.
3.4.1 Halaman User
Halaman ini merupakan halaman yang akan muncul pertama kali saat program dijalankan dan halaman yang dapat digunakan oleh
user
. Halaman
user
ini merupakan halaman beranda yang dimana terdapat beberapa menu tab diatas tampilan sistem.
Halaman user dapat dilihat seperti berikut :
3.4.1.1 Halaman Beranda
Halaman ini adalah halaman yang akan ditampilkan pertama kali setelah program dijalankan. Halaman ini merupakan halaman beranda yang dimana terdapat beberapa
menu menuju halaman lainnya. Tampilan rancangan halaman beranda dapat dilihat pada gambar 3.8 berikut :
Gambar 3.8 Rancangan Halaman Beranda
Tabel 3.3 Keterangan Rancangan Tampilan Beranda NO
Jenis Objek Keterangan
1 Nama aplikasi
Judul aplikasi yang akan dirancang. 2
Menu
Tab
Berisi halaman
home
, diagnosa, cara penggunaan, dan login dari sistem.
2
Image
Gambar yang berada pada halaman
beranda.
3.4.1.2 Halaman Diagnosa
Halaman diagnosa ini adalah dimana
user
dapat menjawab pertanyaan-pertanyaan seputar gejala yang dialami oleh tanaman teh. Inputan yang diberikan user berupa
jawaban “ya” dan “tidak”, setelah user menjawab pertanyaan,
user
dapat menekan tombol lanjut untuk menuju pertanyaan selanjutnya. Rancangan halaman diagnosa
dapat dilihat seperti gambar 3.9 berikut :
Gambar 3.9 Rancangan Halaman Diagnosa
Tabel 3.4 Keterangan Rancangan Halaman Diagnosa NO
Jenis Objek Keterangan
1 Nama aplikasi
Judul aplikasi yang akan dirancang. 2
Menu
Tab
Berisi halaman
home
, diagnosa, cara penggunaan, dan login dari sistem.
4 Kolom Pertanyaan
Berisi pertanyaan yang akan
input
oleh
user
5 Tombol Jawaban
Tombol ini akan memilih jawaban
user
yang berisi probabilitas gejala jika dijawab “ya”.
6 Tombol Lanjut
Tombol ini akan melanjutkan pertanyaan ke pertanyaan selanjutnya jika
user
telah memilih tombol jawaban.
3.4.1.3 Halaman Cara Penggunaan
Halaman cara penggunaan merupakan halaman dimana user yang kurang mengerti menjalankan sistem ini, dapat membaca langkah-langkah menjalankan sistem ini.
Rancangan halaman cara penggunaan dapat dilihat seperti gambar 3.10 berikut:
Gambar 3.10 Rancangan Halaman Cara Penggunaan
Tabel 3.5 Keterangan Rancangan Halaman Cara Penggunaan NO
Jenis Objek Keterangan
1 Nama aplikasi
Judul aplikasi yang akan dirancang. 2
Menu
Tab
Berisi halaman
home
, diagnosa, cara penggunaan, dan login dari sistem.
3
Text View
Keterangan cara penggunaan sistem
3.4.1.4 Halaman Login
Halaman
login
adalah halaman dimana admin dapat masuk kedalam halaman admin dengan memasukkan nama dan
password
yang sesuai dengan database. Rancangan halaman
login
dapat dilihat seperti gambar 3.11 berikut:
Gambar 3.11 Rancangan Halaman Login
Tabel 3.6 Keterangan Rancangan Halaman Login NO
Jenis Objek Keterangan
1 Nama aplikasi
Judul aplikasi yang akan dirancang. 2
Menu
Tab
Berisi halaman
home
, diagnosa, cara penggunaan, dan login ke dalam sistem.
3 Kolom
username
Berisi tentang
username
admin yang terdaftar di database.
4 Kolom
password
Berisi tentang
password
admin yang diinputkan sesuai dengan database.
3.4.2 Halaman Admin
Halaman ini merupakan halaman yang hanya dapat dilihat oleh admin sistem. Halaman admin ini merupakan halaman dimana terdapat beberapa menu tab diatas
tampilan sistem. Halaman admin dapat dilihat seperti berikut :
3.4.2.1 Halaman Beranda
Halaman ini adalah halaman yang akan ditampilkan pertama kali setelah admin login kedalam halaman admin. Halaman ini merupakan halaman beranda yang dimana
terdapat beberapa
link
diatas tampilan sistem. Tampilan rancangan halaman beranda
dapat dilihat pada gambar 3.12 berikut:
Gambar 3.12 Rancangan Halaman Beranda Admin
Tabel 3.7 Keterangan Rancangan Halaman Beranda Admin NO
Jenis Objek Keterangan
1 Nama aplikasi
Judul aplikasi yang akan dirancang. 2
Menu
Tab
Berisi halaman
home
, penyakit hama, solusi,
logout.
2
Image
Gambar yang berada pada halaman beranda admin.
3.4.2.2 Halaman Data Penyakit dan Hama
Halaman input data merupakan halaman dimana admin dapat mengubah beberapa informasi mengenai penyakithama tanaman teh, seperti edit, hapus, dan tambah
gejala. Rancangan halaman input data dapat dilihat seperti gambar 3.13 berikut:
Gambar 3.13 Rancangan Halaman Data Penyakit dan Hama
Tabel 3.8 Keterangan Rancangan Halaman Data Penyakit Dan Hama NO
Jenis Objek Keterangan
1 Nama Aplikasi
Judul aplikasi yang akan dirancang. 2
Menu
Tab
Berisi halaman
home
, penyakit dan hama, solusi, dan
logout
. 3
Text
Berisi jenis penyakit dan hama yang terdapat dalam sistem.
4 Tombol Tambah Penyakit
Tombol proses untuk penambahan penyakit kedalam database.
3.4.2.3 Halaman Solusi
Halaman solusi merupakan halaman dimana admin dapat mengubah beberapa informasi mengenai solusi penyakit dan hama, seperti edit, hapus, dan tambah solusi
gejala. Rancangan halaman input data dapat dilihat seperti gambar 3.14 berikut:
Gambar 3.14 Rancangan Halaman Solusi
Tabel 3.9 Keterangan Rancangan Halaman Solusi NO
Jenis Objek Keterangan
1 Nama aplikasi
Judul aplikasi yang akan dirancang. 2
Menu
Tab
Berisi halaman
home
, input data, dan
logout
. 3
Text
Berisi solusi penyakit dan hama yang yang terdapat dalam sistem.
4 Tombol Tambah Solusi
Tombol proses untuk penambahan solusi kedalam database
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem