Perancangan Antarmuka Sistem Interface

29

3.6. Perancangan Antarmuka Sistem Interface

3.6.1. Halaman menu utama Tampilan utama yang pertama kali muncul pada saat sistem dijalankan. Halaman utama ini terdiri dari beberapa Menu Bar, yaitu menu Input Data, Metode dan Keluar. Tampilan rancangan menu utama dapat dilihat pada gambar 3.6.1. Gambar 3.6.1. Rancangan halaman menu utama Keterangan: Tabel 3.6.1. Keterangan bagian-bagian rancangan halaman menu utama No Jenis objek Keterangan 1 Form Nama atau judul aplikasi yang akan dirancang 2 ToolStripMenu Menu yang berisi sub-menu Input Data Responden, Input AHP berisi Input Bobot Kriteria dan Input Mamdani berisi Fungsi Keanggotaan dan Rule 3 ToolStripMenuItem Menu yang berisi sub-menu AHP, Fuzzy Mamdani dan Perbandingan 4 ToolStripMenuItem Keluar dari aplikasi 3.6.2. Halaman sub-menu input data responden Halaman menu Input Data merupakan halaman sub-menu yang berisi menu Input Data Responden, Input AHP dan Input Mamdani. Untuk menu Input AHP berisi Input Bobot Kriteria, di menu ini berisi pemberian bobot kriteria dan merubah ke bilangan desimal, lalu bobot tersebut dinormalisasikan. Sedangkan untuk menu Input Mamdani berisi menu Fungsi Keanggotaan yang berisi no, variabel, rendah, normal dan tinggi. Lalu menu Rule berisi rule no, if IMT, and lingkar pinggang, and lingkar panggul, and lingkar leher dan then. J X Input Data 2 Metode 3 Keluar 4 Universitas Sumatera Utara 30 Gambar 3.6.2. Halaman sub-menu input data responden Keterangan: Tabel 3.6.2. Keterangan bagian-bagian rancangan halaman sub-menu input responden No Jenis objek Keterangan 1 JInternal frame Judul dari frame 2 Label Nomor data responden 3 Label Kode data responden 4 Label Nama data responden 5 Label Tinggi badan data responden 6 Label Berat badan data responden 7 Label Lingkar pinggang data responden 8 Label Lingkar panggul data responden 9 Label Lingkar leher data responden 10 Button Untuk menyimpan data responden 11 Button Untuk menghapus data responden 12 Button Untuk mengedit data responden 13 Button Keluar dari sub-menu responden 14 JTabel Tabel yang berisi data-data responden Data Responden 1 X No Kode Nama 4 Tinggi Badan Lingkar Leher 9 Lingkar Panggul Lingkar Pinggang Berat Badan 6 Simpan 10 Edit 12 Hapus 11 Keluar 13 Jtabel 14 Universitas Sumatera Utara 31 3.6.3. Halaman sub-menu input data AHP Gambar 3.6.3. Halaman sub-menu input data AHP Keterangan: Tabel 3.6.3. Keterangan bagian-bagian rancangan halaman sub-menu input data AHP No Jenis objek Keterangan 1 Form Judul dari from kriteria 2 Groupbox Berisi pembobotan kriteria seperti IMT, LPi, LPa dan LLe 3 Groupbox Berisi pembobotan kriteria yang telah diubah ke bilangan decimal 4,8 Label Pemberian bobot nilai pada kriteria IMT 3,9 Label Pemberian bobot nilai pada kriteria LPi 6,10 Label Pemberian bobot nilai pada kriteria LPa 7,11 Label Pemberian bobot nilai pada kriteria LLe 12 Label Jumlah kolom dari setiap kriteria 13 Groupbox Berisi nilai hasil dari perhitungan normalisasi bobot nilai 14 Button Berfungsi untuk mengupdate bobot 15 Button Berfungsi untuk masuk ke tampilan alternative 16 Button Berfungsi untuk keluar dari tampilan tersebut 17 Groupbox Berisi label Eigen Max, CI dan CR 18-20 Label Berisi nilai dari Eigen Max, CI dan CR Kriteria 1 X Pemberian Bobot Kriteria 2 IMT 8 IMT 4 LPi 5 LPa 6 LLe 7 LPi 9 LPa 10 LLe 11 Merubah ke bil.desimal 3 Jumlah Normalisasi 13 KONSISTEN CR 0.100 Konsistensi 17 Eigen Max 18 CI 19 CR 20 Update 14 Keluar Altrnt Universitas Sumatera Utara 32 3.6.4. Halaman sub-menu fungsi keanggotaan Gambar 3.6.4. Rancangan halaman sub-menu fungsi keanggotaan Keterangan: Tabel 3.6.4. Keterangan bagian rancangan halaman sub-menu fungsi keanggotaan No Jenis objek Keterangan 1 Form Nama form yang diberikan 2-7 Label Label dengan textbox untuk mengambah fungsi keanggotaan 8 Button Berfungsi untuk menyimpan data keanggotaan yang baru 9 Button Berfungsi untuk menghapus data keanggotaan yang ada 10 Button Berfungsi untuk mengedit data keanggotaan yang ada 11 Button Berfungsi untuk keluar dari form fungsi keanggotaan 12 Listwiev Berisi data-data yang telah dimasukkan 3.6.5. Halaman sub-menu rule Gambar 3.6.5. Halaman sub-menu rule Fungsi Keanggotaan 1 X No Variabel 3 Tinggi 7 Normal 5 Rendah 4 Simpan 8 Edit 10 Hapus 9 Keluar 11 12 Rule 1 X Rule No 2 IF IMT 3 THEN 7 AND Lingkar Leher AND Lingkar Panggul 5 Simpan 8 Edit 10 Hapus 9 Keluar 11 AND Lingkar Pinggang 4 12 Universitas Sumatera Utara 33 Keterangan: Tabel 3.6.5. Keterangan bagian-bagian halaman sub-menu rule No Jenis objek Keterangan 1 Form Nama form yang diberikan 2-7 Label Label dengan textbox untuk menambah data rule 8 Button Berfungsi untuk menyimpan rule yang baru 9 Button Berfungsi untuk menghapus rule yang ada 10 Button Berfungsi untuk mengedit rule yang ada 11 Button Berfungsi untuk keluar dari form rule 12 Listwiev Berisi data-data yang telah dimasukkan 3.6.6. Halaman menu metode Gambar 3.6.6. Rancangan halaman menu metode Keterangan: Tabel 3.6.6. Keterangan bagian-bagian rancangan halaman menu metode No Jenis objek Keterangan 1 Form Nama form yang diberikan 2 Groupbox Berisi beberapa fungsi tombol 3 Tabcontrol Berisi beberapa fungsi untuk mengisi bobot nilai Hitung X Hitung Alternatif 2 Pairwise Comparison 3 Hitung 4 Hasil 5 Pilih Kriteria 6 9 Update 7 No 10 A B C D E F G I H 1 2 4 3 5 6 7 8 9 10 B C D E F G H I J A J 11 12 Keterangan 8 Universitas Sumatera Utara 34 Tabel 3.6.6. Keterangan bagian-bagian rancangan halaman menu metode lanjutan 4 Tabcontrol Beberapa fungsi tombol untuk mengubah bobot ke desimal 5 Tabcontrol Menampilkan hasil perhitungan matriks global 6 Groupbox Berisi combobox untuk memilih kriteria 7 Button Berfungsi untuk mengupdate bobot nilai 8 Groupbox Menampilkan hasil ranking 9 Combobox Berfungsi untuk memilih kriteria 10 Label Berisi label 1 sampai 10 da A sampai J 11 Textbox Berisi textbox dan combobox untuk memilih bobot nilai 12 Textbox Menampilkan hasil ranking 3.6.7. Halaman sub-menu hitung Gambar 3.6.7. Rancangan sub-menu hitung Keterangan: Tabel 3.6.7. Keterangan bagian-bagian rancangan sub-menu hitung No Jenis objek Keterangan 1 Form Nama form yang diberikan 2 Groupbox Berisi beberapa fungsi tombol Hitung Alternatif 2 Pairwise Comparison 3 Hitung 4 Hasil 5 A 6 B C D E F G I H B C D E F G H I J A J 7 Hitung X Update 8 KONSISTEN CR 0.100 Konsistensi 9 Eigen Max CR CR 11 Jumlah Kolom 10 13 14 Normalisasi 12 Universitas Sumatera Utara 35 Tabel 3.6.7. Keterangan bagian-bagian rancangan sub-menu hitung lanjutan 3 Tabcontrol Berisi beberapa fungsi untuk mengisi bobot nilai 4 Tabcontrol Beberapa fungsi tombol untuk mengubah bobot ke desimal 5 Tabcontrol Menampilkan hasil perhitungan matriks global 6 Label Berisi label A sampai J 7 Textbox Berisi textbox dan combobox untuk memilih bobot nilai 8 Button Berfungsi untuk mengupdate bobot nilai 9 Groupbox Menampilkan Eigen Max, CI dan CR 10 Label Menampilkan jumlah kolom 11 Listview Menampilkan jumlah kolom dari semua matriks 12 Groupbox Menampilkan normalisasi 13 Listview Menampilkan hasil perhitungan normalisasi 14 Listview Menampilkan jumlah baris dan Eigen Vector 3.6.8. Halaman sub-menu hasil Gambar 3.6.8. Rancangan halaman sub-menu hasil Hitung X Hitung Alternatif 2 Pairwise Comparison 3 Hasil 5 Hitung 4 Perhitungan Matriks Global 6 Kriteria 7 IMT 8 LPi 9 LPa 10 LLe 11 A B D E C F G H I J 13 Hitung 15 1 2 3 4 6 5 7 9 8 10 14 Universitas Sumatera Utara 36 Keterangan: Tabel 3.6.8. Keterangan bagian-bagian rancangan halaman sub-menu hasil No Jenis objek Keterangan 1 Form Nama form yang diberikan 2 Groupbox Berisi beberapa fungsi tombol 3 Tabcontrol Berisi beberapa fungsi untuk mengisi bobot nilai 4 Tabcontrol Beberapa fungsi tombol untuk mengubah bobot ke desimal 5 Tabcontrol Menampilkan hasil perhitungan matriks global 6 Groupbox Berisi nilai matriks global 7 Label Berisi nilai matriks dengan textbox 8 Label Berisi nilai matriks dengan textbox 9 Label Berisi nilai matriks dengan textbox 10 Label Berisi nilai matriks dengan textbox 11 Label Berisi nilai matriks dengan textbox 12 Groupbox Berisi tampilan ranking 13 Listview Menampilkan nilai alternatif kriteria 14 Listwiev Menampilkan hasil ranking 15 Button Berfungsi untuk menghitung matriks global 3.6.9. Halaman sub-menu mamdani Gambar 3.6.9. Rancangan halaman sub-menu mamdani Z= Fuzzy Mamdani 1 X 3 Data Responden 2 5 Fungsi Derajat Keanggotaan 4 Defuzzyfikasi 6 Z= 9 11 Fuzzifikasi 8 Hasil 10 Universitas Sumatera Utara 37 Keterangan: Tabel 3.6.9. Keterangan bagian-bagian rancangan halaman sub-menu mamdani No Jenis objek Keterangan 1 Form Nama form yang diberikan 2 Groupbox Berisi data responden 3 Listview Berisi nama dan nilai kriteria responden 4 Groupbox Berisi fungsi derajat keanggotaan 5 Listview Berisi variabel dan aturan himpunan 6 Groupbox Berisi hasil defuzzifikasi 7 Label Metode centroid 8 Groupbox Berisikan hasil fuzzifikasi 9 Listview Menampilkan hasil fuzzifikasi 10 Groupbox Berisi hasil dan nama responden 11 Listview Menampilkan hasil tertinggi dari data hasil defuzzifikasi 3.6.10. Halaman sub-menu perbandingan Gambar 3.6.10. Rancangan halaman sub-menu perbandingan Keterangan: Tabel 3.6.10. Keterangan bagian-bagian rancangan halaman sub-menu perbandingan No Jenis objek Keterangan 1 Form Nama form yang diberikan 2 Label Menampilkan nama AHP 3 Button Berfungsi untuk menghitung runningtime untuk metode AHP 4 Label Menampilkan detik dari hasil perhitungan 5 Groupbox Menampilkan hasil tes metode AHP dan Fuzzy Mamdani 6 Label Menampilkan nama Fuzzy Mamdani 7 Button Berfungsi untuk menghitung untuk metode Fuzzy Mamdani 8 Label Menampilkan detik dari hasil perhitungan 9 Listview Menampilkan hasil dari metode AHP dan Fuzzy Mamdani 10 Button Berfungsi untuk menyimpan data dari hasil running time 11 Button Berfungsi untuk menghapus seluruh data dari hasil running time Hitung 7 Perbandingan 1 X AHP 2 Fuzzy Mamdani 6 0.0001 detik 4 0.0001 detik 8 9 Hasil Tes 5 Hitung 3 Hitung 7 Reset 11 Simpan 10 Universitas Sumatera Utara 38

BAB 4 IMPLEMENTASI DAN PENGUJIAN