3.3 Perancangan Desain Antarmuka
Pada sub-bab ini akan dijelaskan tentang perencanaan desain antarmuka dalam aplikasi ini. Dalam penrancangan desain antarmuka untuk aplikasi absensi fingerprint
berbasis desktop menggunakan aplikasi MacFlow sedangkan aplikasi web desain antarmuka mengikuti desain yang telah dibuat sebelumnyaDesain SIALAB.
3.3.1. Halaman Login Desktop
Halaman login sistem absensi fingerprint Teknik Informatika UPN “Veteran”
Jatim dibuat sederhana supaya user dapat mudah memahami menu – menu yang ada.
Terlihat Pada Gambar 3.20.
Gambar 3.20 Halaman Login Aplikasi Desktop
Perancangan halaman login aplikasi desktop yang ditunjukkan pada gambar 3.20 mempunyai dua bagian, bagian pertama untuk menampilkan judul halaman yang
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
terdapat pada header dan content yang berisi username, password, command login dan cancel.
3.3.2. Halaman Registrasi Sidik Jari
Halaman registrasi sidik adalah halaman yang digunakan untuk melakukan pendaftaran sidik jari, halaman registrasi sidik jari dibuat dengan tampilan yang
sederhana supaya mudah dioperasikan oleh pengguna. Lihat Gambar 3.21
Gambar 3.21 Halaman Registrasi Sidik Jari
Perancangan halaman registrasi sidik jari yang ditunjukkan pada gambar 3.21 dibagi menjadi dua bagian, bagian pertama untuk menampilkan judul halaman yang
terdapat pada header dan content yang berisi id sidik jari, npm, gambar sidik jari command mulai dan batal.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
3.3.3. Halaman Absensi Sidik Jari
Halaman yang ditunjukkan pada gambar 3.22 adalah halaman absensi sidik jari yang akan digunakan untuk melakukan kegiatan absensi praktikum.
Gambar 3.22 Halaman Absensi Sidik Jari
Perancangan halaman absensi sidik jari dibagi menjadi tiga bagian, bagian pertama header digunakan untuk menampilkan judul halaman, bagian kedua digunakan
menu untuk memilih praktikum, sesi praktikum dan mencari npm absensi, dan bagian ketiga adalah content digunakan untuk menampilkan data absensi praktikum.
3.3.4. Halaman Login Aplikasi Berbasis Web
Halaman login yang pada gambar 3.23 adalah halaman yang diadobsi dari aplikasi Sistem Informasi Akademik Lab Teknik Informatika Universitas
Pembangunan Nasional Jawa Timur Veteran Jawa Timur.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 3.23 Halaman Login Aplikasi Berbasis Web
Pada gambar 3.23 menjelaskan halaman login web yang diadobsi oleh SIALAB terdapat bagian header yang digunakan untuk menampilkan textbox username, dan
password dan judul program.
3.3.5. Halaman Report Absensi Praktikum