120 4.1. Perancangan Prosedur
4.1.1. Use Case Diagram
Dalam perancangan sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik berbasis web ini terdapat sebuah use case utama yang diberi nama Home dan memiliki satu menu yaitu konsultasi. Dalam menu konsultasi terdapat tiga sub menu yaitu tanaman rempah, tanaman obat dan tanaman aromatik. Sedangkan dalam sub menu tanaman rempah terdapat menu lada. Dalam sub menu tanaman obat terdapat menu jahe dan dalam sub menu tanaman aromatik terdapat menu nilam.
Gambar 4.1. Use Case Diagram
1. Home
Pada menu ini pengguna dapat melihat halaman depan dari sistem yang berisi tentang ringkasan penjelasan sistem.
2. Menu Konsultasi
login dengan mengisi data diri pada kolom yang disediakan sistem, maka sistem akan menampilkan pilihan kategori tanaman. Yaitu tanaman rempah, tanaman obat dan tanaman aromatik. Kemudian dilanjutkan dengan pilihan komoditas tanaman dari tanaman yang dipilih. Ketika user memilih menu tanaman rempah, maka sistem akan menampilkan pilihan komoditas lada. Sedangkan ketika dipilih tanaman obat, sistem akan menampilkan pilihan komoditas jahe dan ketika user memilih tanaman aromatik, sistem akan menampilkan pilian komoditas nilam. Selanjutnya di ikuti dengan pertanyaan seputar indikasi / gejala serangan dan pada pertanyaan terakhir, sistem akan menampilkan hasil diagnosa penyakit beserta menu dampak negatif, penanganan serta pencegahan terhadap serangan.
4.1.2. Use Case Description
Pada tabel 4.2. merupakan gambaran description dari masing-masing tahapan proses sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik berbasis web.
Tabel 4.1. Menu Konsultasi
Use Case Name Melihat menu konsultasi
Scenario user memilih menu konsultasi, dan melihat sub menu
konsultasi
Triggering Event Klik
Brief Description User memilih salah satu sub menu konsultasi
Actors User
Related Use Case melihat tampilan menu home
Stakeholders User
Preconditions user melihat tampilan menu home
Postconditions melihat menu konsultasi
Flow of Activities Actor System
2. Klik Registrasi 3. Klik tombol login 4. Klik sub menu tanaman
rempah
5. Klik sub menu tanaman obat
6. Klik sub menu tanaman aromatik 11.Klik menu dampak
negatif
12.Klik menu penanganan 13.Klik menu pencegahan
feedback dengan menampilkan halaman login user
2. Sistem memberikan feedback dengan menampilkan halaman registrasi
3. Sistem memberikan feedback dengan menampilkan sub menu pilihan tanaman, yaitu tanaman rempah, tanaman obat dan tanaman aromatik. 4. Sistem memberikan
feedback dengan menampilkan sub menu pilihan komoditas, yaitu komoditas lada 5. Sistem memberikan
feedback dengan menampilkan sub menu pilihan komoditas, yaitu komoditas jahe 6. Sistem memberikan
feedback dengan menampilkan sub menu pilihan komoditas, yaitu komoditas nilam 7. Sistem memberikan
feedback dengan menampilkan
pertanyaan seputar indikasi / gejala serangan yang muncul pada tanaman lada 8. Sistem memberikan
feedback dengan menampilkan
indikasi / gejala serangan yang muncul pada tanaman jahe 9. Sistem memberikan
feedback dengan menampilkan
pertanyaan seputar indikasi / gejala serangan yang muncul pada tanaman nilam 10. Sistem memberikan
feedback dengan menampilkan hasil diagnosa penyakit beserta penjelasan penyakit
11. Sistem memberikan feedback dengan menampilkan informasi seputar dampak negatif dari serangan terhadap tanaman
12. Sistem memberikan feedback dengan menampilkan informasi seputar penanganan terhadap serangan penyakit
4.1.3. Class Diagram
Merupakan kumpulan kelas-kelas objek dan menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Gambar 4.3. merupakan class diagram dari sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik berbasis web.
Gambar 4.2. Class Diagram Menampilkan Halaman Utama Dan Konsultasi 4.1.4. Activity Diagram
Activity diagram merupakan gambaran aliran aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, tampilan yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses pararel yang mungkin terjadi pada beberapa eksekusi.
Dibawah ini merupakan gambaran activity diagram sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik berbasis web.
Activity diagram menampilkan halaman konsultasi
User System
Klik menu konsultasi
Halaman Utama
Mengisi email dan password Ya
Tidak
Gambar 4.3. Activity Diagram Menampilkan Halaman Utama Dan Konsultasi 4.1.5. Sequence Diagram
Sequence diagram menggambarkan urutan interaksi diantara objek pada use case. Sequence diagram digunakan untuk menunjukkan urutan pesan yang terkirim dan diterima oleh suatu objek dan menekankan pada waktu pengiriman pesan selama kegiatan berlangsung.
Pada gambar 4.4. dijelaskan bahwa pada saat user membuka sistem, maka user akan dihadapakan pada halaman utama dari sistem, yang kemudian terdapat menu konsultasi. ketika user memilih menu konsultasi, maka sistem akan menampilkan halaman pilihan tanaman. Lalu sistem akan menampilkan pilihan komoditas berdasarkan tanaman yang dipilih. Setelah itu akan muncul pertanyaan seputar indikasi / gejala penyakit yang timbul. Pada pertanyaan terakhir, user akan mendapatkan hasil diagnosa penyakit dari jawaban-jawaban yang diberikan user. Hasil yang didapatkan berupa penjelasan mengenai penyakit beserta dampak negatif terhadap tanaman, penanganan serta pencegahan terhadap penyakit.
Klik menu Pencegahan Menampilkan Informasi Pencegahan
Mendapatkan inforamsi seputar penyakit berdasarkan hasil
Gambar 4.4. Sequence Diagram Menampilkan Halaman Utama Dan Konsultasi
4.2. Perancangan Basis Data 4.2.1. Skema Relasi
4.2.2. Struktur Tabel
Tabel-tabel yang terdapat dalam basis data dalam sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik adalah sebagai berikut:
1. Tabel spo_admin
Tabel 4.2. Tabel spo_admin
Field Type Null
Tabel 4.3. Tabel spo_gejala
Field Type Null
kode_gejala Varchar (10) Not Null Kode_penyakit Varchar (11) Not Null nama_gejala Varchar (100) Not Null
3. Tabel spo_info_penyakit
Tabel 4.4. Tabel spo_info_penyakit
Field Type Null
Kode_info int (10) Not Null
Kode_penyakit Varchar (10) Not Null
Dampak Text Not Null
Penanganan Text Not Null
Pencegahan Text Not Null
4. Tabel spo_kat_tanaman
Tabel 4.5. Tabel spo_kat_tanaman
Field Type Null
Kode_kategori Varchar (10) Not Null
5. Tabel spo_penyakit
Tabel 4.6. Tabel spo_penyakit
Field Type Null
Kode_penyakit Varchar (10) Not Null Kode_tanaman Varchar (10) Not Null Nama_tanaman Varchar (255) Not Null 6. Tabel spo_pertanyaan
Tabel 4.7. Tabel spo_pertanyaan
Field Type Null
Kode_pertanyaan Int (10) Not Null
Kode_penyakit Varchar (10) Not Null
Pertanyaan Text Not Null
7. Tabel spo_tanaman
Tabel 4.8. Tabel spo_tanaman
Field Type Null
Kode_tanaman Varchar (10) Not Null Kode_kategori Varchar (10) Not Null Nama_tanaman Varchar (255) Not Null
8. Tabel spo_tmp_analisa
Tabel 4.9. Tabel spo_tmp_analisa
Field Type Null
Id_analisa Int(1) Not Null
Kode_penyakit Varchar(10) Not Null
Kode_gejala Varchar(10) Not Null
Status Enum (‘Y’,’N’) Not Null
9. Tabel spo_header
Tabel 4.10. Tabel spo_header
Field Type Null
Id_header Int (1) Not Null
10. Tabel spo_login_user
Tabel 4.11. Tabel spo_login_user
Field Type Null
Id_user Int (11) Not Null
Nama Varchar (100) Not Null
Email Varchar (100) Not Null
Password Varchar (100) Not Null
Alamat Text Not Null
4.3. Perancangan Antarmuka
Perancangan antar muka bertujuan untuk memberikan gambaran desain atau rancangan kasar dari tampilan aplikasi yang akan dibangun dari awal sampai akhir dan akan mempermudah dalam tahapan implementasi sistem. Perancangan antar muka dari sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik ini adalah sebagai berikut :
1. Desain Antar Muka Halaman Utama / Home
Halaman utama dari sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik ini berisi tentang web description dan menu konsultasi. adapun rancangan antar mukanya adalah sebagai berikut:
2. Desain Antar Muka Login User
Halaman ini berfungsi untuk login user ketika akan melakukan konsultasi. Dalam halaman ini user mengisikan data pribadi user untuk kemudian disimpan oleh sistem dalam database.
Gambar 4.7. Login User 3. Desain Antar Muka Registrasi
Gambar 4.8. Registrasi User 4. Desain Antar Muka Pilihan Tanaman
Ketika user akan melakukan konsultasi, maka user harus memilih salah satu tanaman yang ada di sektor perkebunan mereka. Dalam sistem ini disediakan tiga pilihan tanaman yaitu tanaman rempah, tanaman obat dan tanaman aromatik.
Gambar 4.9. Pilihan Tanaman 5. Desain Antar Muka Pilihan Komoditas Tanaman
sistem ini menyediakan hanya tiga pilihan komoditas, yaitu : ketika user memilih tanaman rempah, maka komoditas yang ada dalam sistem ini adalah komoditas lada, sedangkan ketika user memilih tanaman obat, maka sistem akan menampilkan pilihan komoditas jahe. Dan ketika user memilih tanaman aromatik, maka sistem akan menampilkan pilihan yaitu komoditas nilam.
Gambar 4.10. Pilihan Komoditas Tanaman 6. Desain Antar Muka Pertanyaan Seputar Indikasi / Gejala
Gambar 4.11. Pertanyaan Seputar Indikasi / Gejala 7. Desain Antar Muka Hasil Diagnosa
Halaman ini menampilkan hasil diagnosa penyakit berdasarkan jawaban user atas pertanyaan yang diberikan sistem dengan menggunakan metode forward chaining atau metode runut maju dan sistem skorsing beserta penjelasan dari penyakit yang didiagnosa sistem.
Gambar 4.12. Hasil Diagnosa Penyakit 8. Desain Antar Muka Dampak Negatif
Gambar 4.13. Dampak Negatif Terhadap Tanaman 9. Desain Antar Muka Penanganan
Pada halaman ini, sistem menampilkan informasi mengenai penanganan terhadap serangan penyakit yang timbul (berdasarkan hasil diagnosa sistem).
Gambar 4.14. Penanganan Penyakit 10. Desain Antar Muka Pencegahan
Gambar 4.15. Pencegahan Penyakit 11. Desain Antar Muka Login Admin
Halaman login admin merupakan halaman yang diguanakan oleh admin untuk ke dalam sistem. Dalam halaman ini, admin mengisikan email dan password yang hanya dimiliki oleh admin itu sendiri, sehingga seorang admin dapat menambah, merubah atau menghapus data yang ada dalam sistem pakar hama dan penyakit tanaman rempah ini.
12. Desain Antar Muka Home Page Admin
Home Page admin merupakan halaman utama admin setelah admin login ke dalam sistem dengan mengisi email dan password.
Gambar 4.17. Desain Antar Muka Home Page Admin 13. Desain Antar Muka Data Master Penyakit
Halaman data master penyakit merupakan halaman tempat menyimpan data penyakit yang ada dalam sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik.
Gambar 4.18. Desain Antar Muka Data Master Penyakit 14. Desain Antar Muka Tambah Penyakit
Gambar 4.19. Desain Antar Muka Tambah Penyakit 15. Desain Antar Muka Master Komoditas Tanaman
Halaman data master komoditas merupakan halaman untuk menyimpan data komoditas tanaman yang ada dalam sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik. Dalam sistem ini hanya ada tiga komoditas tanaman, yaitu komoditas lada, komoditas jahe, dan komoditas nilam.
Gambar 4.20. Desain Antar Muka Data Master Komoditas 16. Desain Antar Muka Tambah Komoditas Tanaman
Gambar 4.21. Desain Antar Muka Tambah Komoditas Tanaman 17. Desain Antar Muka Master Kategori Tanaman
Halaman data master kategori merupakan halaman untuk menyimpan data kategori tanaman yang ada dalam sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik. Dalam sistem ini hanya ada tiga kategori yaitu kategori tanaman rempah, tanaman obat, dan tanaman aromatik.
Gambar 4.22. Desain Antar Muka Data Master Kategori 18. Desain Antar Muka Tambah Kategori Tanaman
Gambar 4.23. Desain Antar Muka Tambah Kategori 19. Desain Antar Muka Master Gejala
Halaman data master gejala merupakan halaman untuk menyimpan data gejala penyakit tanaman yang ada dalam sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik.
Gambar 4.24. Desain Antar Muka Data Master Gejala 20. Desain Antar Muka Tambah Gejala
Gambar 4.25. Desain Antar Muka Tambah Gejala 21. Desain Antar Muka Header
Halaman desain antar muka header merupakan halaman yang digunakan untuk mengganti header sistem pakar hama dan penyakit tanaman rempah, obat dan aromatik dalam bentuk image, sehingga admin hanya perlu untuk klik tombol browse dan mencari letak image yang akan dijadikan header.