3.8 Perancangan Antar Muka
Interface
3.8.1 Halaman Login
Halaman login adalah halaman yang pertama ditampilkan saat aplikasi dijalankan sebelum memasuki
halaman “Home”. Hanya user yang terdata dapat melanjutkan ke halaman “Home”. Rancangan halaman login dapat dilihat seperti pada gambar 3.5
Gambar 3.5 Rancangan Halaman Login
Keterangan : 1.
TextBox untuk memasukkan Id User 2.
TextBox untuk memasukkan Password 3.
Button Login untuk user masuk dan melanjutkan ke halaman berikutnya 4.
Button Cancel untuk membatalkan login
3.8.2 Halaman Home
Halaman Home berisikan menu untuk data user, data siswa, algoritma dan close jika anda ingin keluar dari aplikasi. Rancangan halaman home dapat dilihat seperti pada
gambar 3.6
Gambar 3.6 Rancangan Halaman Home
Universitas Sumatera Utara
Keterangan : 1.
MenuStrip untuk mengarahkan user kehalaman data user 2.
MenuStrip untuk mengarahkan user kehalaman data siswa 3.
MenuStrip untuk mengarahkan user dalam pemilihan metode 4.
MenuStrip untuk mengarahkan user kehalaman SAW 5.
MenuStrip untuk mengarahkan user kehalaman Electre 6.
MenuStrip untuk menutup halaman.
3.8.3 Halaman Data User
Halaman Data User berguna untuk menginput penambahan data user dan juga dapat memperbaharui data user yaitu password jika user ingin mengubah password
sebelumnya. Rancangan halaman data user dapat dilihat seperti pada gambar 3.7
Gambar 3.7 Rancangan Halaman Data User
Keterangan : 1.
TextBox untuk memasukkan Id User 2.
TextBox untuk memasukkan Nama User 3.
TextBox untuk memasukkan Password 4.
Button Save untuk menyimpan data user ke dalam database 5.
Button Close untuk keluar dari form data user 6.
Button Delete untuk menghapus data user yang telah disimpan di database 7.
Button Update untuk menyimpan data user yang telah didiubah 8.
ComboBox untuk memilih pencarian berdasarkan yang ditentukan user 9.
TextBox untuk memasukkan data yang ingin dicari 10.
DataGridView untuk menampilkan data yang telah tersimpan kedalam database.
Universitas Sumatera Utara
3.8.4 Halaman Data Siswa
Halaman Data Siswa berfungsi untuk menginputkan niali-nilai dyah dan santri dan mengelompokkan beberapa mata pelajaran kedalam satu bidang pelajaran untuk
dijadikan sebagai kriteria dan menyimpannya kedalam database. Rancangan halaman data siswa dapat dilihat seperti pada gambar 3.8
Gambar 3.8 Rancangan Halaman Data Siswa
Keterangan : 1.
TextBox untuk memasukkan NIS santri dyah 2.
TextBox untuk memasukkan Nama santridyah 3.
TextBox untuk memasukkan kelas santri dyah 4.
GroupBox untuk mengkelompokkan nilai mata pelajaran yang berhubungan dengan B. Arab
5. GroupBox untuk mengkelompokkan nilai mata pelajaran yang berhubungan
dengan B. Inggris 6.
GroupBox untuk mengkelompokkan nilai mata pelajaran yang berhubungan dengan Al Qur’an
7. GroupBox untuk mengkelompokkan nilai mata pelajaran yang berhubungan
dengan Hadits 8.
GroupBox untuk mengkelompokkan nilai mata pelajaran yang berhubungan dengan Tarbiyah
9. GroupBox untuk mengkelompokkan nilai mata pelajaran yang berhubungan
dengan Fiqih
Universitas Sumatera Utara
10. GroupBox untuk mengkelompokkan nilai akhlak yang yang merupakan
kumpulan catatan pelanggaran santridyah yang bersangkutan. 11.
TextBox untuk memasukkan nilai Faroid 12.
TextBox untuk memasukkan nilai Tauhid 13.
TextBox untuk memasukkan nilaiTarikh Islam 14.
TextBox untuk memasukkan nilai Ibadah Amaliyah 15.
TextBox untuk memasukkan nilai Al Khot 16.
GroupBox untuk menghitung nilai mata pelajaran yang sudah dikelompokkan 17.
Button Save untuk menyimpan data santridyah kedalam database 18.
Button Delete untuk menghapus data santridyah yang berada didalam database
19. ComboBox untuk memilih pencarian berdasarkan yang ditentukan user
20. TextBox untuk memasukkan data yang ingin dicari
21. Button Search untuk mencari data santri dyah yang berada didalam database.
22. DataGridView untuk menampilkan data yang telah tersimpan kedalam
database 23.
Button SAW untuk melanjutkan perhitungan kehalaman SAW 24.
Button Electre untuk melanjutkan perhitungan kehalaman Electre 25.
Button Close untuk keluar dari halaman data siswa.
3.8.5 Halaman Electre
Halaman Electre ini berfungsi dalam proses perhitungan pada algoritma Elimination Et Choix Traduisant La Realite ELECTRE dalam menentukan
keputusan predikat santri dan dyah. Rancangan halaman Electre dapat dilihat seperti pada gambar 3.9
Gambar 3.9 Rancangan Halaman Electre
Universitas Sumatera Utara
Keterangan 1.
DataGridView untuk menampilkan data nilai siswa yang telah disimpan 2.
Data Grid View untuk menampilkan bobot pada setiap kriterianya 3.
Data Grid View untuk menampilkan hasil normalisasi 4.
Data Grid View untuk menampilkan hasil akhir pada algoritma Electre 5.
Button untuk keluar dari halaman Electre.
3.8.6 Halaman SAW
Halaman SAW ini berfungsi dalam proses perhitungan pada algoritma Simple Additive Weighting Method SAW dalam menentukan keputusan predikat santri dan
dyah. Rancangan halaman SAW dapat dilihat seperti pada gambar 3.9
Gambar 3.10 Rancangan Halaman SAW
Keterangan : 1.
DataGridView untuk menampilkan data nilai siswa yang telah disimpan 2.
DataGridView untuk menampilkan bobot pada setiap kriterianya 3.
DataGridView untuk menampilkan hasil normalisasi 4.
DataGridView untuk menampilkan hasil akhir pada metode SAW 5.
Button untuk keluar dari form SAW
Universitas Sumatera Utara
BAB IV
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Sistem