Perancangan Menu Perancangan Antarmuka

62 Setelah melakukan proses login dengan memasukkan username dan password , pakar akan masuk ke halaman index pakar. Perancangan antarmuka halaman index pakar ditunjukkan oleh Gambar 22. e. Antarmuka Halaman Index Admin Antarmuka halaman index admin akan tampil setelah admin melakukan proses login dengan memasukkan username dan password. Pada halaman ini terdapat beberapa menu untuk admin mengelola sistem. Perancangan antarmyka index admin disajikan pada Gambar 23. Gambar 23. Perancangan Antarmuka Halaman Index Admin f. Antarmuka Masukan Penyakit Antarmuka masukan penyakit berisi formulir isian kode penyakit, nama penyakit, keterangan, dan penanganan. Antarmuka ini terdapat pada halaman admin dan pakar. Pada halaman pakar, pakar dapat memasukkan data penyakit akan tetapi masih sebagai usulan. Rancangan antarmuka halaman masukan penyakit ditunjukkan oleh Gambar 24. 63 Gambar 24. Perancangan Antarmuka Masukan Penyakit g. Antarmuka Masukan Gejala Perancangan antarmuka masukan gejala Gambar 25 berisi formulir isian kode gejala dan nama gejala. Antarmuka ini terdapat pada halaman admin maupun pakar. Data gejala yang dimasukkan pakar masih sebagai usulan. Gambar 25. Perancangan Antarmuka Masukan Gejala h. Antarmuka Masukan Relasi Gambar 26. Perancangan Antarmuka Masukan Relasi Perancangan antarmuka masukan relasi Gambar 26 berisi formulir isian berupa kode penyakit dan kode gejala yang terdapat pada halaman admin dan 64 pakar. Data relasi yang dimasukkan oleh pakar masih sebagai usulan yang akan dikonfirmasi terlebih dahulu oleh admin. i. Antarmuka Kelola Usulan Penyakit, Gejala, Relasi Gambar 27. Perancangan Antarmuka Kelola Usulan Setelah pakar memasukkan usulannya, data disimpan dalam database dan akan ditampilkan pada halaman admin seperti tampilan di atas. Rancangan antarmuka usulan Gambar 27 terdapat dalam menu kelola penyakit, kelola gejala, dan kelola relasi. j. Antarmuka Tambah User Perancangan antarmuka tambah user ditampilkan oleh Gambar 28. Antarmuka tambah user dikelola oleh admin, berisi formulir masukan data user baru yang akan ditambahkan berupa username, password, nomor identitas, nama, alamat rumah, tempat praktik, telepon, jabatan, dan foto. 65 Gambar 28. Perancangan Antarmuka Tambah User k. Antarmuka Kelola Data Akun Rancangan antarmuka kelola data akun dapat dilihat pada Gambar 29. Antarmuka kelola data akun berisi formulir data akun admin untuk diubah. Pada halaman pakar juga tersedia antarmuka halaman kelola data akun pakar. Gambar 29. Perancangan Antarmuka Kelola Data Akun

C. Implemetasi

Sistem pakar diagnosis penyakit pernapasan pada balita dibuat dengan menggunakan bahasa pemrograman PHP dan basis data MySQL. Berdasarkan rancangan antarmuka yang telah ada, dibuatlah implementasi antarmuka sistem pakar tersebut. Implementasinya sebagai berikut. 66

1. Antarmuka Halaman Index

Gambar 30. Antarmuka Halaman Index Tampilan antarmuka yang pertama kali muncul saat program dijalankan adalah tampilan index Gambar 30. Pada halaman index terdapat menu Home index.php, Tentang Sistem tentang.php, Daftar Dokter daftar_dokter.php, Konsultasi konsultasi.php, Buku Tamu tamu.php, serta terdapat juga fasilitas login bagi admin dan pakar.

2. Antarmuka Konsultasi

Antarmuka halaman konsultasi muncul ketika pengguna umum melakukan konsultasidiagnosis penyakit pernapasan balita. Tampilan antarmuka konsultasi disajikan pada Gambar 31. 67 Gambar 31. Antarmuka Konsultasi Ketika konsultasi, pengguna umum memastikan terlebih dahulu apakah gejala-gejala yang dialami balita ada pada daftar gejala yang ditampilkan sistem kemudian memilih jawaban yang sesuai. Contoh konsultasi: Gambar 32. Contoh Konsultasi 1 Gejala batuk dijawab ya Jika gejala batuk dijawab benarya maka akan ditampilkan pilihan untuk gejala berikutnya, yaitu pilek. 68 Gambar 33. Contoh Konsultasi 2 Gejala Pilek dijawab ya Jika gejala pilek dijawab salahtidak maka akan ditampilkan pilihan gejala berikutnya, yaitu pusingnyeri kepalakepala terasa berat. Gambar 34. Contoh Kolsultasi 3 Gejala Bersin-bersin dijawab tidak Jika gejala bersin-bersin dijawab tidak maka akan ditampilkan gejala lain dari penyakit yang gejalanya tidak berhubungan dengan bersin-bersin. Gambar 35 . Contoh Konsultasi 4 Gejala Sesak napas dijawab ya

3. Antarmuka Hasil Konsultasi Diagnosis

Jika sistem telah memperoleh jenis penyakit maka akan disajikan hasil diagnosis Gambar 36, berupa penyakit dugaan menderita, gejala, keterangan, dan saran yang dapat dilakukan oleh orang tua. 69 Gambar 36. Antarmuka Hasil Konsultasi

4. Antarmuka Halaman Index Pakar

Antarmuka halaman index pakar tampil setelah pakar berhasil melakukan proses login. Pada halaman ini terdapat menu Kelola Penyakit Penyakit.php, Kelola Gejala Gejala.php, Kelola Relasi Relasi.php, Kelola Berita Berita2.php, Kelola Data Akun Akun.php, dan Logout