Perancangan Struktur Program Perancangan Antar Muka

AND mayyit meninggalkan ayah AND mayyit meninggalkan ibu AND mayyit sudah menikah AND mayyit meninggalkan suami AND mayyit meninggalkan keturunan AND mayyit meninggalkan anak perempuan AND mayyit meninggalkan cucu laki-laki THEN Solusi 22 Contoh kaidah basis aturan pada contoh kasus 23 : IF mayyit laki-laki AND mayyit sudah menikah AND mayyit meninggalkan istri AND mayyit meninggalkan saudara kandung AND mayyit meninggalkan saudari kandung THEN Solusi 23

3.3 Perancangan Struktur Program

Universitas Sumatera Utara Sistem Pakar untuk Pembagian Warisan Faraidh Login Admin Konsultasi View Artikel Input data pengguna Tampilkan pertanyaa n Input jawaban Alasan Data Pertanyaan Data Solusi Data Aturan Input data Edit data Hapus data Input data Edit data Hapus data Input data Edit data Hapus data Gambar 3.7 Perancangan Struktur Program

3.4 Perancangan Antar Muka

Perancangan antarmuka interface merupakan tampilan program aplikasi yang akan digunakan oleh pengguna user untuk dapat berkomunikasi dengan sistem pakar. Adapun yang dirancang pada pembahasan ini adalah rancangan menu utama sistem pakar. Untuk dapat memudahkan perancangan sistem pakar warisan, diperlukan perancangan struktur menu program terlebih dahulu. Perancangan struktur menu program dapat membantu dalam merancang bagian-bagian dari sistem yang sebenarnya dan untuk dapat mengetahui alur jalannya sistem pakar. .

3.4.1 Rancangan Halaman Utama

Universitas Sumatera Utara Halaman utama Home merupakan halaman yang pertama sekali muncul ketika sistem pakar diakses. Halaman utama ini terdiri dari menu Home, menu Konsultasi, menu, menu Tentang Waris, menu About, menu Petunjuk Penggunaan Sistem, dan menu Login. Rancangan halaman utama dapat dilihat pada gambar 3.8 di bawah ini. HEADER Home Konsultasi Tentang Waris About Login Menu Utama Konsultasi Tentang Waris Admin Login Help Petunjuk Penggunaan Sistem ISI FOOTER Gambar 3.8 Rancangan Halaman Utama

3.4.2 Rancangan Halaman Menu Konsultasi

Halaman menu Konsultasi merupakan halaman yang akan digunakan oleh pengguna untuk mengetahui pembagian harta warisan berdasarkan jawaban dari pertanyaan yang diajukan oleh sistem. Rancangan halaman menu Konsultasi dapat dilihat pada gambar 3.9. Universitas Sumatera Utara HEADER Home Konsultasi Tentang Waris About Login Menu Utama Konsultasi Tentang Waris Admin Login Help Petunjuk Penggunaan Sistem FOOTER Silahkan isi data diri Anda Nama : Jenis Kelamin : Umur Alamat : : Kirim Batal Gambar 3.9 Rancangan Halaman Menu Konsultasi Adapun rancangan di atas dipergunakan untuk mengisi data pengguna yang hendak mengakses sistem pakar warisan. Setelah proses pendaftaran selesai, dilanjutkan dengan tampilan halaman yang memuat pertanyaan-pertanyaan yang berasal dari basis pengetahuan, yang bertujuan untuk mengetahui siapa saja ahli waris yang berhak menerima bagian. Semua pertanyaan-pertanyaan yang ditampilkan, harus dijawab oleh pasien. Rancangan halaman pertanyaan konsultasi dapat dilihat pada gambar 3.10. Rancangan tampilan halaman hasil konsultasi pembagian warisan dapat dilihat pada Gambar 3.11. Pada halaman ini akan ditampilkan hasil konsultasi oleh pengguna berupa solusi pembagian warisan dalam bentuk persentase. Berikutnya adalah rancangan tampilan halaman penjelasan mengapa bisa diperoleh solusi dari hasil konsultasi oleh pengguna. Pada halaman ini, sistem menampilkan jawaban yang telah di-input-kan oleh pengguna pada saat sesi konsultasi. Rancangan halaman penjelasan dapat dilihat pada gambar 3.12. Universitas Sumatera Utara HEADER Home Konsultasi Tentang Waris About Login Menu Utama Konsultasi Tentang Waris Admin Login Help Petunjuk Penggunaan Sistem FOOTER Menu Konsultasi No Pertanyaan 1 Apakah mayyit laki-laki? Jawaban Ya Tidak Jawab Gambar 3.10 Rancangan Halaman Pertanyaan Konsultasi HEADER Home Konsultasi Tentang Waris About Login Menu Utama Konsultasi Tentang Waris Admin Login Help Petunjuk Penggunaan Sistem FOOTER Solusi [Bagian warisan untuk masing-masing ahli waris] Mengapa Gambar 3.11 Rancangan Halaman Hasil Konsultasi Universitas Sumatera Utara HEADER Home Konsultasi Tentang Waris About Login Menu Utama Konsultasi Tentang Waris Admin Login Help Petunjuk Penggunaan Sistem FOOTER Pertanyaan selama konsultasi : Pertanyaan 1 [Jawaban Anda] Pertanyaan ... [Jawaban Anda] Pertanyaan ... [Jawaban Anda] Solusi : [Data Pengguna] [Bagian warisan untuk masing-masing ahli waris] Info Pengguna : Gambar 3.12 Rancangan Halaman Penjelasan

3.4.3 Rancangan Halaman Menu Tentang Waris

Halaman menu Tentang Waris merupakan halaman yang menampilkan artikel mengenai pengenalan terhadap ilmu pembagian warisan islam faraidh. Rancangan halaman ini dapat kita lihat pada gambar 3.13.

3.4.4 Rancangan Halaman Menu About

Halaman menu About berisi tentang biodata dari perancang sistem pakar pembagian warisan. Rancangan halaman ini dapat kita lihat pada gambar 3.14.

3.4.5 Rancangan Halaman Menu Petunjuk Penggunaan Sistem

Halaman menu Petunjuk Penggunaan Sistem merupakan halaman yang akan menampilkan bagaimana cara menggunakan sistem pakar ini. Rancangan halaman ini dapat kita lihat pada gambar 3.15. Universitas Sumatera Utara HEADER Home Konsultasi Tentang Waris About Login Menu Utama Konsultasi Tentang Waris Admin Login Help Petunjuk Penggunaan Sistem FOOTER Sekilas Tentang Ilmu Pembagian Warisan faraidh [Judul artikel] [Judul artikel] 1. 2. Gambar 3.13 Rancangan Halaman menu Tentang Waris HEADER Home Konsultasi Tentang Waris About Login Menu Utama Konsultasi Tentang Waris Admin Login Help Petunjuk Penggunaan Sistem FOOTER Nama FOTO NIM Jurusan Fakultas Universitas E-mail Motto : : : : : : : Nama Mahasiswa NIM Mahasiswa Jurusan Mahasiswa Fakultas Mahasiswa Universitas Mahasiswa E-mail Mahasiswa Motto Mahasiswa Gambar 3.14 Rancangan Halaman menu About Universitas Sumatera Utara HEADER Home Konsultasi Tentang Waris About Login Menu Utama Konsultasi Tentang Waris Admin Login Help Petunjuk Penggunaan Sistem Isi Petunjuk Penggunaan Sistem FOOTER Gambar 3.15 Rancangan Halaman menu Petunjuk Penggunaan Sistem

3.4.6 Rancangan Halaman Menu Login

Halaman menu Login ini digunakan untuk dapat izin masuk ke dalam halaman administrator dengan meng-input-kan username dan password yang valid. Rancangan halaman ini dapat kita lihat pada gambar 3.16.

3.4.7 Rancangan Halaman Administrator

Halaman ini merupakan halaman khusus untuk administrator, dimana untuk dapat masuk ke halaman ini harus terlebih dahulu meng-input username dan password yang valid. Halaman administrator ini terdiri dari menu Home, menu Pertanyaan, menu Solusi, menu Aturan, dan menu Logout. Isi dari menu Home merupakan tampilan dari halaman administrator. Rancangan halaman administrator dapat dilihat pada gambar 3.17. Universitas Sumatera Utara HEADER Home Konsultasi Tentang Waris About Login Menu Utama Konsultasi Tentang Waris Admin Login Help Petunjuk Penggunaan Sistem FOOTER Silahkan input Username dan Password Username : Password : Login Gambar 3.16 Rancangan Halaman menu Login HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links ISI FOOTER Halaman Administrator Gambar 3.17 Rancangan Halaman Administrator

3.4.8 Rancangan Halaman menu Data Pertanyaan

Halaman menu Data Pertanyaan ini digunakan untuk melihat daftar pertanyaan, menambah data pertanyaan, meng-edit data pertanyaan, dan menghapus data pertanyaan. Rancangan halaman ini dapat kita lihat pada gambar 3.18. Universitas Sumatera Utara HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Daftar Pertanyaan No Pertanyaan 1 Apakah mayyit laki-laki? Tambah Tambah Edit Hapus Hapus . . Hapus . . Hapus . . Hapus Gambar 3.18 Rancangan Halaman menu Data Pertanyaan Rancangan halaman berikutnya adalah tampilan untuk menambah data pertanyaan baru. Halaman ini berfungsi untuk menambah pengetahuan sistem, apabila terdapat pengetahuan baru yang harus ditambahkan ke dalam sistem. Setelah administrator menekan tombol tambah, maka akan muncul halaman input data pertanyaan. Rancangan halaman menu input data pertanyaan dapat dilihat pada Gambar 3.19. HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Tambah Data Pertanyaan Tambah Property Value Pertanyaan [pertanyaan] ID_pertanyaan [id_pertanyaan] Gambar 3.19 Rancangan Halaman menu Input Data Pertanyaan Universitas Sumatera Utara Rancangan berikutnya adalah tampilan untuk meng-edit data pertanyaan. Setelah administrator menekan tombol edit pada halaman data pertanyaan, maka akan muncul halaman edit data pertanyaan. Rancangan halaman menu edit data pertanyaan dapat dilihat pada Gambar 3.20. HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Edit Data Pertanyaan Edit Pertanyaan Property Value ID Pertanyaan [id_pertanyaan] Pertanyaan [Pertanyaan] Gambar 3.20 Rancangan Halaman menu Edit Data Pertanyaan Rancangan berikutnya adalah tampilan untuk menghapus data pertanyaan. Setelah administrator menekan tombol hapus pada halaman data pertanyaan, maka akan muncul halaman hapus data pertanyaan. Rancangan halaman menu hapus data pertanyaan dapat dilihat pada Gambar 3.21.

3.4.9 Rancangan Halaman menu Data Solusi

Halaman menu Data Solusi ini digunakan untuk melihat daftar solusi, menambah data solusi, meng-edit data solusi, dan menghapus data solusi. Rancangan halaman ini dapat kita lihat pada gambar 3.22. Universitas Sumatera Utara HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Hapus Data Pertanyaan Hapus Pertanyaan Property Value ID Pertanyaan [id_pertanyaan] Pertanyaan [Pertanyaan] Gambar 3.21 Rancangan Halaman menu Hapus Data Pertanyaan HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Daftar Solusi No Solusi 1 [Solusi 1] Tambah Tambah Edit Hapus Hapus . . Hapus . . Hapus . . Hapus Gambar 3.22 Rancangan Halaman menu Data Solusi Berikutnya adalah rancangan tampilan untuk menambah data solusi baru. Halaman ini berfungsi untuk menambah pengetahuan sistem, apabila terdapat pengetahuan baru yang harus ditambahkan ke dalam sistem. Setelah administrator Universitas Sumatera Utara menekan tombol tambah, maka akan muncul halaman input data solusi. Rancangan halaman menu input data solusi dapat dilihat pada Gambar 3.23. HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Tambah Data Solusi Tambah Property Value ID Solusi [Id_solusi] Solusi [Solusi] Gambar 3.23 Rancangan Halaman menu Input Data Solusi Berikutnya adalah rancangan tampilan untuk meng-edit data solusi. Setelah administrator menekan tombol edit pada halaman data solusi, maka akan muncul halaman edit data solusi. Rancangan halaman menu edit data solusi dapat dilihat pada Gambar 3.24. Berikutnya adalah rancangan tampilan untuk menghapus data solusi. Setelah administrator menekan tombol hapus pada halaman data solusi, maka akan muncul halaman hapus data solusi. Rancangan halaman menu hapus data solusi dapat dilihat pada Gambar 3.25.

3.4.10 Rancangan Halaman menu Data Aturan

Halaman menu Data Aturan ini digunakan untuk melihat daftar aturan, menambah data aturan, meng-edit data aturan, dan menghapus data aturan. Rancangan halaman ini dapat kita lihat pada gambar 3.26. Universitas Sumatera Utara HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Edit Data Solusi Edit Solusi Property Value Solusi [solusi] Id Solusi [id_solusi] Gambar 3.24 Rancangan Halaman menu Edit Data Solusi HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Hapus Data Solusi Hapus Solusi Property Value Solusi [solusi] Id Solusi [id_solusi] Gambar 3.25 Rancangan Halaman menu Hapus Data Solusi Universitas Sumatera Utara HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Daftar Aturan No Id Aturan 1 [id_aturan] Tambah Tambah Edit Hapus Hapus . . Hapus . . Hapus . . Hapus Id Hasil [id_hasil] . . . Id Pertanyaan [id_pertanyaan] . . . Id Jawaban [id_jawaban] . . . Simbol Hasil [simbol_hasil] . . . Gambar 3.26 Rancangan Halaman menu Data Aturan Berikutnya adalah rancangan tampilan untuk menambah data aturan baru. Halaman ini berfungsi untuk menambah pengetahuan sistem, apabila terdapat pengetahuan baru yang harus ditambahkan ke dalam sistem. Setelah administrator menekan tombol tambah, maka akan muncul halaman input data aturan. Rancangan halaman menu input data aturan dapat dilihat pada Gambar 3.27. HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Property Hasil Konsultasi Id Pertanyaan Tabel Solusi Id Jawaban Simbol Hasil Id Hasil Ya p Tambah Gambar 3.27 Rancangan Halaman menu input Data Aturan Universitas Sumatera Utara Berikutnya adalah rancangan tampilan untuk meng-edit data aturan. Setelah administrator menekan tombol edit pada halaman data aturan, maka akan muncul halaman edit data aturan. Rancangan halaman menu edit data aturan dapat dilihat pada Gambar 3.28. Rancangan halaman menu hapus data aturan dapat dilihat pada Gambar 3.29. Setelah administrator menekan tombol hapus pada halaman data aturan, maka akan muncul halaman hapus data aturan. HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Property Hasil Konsultasi Id Pertanyaan Edit data Aturan Id Jawaban Simbol Hasil Id Hasil Ya p Edit Gambar 3.28 Rancangan Halaman menu Edit Data Aturan Universitas Sumatera Utara HEADER Home Pertanyaan Solusi Aturan Logout Menu Utama Data Pertanyaan Data Solusi Data Aturan Admin Logout Links FOOTER Property Hasil Konsultasi Id Pertanyaan Hapus data Aturan Id Jawaban Simbol Hasil Id Hasil Ya p Hapus Gambar 3.29 Rancangan Halaman menu Hapus Data Aturan Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dijelaskan tentang implementasi dan pengujian dari aplikasi yang telah dirancang sebelumnya pada bab 3. Implementasi dilakukan untuk membangun