Dalam Rancangan Antar Muka ini membantu dalam proses pembuatan sistem keputusan tersebut. Perancangan Antar Muka juga memberi gambaran User Interface sistem yang akan dibuat.
Gambar 3. 33 Mockup Login
Pada gambar diatas merupakan rancangan antar muka Login. Pada halaman ini terdapat dua field untuk memasukkan Username dan Password. Terdapat juga
button Login untuk masuk ke dalam aplikasi. Terdapat juga gambar untuk pemanis aplikasi tersebut.
Gambar 3. 34 Mockup Dashboard
Pada gambar yang tertera terdapat Mockup Dashboard. Pada halaman ini terdapat sidebar menu, Generate button, Clear button, Show button, AHP Pregress Term button, Show button.
Generate button untuk menampilkan hitungan AHP dari data-data yang sudah dimasukan. Clear button digunakan untuk menghapus tampilan model yang ditampilkan. Show Criteria Hierarchy button untuk menampilkan hirarki kriteria setelah menekan Generate Button. AHP Progress Term button untuk memperlihatkan seberapa progress AHP selesai. Show Alternative Hierarchy button untuk menampilkan Priority Value setiap bagian yang dipilih. Maka dari itu terdapat Drop Down button untuk memilih bagian yang ingin ditampilkan.
Gambar 3. 35 Mockup User List
Gambar diatas merupakan Mockup User List tampilan admin yang terdaftar untuk merubah isi tersebut. Terdapat juga search button untuk mempermudah pencarian nama user yang dicari. Di setiap list penamaan terdapat dua button yaitu update button dan delete button.
Update Button untuk merubah isi data yang telah ada, sedangkan delete button untuk menghapus user yang dipilih untuk dihapus. List-list tersebut dapat di urutkan berdasarkan waktu pembuatan dengan cara menekan ”Created´.
Gambar 3. 36 Mockup Update Data
Gambar Mockup Update Data diatas merupakan tampilan update button pada list user. Terdapat beberapa kolom field untuk mengisi dan submit button untuk mengakhiri pengisian data.
Gambar 3. 37 Mockup Create User
Yang terdapat pada gambar diatas merupakan Mockup Create User.
Terdapat juga beberapa tiga field, satu drop down dan submit button. Halaman ini untuk menambahkan User Admin yang dapat merubah aplikasi tersebut.
Gambar 3. 38 Mockup Role List
Gambar Mockup Role List diatas merupakan tampilan untuk menampilkan kegiatan apa saja yang bisa dilakukan pada role-role yang terdaftar. Terdapat search field dan dua button setiap role list yaitu update dan delete button.
Search Field digunakan untuk mencari data yang diinginkan dapat melalui Id, Role Name dan Permissions. Update button untuk merubah isi data yang sudah diisi sedangkan delete button untuk menghapus role yang ingin dihapus. List yang tertera dapat juga di urutkan berdasarkan waktu dengan menekan “Created”.
Gambar 3. 39 Mockup Create Roles
Pada gambar diatas adalah Mockup Create Roles untuk membuat Role baru.
Terdapat satu text field, satu drop down dan dua button. Button Add untuk menambahkan permission dan button Submit untuk mengakhiri kegiatan.
Gambar 3. 40 Mockup Berita List
Gambar Mockup Berita List merupakan tampilan untuk memasukkan artikel tempat pariwisata. Terdapat dua field list dan dua button yaitu choose file button untuk memasukkan foto dan submit button untuk mengakhiri.
Gambar 3. 41 Daftar Kriteria List
Pada Gambar diatas merupakan Gambar Daftar Kriteria List yang berisikan list-list kriteria yang terdaftar dan terdapat juga dua search dan tiga button. Button terdiri dari update, delete dan drop.
Update button untuk mengisi data yang ingin dirubah dalam kriteria tersebut. Delete button untuk menghapus kriteria terdaftar yang telah ditentukan admin. Sedangkan Drop dafta kriteria button untuk menghapus semua list-list kriteria yang telah terdaftar dalam database.
Gambar 3. 42 Mockup Add New Daftar Kriteria
Gambar Mockup Add New Daftar Kriteria merupakan tapilan untuk menambah kriteria baru. Terdapat field text dan submit button untuk mengakhiri kegiatan penambahan.
Gambar 3. 43 Mockup Kriteria List
Gambar diatas merupakan Mockup Kriteria List yang merupakan daftar-daftar kriteria. Terdapat tiga search dua button yaitu delete dan update list kriteria yang terdaftar.
Gambar 3. 44 Mockup Create Kriteria
Gambar diatas merupakan Mockup Create Kriteria untuk membuat kriteria baru dengan bobot. Terdapat dua drop down yang berisi list yang sudah terdaftar, ffield untuk memasukkan bobot dan submit button.
Apabila Kriteria yang diisi sudah diisi sebelumnya, maka akan muncul pemberitahuan bahwa kriteria yang dituju sudah diisi dengan bobot. Notifikasi tersebut bertujuan untuk menghidari duplikasi data.
Gambar 3. 45 Mockup Category Alternatif List
Mockup Category Alternatif List merupakan list alternative yang sudah terdaftar. Terdapat dua kolom search untuk mempermudah pencarian dan tiga button yaitu update, delete dan drop category untuk menghapus semua list yang ada.
Gambar 3. 46 Mockup Create Category
Mockup Create Category tersebut untuk menambah kategori baru. Dalam halaman ini terdapat satu field text untuk penamaan dan submit button untuk mengakhirinya.
Gambar 3. 47 Mockup Daftar Alternatif List
Gambar diatas merupakan Mockup Alternatif List yang berisikan daftar-daftar List Alternative. Terdapat tiga kolom search dan dua button yang terdiri dari delete button dan update button.
Kolom search berfungsi untuk mencari data yang ingin dicari dapat berupa Id, Alternative Name dan Alternative Category. Update button digunakan untuk memperbaharui data yang dituju. Sedangkan delete button digunakkan untuk menghapus alternative yang dituju. Alternative List dapat juga diurutkan berdasarkan waktu.
Gambar 3. 48 Mockup Create Daftar Alternatif
Mockup Create Daftar Alternatif merupakan tampilan untuk menambahkan alternative baru. Terdapat dua field text dan submit button untuk menyelesaikan kegiatan.
Gambar 3. 49 Mockup Alternatif List
Pada halaman Alternatif List ini terdapat lima kolom search untuk mencari Id, Kriteria, Kategori, Alternatif dan Terhadap Alternatif. Terdapat juga dua button yaitu update dan delete button.
Gambar 3. 50 Mockup Create Alternatif
Pada Gambar Mockup Create Alternatif diatas untuk membuat daftar alternative baru berdasarkan bobot. Maka dari itu terdapat empat drop down, satu field text yang hanya bisa dimasukkan angka dan submit button.
Drop down tersebut merupakan Kriteria, Category Alternatif, Alternatif dan Terhadap Alternatif. Sedangkan field text tersebut untuk mengisi bobot yang hanya dapat berupa angka. Setelah mengisi semua data dapat menekan submit. Bila data yang diisi sudah ada, maa akan ada notifikasi bahwa data sudah diisi. Hal ini untuk mencegah duplikasi data.