JUDUL
FASILKOM-TI USU USERNAME
PASSWORD
LOGIN 1
2 3
4
Gambar 3.9 Rancangan Halaman Login
Tabel 3.1 Keterangan Bagian-Bagian Rancangan Halaman Login
No Jenis Objek
Keterangan
1 Judul
Judul atau nama dari aplikasi 2
Textfield username Untuk tempat isian username
3 Textfield password
Untuk tempat isian password 4
Tombol Login Untuk masuk ke aplikasi
b. Halaman Menu
Setelah berhasil login maka akan tampil halaman home dan beberapa menu lain. Halaman ini terdiri dari lima menu yaituMenu Input data, Proses SAW, Proses WPM,
Informasi dan Logout. Rancangan tampilan untuk halaman menu diapat dilihat pada Gambar 3.10.
JUDUL
FASILKOM-TI USU INPUT DATA
1 2
4 3
PROSES SAW PROSES WPM LOGOUT
INFORMASI
5
Gambar 3.10. Rancangan tampilan Halaman Menu
Universitas Sumatera Utara
Tabel 3.2 Keterangan Bagian-Bagian Rancangan Halaman Menu No
Jenis Objek Keterangan
1 Menu Input Data
Berisi Input Kriteria dan Input Alternatif 2
Menu Proses SAW Hasil dari Sistem dengan menggunakan Metode SAW 3
Menu Proses WPM Hasil dari Sistem dengan menggunakan Metode WPM 4
Menu Informasi Menu yang berisi informasi tentang BSM
5 Menu Logout
Menu untukkeluar dari aplikasi
c. Halaman Input data
Setelah Login, user akan masuk ke halaman selanjutnya dimana halaman tersebut terdiri dari beberapa menu bar yaitu: menu Input Data, Proses SAW, Proses WPM,
Informasi dan Logout. Bersamaan dengan itu user akan masuk dalam menu Input Data. Tampilan rancangan halaman menu input data dapat dilihat pada gambar 3.10
JUDUL
FASILKOM-TI USU INPUT DATA
1
PROSES SAW PROSES WPM LOGOUT
INFORMASI Input Alternatif
Simpan
Input Kriteria
Hapus Textfield Input Data
Tabel Data Alternatif 2
3 4
5 6
7
Gambar 3.11 Rancangan Halaman Input Data
Tabel 3.3 Keterangan Bagian-Bagian Rancangan Halaman Input Data
No Jenis Objek
Keterangan
1 Menu Input Data
Untuk input data kriteria dan input data Alternatif 2
Input Alternatif
Untuk input data Alternatif 3
Input Kriteria
Untuk input data Kriteria 4
Textfield input data Untuk tempat mengisi data alternatif dan kriteria
Universitas Sumatera Utara
5 Tombol Simpan
Untuk menyimpan data yang telah diisi 6
Tombol Hapus Untuk menghapus data yang ada pada textfield
7 Tabel
Tabel yang menampilkan data yang telah di input
d. Halaman Proses SAW
Halaman ini menampilkan tabel-tabel yang berisikan tentang data Alternatif yang telah di input, yang kemudian dilanjutkan dengan proses SAW sehingga akan
menampilkan hasil dari proses metode SAW tersebut yaitu perankingan penerima BSM. Tampilan rancangan halaman menu Proses SAW dapat dilihat pada gambar
3.12.
JUDUL
FASILKOM-TI USU INPUT DATA
1
PROSES SAW PROSES WPM LOGOUT
INFORMASI Proses SAW
Proses Tabel Data Alternatif
3 2
Gambar 3.12 Rancangan Halaman Proses SAW Tabel 3.4 Keterangan Bagian-Bagian Rancangan Proses SAW
No Jenis Objek
Keterangan
1 Proses SAW
Untukmelihat proses dan hasil dari proses SAW 2
Tabel Data Alternatif Tabel yang berisi data Alternatif yang telah di input
3 Tombol Proses
Untuk menjalankan proses metode SAW tersebut
Yang kemudian dilanjutkan dengan Tampilan Halaman Hasil Proses SAW, yang dapat dilihat pada gambar 3.13.
Universitas Sumatera Utara
JUDUL
FASILKOM-TI USU INPUT DATA
2
PROSES SAW PROSES WPM LOGOUT
INFORMASI Proses SAW
Tabel Hasil 1
Tabel Proses SAW 1
2
Gambar 3.13 Rancangan Halaman Hasil Proses SAW Tabel 3.5 Keterangan Bagian-Bagian Rancangan Hasil Proses SAW
No Jenis Objek
Keterangan
1 Tabel Proses SAW
Tabel yang berisikan Bagaimana Proses Metode SAW tersebut yang berupa data
2 Tabel Hasil
Tabel yang berisi hasil yang diperoleh dari proses metode SAW tersebut
e. Halaman Proses WPM