Perancangan Antarmuka Sistem Interface

3.7 Perancangan Antarmuka Sistem Interface

3.7.1 Halaman Login Halaman login adalah halaman yang pertama kali muncul pada aplikasi ini. Halaman login ini digunakan oleh user dan admin. Sebelum memasuki halaman utama, admin harus memasukkan username dan password pada form login, sedangkan user dapat langsung masuk ke halaman utama tanpa memasukkan username dan password. Jika username dan password yang dimasukkan oleh admin valid, maka admin dapat masuk ke halaman utama. Tampilan rancangan halaman login dapat dilihat pada gambar 3.9. Gambar 3.9. Halaman Login Keterangan : Tabel 3.58. Keterangan Bagian-Bagian Halaman Login No Objek Jenis Objek Keterangan 1 Judul Menu Judul Aplikasi yang akan dirancang. 2 Level Berisi Level dari Pengguna 3 Username Untuk input username 4 Password Untuk input password 5 Button Login Berfungsi untuk masuk ke aplikasi 6 Button Keluar Berfungsi untuk keluar dari aplikasi Judul 1 Level Username Password 2 4 Login 5 3 Keluar 6 Universitas Sumatera Utara 3.7.2 Halaman Utama Halaman Utama untuk pengguna terdiri dari beberapa menu, yaitu menu File dan Master. Didalam Menu File terdapat sub menu Logout dan didalam Menu Master terdapat sub menu Metode AHP dan Metode SMART. Perancangan halaman utama penguna dapat dilihat pada gambar 3.10. Keterangan: Tabel 3.79. Keterangan Bagian-Bagian Rancangan Antarmuka Aplikasi Gambar 3.10. Halaman Utama Pengguna Keterangan : Tabel 3.59. Keterangan Bagian-Bagian Halaman Utama Pengguna No Objek Jenis Objek Keterangan 1 Judul Menu Judul Aplikasi yang akan dirancang. 2 Menu Home Berisi Gambar Simbol Asuransi 3 Menu Master Berisi sub menu data kriteria dan data alternatif 4 Menu Metode Berisi sub menu metode AHP dan metode SMART Sedangkan halaman utama untuk Admin terdiri dari beberapa menu dan sub menu, yaitu menu File, menu Master dan menu Metode. Didalam menu Master terdapat sub Judul 1 Metode SMART Logout Home 2 Metode 3 Metode AHP Universitas Sumatera Utara menu Data Admin, Data Kriteria, Data Alternatif, Perbandingan dan Penilaian. Sedangkan didalam menu Metode terdapat sub menu Metode AHP dan Metode SMART.Dan perancangan halaman utama adamin dapat dilihat pada gambar 3.11. Gambar 3.11. Halaman Utama Admin Keterangan : Tabel 3.60. Keterangan Bagian-Bagian Halaman Utama Admin No Objek Jenis Objek Keterangan 1 Judul Menu Judul Aplikasi yang akan dirancang. 2 Menu Home Berisi Gambar Simbol Asuransi 3 Menu Master Berisi sub menu data kriteria, data alternatif, data admin, perbandingan dan penilaian 4 Menu Metode Berisi sub menu metode AHP dan metode SMART Judul Metode SMART Logout Home 1 Data 2 Metode 3 Metode AHP Data Kriteria Data Alternatif Perbandingan Penilaian Universitas Sumatera Utara 3.7.3 Halaman Sub Menu Data Kriteria Halaman data kriteria ini berisi data kriteria yang telah diinputkan oleh admin. Data kriteria ini terdiri dari kriteria, ketentuan, kepentingan, bobot paling penting, bobot paling tidak penting. Tampilan halaman data kriteria dapat dilihat pada gambar 3.12. Gambar 3.12. Halaman Sub Menu Data Kriteria Keterangan : Tabel 3.61. Keterangan Bagian-Bagian Halaman Sub Menu Data Kriteria No Objek Jenis Objek Keterangan 1 Sub Menu Data Kriteria Sub Menu Data Kriteria untuk mengolah data kriteria 2 Textbox Kriteria Untuk input kriteria 3 Textbox Ketentuan Untuk input ketentuan dari kriteria 4 Textbox Kepentingan Untuk input kepentingan kriteria 5 Textbox Bobot Paling Untuk input bobot paling penting Judul Kriteria Ketentuan Kepentingan Bobot Paling Penting Bobot Tidak Penting 10 Id Kriteria Kriteria Ketentuan Kriteria Kepentingan Bobot Penting Bobot Tidak Penting Home Data Metode Data Kriteria 1 2 3 4 5 6 Tambah 7 Ubah 8 Hapus 9 Universitas Sumatera Utara Penting 6 Textbox Bobot Tidak Penting Untuk input bobot tidak penting 7, 8, 9 Button Tambah, Ubah, dan Hapus Untuk menambah, mengubah dan menghapus data kriteria yang telah diinput 10 DataGridView Kriteria Menampilkan data kriteria yang telah diinput 3.7.4 Halaman Sub Menu Data Alternatif Pada halaman sub menu data alternatif berisi informasi nama perusahaan asuransi dan alamat perusahaan asuransi yang menjadi alternatif. Tampilan halaman sub menu data alternatif dapat dilihat pada gambar 3.13. Gambar 3.13. Halaman Sub Menu Data Alternatif Keterangan : Tabel 3.62. Keterangan Bagian-Bagian Halaman Sub Menu Data Alternatif No Objek Jenis Objek Keterangan 1 Sub Menu Data Alternatif Sub Menu Data Alternatif untuk mengolah data alternatif Judul Nama Perusahaan Asuransi Alamat 7 Id Asuransi Nama Perusahaan Asuransi Alamat Home Data Metode Data Alternatif 1 2 3 Tambah 4 Ubah 5 Hapus 6 Universitas Sumatera Utara 2 Textbox Nama Perusahaan Asuransi Untuk input nama alternatif 3 Textbox Alamat Untuk input alamat alternatif 4, 5, 6 Button Tambah, Ubah, dan Hapus Untuk menambah, mengubah dan menghapus data alternatif yang telah diinput 7 DataGridView Alternatif Menampilkan data alternatif yang telah diinput 3.7.5 Halaman Sub Menu Metode AHP Halaman sub menu metode AHP berisi hasil dari perhitungan metode AHP untuk setiap alternatif. Pada halaman ini akan diketahui alternatif yang terbaik berdasarkan perhitungan metode AHP. Tampilan rancangan halaman sub menu metode AHP dapat dilihat pada gambar 3.14. Gambar 3.14. Halaman Sub Menu Metode AHP Judul 2 Nama Perusahaan Asuransi Hasil AHP Kecepatan Waktu Home Data Metode 3 Metode AHP 1 Universitas Sumatera Utara Keterangan : Tabel 3.63. Keterangan Bagian-Bagian Halaman Sub Menu Metode AHP No Objek Jenis Objek Keterangan 1 Sub Menu Metode AHP Sub Menu Metode AHP untuk menampilkan hasil perhitungan menggunakan Metode AHP 2 DataGridView Berisi hasil perhitungan menggunakan metode AHP untuk setiap altenatif 3 Label Kecepatan Waktu Menampilkan kecepatan waktu menggunakan metode AHP 3.7.6 Halaman Sub Menu Metode SMART Halaman sub menu metode SMART berisi hasil dari perhitungan metode SMART untuk setiap alternatif. Pada halaman ini akan diketahui alternatif yang terbaik berdasarkan perhitungan metode SMART. Tampilan rancangan halaman sub menu metode SMART dapat dilihat pada gambar 3.15. Gambar 3.15. Halaman Sub Menu Metode SMART Judul 2 Nama Perusahaan Asuransi Hasil SMART Kecepatan Waktu Home Data Metode Metode SMART 1 3 Universitas Sumatera Utara Keterangan : Tabel 3.64. Keterangan Bagian-Bagian Halaman Sub Menu Metode SMART No Objek Jenis Objek Keterangan 1 Sub Menu Metode SMART Sub Menu Metode SMART untuk menampilkan hasil perhitungan menggunakan Metode SMART 2 DataGridView Berisi hasil perhitungan menggunakan metode SMART untuk setiap altenatif 3 Label Kecepatan Waktu Menampilkan kecepatan waktu menggunakan metode SMART 3.7.7 Halaman Sub Menu Data Admin Halaman sub menu data admin berisi data admin yang telah mendaftar pada aplikasi ini. Pada halaman ini berisi data admin yang terdiri dari username dan password admin. Tampilan rancangan halaman data admin dapat dilihat pada gambar 3.16. Gambar 3.16. Halaman Sub Menu Data Admin Judul Username Password 7 Id_admin Username Password Home Data Metode Data Admin 1 2 3 Tambah 4 Ubah 5 Hapus 6 Universitas Sumatera Utara Keterangan : Tabel 3.65. Keterangan Bagian-Bagian Halaman Sub Menu Data Admin No Objek Jenis Objek Keterangan 1 Sub Menu Data Admin Sub Menu Data Admin untuk mengolah data admin 2 Textbox Username Untuk input username 3 Textbox Password Untuk input password 4, 5, 6 Button Tambah, Ubah, dan Hapus Untuk menambah, mengubah dan menghapus data admin yang telah diinput 7 DataGridView Admin Menampilkan data admin yang telah diinput 3.7.8 Halaman Sub Menu Perbandingan Pada halaman sub menu perbandingan akan ditampilkan perbandingan nilai alternatif berdasarkan kriteria yang telah ditentukan. Tampilan rancangan halaman perbandingan dapat dilihat pada gambar 3.17. Gambar 3.17. Halaman Sub Menu Perbandingan Judul Kriteria Pertama Kriteria Kedua Nilai Perbandingan 1 Nilai Perbandingan 2 9 Id Perbandingan Kriteria 1 Kriteria 2 Nilai Kriteria 1 Nilai Kriteria 2 Home Data Metode Perbandingan 1 2 3 4 5 Tambah Ubah Hapus 8 Universitas Sumatera Utara Keterangan : Tabel 3.66. Keterangan Bagian-Bagian Halaman Sub Menu Perbandingan No Objek Jenis Objek Keterangan 1 Sub Menu Perbandingan Sub Menu Perbandingan untuk membandingkan nilai kriteria yang satu dengan kriteria yang lainnya 2 Combobox Kriteria Pertama Untuk memilih kriteria pertama yang ingin dibandingkan 3 Combobox Kriteria Kedua Untuk memilih kriteria kedua yang ingin dibandingkan 4 Textbox Nilai Perbandingan 1 Untuk input nilai perbandingan pertama 5 Textbox Nilai Perbandingan 2 Untuk input nilai perbandingan kedua 6, 7, 8 Button Tambah, Ubah, dan Hapus Untuk menambah, mengubah dan menghapus data perbandingan yang telah diinput 9 DataGridView Perbandingan Menampilkan data nilai perbandingan yang telah diinput 3.7.9 Halaman Sub Menu Penilaian Pada halaman sub menu penilaian, admin dapat mengisikan penilaian untuk setiap alternatif berdasarkan kriteria yang telah ditentukan. Tampilan rancangan halaman penilaian dapat dilihat pada gambar 3.18. Universitas Sumatera Utara Gambar 3.18. Halaman Sub Menu Penilaian Keterangan : Tabel 3.67. Keterangan Bagian-Bagian Halaman Sub Menu Penilaian No Objek Jenis Objek Keterangan 1 Sub Menu Penilaian Sub Menu Penilaian untuk menilai setiap alternatif berdasarkan kriteria 2 Combobox Nama Perusahaan Asuransi Untuk memilih alternatif yang ingin dinilai 3 Textbox Manfaat Untuk input nilai manfaat Judul Nama Perusahaan Asuransi Manfaat Premi Masa Pertanggungan Usia Masuk Tertanggung Cara Pembayaran Premi 11 Id Penilaian Id Asuransi Nama Perusahaan Manfaat Premi Masa Pertanggungan Usia Masuk Tertangung Cara Pembayaran Premi Home Data Metode Penilaian 1 2 3 4 5 6 Tambah 8 Ubah 9 Hapus 10 7 Universitas Sumatera Utara 4 Textbox Premi Untuk input nilai premi 5 Textbox Masa Pertanggungan Untuk input nilai masa pertanggungan 6 Textbox Usia Masuk Tertanggung Untuk input nilai usia masuk tertanggung 7 Textbox Cara Pembayaran Premi Untuk input nilai cara pembayaran premi 8, 9, 10 Button Tambah, Ubah, dan Hapus Untuk menambah, mengubah dan menghapus data penilaian yang telah diinput 11 DataGridView Penilaian Menampilkan data penilaian yang telah diinput untuk setiap alternatif Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Implementasi Sistem