• Tidak ada hasil yang ditemukan

BAB IV HASIL DAN PEMBAHASAN

4.1.3 Perhitungan Dengan Metode Simple Additive Weighting (SAW)

Dalam proses perhitungan dengan metode Simple Additive Weighting (SAW) terdapat beberapa tahapan yang dilakukan. Langkah Penyelesaian metode Simple Additive Weighting (SAW) sebagai berikut :

1. Menentukan alternatif. Berikut ini adalah data alternatif calon penerima bantuan PKH sebanyak 297 orang (data lengkap dapat dilihat pada lampiran)

Tabel 4. 1 Data Alternatif

No Kode Alternatif Alternatif

1 321611017070610 Meri

2 321611017070609 Rumih

3 321611016050652 Nasep

4 321611016050651 Benih

5 321611016050650 Ernah

6 321611016050647 Anah

7 321611016050646 Julia Rosmawati

8 321611016050645 Yamah

9 321611016050641 Ayanih

10 321611017070608 Fatmah

… …n …n

297 321611016050571 Arsih

2. Menentukan kriteria-kriteria yang akan dijadikan acuan dalam pengambilan keputusan, yaitu Cj.

3. Menentukan nilai bobot atau tingkat kepentingan (W) setiap kriteria.

4. Membuat tabel rating kecocokan dari setiap alternatif pada setiap kriteria.

Berikut ini adalah Data Nilai Awal Calon Penerima PKH (data lengkap dapat dilihat pada lampiran) :

Tabel 4. 2 Data Kriteria

Kode Kriteria

C1 Lansia

C2 Disabilitas

C3 Anak SD

C4 Anak SMP

C5 Anak SMA

C6 Balita

C7 Ibu Hamil

C8 Luas Bangunan C9 Penghasilan

Tabel 4. 3 Nilai Bobot

Kode Kriteria Kategori Bobot

C1 Lansia Benefit 6%

C2 Disabilitas Benefit 7%

C3 Anak SD Benefit 8%

C4 Anak SMP Benefit 9%

C5 Anak SMA Benefit 10%

C6 Balita Benefit 12%

C7 Ibu Hamil Benefit 13%

C8 Luas Bangunan Cost 15%

C9 Penghasilan Cost 20%

Tabel 4. 4 Data Nilai Awal Calon Penerima PKH

No Kode Alternatif C1 C2 C3 C4 C5 C6 C7 C8 C9 1 321611017070610 0 0 1 0 0 0 0 56 1200000 2 321611017070609 0 0 0 0 1 0 0 74 500000 3 321611016050652 0 0 0 0 1 0 0 44 400000 4 321611016050651 2 0 0 0 1 0 0 35 350000 5 321611016050650 0 0 0 0 1 0 0 64 600000 6 321611016050647 0 0 0 0 0 1 0 78 500000 7 321611016050646 0 0 0 1 0 1 0 65 450000 8 321611016050645 0 0 1 0 0 0 0 55 550000 9 321611016050641 0 0 1 0 1 0 0 63 500000 10 321611017070608 0 0 0 0 0 1 0 78 600000

n n.. n.. n.. n.. n.. n.. n.. n.. n.. n..

297 321611016050571 0 1 0 1 0 0 0 80 800000 Nilai Max (Benefit) 4 1 2 2 2 1 1 - -

Nilai Min (Cost) - - - 27 350000

5. Membuat Matrik R (Normalisasi)

Skor yang telah di input selanjutnya dilakukan penghitungan normalisasi (R) langkah utamanya dengan menggunakan formula :

Keterangan :

r = nilai rating kinerja ternormalisasi

x = nilai atribut yang dimiliki dari setiap criteria Max = nilai terbesar dari setiap criteria

Min = nilai terkecil dari setiap kriteria benefit = jika nilai terbesar adalah terbaik cost = jika nilai terkecil adalah terbaik

Berikut adalah perhitungan matrik normalisasi :

… dan seterusnya hingga nilai setiap kriteria dari alternative terakhir dihitung

r1.297 = 0

𝑀𝑎𝑥 (4)= 0

4= 0

2. Perhitungan pada kriteria Disabilitas / C2 r2.1 = 0

… dan seterusnya hingga nilai setiap kriteria dari alternative terakhir dihitung

r2.297 = 1

𝑀𝑎𝑥 (1)= 1

1= 1

3. Perhitungan pada kriteria Anak SD / C3 r3.1 = 1

r3.4 = 0

… dan seterusnya hingga nilai setiap kriteria dari alternative terakhir dihitung

… dan seterusnya hingga nilai setiap kriteria dari alternative terakhir dihitung

r4.297 = 1

𝑀𝑎𝑥 (2)= 1

2= 0,5

5. Perhitungan kriteria Anak SMA / C5 r5.1 = 0

… dan seterusnya hingga nilai setiap kriteria dari alternative terakhir dihitung

r5.297 = 0

𝑀𝑎𝑥 (2)= 0

2= 0

6. Perhitungan kriteria Balita / C6

… dan seterusnya hingga nilai setiap kriteria dari alternative terakhir dihitung

… dan seterusnya hingga nilai setiap kriteria dari alternative terakhir dihitung

r7.297 = 0

𝑀𝑎𝑥 (1)= 0

1= 0

8. Perhitungan kriteria Luas Bangunan / C8 r8.1 = 𝑀𝑖𝑛 (27)

r8.5 = 𝑀𝑖𝑛 (27)

64 = 40

64= 0,4219

… dan seterusnya hingga nilai setiap kriteria dari alternative terakhir dihitung

r8.297 = 𝑀𝑖𝑛 (27)

80 = 27

80= 0,3375

9. Perhitungan kriteria Penghasilan / C9 r9.1 = 𝑀𝑖𝑛 (350000)

… dan seterusnya hingga nilai setiap kriteria dari alternative terakhir dihitung

r9.297 = 𝑀𝑖𝑛 (350000)

800000 = 350000

800000= 0,4375

Dari perhitungan tersebut, maka diperoleh matriks ternormalisasi sebagai berikut : Tabel 4. 5 Matriks Ternormalisasi

No Kode Alternatif C1 C2 C3 C4 C5 C6 C7 C8 C9

No Kode Alternatif C1 C2 C3 C4 C5 C6 C7 C8 C9

7 321611016050646 0 0 0 0,5 0 1 0 0,4154 0,7778

8 321611016050645 0 0 0,5 0 0 0 0 0,4909 0,6364

9 321611016050641 0 0 0,5 0 0,5 0 0 0,4286 0,7000

10 321611017070608 0 0 0 0 0 1 0 0,3462 0,5833

n.. n.. n.. n.. n.. n.. n.. n.. n.. n.. n..

297 321611016050571 0 1 0 0,5 0 0 0 0,3375 0,4375

6. Membuat Matrik Preferensi

Tahap selanjutnya adalah matrik preferensi yaitu proses perhitungan nilai akhir dengan cara bobot dikali matrik normalisasi.

Keterangan :

Vi : Nilai Akhir Alternatif

Wi : Bobot (0,06 | 0,07 | 0,08 | 0,09 | 0,1 | 0,12 | 0,13 | 0,15 | 0,20) Rij : Normalisasi Matriks

Berikut ini adalah perhitungan matrik preferensi sebagai berikut :

V1 = (0,06*0) + (0,07*0) + (0,08*0,5) + (0,09*0) + (0,1*0) + (0,12*0) + (0,13*0) + (0,15*0,4821) + (0,2*0,2917) = 0,1707

V2 = (0,06*0) + (0,07*0) + (0,08*0) + (0,09*0) + (0,1*0,5) + (0,12*0) + (0,13*0) + (0,15*0,3649) + (0,2*0,7) = 0,2447

V3 = (0,06*0) + (0,07*0) + (0,08*0) + (0,09*0) + (0,1*0,5) + (0,12*0) + (0,13*0) + (0,15*0,6136) + (0,2*0,8750) = 0,3170

V4 = (0,06*0,5) + (0,07*0) + (0,08*0) + (0,09*0) + (0,1*0,5) + (0,12*0) + (0,13*0) + (0,15*0,7714) + (0,2*1) = 0,3957

V5 = (0,06*0) + (0,07*0) + (0,08*0) + (0,09*0) + (0,1*0,5) + (0,12*0) + (0,13*0) + (0,15*0,4219) + (0,2*0,5833) = 0,2299

… Dan seterusnya sampai nilai akhir alternative calon penerima bantuan terakhir dijumlahkan.

V297 = (0,06*0) + (0,07*1) + (0,08*0) + (0,09*0,5) + (0,1*0) + (0,12*0) + (0,13*0) + (0,15*0,3375) + (0,2*0,4375) = 0,2531

Dari perhitungan diatas didapatkan tabel preferensi. Untuk memudahkan perankingan, hasil nilai akhir atau preferensi diurutkan dari yang tertinggi ke yang terendah untuk penentuan prioritas yang paling layak menerima bantuan PKH.

Tabel 4. 6 Matrik Preferensi

Ranking Kode Alternatif Alternatif Preferensi

1 321611000700086 Halimah 0,4729

2 321611000700087 Marpuah 0,4613

3 321611016050617 Ririn 0,4602

4 321611016050557 Amsah 0,4374

5 321611016004850 Sarnih 0,4299

6 321611000700117 Tini Hamzahwati 0,4173

7 321611017070577 Wartini 0,4106

8 321611016006457 Nasih 0,4064

9 321611000700093 Yuli 0,4042

10 321611016050651 Benih 0,3957

n.. n.. n.. n..

4.2 Perancangan Sistem

Perancangan dalam membangun sistem pendukung keputusan ini terdiri dari perancangan sistem dengan menggunakan pemodelan Uified Modeling Language (UML), perancangan Database, dan perancangan User Interface.

Gambar 4. 1 Use Case Diagram 1. Use Case Diagram

Use Case Diagram Sistem Pendukung Keputusan Prioritas Kelayakan Penerima Bantuan PKH adalah sebagai berikut:

Deskripsi Usecase Diagram Sistem Pendukung Keputusan Prioritas Kelayakan Penerima Bantuan PKH adalah sebagai berikut :

1. Admin melakukan login untuk masuk kedalam sistem.

2. Admin dapat melakukan input, update, delete pada data warga miskin atau KPM (Keluarga Penerima Manfaat) calon penerima PKH

3. Admin dapat tambah dan reset data kriteria yang telah ditentukan.

4. Admin dapat melakukan reset perhitungan penilaian dalam penentuan prioritas penerima bantuan PKH

5. Admin dapat melihat hasil perangkingan dan dapat mencetak data berupa ranking prioritas peserta layak menerima bantuan PKH

6. Admin dapat melakukan input, update, delete pada data akun untuk menentukan hak akses siapa saja yang bisa masuk kedalam sistem.

7. Admin dapat melakukan logout untuk keluar dari sistem.

Gambar 4. 2 Activity Diagram Login 2. Activity Diagram

Activity diagram menggambarkan urutan aktifitas bagaimana nantinya seorang aktor akan berinteraksi dengan sistem. Berikut ini adalah activity diagram pada sistem pendukung keputusan penentuan prioritas kelayakan penerima bantuan PKH :

a. Activity Diagram Login

Tabel 4. 7 Deskripsi Activity Diagram Login Nama Activity Activity Diagram Login

Aktor Admin

Deskripsi Singkat

Melakukan login sebelum masuk ke sistem pendukung keputusan agar tidak dapat diakses oleh sembarang orang.

Tindakan Utama User melakukan login terlebih dahulu sebelum masuk kedalam sistem

Pasca Kondisi Masuk ke sistem pendukung keputusan prioritas kelayakan penerima bantuan PKH

Gambar 4. 3 Activity Diagram Kelola Data KPM b. Activity Diagram Kelola Data Peserta KPM

Tabel 4. 8 Deskripsi Activity Diagram Kelola Data KPM Nama Activity Activity Diagram Data KPM

Aktor Admin

Deskripsi Singkat Admin dapat melakukan kelola data KPM

Tindakan Utama Admin melakukan tambah, ubah, hapus data KPM Pasca Kondisi Masuk ke halaman Daftar Peserta KPM

Gambar 4. 4 Activity Diagram Kelola Kriteria c. Activity Diagram Kelola Kriteria

Tabel 4. 9 Deskripsi Activity Diagram Kelola Kriteria Nama Activity Activity Diagram Kriteria

Aktor Admin

Deskripsi Singkat Admin melakukan perubahan data kriteria sesuai kepentingan

Tindakan Utama Admin melakukan tambah dan reset kriteria penilaian Pasca Kondisi Masuk ke halaman data kriteria

Gambar 4. 5 Activity Diagam Perhitungan d. Activity Diagram Perhitungan

Tabel 4. 10 Deskripsi Activity Diagram Perhitungan

Nama Activity Activity Diagram Perhitungan

Aktor Admin

Deskripsi Singkat Admin melihat data perhitungan secara detail dari normalisasi matrik dan nilai preferensi

Tindakan Utama Admin dapat melakukan reset data hasil perhitungan

PascaKondisi Masuk ke halaman perhitungan

Gambar 4. 6 Activity Diagram Perankingan e. Activity Diagram Perankingan

Tabel 4. 11 Deskripsi Activity Diagram Perankingan Nama Activity Activity Diagram Perankingan

Aktor Admin

Deskripsi Singkat

Mendeskripsikan hasil penilaian akhir sehingga didapatkan prioritas yang paling layak untuk mendapat bantuan PKH

Tindakan Utama Admin melakukan cetak data lapran prioritas peserta PKH Pasca Kondisi Masuk ke halaman perankingan

Gambar 4. 7 Activity Diagram Kelola Data Akun f. Activity Diagram Kelola Data Akun

Tabel 4. 12 Deskripsi Activity Diagram Kelola Data Akun Nama Activity Activity Diagram Data Akun

Aktor Admin

Deskripsi Singkat Admin melakukan tambah data akun untuk menambah hak akses yang dapat masuk ke sistem

Tindakan Utama Admin dapat melakukan tambah, ubah, hapus data akun Pasca Kondisi Masuk ke halaman data akun

Gambar 4. 8 Activity Diagram Logout g. Activity Diagram Logout

Tabel 4. 13 Deskripsi Activity Diagram Logout Nama Activity Activity Diagram Logout

Aktor Admin

Deskripsi Singkat Mendeskripsikan alur proses keluarnya user dari sistem Tindakan Utama Admin melakukan logout untuk keluar dari sistem Pasca Kondisi Keluar dari sistem pendukung keputusan prioritas

kelayakan penerima bantuan PKH

3. Sequence Diagram

Sequence diagram menggambarkan interaksi antar objek di dalam dan disekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message terhadap waktu. Sequence diagram menjelaskan interaksi objek yang di susun dalam urutan waktu. Berikut adalah sequence diagram sistem yang akan dibuat :

Gambar 4. 9 Sequence Diagram Login a. Sequence Diagram Login.

Sequence diagram login dapat dilihat pada gambar berikut ini :

Tabel 4. 14 Deskrpsi Sequence Diagram Login

Nama Sequence Sequence Diagram Login

Aktor Admin

Deskripsi Singkat Menjelaskan proses terjadinya login dan masuk ke halaman utama

Pra Kondisi -

Tindakan Utama Membuka aplikasi, masukkan username dan password, masuk ke halaman utama.

Tindakan Alternatif -

Pasca Kondisi Masuk kedalam sistem

Gambar 4. 10 Sequence Diagram Data KPM b. Sequence Diagram Kelola Data KPM

Sequence diagram kelola data KPM dapat dilihat pada gambar di bawah ini:

Tabel 4. 15 Deskripsi Sequence Diagram Data KPM

Nama Sequence Sequence Diagram Data KPM

Aktor Admin

Deskripsi Singkat Menjelaskan proses kelola data alternatif calon penerima bantuan PKH

Pra Kondisi Login sistem

Tindakan Utama Melihat halaman Daftar peserta KPM, melakukan tambah, ubah, hapus data peserta KPM

Tindakan Alternatif -

Pasca Kondisi Masuk ke halaman Daftar peserta KPM

Gambar 4. 11 Sequence Diagram Kriteria c. Sequence Diagram Kriteria

Sequence diagram kelola kriteria dapat dilihat pada gambar di bawah ini:

Tabel 4. 16 Deskrpsi Sequence Diagram Kriteria

Nama Sequence Sequence Diagram Kriteria

Aktor Admin

Deskripsi Singkat Menjelaskan proses kelola kriteria dalam pemilihan calon penerima bantuan PKH

Pra Kondisi Login sistem

Tindakan Utama Melihat halaman kriteria, melakukan tambah, ubah, hapus kriteria

Tindakan Alternatif -

Pasca Kondisi Masuk ke halaman kriteria

Gambar 4. 12 Sequence Diagram Perhitungan d. Sequence Diagram Perhitungan

Sequence diagram perhitungan dapat dilihat pada gambar di bawah ini:

Tabel 4. 17 Deskripsi Sequence Diagram Perhitungan

Nama Sequence Sequence Diagram Perhitungan

Aktor Admin

Deskripsi Singkat Menjelaskan proses kelola perhitungan nilai dari setiap alternatif

Pra Kondisi Login sistem

Tindakan Utama Melihat halaman perhitungan, melakukan hitung normalisasi, hitung preferensi dan reset perhitungan

Tindakan Alternatif -

Pasca Kondisi Masuk ke halaman perhitungan

Gambar 4. 13 Sequence Diagram Perankingan e. Sequence Diagram Perankingan

Sequence diagram perankingan dapat dilihat pada gambar di bawah ini:

Tabel 4. 18 Deskripsi Sequence Diagram Perankingan

Nama Sequence Sequence Diagram Perankingan

Aktor Admin

Deskripsi Singkat Menjelaskan proses kelola perankingan dalam pemilihan calon penerima bantuan PKH

Pra Kondisi Login sistem

Tindakan Utama Melihat halaman perangkingan, melakukan cetak data laporan prioritas peserta PKH

Tindakan Alternatif -

Pasca Kondisi Masuk ke halaman perankingan

Gambar 4. 14 Sequence Diagram Data Akun f. Sequence Diagram Data Akun

Sequence diagram data akun dapat dilihat pada gambar di bawah ini:

Tabel 4. 19 Deskripsi Sequence Diagram Data Akun Nama Sequence Sequence Diagram Data Akun

Aktor Admin

Deskripsi Singkat Menjelaskan proses kelola data akun untuk menambahkan hak akses dalam menggunakan sistem

Pra Kondisi Login sistem

Tindakan Utama Melihat halaman data akun, melakukan tambah, ubah, hapus data akun

Tindakan Alternatif -

Pasca Kondisi Masuk ke halaman data akun

Gambar 4. 15 Sequence Diagram Logout g. Sequence Diagram Logout

Sequence diagram logout dapat dilihat pada gambar di bawah ini:

Tabel 4. 20 Deskripsi Sequence Diagram Logout

Nama Sequence Sequence Diagram Logout

Aktor Admin

Deskripsi Singkat Menjelaskan proses keluar dari sistem Pra Kondisi Login sistem

Tindakan Utama Melakukan logout dan keluar dari sistem Tindakan Alternatif -

Pasca Kondisi Keluar dari sistem

Gambar 4. 16 Class Diagram 4. Class Diagram

Class Diagram menggambarkan struktur system dari tiap-tiap kelas dan memperlihatkan hubungan yang satu dengan yang lainnya. Class Diagram Sistem Pendukung Keputusan Prioritas Kelayakan Penerima Bantuan adalah sebagai berikut :

4.2.1 Perancangan Database

Berikut ini adalah rancangan basis data sistem pendukung keputusan prioritas kelayakan penerima bantuan yaitu :

1. Tabel Provinsi

Nama Database : db_spk Nama Tabel : Provinsi Primary Key : kdProv Foreign Key : -

Tabel 4. 21 Struktur Data Tabel Provinsi

No Nama Tipe Ukuran Keterangan

1 kdProv int 3 Primary Key

2 nmProvinsi varchar 50 -

2. Tabel Kabupaten

Nama Database : db_spk Nama Tabel : Kabupaten Primary Key : kdKab Foreign Key : kdProv

Tabel 4. 22 Struktur Data Tabel Kabupaten

No Nama Tipe Ukuran Keterangan

1 kdKab int 11 Primary Key

2 kdProv int 11 Foreign Key

3 nmKab varchar 100 -

3. Tabel Kecamatan

Nama Database : db_spk Nama Tabel : Kecamatan Primary Key : kdKec Foreign Key : -

Tabel 4. 23 Struktur Data Tabel Kecamatan

No Nama Tipe Ukuran Keterangan

1 kdKec int 11 Primary Key

2 kdKab int 11 -

3 nmKec varchar 100 -

4. Tabel Kelurahan

Nama Database : db_spk Nama Tabel : Kelurahan Primary Key : kdKel Foreign Key : kdKec

Tabel 4. 24 Struktur Data Tabel Kelurahan

No Nama Tipe Ukuran Keterangan

1 kdKel char 10 Primary Key

2 kdKec int 11 Foreign Key

3 nama_kel varchar 255 -

5. Tabel Alamat

Nama Database : db_spk Nama Tabel : Alamat

Primary Key : kdRwyAlamat

Foreign Key : noPeserta, kdProv, kdKab, kdKec, kdKel

Tabel 4. 25 Struktur Data Tabel Alamat

No Nama Tipe Ukuran Keterangan

1 kdRwyAlamat int 11 Primary Key

2 noPeserta bigint 20 Foreign Key

3 kdProv int 20 Foreign Key

4 kdKab int 20 Foreign Key

5 kdKec int 20 Foreign Key

6 kdKel char 10 Foreign Key

7 alamat text - -

6. Tabel Data KPM

Nama Database : db_spk Nama Tabel : Data KPM Primary Key : noPeserta Foreign Key : -

Tabel 4. 26 Struktur Data Tabel Data KPM

No Nama Tipe Ukuran Keterangan

1 noPeserta bigint 20 Primary Key

2 namaPengurus varchar 50 -

3 tmpLahir varchar 50 -

4 tglLahir date - -

5 nmIbuKandung varchar 50 -

7. Tabel Bank

Nama Database : db_spk Nama Tabel : Bank Primary Key : kode_bank Foreign Key : -

Tabel 4. 27 Struktur Data Tabel Bank

No Nama Tipe Ukuran Keterangan

1 kode_bank char 3 Primary Key

2 nama_bank varchar 50 -

8. Tabel Detail Bank

Nama Database : db_spk Nama Tabel : Detail Bank Primary Key : id_rwy_bank

Foreign Key : kode_bank, noPeserta

Tabel 4. 28 Struktur Data Tabel Detail Bank

No Nama Tipe Ukuran Keterangan

1 id_rwy_bank int 5 Primary Key

2 kode_bank char 3 Foreign Key

3 noPeserta bigint 20 Foreign Key

No Nama Tipe Ukuran Keterangan

4 namaPemilik varchar 100 -

5 noRekening varchar 30 -

9. Tabel Kriteria

Nama Database : db_spk Nama Tabel : Kriteria Primary Key : id_kriteria Foreign Key : -

Tabel 4. 29 Struktur Data Tabel Kriteria

No Nama Tipe Ukuran Keterangan

1 id_kriteria int 2 Primary Key

2 nb_konBangunan double 7,6 -

3 nb_income double 7,6 -

4 nb_bumil double 7,6 -

5 nb_balita double 7,6 -

6 nb_sd double 7,6 -

7 nb_smp double 7,6 -

8 nb_sma double 7,6 -

9 nb_lansia double 7,6 -

10 nb_dis double 7,6 -

10. Tabel Benefit/Cost

Nama Database : db_spk Nama Tabel : Benefit/Cost Primary Key : id_bencost Foreign Key : -

Tabel 4. 30 Struktur Data Tabel Benefit/Cost Primary Key : kd_penilaian Foreign Key : noPeserta

Tabel 4. 31 Struktur Data Tabel Penilaian

No Nama Tipe Ukuran Keterangan

No Nama Tipe Ukuran Keterangan

10 n_sma int 2 -

11 n_lansia int 2 -

12 n_dis int 2 -

12. Tabel Ranking

Nama Database : db_spk Nama Tabel : Ranking Primary Key : id_rank Foreign Key : noPeserta

Tabel 4. 32 Struktur Data Tabel Ranking

No Nama Tipe Ukuran Keterangan

1 id_rank int 5 Primary Key

2 noPeserta bigint 20 Foreign Key

3 nilai double 7,6 -

13. Tabel User

Nama Database : db_spk Nama Tabel : User Primary Key : idUser Foreign Key : -

Tabel 4. 33 Struktur Data Tabel User

No Nama Tipe Ukuran Keterangan

1 idUser int 11 Primary Key

2 namaUser varchar 50 -

3 username varchar 40 -

4 password varchar 250 -

Gambar 4. 17 Rancangan Halaman Login

Gambar 4. 18 Perancangan Halaman Beranda 4.2.2 Perancangan User Interface

Perancangan user interface adalah rancangan desain system yang akan dibangun. Berikut ini adalah rancangan user interface :

1. Halaman Login

Halaman login adalah halaman yang pertama kali muncul ketika system dibuka. Berikut adalah rancangan dari form login :

2. Halaman Utama

Halaman utama atau beranda berisi menu-menu yang yang akan digunakan.

Berikut ini adalah rancangan halaman beranda :

Gambar 4. 19 Perancangan Halaman Data KPM

Gambar 4. 20 Perancangan Form Tambah Peserta 3. Halaman Data KPM

Halaman Data KPM adalah halaman yang berisi daftar peserta keluarga penerima manfaat. Berikut ini adalah rancangan halaman data KPM :

4. Form Tambah Peserta

Form ini berfungsi untuk menambahkan data peserta KPM baru yang belum terdaftar. Berikut ini adalah rancangan form tambah data peserta:

Gambar 4. 21 Perancangan Halaman Kriteria

Gambar 4. 22 Perancangan Form Tambah Kriteria 5. Halaman Kriteria

Halaman kriteria berfungsi untuk menampilkan nilai bobot kriteria yang digunakan dalam penilaian. Berikut ini adalah rancangan halaman kriteria :

6. Form Tambah Kriteria

Form Tambah kriteria berfungsi untuk menentukan nilai bobot kriteria yang dijadikan sebagai acuan dalam penilaian. Berikut ini adalah rancangan form tambah kriteria :

Gambar 4. 23 Perancangan Halaman Perhitungan

Gambar 4. 24 Perancangan Halaman Perankingan 7. Halaman Perhitungan

Halaman perhitungan berfungsi untuk menampilkan proses perhitungan nilai dasar, normalisasi dan nilai akhir preferensi dari setiap alternative. Berikut ini adalah rancangan halaman perhitungan :

8. Halaman Perankingan

Halaman perankingan berfungsi untuk menampilkan daftar peserta layak menerima bantuan berdasarkan nilai tertinggi. Berikut ini adalah rancangan halaman perankingan :

Gambar 4. 25 Perancangan Halaman Cetak Data Laporan

Gambar 4. 26 Perancangan Halaman Akun 9. Halaman Cetak Data Laporan

Pada halaman perankingan terdapat fungis tombol cetak data peserta prioritas penerima bantuan sehingga memudahkan untuk arsip laporan berbentuk hardcopy. Berikut adalah rancangan halaman cetak data laporan :

10. Halaman Akun

Halaman akun berfungsi untuk menampilkan daftar akun yang berhak mengakses sebuah system. Berikut ini adalah rancangan halaman akun :

Gambar 4. 27 Perancangan Form Tambah Akun 11. Halaman Tambah Akun

Halaman Tambah akun berfungsi untuk menambah dan menyimpan data username dan password untuk login ke system pendukung keputusan. Berikut ini adalah rancangan halaman tambah akun :

Dokumen terkait