Perancangan Antarmuka Sistem ( Interface )

ANALISIS DAN PERANCANGAN SISTEM

1. Kriteria Kapasitas

3.6. Perancangan Antarmuka Sistem ( Interface )

3.6.1. Halaman Menu Utama

Halaman menu utama merupakan halaman yang pertama kali muncul pada saat sistem dijalankan. Dimana halaman utama ini terdiri dari beberapa menu bar, yaitu menu Algorithm, About dan Exit. Tampilan rancangan halaman utama dapat dilihat pada Gambar 3.9.

Gambar 3.9. Rancangan Halaman Utama Background⁽⁷⁾

PROMETHEE⁽⁶⁾

Judul⁽¹⁾ ^X

Algorithm⁽²⁾ About⁽³⁾ ^Exit⁽⁴⁾

Keterangan:

Tabel 3.26. Keterangan Bagian-Bagian Rancangan Antarmuka Aplikasi No

Objek ^{Jenis Objek} ^Keterangan

1 ^{Judul Menu}

(Menu File) ^{Judul Aplikasi yang akan dirancang.}

2 JMenu Algorithm ^{Berisi sub menu algoritma} ^{AHP dan algoritma} PROMETHEE.

3 JMenu About Menu yang berisi sekilas tentang penulis. 4 JMenu Exit Keluar dari aplikasi.

5 JMenu Item (AHP) Sub menu perhitungan awal algoritma AHP.

6 ^{JMenu Item} (PROMETHEE)

Sub menu perhitungan awal algoritma

PROMETHEE.

7 ^JPanel

(Judul) ^{Tampilan background aplikasi.}

3.6. 2. Halaman Sub Menu AHP

Halaman menu Algorithm, merupakan halaman sub menu yang berisi sub menu AHP dan sub menu PROMETHEE. Halaman sub menu AHP, merupakan halaman sub menu yang berisi langkah awal perhitungan algoritma AHP. Terdapat tiga tampilan yang akan dirancang, rancangan untuk tampilan Matriks Kriteria, Matriks Alternatif dan Matriks Global. Tampilan rancangan Matriks Kriteria dapat dilihat pada Gambar 3.10., rancangan Matriks Alternatif Kapasitas pada Gambar 3.11., rancangan Matriks Alternatif Tipe USB pada Gambar 3.12. dan Matriks Global pada Gambar 3.13.

Gambar 3.10. Rancangan Halaman Sub MenuAHP Kriteria

Tabel 3.27. Keterangan Bagian-Bagian Rancangan Sub Menu AHP Kriteria No

Objek ^{Jenis Objek} ^Keterangan

1 ^{JInternal Frame}

(Proses Kriteria) ^{Judul dari frame kriteria.}

2 ^{JPanel (Perbandingan} Matriks Kriteria)

Berisi JTable dan JButton untuk input, dan proses nilai preferensi.

3 JTable Tabel yang berisi nilai input dari preferensi kriteria.

4 JButton (Hitung) ^{Button untuk melakukan proses perbandingan dan} pembobotan hirarki dari nilai preferensi.

5 JButton (Next) ^Button ^{untuk normalisasi eigenvector (matriks} prioritas).

6 JPanel (Normalisasi)

Berisi perhitungan pembobotan hirarki yang dinormalisasi dan perhitungan normalisasi eigenvector (matriks prioritas).

7 JTable Tabel yang berisi nilai normalisasi dari eigenvector.

Jtable⁽³⁾

Perbandingan Matriks Berpasangan :⁽²⁾

Hitung ⁽⁴⁾ Next⁽⁵⁾ Jtable⁽⁷⁾ Normalisasi:⁽⁶⁾ Next⁽⁸⁾ Alternative Berikutnya⁽¹²⁾ Jtable⁽¹⁰⁾ Konsistensi:⁽⁹⁾ JTextField⁽¹¹⁾ X Judul⁽¹⁾ (1)

8 JButton (Next) ^Button^{untuk memproses hasil dari}λ maks, CI, CR dan menampilkan konsistensi.

9 JPanel (Konsistensi) ^Berisi ^{perhitungan dari} λ maks, CI, CR, dan konsistensi.

10 JTable ^{Tabel yang berisi} λ maks, CI dan CR untuk menghitung konsistensi.

11 JTextField ^{Untuk menampilkan nilai konsisten dan tidak} konsisten.

12 ^{JButton (Alternative}

Berikutnya) ^{Untuk melanjutkan perhitungan alternatif.}

Gambar 3.11. Rancangan Halaman Sub MenuAHP AlternatifKapasitas X Judul⁽¹⁾

(1)

Kapasitas⁽²⁾ Kecepatan Transfer⁽³⁾ Dimensi⁽⁴⁾ Tipe USB⁽⁵⁾

Jtable⁽¹⁴⁾

Konsistensi:⁽¹³⁾

JTextField⁽¹⁵⁾

Jtable⁽⁷⁾

Perbandingan Matriks Alternative Kapasitas :⁽⁶⁾

Hitung ⁽⁸⁾ Next⁽⁹⁾

Jtable⁽¹¹⁾

Normalisasi:⁽¹⁰⁾

Tabel 3.28. Keterangan Bagian-Bagian Rancangan Sub MenuAHP Alternatif Kapasitas

Objek ^{Jenis Objek} ^Keterangan

1 ^{JInternal Frame}

(Proses Alternative) ^{Judul dari frame alternative.}

2 JPanel (Kapasitas) Berisi perhitungan alternatif kapasitas.

3 ^{JPanel (Kecepatan}

transfer) ^{Berisi perhitungan alternatif kecepatan transfer.} 4 JPanel (Dimensi) Berisi perhitungan alternatif dimensi.

5 JPanel (Tipe USB) Berisi perhitungan alternatif tipe usb.

JPanel (Perbandingan Matriks Alternative Kapasitas)

Berisi JTabel dan JButton untuk input dan proses nilai preferensi.

7 JTable ^{Tabel yang berisi nilai input dari preferensi} alternatif kapasitas.

8 JButton (Hitung) ^Button^{untuk melakukan proses perbandingan dan} pembobotan hirarki dari nilai preferensi.

9 JButton (Next) ^{Button untuk normalisasi eigenvector (matriks} prioritas).

10 JPanel (Normalisasi)

Berisi perhitungan pembobotan hirarki yang di normalisasi dan perhitungan normalisasi eigen vector (matriks prioritas).

11 JTabel Tabel yang berisi nilai normalisasi dari eigenvector.

12 JButton (Next) ^{Button untuk memproses hasil dari}λmaks, CI, CR dan menampilkan konsistensi.

13 JPanel (Konsistensi) ^{Berisi perhitungan dari} λ maks, CI, CR dan konsistensi.

14 JTable ^{Tabel yang berisi} λ maks, CI dan CR untuk menghitung konsistensi.

15 JText Field ^{Untuk menampilkan nilai konsisten dan tidak} konsisten.

Gambar 3.12. Rancangan Halaman Sub Menu AHP AlternatifTipe USB

Tabel 3.29. Keterangan Bagian-Bagian Rancangan Sub MenuAHP Alternatif Tipe USB

Objek ^{Jenis Objek} ^Keterangan

1 ^{JInternal Frame}

(Proses Alternative) ^{Judul dari frame alternative.}

2 JPanel (Kapasitas) Berisi perhitungan alternatif kapasitas.

3 ^{JPanel (Kecepatan}

transfer) ^{Berisi perhitungan alternatif kecepatan transfer.} 4 JPanel (Dimensi) Berisi perhitungan alternatif dimensi.

5 JPanel (Tipe USB) Berisi perhitungan alternatif tipe usb.

JPanel (Perbandingan Matriks Alternative Kapasitas)

Berisi JTabel dan JButton untuk input dan proses nilai preferensi.

7 JTable ^{Tabel yang berisi nilai input dari preferensi} alternatif kapasitas.

X Judul⁽¹⁾

(1)

Kapasitas⁽²⁾ Kecepatan Transfer⁽³⁾ Dimensi⁽⁴⁾ Tipe USB⁽⁵⁾

Jtable⁽⁷⁾

Perbandingan Matriks Alternative Tipe USB :⁽⁶⁾

Hitung ⁽⁸⁾ Next⁽⁹⁾ Jtable⁽¹¹⁾ Normalisasi:⁽¹⁰⁾ Next⁽¹²⁾ Jtable⁽¹⁴⁾ Konsistensi:⁽¹³⁾ JTextField⁽¹⁵⁾

8 JButton (Hitung) ^Button^{untuk melakukan proses perbandingan dan} pembobotan hirarki dari nilai preferensi.

9 JButton (Next) ^{Button untuk normalisasi eigenvector (matriks} prioritas).

10 JPanel (Normalisasi)

Berisi perhitungan pembobotan hirarki yang di normalisasi dan perhitungan normalisasi eigen vector (matriks prioritas).

11 JTabel Tabel yang berisi nilai normalisasi dari eigenvector.

12 JButton (Next) ^{Button untuk memproses hasil dari}λ maks, CI, CR dan menampilkan konsistensi.

13 JPanel (Konsistensi) ^{Berisi perhitungan dari} λ maks, CI, CR dan konsistensi.

14 JTable ^{Tabel yang berisi} λ maks, CI dan CR untuk menghitung konsistensi.

15 JText Field ^{Untuk menampilkan nilai konsisten dan tidak} konsisten.

16 ^{JButton (Hitung} Matriks Global)

Button untuk melanjutkan perhitungan matriks global.

Gambar 3.13. Rancangan Halaman Matriks Global

Tabel 3.30. Keterangan Bagian-Bagian Rancangan Halaman Matriks Global No

Objek ^{Jenis Objek} ^Keterangan

1 ^{JInternal Frame}

(Matriks Global) ^{Judul dari frame matriks global.}

2 ^{JPanel (Reload} Matriks Prioritas)

Berisi perhitungan matriks prioritas kriteria dan alternatif

3 JTable ^{Tabel yang berisi perhitungan dari matriks prioritas} kriteria dan alternatif.

JButton (Hitung Matriks Prioritas Global)

Button untuk menghitung nilai matriks prioritas global.

X Judul⁽¹⁾

Hitung Matriks Prioritas Global ⁽⁴⁾

JTable ⁽³⁾

Reload Matriks Prioritas: ⁽²⁾

Prioritas Global: ⁽⁴⁾

Fujitsu ⁽¹⁵⁾

Spectra Flash RapidStore ⁽¹⁴⁾

Buffalo Mini Station ⁽¹³⁾

Hitachi Touro Mobile ⁽¹²⁾

A-Data DashDrive ⁽¹¹⁾

Transcend StoreJet ⁽¹⁰⁾

Seagate ⁽⁹⁾

Toshiba Canvio Simple ⁽⁸⁾

WD My Passport ⁽⁷⁾

Lacie Rugged Triple ⁽⁶⁾ JTextField ⁽¹⁶⁾

JTextField ⁽¹⁷⁾ JTextField ⁽¹⁸⁾ JTextField ⁽¹⁹⁾ JTextField ⁽²⁰⁾ JTextField ⁽²¹⁾ JTextField ⁽²²⁾ JTextField ⁽²³⁾ JTextField ⁽²⁴⁾ JTextField ⁽²⁵⁾ JTextArea⁽²⁶⁾

5 ^{JPanel (Prioritas} Global)

Berisi sub-sub untuk menghitung ranking hardisk eksternal.

6 JLabel Label dari keterangan Lacie Rugged Triple.

7 JLabel Label dari keterangan WD My Passport.

8 JLabel Label dari keterangan Toshiba Canvio Simple.

9 JLabel Label dari keterangan Seagate.

10 JLabel Label dari keterangan Transcend StoreJet.

11 JLabel Label dari keterangan A-Data DashDrive.

12 JLabel Label dari keterangan Hitachi Touro Mobile. 13 JLabel Label dari keterangan Buffalo MiniStation. 14 JLabel Label dari keterangan Spectra Flash RapidStore.

15 JLabel Label dari keterangan Fujitsu.

16 ^JTextField ^TextField ^{untuk menampilkan nilai dari} ^Lacie Rugged Triple.

17 JTextField ^TextField ^{untuk menampilkan nilai dari} ^{WD My} Passport.

18 JTextField ^TextField ^{untuk menampilkan nilai dari} ^Toshiba Canvio Simple.

19 JTextField TextField untuk menampilkan nilai dari Seagate.

20 JTextField ^TextField^{untuk menampilkan nilai dari}^Transcend StoreJet.

21 JTextField ^TextField ^{untuk menampilkan nilai dari} ^A-Data DashDrive.

22 JTextField ^TextField ^{untuk menampilkan nilai dari} ^Hitachi Touro Mobile.

23 JTextField ^TextField^{untuk menampilkan nilai dari Buffalo Mini} Station.

24 JTextField ^TextField ^{untuk menampilkan nilai dari} ^Spectra Flash RapidStore.

25 JTextField TextField untuk menampilkan nilai dari Fujitsu.

26 ^JTextArea ^{TextArea untuk menampilkan}^{hardisk eksternal}^dan menampilkan waktu berjalannya algoritma.

3.6.3. Halaman Sub Menu PROMETHEE

Halaman sub menu PROMETHEE merupakan halaman sub menu yang berisi perhitungan algoritma PROMETHEE. Tampilan yang akan dirancang ialah seperti pada Gambar 3.14.

Gambar 3.14. Rancangan Halaman PROMETHEE

Tabel 3.31. Keterangan Bagian-Bagian Rancangan PROMETHEE No

Objek ^{Jenis Objek} ^Keterangan

1 JTabel ^{Tabel untuk mengisi nilai preferensi, tipe preferensi,}^p dan q.

2 JButton Button untuk menghitung proses PROMETHEE tahap 2.

3 JTabel ^{Tabel untuk menampilkan nilai dari} ^PROMETHEE Tahap 2.

X Judul

Proses Net flow⁽⁴⁾

JTabel ⁽³⁾

Net Flow: ⁽⁵⁾

Spectra Flash RapidSotre ⁽¹⁹⁾ _JTextField(24)

JTextField⁽²⁵⁾

Fujitsu ⁽²⁰⁾

JTextField⁽²²⁾

Hitachi Touro Mobile ⁽¹⁷⁾

A-Data DashDrive ⁽¹⁶⁾ JTextField⁽²¹⁾

JTextField⁽²³⁾

Buffalo Mini Station ⁽¹⁸⁾

Lacie Rugged Triple ⁽⁶⁾ JTextField⁽¹¹⁾

JTextField⁽¹²⁾

WD My Passport ⁽⁷⁾

JTextField⁽¹³⁾

Toshiba Canvio Simple ⁽⁸⁾

JTextField⁽¹⁴⁾ Seagate ⁽⁹⁾ JTextField⁽¹⁵⁾ Transcend StoreJet ⁽¹⁰⁾ JText Area⁽²⁶⁾ Proses PROMETHEE Tahap 2⁽²⁾

4 JButton Button untuk menghitung nilai dari Net Flow. 5 Border Net Flow Border yang berisi ranking dari Net Flow.

6 JLabel Label untuk keterangan dari Lacie Rugged Triple. 7 JLabel Label untuk keterangan dari WD My Passport. 8 JLabel Label untuk keterangan dari Toshiba Canvio Simple. 9 JLabel Label untuk keterangan dari Seagate.

10 JLabel Label untuk keterangan dari Transcend StoreJet.

11 JTextField ^{TextField untuk menampilkan nilai dari}^{Lacie Rugged} Triple.

12 JTextField ^{TextField untuk menampilkan nilai dari Samsung}^WD My Passport.

13 JTextField ^{TextField untuk menampilkan nilai dari Toshiba Canvio} Simple.

14 JTextField TextField untuk menampilkan nilai dari Seagate.

15 JTextField ^{TextField untuk menampilkan nilai dari} ^Transcend StoreJet.

16 JLabel Label untuk keterangan dari A-Data DashDrive. 17 JLabel Label untuk keterangan dari Hitachi Touro Mobile. 18 JLabel Label untuk keterangan dari Buffalo Mini Station. 19 JLabel Label untuk keterangan dari Spectra Flash RapidStore. 20 JLabel Label untuk keterangan dari Fujitsu.

21 JTextField ^{TextField untuk menampilkan nilai dari} ^A-Data DashDrive.

22 JTextField ^{TextField untuk menampilkan nilai dari}^{Hitachi Touro} Mobile.

23 JTextField ^{TextField untuk menampilkan nilai dari}^{Buffalo Mini} Station.

24 JTextField ^{TextField untuk menampilkan nilai dari}^{Spectra Flash} RapidStore.

25 JTextField TextField untuk menampilkan nilai dari Fujitsu.

26 JTextArea ^{TextArea untuk menampilkan} ^{hardisk eksternal} ^dan menampilkan waktu berjalannya algoritma.

101

3.6.4. Rancangan Halaman About

Rancangan halaman Tentang ini berfungsi menampilkan informasi tentang profil penulis. Rancangan About dapat dilihat pada Gambar 3.15.

Gambar 3.15. Rancangan Tampilan About

Tabel 3.32. Keterangan Rancangan Tampilan About No

Objek ^{Jenis Objek} ^Keterangan

1 ^{JInternal Frame}

(About) ^{Judul dari frame About.}

2 JLabel Label yang berisi profil singkat penulis.

About⁽¹⁾

LabelProfil⁽²⁾

BAB IV

Dalam dokumen Perbandingan Metode Analytical Hierarchy Process (AHP) dan Metode Preference Ranking Organization Method For Enrichment Evaluation (PROMETHEE) untuk Pemilihan Hardisk Eksternal (Halaman 105-117)