ANALISIS DAN PERANCANGAN SISTEM
5. Kriteria Cara Pembayaran Prem
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)
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
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
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)
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)
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)
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)
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)
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)
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.
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)
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
BAB 4