Perancangan Antarmuka Sistem Interface

75

3.8. Perancangan Antarmuka Sistem Interface

3.8.1. Halaman Menu Login Pada jendela login terdapat beberapa kategori yang berfungsi untuk menerima masukan berupa username dan password yang selanjutnya akan diproses dan diperiksa apakah username dan password tersebut telah valid atau tidak. Jika valid, maka pengguna tersebut akan dapat masuk ke aplikasi ini, tetapi jika tidak, maka aplikasi ini akan menolak username dan password tersebut dan aplikasi ini tidak dapat digunakan. Karena itu, jendela ini didesain dengan tampilan yang sederhana. Tampilan rancangan menu login dapat dilihat pada gambar 3.17. Gambar 3.17. Rancangan Menu Login Keterangan : 1. Logo : menampilkan selogan Universitas Sumatera Utara. 2. Title : berisi judul ―SPK Pemilihan Rancangan Rumah Tekstur Minimalis‖. 3. Image : berisi gambar rancangan rumah tekstur minimalis. 4. Input Username : berisi inputan nama pengguna. 5. Input Password : berisi inputan kata sandi pengguna. 6. Tombol Login : merupakan tombol proses verifikasi untuk masuk ke aplikasi. 7. Tombol Clear : merupakan tombol penghapusan jika inputan salah. 8. Footer : berisi tentang copyright 2015 Fasilkom-TI USU. Login User Username Password 8 1 2 3 4 5 6 7 Universitas Sumatera Utara 76 3.8.2. Halaman Menu Home Pada jendela Menu Home ini merupakan halaman yang pertama kali muncul setelah melakukan proses pada halaman Login. Pada halaman Menu Home akan menampilkan gambar berbagai macam rancangan yang menjadi alternatif pada aplikasi ini, yaitu gambar design 1 type rumah 130, design 2 type rumah 130, design 3 type rumah 54, design 4 type rumah 54, design 5 type rumah 45, design 6 type rumah 45. Tampilan rancangan menu Home dapat dilihat pada gambar 3.18. Gambar 3.18. Rancangan Menu Home Keterangan : 1. Logo : menampilkan selogan Universitas Sumatera Utara. 2. Menu Home : menampilkan gambar-gambar design rumah minimalis. 3. Menu Input Data : berisi sub menu Input Alternatif, Input Nilai Alternatif, Input Kriteria, Input Nilai Kriteria, Input Nilai IRK 4. Menu Metode AHP : menu yang mengarahkan user untuk menghitung metode AHP 5. Menu Metode FDM: menu yang mengarahkan user untuk menghitung metode FDM. 6. Logout : menu Logout yang berfungsi untuk keluar dari aplikasi. 7. Image : berisi gambar-gambar rancangan rumah tekstur minimalis yang bergerak ke kiri dan ke kanan tanda panah kiri dan kanan. 8. Footer : berisi tentang copyright 2015 Fasilkom-TI USU. 8 1 2 3 4 5 6 7 Universitas Sumatera Utara 77 3.8.3. Halaman Menu InputData Pada jendela Menu Input Data ini merupakan halaman lanjutan setelah halaman Menu Input Data. Dimana halaman ini memiliki beberapa menu bar, yaitu menu Input Alternatif, Input Nilai Alternatif, Input Kriteria, Input Nilai Kriteria, Input Nilai IRK. Tampilan rancangan menu Input Data dapat dilihat pada gambar 3.19. Gambar 3.19. Rancangan Menu Input Data Keterangan : 1. Logo : menampilkan selogan Universitas Sumatera Utara. 2. Menu Home : menampilkan gambar-gambar design rumah minimalis. 3. Menu Input Data : berisi sub menu Input Alternatif, Input Nilai Alternatif, Input Kriteria, Input Nilai Kriteria, Input Nilai IRK. 3.1. Input Alternatif : berisi form input alternatif. 3.2. Input Nilai Alternatif