• Tidak ada hasil yang ditemukan

ANALISIS DAN PERANCANGAN SISTEM

3.8. Perancangan Antarmuka Sistem

Perancangan antarmuka atau interface bertujuan agar penguna lebih mudah dalam menggunakan sistem. Interface yang dirancang juga dapat memberikan kenyamanan untuk digunakan.

3.8.1.Halaman menu utama

Halaman menu utama adalah halaman yang pertama kali muncul pada saat sistem dijalankan. Halaman menu utama ini terdiri dari 4 MenuStrip, yaitu menu Metode, Perbandingan, Help dan Close.

Gambar 3.11. Rancangan halaman menu utama

Keterangan:

Tabel 3.11. Keterangan rancangan halaman menu utama No. Jenis Objek Keterangan

1. MenuStrip MenuStrip yang berisi sub-menu MFEP dan ELECTRE 2. MenuStrip MenuStrip untuk pilihan menu Perbandingan

3. MenuStrip Menu help untuk menampilkan petunjuk penggunaan aplikasi

4. MenuStrip Menu close untuk menutup aplikasi 5. Label Label untuk menampilkan judul aplikasi

6. Label Label untuk menampilkan nama dan nim pembuat aplikasi 7. PictureBox PictureBox untuk menampilkan logo Fasilkom-TI USU 8. Label Label untuk menampilkan program studi, fakultas,

universitas, tempat pembuatan aplikasi dan tahun pembuatan aplikasi

3.8.2.Halaman sub-menu Metode MFEP

Gambar 3.12. Rancangan halaman sub-menu Metode MFEP

Keterangan:

Tabel 3.12. Keterangan rancangan halaman sub-menu Metode MFEP No. Jenis Objek Keterangan

1. MenuStrip MenuStrip home untuk kembali ke menu utama 2. MenuStrip MenuStrip yang berisi sub-menu MFEP dan

ELECTRE

3. MenuStrip MenuStrip untuk pilihan menu Perbandingan 4. Label Label untuk menampilkan judul dari langkah-

langkah Metode MFEP

5. TextBox TextBox untuk mengisi nilai bobot faktor jumlah unit counter ATM, nisbah/bagi hasil, biaya administrasi, jumlah setoran minimum, kemudahan bertransaksi dan pelayanan.

6. DataGridView2 Untuk menampilkan hasil perhitungan metode MFEP

7. Button next Button untuk memberikan nilai bobot untuk setiap alternatif

8. Button hasil Button untuk mengalikan nilai bobot faktor dengan nilai evaluasi faktor

10. Button reset Button untuk memberi nilai 0 pada TextBox 11. DataGridView1 Untuk menampilkan tabel alternatif

12. DataGridView3 Untuk menampilkan hasil inputan dari TextBox 3.8.3. Halaman sub-menu Metode ELECTRE

Gambar 3.13. Rancangan halaman sub-menu Metode ELECTRE

Keterangan:

Tabel 3.13. Keterangan rancangan halaman sub-menu Metode ELECTRE No. Jenis Objek Keterangan

1. MenuStrip MenuStrip home untuk kembali ke menu utama

2. MenuStrip MenuStrip yang berisi sub-menu MFEP dan ELECTRE 3. MenuStrip MenuStrip untuk pilihan menu Perbandingan

4. Label Label untuk menampilkan judul dari langkah-langkah Metode ELECTRE

5. ComboBox ComboBox untuk memberikan nilai pembobotan jumlah unit counter ATM, nisbah/bagi hasil, biaya administrasi, jumlah setoran minimum, kemudahan bertransaksi dan pelayanan.

6. DataGridView2 Untuk menampilkan hasil normalisasi matriks keputusan 7. DataGridView3 Untuk menampilkan hasil pembobotan pada matriks yang

telah dinormalisasi

8. DataGridView4 Untuk menampilkan hasil perhitungan matriks concordance

9. DataGridView5 Untuk menampilkan hasil perhitungan matriks discordance

10. DataGridView6 Untuk menampilkan hasil matriks dominan concordance 11. DataGridView7 Untuk menampilkan hasil matriks dominan discordance 12. DataGridView8 Untuk menampilkan hasil aggregate dominan matriks 13. DataGridView9 Untuk menampilkan hasil eliminasi alternatif yang less

favorable

14. TextBox1 Untuk menampilkan hasil keputusan

15. Button next Untuk menampilkan rating kecocokan dari setiap alternatif pada setiap kriteria

16. Button 1 Button untuk menghitung hasil normalisasi matriks keputusan

17. Button 2 Button untuk menghitung hasil pembobotan pada matriks yang telah dinormalisasi

18. Button 3 Button untuk menghitung hasil perhitungan matriks concordance

19. Button 4 Button untuk menghitung hasil perhitungan matriks discordance

20. Button 5 Button untuk menghitung hasil matriks dominan concordance

21. Button 6 Button untuk menghitung hasil matriks dominan discordance

22. Button 7 Button untuk menghitung hasil aggregate dominan matriks

23. Button 8 Button untuk menghitung hasil eliminasi alternatif yang less favorable

24. Button simpan Button untuk menyimpan hasil perhitungan metode ELECTRE ke dalam database

25. Button proses Button untuk memproses inputan dari ComboBox 26. DataGridView1 Untuk menampilkan tabel alternatif

3.8.4. Halaman menu perbandingan

Gambar 3.14. Rancangan halaman menu perbandingan

Keterangan:

Tabel 3.14. Keterangan rancangan halaman menu perbandingan No. Jenis Objek Keterangan

1. MenuStrip MenuStrip home untuk kembali ke menu utama

2. MenuStrip MenuStrip yang berisi sub-menu MFEP dan

ELECTRE

3. MenuStrip MenuStrip untuk pilihan menu Perbandingan

4. GroupBox 1 Untuk menampilkan hasil perhitungan Metode MFEP dan Metode ELECTRE

5. Button Hasil MFEP Untuk menampilkan hasil perhitungan Metode MFEP yang tersimpan dalam database

6. Button Hasil ELECTRE Untuk menampilkan hasil perhitungan Metode ELECTRE yang tersimpan dalam database

7. DataGridView1 Untuk menampilkan tabel mfep

8. DataGridView2 Untuk menampilkan tabel electre

9. TextBox1 Untuk menampilkan hasil running time Metode

MFEP

10. TextBox2 Untuk menampilkan hasil running time Metode

ELECTRE

11. GroupBox 2 Untuk menampilkan hasil running time Metode MFEP dan Metode ELECTRE

3.9. ERD (Entity Relationship Diagram) dan Kamus Data 3.9.1. ERD (Entity Relationship Diagram)

ERD merupakan salah satu alat (tool) untuk merancang database. ERD juga merupakan representasi data sebagai entitas, atribut dan relasi.

Gambar 3.15. ERD (Entity Relationship Diagram)

Gambar 3.15 menunjukkan relasi (hubungan) antar tabel, dimana relasi antar entity memiliki hubungan one to one relationship (satu lawan satu).

3.9.2. Kamus Data (Data Dictionary)

Kamus data merupakan daftar semua elemen/field. menghasilkan

1 1

menghasilkan 1 1

1. Tabel Alternatif MFEP

Tabel 3.15. Tabel Alternatif MFEP

No. Nama Field Tipe Data Keterangan

1. namabank varchar(50) namabank

digunakan untuk menapung nama bank syariah

2. unitatm double unitatm digunakan

untuk menampung nilai bobot pada kriteria jumlah unit ATM

3. nisbah double nisbah digunakan

untuk menampung nilai bobot pada kriteria nisbah

4. admin double admin digunakan

untuk menampung nilai bobot pada kriteria biaya administrasi

5. jsm double jsm digunakan untuk

menampung nilai bobot pada kriteria jumlah setoran minimum

6. kb double kb digunakan untuk

menampung nilai bobot pada kriteria kemudahan

Tabel 3.15. Tabel Alternatif MFEP (lanjutan)

No. Nama Field Tipe Data Keterangan

7. pelayanan double pelayanan digunakan untuk menampung nilai bobot pada kriteria pelayanan

8. hasil double hasil digunakan

untuk mengatur total nilai evaluasi awal sama dengan 0

2. Tabel Alternatif ELECTRE

Tabel 3.16. Tabel Alternatif ELECTRE

No. Nama Field Tipe Data Keterangan

1. namabank varchar(50) namabank digunakan untuk menapung nama bank syariah

2. counteratm double counteratm

digunakan untuk menampung nilai bobot pada kriteria jumlah counter ATM 3. bagihasil double bagihasil digunakan

untuk menampung nilai bobot pada kriteria bagi hasil

4. admin double admin digunakan

untuk menampung nilai bobot pada kriteria biaya administrasi

Tabel 3.16. Tabel Alternatif ELECTRE (lanjutan)

No. Nama Field Tipe Data Keterangan

5. jsm double jsm digunakan untuk

menampung nilai bobot pada kriteria jumlah setoran minimum

6. kb double kb digunakan untuk

menampung nilai bobot pada kriteria kemudahan

bertransaksi

7. pelayanan double pelayanan digunakan untuk menampung nilai bobot pada kriteria pelayanan

3. Tabel Hasil MFEP

Tabel 3.17. Tabel Hasil MFEP

No. Nama Field Tipe Data Keterangan

1. namabank varchar(50) namabank

digunakan untuk menapung nama bank syariah

2. hasil double hasil digunakan

untuk menampung hasil perhitungan metode MFEP

4. Tabel Hasil ELECTRE

Tabel 3.18. Tabel Hasil ELECTRE

No. Nama Field Tipe Data Keterangan

1. namabank varchar(50) namabank

digunakan untuk menapung nama bank syariah

2. hasil double hasil digunakan

untuk menampung hasil perhitungan metode MFEP

5. Tabel Waktu

Tabel 3.19. Tabel Waktu

No. Nama Field Tipe Data Keterangan

1. waktu_mfep varchar(30) waktu_mfep digunakan untuk menampung waktu perhitungan metode MFEP 2. waktu_electre varchar(30) waktu_electre

digunakan untuk menampung waktu perhitungan metode ELECTRE

BAB 4

Dokumen terkait