Perancangan Diagram Alir Flowchart Perancangan Antarmuka Sistem

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