Perancangan User Interface TINJAUAN PUSTAKA

Tabel sub kriteria merupakan media untuk merekam data sub kriteria. Struktur tabel sub criteria seperti pada tabel 3.32. Tabel 3.32. Tabel Sub Kriteria Field Type Size Keterangan id_sub_kriteria Int 10 id sub criteria id_kriteria Int 10 id criteria nama_sub_kriteria Varchar 40 nama sub criteria Factor Varchar 10 Factor Primary Key : id_sub_kriteria foreign key : id_kriteria 10. Tabel User Tabel user merupakan media untuk merekam data user. Struktur tabel user seperti pada tabel 3.33. Tabel 3.33. Tabel User Field Type Size Keterangan id_user Int 10 id user User name Varchar 40 user name Password Varchar 30 password Level Varchar 30 level Primary Key : id_user

3.7 Perancangan User Interface

3.7.1 Perancangan Admin Interface Input Pemasukan Data

Perancangan input adalah spesifikasi pembuatan perancangan input yang nantinya akan berguna untuk mempermudah menjalankan fungsi memasukkan data.

3.7.2 Perancangan Input Data User

Universitas Sumatera Utara Perancangan Input Data user merupakan perancangan untuk memasukan data user yang akan menjalankan sistem yang akan dibangun. bentuk perancangan input data user seperti pada gambar 3.8. Home User Pegawai Kriteria Sub Kriteria Logo Welcome, XXX Ubah Password | Logout Home Form User Form User Username Nama Lengkap Password Konfirmasi Password Level V SAVE Footer 1 2 3 4 5 6 7 Gambar 3.8 Perancangan Input Data User Keterangan objek : a Label 1  Label untuk tampilan logo website b text 2  inputan yang menampilkan inputan text username c text 3  inputan yang menampilkan inputan text nama lengkap d text 4  inputan yang menampilkan inputan text password e text 5  inputan yang menampilkan inputan konfirmasi password f combo box 6  inputan untuk menampilkan inputan level g Button 7  Button untuk menyimpan inputan

3.7.3 Perancangan Input Data Pegawai

Universitas Sumatera Utara Perancangan Input Data Pegawai merupakan perancangan untuk memasukan data Pegawai. Proses input ini Pegawai ini sendiri dilakukan oleh admin. bentuk perancangan input data Pegawai seperti terlihat pada gambar 3.9 . Home User Pegawai Kriteria Sub Kriteria Logo Welcome, XXX Ubah Password | Logout Home Form Pegawai Form Pegawai NIK Pegawai Nama Pegawai Jenis Kelamin Alamat SAVE Footer 1 2 3 4 5 6 Gambar 3.9 Perancangan Input Data Pegawai Keterangan objek : a Label 1  Label untuk tampilan logo website b text 2  inputan yang menampilkan inputan text NIK Pegawai c text 3  inputan yang menampilkan inputan text nama pegawai d text 4  inputan yang menampilkan inputan text jenis kelamin e text 5  inputan yang menampilkan inputan text alamt f Button 6  Button untuk menyimpan inputan

3.7.4 Perancangan Input Data Kriteria

Universitas Sumatera Utara Perancangan Input Data kriteria merupakan perancangan untuk memasukan data kriteria. Proses input ini sendiri dilakukan oleh admin. bentuk perancangan input data kriteria dapat dilihat pada gambar 3.10. Logo Welcome, XXX Ubah Password | Logout Home Form Kriteria Form Kriteria Nama Kriteria Bobot SAVE Footer Home User Pegawai Kriteria Sub Kriteria 1 2 3 4 Gambar 3.10 Perancangan Input Data Kriteria Keterangan objek : a Label 1  Label untuk tampilan logo website b text 2  inputan yang menampilkan inputan nama kriteria c text 3  inputan yang menampilkan inputan bobot kriteria d Button 4  Button untuk menyimpan inputan

3.7.5 Perancangan Input Data Sub Kriteria

Perancangan Input Data sub kriteria merupakan perancangan untuk memasukan data sub kriteria. Proses input sub kriteria ini sendiri dilakukan oleh admin. bentuk perancangan input data sub kriteria dapat seperti gambar . Keterangan objek : Universitas Sumatera Utara a Label 1  Label untuk tampilan logo website b combobox 2  inputan yang menampilkan inputan nama kriteria c text 3  inputan yang menampilkan inputan sub kriteria d text 4  inputan untuk menampilkan inputan faktor e button 5  untuk menyimpan hasil inputan

3.7.6 Perancangan Input Data Penilaian

Home User Pegawai Kriteria Sub Kriteria Logo Welcome, XXX Ubah Password | Logout Home Form Penilaian Nama Kriteria XXXX Sub Kriteria XXX SAVE Footer 1 2 3 Gambar 3.11 Perancangan Input Data Penilaian Keterangan objek : a Label 1  Label untuk tampilan logo website b inputan 2 inputan yang menampilkan inputan penilaian untuk sebuah sub kriteria c button 3  untuk menyimpan hasil inputan

3.7.7 Perancangan Admin Interface Output Keluaran

Perancangan output merupakan suatu bentuk keluaran yang dibutuhkan oleh admin dalam penyampaian informasi. Adapun maksud dari output disini adalah yang dihasilkan di layar monitor.

3.7.8 Rancangan Pengolahan data user

Universitas Sumatera Utara Rancangan Pengolahan Data user merupakan media untuk menampilkan pengolahan data user yang ada dalam bentuk tabel user. Tabel user ini sendiri hanya dapat dilihat oleh admin. Perancangan pengolahan data user seperti gambar 3.12: Logo Welcome, XXX Ubah Password | Logout Home Data User Data User Footer Username Password XXX XXX XXX XXX Edit Edit Edit Delete Delete Delete Level XXX XXX Home User Pegawai Kriteria Sub Kriteria 1 2 3 4 5 6 Gambar 3.12 Rancangan Pengolahan data user Keterangan objek : a Label 1  Label untuk tampilan logo website b Kolom 2 kolom yang menampilkan data username dari tabel user c Kolom 3 kolom yang menampilkan data password dari tabel user d Kolom 4 kolom yang menampilkan data level dari tabel user e Kolom 5 kolom yang menampilkan perintah edit data user dari tabel user f Kolom 6 kolom yang menampilkan perintah delete data user dari tabel user

3.7.9 Perancangan Pegolahan Data Pegawai

Rancangan Pengolahan Data pegawai merupakan media untuk menampilkan pengolahan data pegawai yang ada dalam bentuk tabel pegawai. Tabel pegawai ini Universitas Sumatera Utara sendiri hanya dapat dilihat oleh admin. Perancangan pengolahan data pegawai seperti pada gambar 3.13: Logo Welcome, XXX Ubah Password | Logout Home Data Pegawai Data Pegawai Footer NIK Pegawai Nama Pegawai Jenis Kelamin XXX XXX XXX XXX XXX XXX Action Edit | Delete | Penilaian Edit | Delete | Penilaian Alamat XXX XXX Home User Pegawai Kriteria Sub Kriteria 2 3 4 5 6 Gambar 3.13 Perancangan Pegolahan Data Pegawai Keterangan objek : a Label 1  Label untuk tampilan logo website b Kolom 2 kolom yang menampilkan data NIK pegawai dari tabel pegawai c Kolom 3 kolom yang menampilkan data nama pegawai dari tabel pegawai d Kolom 4 kolom yang menampilkan data jenis kelamin dari tabel pegawai e Kolom 5 kolom yang menampilkan data alamat dari tabel pegawai f Kolom6 = Kolom yang menampilkan perintah action yang berisi perintah untuk memberikan penilaian, edit pegawai, dan delete pegawai

3.8 Perancangan Pengolahan Data Kriteria