4.5 Perancangan Antar Muka Interface
Antarmuka Interface merupakan bagian dari sistem aplikasi yang digunakan sebagai alat komunikasi antara sistem dan user. Perancangan antarmuka dalam
simulasi Aplkasi Penggajian ini terdiri dari :
1. Halaman utama Index.php
Merupakan halaman utama yang akan diakses pertama kali ketika situs dibuka. Pada halaman ini berisi menu login.
Gambar 4.8 Perancangan tatap muka halaman utama
HEADER
GAMBAR SLIDE
ISI DAN MENU LOGIN
FOOTER LOGO
LOGO
Universitas Sumatera Utara
2. Halaman Login login.php
Merupakan halaman untuk pengisian form login. Pada pengisian form login pilihlah level admin atau level kasir.
HEADER LOGO
FORM LOGIN
FOOTER
Gambar 4.9 Perancangan tatap muka halaman login
LOGO
Universitas Sumatera Utara
4. Perancangan Halaman Utama Adminhome.php?page=HalamanUtama
Halaman ini merupakan halaman tempat admin untuk mengisi semua data-data pegawai. Pada halaman ini mencakup home, data user, data bagian, data pegawai,
data lembur, data pinjaman, data penggajian, laporan data user, laporan data bagian, laporan data pinjaman, laporan data lembur, laporan data penggajian.
HEADER LOGO
ISI DARI BAGIAN MENU
FOOTER
Gambar 4.10 Perancangan tatap muka halaman utama admin
LOGO
Home Data
Laporan
Logout Data User
Data Bagian Data Pegawai
Data Lembur Data Pinjaman
Data Penggajian
Laporan Data User Laporan Data Bagian
Laporan Data Pinjaman Laporan Data Lembur
Laporan Data Penggajian
Universitas Sumatera Utara
5. Perancangan Halaman Untuk Kasir home.php?page=HalamanUtama
Halaman ini merupakan halaman tempat kasir untuk mencetak semua data-data pegawai. Pada halaman ini mencakup home, data penggajian, laporan data user,
laporan data bagian, laporan data pinjaman, laporan data lembur, laporan data penggajian.
Gambar 4.11 Perancangan tatap muka halaman utama kasir
HEADER LOGO
LOGO
Home Data Penggajian
Laporan
Laporan Data User Laporan Data Bagian
Laporan Data Pinjaman Laporan Data Lembur
Laporan Data Penggajian
Logout
FOOTER ISI DARI BAGIAN MENU
Universitas Sumatera Utara
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem