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