3.4.4 Perancangan Antar Muka
Interface atau antarmuka merupakan tampilan dari suatu program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana dialog
antara program dengan user. Sistem yang dibangun diharapkan menyediakan interface yang sesuai dengan kebutuhan dan karakteristik user. Perancangan
interface untuk aplikasi database karyawan PT. Bekaert Advanced Filtration adalah sabagai berikut:
3.4.4.1 Perancangan Antarmuka Admin
1. Menu Login Admin
T01
·
Isi User ID dengan
benar, klik Login menuju
T03 ·
Apabila User ID dan
Password tidak cocok,
muncul M01
LOGIN ADMINISTRATOR Passoword
: User ID
:
L O G I N
Nama Form : T01
Ukuran Layar : Dimanis sesuai monitor pengguna
Font : Arial
Header
LOGO PERUSAHAAN
ADMINISTRASI SISTEM KEPEGAWAIAN BEKAERT
Gambar 3.411 Perancangan T01
2. Menu Utama Admin
T03
· Klik Home menuju T03
· Klik Input Data Kayawan menuju
T05 · Klik View Data
Karyawan menuju T06
· Klik Logout menuju T01
Nama Form : T03
Ukuran Layar : Dimanis sesuai monitor pengguna
Font : Arial
Header
LOGO PERUSAHAAN
ADMINISTRASI SISTEM KEPEGAWAIAN BEKART
Footer
| HOME
| | INPUT DATA KARYAWAN | | VIEW DATA KARYAWAN | | LOGOUT
| Welcome In Bekaert Employee System
No NIK
Name Dept
Section Position
Address
Gambar 3.412 Perancangan T03
3. View Data Karyawan
T06
· Klik Home menuju T03
· Klik Input Data Kayawan menuju
T05 · Klik View Data
Karyawan menuju T06
· Klik Logout menuju T01
· Klik Detail menuju T07
Nama Form : T06
Ukuran Layar : Dimanis sesuai monitor pengguna
Font : Arial
Header
LOGO PERUSAHAAN
ADMINISTRASI SISTEM KEPEGAWAIAN BEKART
Footer
| HOME
| | INPUT DATA KARYAWAN | | VIEW DATA KARYAWAN | | LOGOUT
| Data Karyawan
No NIK
Name Dept
Address Action
Detail
Gambar 3.413 Perancangan T06
4. Form Input Data Karyawan
T05
· Klik Home menuju T03
· Klik Input Data Kayawan menuju
T05 · Klik View Data
Karyawan menuju T06
· Klik Logout menuju T01
· Isi data karyawan dengan benar
· Klik Input, muncul M03
· Jika terjadi kesalahan M05
· Klik Reset untuk menghapus data
Nama Form : T05
Ukuran Layar : Dimanis sesuai monitor pengguna
Font : Arial
Header
LOGO PERUSAHAAN
ADMINISTRASI SISTEM KEPEGAWAIAN BEKART
Footer
| HOME
| | INPUT DATA KARYAWAN | | VIEW DATA KARYAWAN | | LOGOUT
| Input Data Karyawan
Pilih Text Area Address
Tgl Choose File
NIK Name
Dept Section
Position Grade
Sex Religion
Address In Hire
Basic Salaty Transpor
Home Phone Mobile Phone
Photo Password
Employee Status Input
Reset Islam
Christian Chatolic
Buddha Hindu
Male Female
White Color Blue Color
Bln Thn
Gambar 3.414 Perancangan T05
5. Form Edit Data Karyawan