52
a. Desain Interface Halaman Administrator Dashboard
Desain interface halaman admin menggunakan desain statis dengan letak menu
di sebelah kiri. Warna yang digunakan merupakan warna dingin, yaitu biru, untuk menjaga ketahanan mata. Konten utama berada di tengah halaman, sedangkan
untuk log out disediakan button di pojok kanan atas.
1 Halaman Log in Halaman
log in menyediakan dua text box untuk memasukkan username dan password. Letak pusat aksi berada di tengah untuk memudahkan dan
menyesuaikan pandangan user. Desain interface sesuai pada Lampiran 1 Gambar 1.
2 Halaman Home Halaman beranda ini sudah memasuki tampilan utama yang statis, yaitu
menampilkan pilihan menu pada sisi kiri halaman dan konten berada di tengah halaman. Konten pada halaman ini berisi pengantar awal mengenai
dashbard Laborastory
. Desain interface halaman home ada pada Gambar 9 berikut.
Gambar 9. Desain Interface Back-End Halaman Home Dashboard
53 3 Halaman Manajemen User
Halaman Manajemen User menyediakan tampilan seperti pada konsep yaitu
menu berada di sisi kiri halaman web. Konten berisi tabel daftar user yang ada pada
sistem, pilihan aksi untuk mengubah data ataupun menghapus data , ataupun
pilihan aksi untuk mencetak data. Desain interface Manajemen User sesuai pada
Gambar 10 berikut.
Gambar 10. Desain Interface Back-End Halaman Manajemen User
4 Halaman Manajemen Perangkat Halaman Manajemen Perangkat menyediakan tampilan seperti pada konsep
utama yaitu menu berada di sisi kiri halaman web. Konten berisi tabel daftar
perangkat, pilihan aksi untuk mengubah data ataupun menghapus data , button
untuk menampilkan daftar perangkat yang memasuki masa akhir manfaat, dan mencetak data. Desain halaman Manajemen Perangkat sesuai pada Lampiran 1
Gambar 2.
54 5 Halaman Antrian
Halaman Manajemen Antrian menyediakan tampilan seperti pada konsep utama yaitu menu berada di sisi kiri halaman
web. Konten berisi tabel daftar antrian yang ada pada
database, pilihan aksi untuk menghapus data, memindahkan data antri ke daftar peminjaman, cetak data, dan tambah data; di tengah halaman. Desain
halaman Antrian sesuai pada Lampiran 1 Gambar 3. 6 Halaman Peminjaman
Halaman Manajemen Peminjaman menyediakan tampilan seperti pada konsep utama yaitu menu berada di sisi kiri halaman
web. Konten, yang berada di tengah, berisi tabel daftar peminjaman yang ada pada
database, pilihan aksi untuk mengubah data, menghapus data
, selesai peminjaman, cetak data, dan tambah data. Desain halaman Manajemen Peminjaman sesuai pada Lampiran 1 Gambar 4.
7 Halaman Tambah Data Halaman tambah data menyediakan tampilan seperti pada konsep utama yaitu
menu berada di sisi kiri halaman web. Konten berisi tabel form untuk diisi sesuai
kebutuhan data yang ditambahkan serta button untuk memproses penyimpanan
data; sesuai pada Lampiran 1 Gambar 7.
b. Desain Interface Halaman User Front-End
Kategori