3.5 Perancangan Antarmuka Sistem
Antarmuka interface merupakan bagian dari sistem pakar yang digunakan sebagai alat komunikasi antara sistem dan user. Untuk lebih memudahkan pembuatan suatu
sistem, perlu dilakukan terlebih dahulu perancangan struktur menu program dari sistem yang akan dibangun, hal ini akan membantu kita dalam merancang bagian-
bagian dari sistem yang sebenarnya dan untuk mengetahui bagian mana yang terlebih dahulu nantinya yang akan diakses setelah program tersebut selesai.
3.5.1 Halaman Beranda
Halaman ini merupakan halaman yang akan muncul pertama kali saat program dijalankan. Halaman utama ini merupakan halaman beranda yang dimana terdapat
beberapa menu diatas tampilan sistem dan tombol yang berisi definisi tentang kepribadian koleris, sanguinis, melankolis, dan plegmatis. Tampilan rancangan
halaman beranda dapat dilihat pada Gambar 3.8.
Home Tentang Petunjuk Pertanyaan
Analisa Tipe Kepribadian
1
Koleris
Plegmatis Melankolis
Sanguinis
2 3
4 5
6
Gambar 3.8 Rancangan Halaman Beranda
Universitas Sumatera Utara
Tabel 3.5 Keterangan Rancangan Tampilan Beranda NO.
Jenis Objek Keterangan
1. Menu
Berisi halaman beranda, tentang aplikasi, petunjuk penggunaan, dan pertanyaan dari sistem.
2. Text View
Judul aplikasi sistem pakar. 3.
Tombol Koleris Tombol yang berisi definisi tentang kepribadian koleris.
4. Tombol Sanguinis
Tombol yang berisi definisi tentang kepribadian sanguinis. 5.
Tombol Melankolis Tombol yang berisi definisi tentang kepribadian melankolis.
6. Tombol Plegmatis
Tombol yang berisi definisi tentang kepribadian plegmatis.
3.5.2 Halaman Tentang Aplikasi
Halaman ini berisi halaman tentang aplikasi sistem pakar analisa tipe kepribadian. Rancangan halaman tentang aplikasi dapat dilihat pada Gambar 3.9.
Home Tentang Petunjuk Pertanyaan
Tentang Aplikasi Sistem Pakar
1
2
3
Gambar 3.9 Rancangan Halaman Tentang Aplikasi
Universitas Sumatera Utara
Tabel 3.6 Keterangan Rancangan Tampilan Tentang Aplikasi NO.
Jenis Objek Keterangan
1. Menu
Berisi halaman beranda, tentang aplikasi, petunjuk penggunaan, dan pertanyaan dari sistem.
2. Text View
Judul halaman tentang aplikasi. 3.
Edit Text Keterangan pada halaman tentang aplikasi.
3.5.3 Halaman Petunjuk Penggunaan
Halaman ini merupakan halaman petunjuk penggunaan tentang aplikasi sistem pakar analisa tipe kepribadian. Rancangan halaman petunjuk penggunaan dapat dilihat pada
Gambar 3.10.
Home Tentang Petunjuk Pertanyaan
Petunjuk Penggunaan
1
2
3
Gambar 3.10 Rancangan Halaman Petunjuk Penggunaan Tabel 3.7 Keterangan Rancangan Tampilan Petunjuk Penggunaan
NO. Jenis Objek
Keterangan
1. Menu
Berisi halaman beranda, tentang aplikasi, petunjuk penggunaan, dan pertanyaan dari sistem.
2. Text View
Judul halaman petunjuk penggunaan. 3.
Edit Teks Keterangan pada halaman petunjuk penggunaan.
Universitas Sumatera Utara
3.5.4 Halaman Pertanyaan
Halaman pertanyaan ini adalah halaman dimana user menginput ciri-ciri kepribadian dari sifatnya dan kemudian mengklik tombol gambar proses untuk mendapatkan hasil
tipe kepribadian. Rancangan halaman pertanyaan dapat dilihat pada Gambar 3.11.
Home Tentang Petunjuk Pertanyaan
Ciri Kepribadian
Pertanyaan
Tombol Proses
1
2
3
4
Gambar 3.11 Rancangan Halaman Pertanyaan Tabel 3.8 Keterangan Rancangan Tampilan Pertanyaan
NO. Jenis Objek
Keterangan
1. Menu
Berisi halaman
beranda, tentang
aplikasi, petunjuk penggunaan, dan pertanyaan dari sistem.
2. Text View
Judul halaman pertanyaan. 3.
CheckBox Berisi pertanyaan yang akan diinput user
4. Tombol Proses
Tombol ini akan melakukan proses perhitungan menggunakan metode case based reasoning dan
perhitungan normalisasi kemudian menghasilkan nilai tipe kepribadian dari pertanyaan yang telah
diinput oleh user.
Universitas Sumatera Utara
3.5.5 Halaman Hasil Tipe Kepribadian
Halaman hasil tipe kepribadian ini adalah halaman hasil perhitungan dari metode case based reasoning dari pertanyaan yang telah diinput oleh user sebelumnya. Rancangan
halaman hasil tipe kepribadian dapat dilihat pada Gambar 3.12.
Home Tentang Petunjuk Pertanyaan
Hasil Tipe Kepribadian
1
Koleris
Sanguinis Plegmatis
Melankolis
2
3
Gambar 3.12 Rancangan Halaman Hasil Tipe Kepribadian Tabel 3.9 Keterangan Rancangan Tampilan Hasil Tipe Kepribadian
NO. Jenis Objek
Keterangan
1. Menu
Berisi halaman beranda, tentang aplikasi, petunjuk penggunaan, dan pertanyaan dari
sistem. 2.
Text View Judul halaman hasil tipe kepribadian.
3. Tombol Hasil Koleris,
Melankolis, Plegmatis, dan Sanguinis.
Tombol ini merupakan hasil tipe kepribadian dari pertanyaan yang telah diinput user
sebelumnya dengan menggunakan rumus kemiripan
dan hasil
akhirnya dari
perhitungan normalisasi.
Universitas Sumatera Utara
3.5.6 Halaman Solusi Tipe Kepribadian
Halaman solusi dari tipe kepribadian ini adalah halaman dari tipe kepribadian, ciri umum, kelebihan, kelemahan, dan cara menghadapi dari masing-masing tipe
kepribadian. Rancangan halaman solusi dari tipe kepribadian dapat dilihat pada Gambar 3.13.
Tipe Kepribadian Ciri Umum
Kelebihan Kelemahan
Cara Menghadapi
1
Gambar 3.13 Rancangan Halaman Solusi Tipe Kepribadian Tabel 3.10 Keterangan Rancangan Tampilan Solusi Tipe Kepribadian
NO. Jenis Objek
Keterangan
1. Text View
Berisi keterangan tentang tipe kepribadian, ciri umum, kelebihan, kelemahan, dan cara
menghadapi.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem