Perancangan Antarmuka Sistem Penentuan Tipe Kepribadian Berbasis Android dengan Metode Case Based Reasoning (CBR)

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