3. Perancangan interface halaman absen keluar
Gambar pada 3.15 di bawah ini merupakan perancangan interface halaman akses pegawai untuk melakukan absen keluar setelah melakukan login pada menu awal.
HEADER
LOGO DAN KETERANGAN
Nama pegawai keluar
-setelah login pegawai akan
memasuki tampilan absen, hanya tinggal
mengklik button keluar maka pegawai
sudah melakukan absen
-setelah klik button kelaur maka akan
muncul alert waktu keluar klik ok maka
waktu akan tersimpan dalam
database
tanggal T 2.1
Waktu keluar ok
Gambar 3.11 Perancangan interface halaman absen keluar
4. Perancangan interface halaman admin awal
Gambar pada 3.17 di bawah ini merupakan perancangan interface halaman admin, setelah melakukan login pada halaman awal
HEADER
LOGO DAN KETERANGAN Data
pegawai
-jika mengklik button dara pegawai maka
akan memasuki tabel data pegawai
Jika mengklik button absen maka akan
memasuki tabel hasil absen pegawai
absen T3
Gambar 3.12 Perancangan interface halaman admin awal.
5. Perancangan interface halaman admin data pegawai
Gambar pada 3.17 di bawah ini merupakan perancangan interface halaman admin menu data pegawai.
HEADER
LOGO DAN KETERANGAN Data
pegawai
-setelah klik button data pegawai maka
akan di tampilkan tabel data pegawai
Laporan absen
T 3.1.1
password nik
email jabatan
nama No telp
alalmat
tambah edit
hapus
Gambar 3.13 Perancangan interface halaman admin menu data pegawi
6. Perancangan interface halaman admin menu tambah data pegawai
Gambar pada 3.17 di bawah ini merupakan perancangan interface halaman admin menu tambah data pegawai.
HEADER
LOGO DAN KETERANGAN Data
pegawai
-setelah klik tambah pada menu data
pegawai sebelumnya maka akan tampil
menu tambah data pegawai
-klik save untuk menyimpan data ke
dalam database -klik reset untuk
mengulangi pengisian datab
ketika melakukan kesalahan pengisian
sebelum di save
Laporan absen
T 3.1.2
password nik
email jabatan
nama
No telp alalmat
save reset
Gambar 3.14 Perancangan interface halaman admin menu tambah data pegawi.
Kategori