Gambar 3.8. Sequence diagram perbandingan
3.7. Perancangan Sistem
3.7.1. Perancangan algoritma program Perancangan algoritma program yaitu proses penerjemahan langkah-langkah Metode
MFEP dan Metode ELECTRE ke dalam sebuah bahasa pemrograman. Tahapan yang dilalui dalam perancangan algoritma program, yaitu:
1. Pembuatan alur proses sistem secara umum.
2. Pembuatan alur proses sistem pendukung keputusan menggunakan Metode MFEP
dan Metode ELECTRE ke dalam bahasa pemrograman C.
3.7.2. Alur proses sistem secara umum Alur proses dalam memilih bank syariah sebagai tempat untuk menabung dengan
menggunakan Metode MFEP dan Metode ELECTRE digambarkan dengan flowchart. Flowchart Metode MFEP dapat dilihat pada gambar 3.9. dan Flowchart Metode
ELECTRE dapat dilihat pada gambar 3.10.
Universitas Sumatera Utara
Gambar 3.9. Flowchart Metode MFEP
Universitas Sumatera Utara
Gambar 3.10. Flowchart Metode ELECTRE
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.
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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, nisbahbagi 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
9. Button
proses Button untuk memeriksa inputan jumlah bobot
Universitas Sumatera Utara
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, nisbahbagi 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
Universitas Sumatera Utara
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 27.
DataGridView10 Untuk menampilkan hasil inputan dari ComboBox
Universitas Sumatera Utara
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. DataGridView
2 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
Universitas Sumatera Utara
3.9. ERD Entity Relationship Diagram dan Kamus Data