Desain user interface ini akan menjadi acuan nantinya dalam mengembangkan aplikasi. Desain user interface pada modul master adalah sebagai berikut
a. Master Pegawai
Desain user interface yang nantinya akan menjadi acuan dalam membuat form untuk menambahkan data pada master pegawai dapat dilihat pada gambar 3.72, gambar 3.73 dan gambar 3.74, sedangkan untuk desain UI view master pegawai dapat dilihat pada gambar 3.75.
77
Gambar 3.73 Desain User Interface Form Input Data Pelengkap
78
Gambar 3.75 Desain User Interface Form View Master Pegawai
Desain form input pegawai tetap satu form, tetapi nantinya form input dalam form tersebut bisa di-slide dengan menekan tombol Forward dan Previous.
b. Master Anak
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master anak dapat dilihat pada gambar 3.76 dan gambar 3.77.
79
Gambar 3.76 Desain User Interface Tambah Data pada Master Anak
Gambar 3.77 Desain User Interface Lihat View pada Master Anak
c. Master Pengalaman
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master pengalaman dapat dilihat pada gambar 3.78 dan gambar 3.79.
80
Gambar 3.78 User Interface Tambah Data pada Master Pengalaman
Gambar 3.79 Desain User Interface Lihat View pada Master Pengalaman
d. Master Pendidikan
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master pendidikan dapat dilihat pada gambar 3.80 dan gambar 3.81.
81
Gambar 3.80 Desain User Interface Tambah Data pada Master Pendidikan
Gambar 3.81 Desain User Interface Lihat View pada Master Pendidikan
e. Master Keterangan
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master keterangan dapat dilihat pada gambar 3.82 dan gambar 3.83.
82
Gambar 3.82 Desain User Interface Tambah Data pada Master Keterangan
Gambar 3.83 Desain User Interface Lihat View pada Master Keterangan
f. Master Unit
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master unit dapat dilihat pada gambar 3.84 dan gambar 3.85.
83
Gambar 3.84 Desain User Interface Tambah Data pada Master Unit
Gambar 3.85 Desain User Interface Lihat View pada Master Unit
g. Master Jabatan
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master jabatan dapat dilihat pada gambar 3.86 dan gambar 3.87.
84
Gambar 3.86 Desain User Interface Tambah Data pada Master Jabatan
Gambar 3.87 Desain User Interface Lihat View pada Master Jabatan
h. Master Gaji
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master gaji dapat dilihat pada gambar 3.88.
85
Gambar 3.88 Desain User Interface pada Master Gaji
i. Master Golongan
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master golongan dapat dilihat pada gambar 3.89.
86
j. Master Masa Kerja
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master masa kerja dapat dilihat pada gambar 3.90.
Gambar 3.90 Desain User Interface pada Master Masa Kerja
k. Master Shift
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master shift dapat dilihat pada gambar 3.91 dan gambar 3.92.
87
Gambar 3.92 Desain User Interface Lihat View pada Master Shift
l. Master Status Log
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master status log dapat dilihat pada gambar 3.93.
88
Master status log berfungsi untuk memanage data status log dimana status log sendiri berfungsi sebagai pembeda antara check in dan check out.
m. Master Tunjangan Transportasi
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master pegawai dapat dilihat pada gambar 3.94.
Gambar 3.94 Desain User Interface pada Master Tunjanngan Transport
n. Master Tunjangan Kesejahteraan
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master tunjangan kesejahteraan dapat dilihat pada gambar 3.95.
89
Gambar 3.95 Desain User Interface pada Master Tunjangan Kesejahteraan
o. Master Tunjangan Jabatan
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master tunjangan jabatan dapat dilihat pada gambar 3.96.
90
Besarnya tunjangan jabatan yang didapat oleh pegawai bergantung pada tingkatan jabatan yang dia miliki, semakin tinggi jabatan, maka nilai tunjangan jabatan yang didapat akan semakin besar. Maka dari itu pada desain form master jabatan terdapat combo box yang berisi id_jabatan yang nantinya sebagai acuan.
p. Master Alokasi Pegawai
Desain user interface yang nantinya akan menjadi acuan dalam membuat form master alokasi pegawai dapat dilihat pada gambar 3.97.
Gambar 3.97 Desain User Interface pada Master Alokasi Pegawai E. Unit Testing Modul Master
Uji coba dalam modul master ini untuk menguji apakah berbagai fungsi yang terdapat dalam modul master dapat berjalan sesuai dengan yang diharapkan. Desain uji coba modul master dapat dilihat pada tabel 3.11
91
Tabel 3.11 Uji Coba Modul Master Test
Case ID
Tujuan Input Output yang diharapkan User stories
1 Menambah data
Field yang tersedia pada
tiap form
Data dalam database dapat ditambahkan sesuai
dengan inputan.
U2, U3, U4, U5, U6, U7, U8, U9, U10, U11, U12,
U13, U14
2 Mengedit data
User melakukan aksi klik pada
tombol
Data yang telah terdapat dalam database bisa
dirubah.
U2, U3, U4, U5, U6, U7, U8, U9, U10, U11, U12,
U13, U14
3 Menghapus data
User melakukan aksi klik pada
tombol
Data yang telah berada dalam database bisa
dihapus.
U2, U3, U4, U5, U6, U7, U8, U9, U10, U11, U12,
U13, U14 4 Mengkspor data Menekan tombol export data pada master employee
Data dalam database karyawan dapat terisi data dari database
fingerprint.
U2, U3, U4, U5, U6, U7, U8, U9, U10, U11, U12,
U13, U14
3. Iterasi Penjadwalan Shift Pegawai
Proses perencanaan penjadwalan dilakukan oleh supervisor dari tiap unit untuk menentukan jadwal shift pegawai yang ada dalam unit tersebut. Penjadwalan inilah yang nantinya dijadikan acuan dalam penghitungan absensi pegawai dengan cara dicocokkan dengan realisasi absensi tiap hari. Pada tabel 3.12 akan ditunjukkan hak akses dari modul ini.
Tabel 3. 12 Hak Akses Modul Penjadwalan Shift Pegawai
HRD Supervisor Manager Accounting Admin
92