4.5.

1 Perancangan Antarmuka Website

1. Perancangan Antarmuka Login Website

Berikut merupakan antarmuka dari halaman Login. Pada halaman ini

nantinya akan dilengkapi dengan form untuk masuk kedalam website dan tombol
masuk untuk memverifikasi hanya user dengan role admin yang dapat Login,
seperti Gambar 4.21.
 Gambar 4. 1 Perancangan Antarmuka Login Website

2. Perancangan Antarmuka Dashboard Website

Berikut merupakan antarmuka dari halaman Dashboard. Pada halaman

ini nantinya akan dilengkapi dengan informasi jumlah kehadiran perharinya
dalam bentuk chart sesuai bulan yang dipilih, informasi jumlah pinjaman, jumlah
penggajian, dan juga informasi mengenai aktifitas yang dilakukan karyawan di
dalam sistem, seperti Gambar 4.22.
 Gambar 4. 2 Perancangan Antarmuka Dashboard Website

3. Perancangan Antarmuka Website Halaman List Karyawan

Berikut merupakan antarmuka dari halaman List Karyawan. Pada

halaman ini nantinya akan dilengkapi dengan informasi mengenai karyawan yang
terdaftar di dalam sistem, icon titik pada action yang akan memunculkan opsi
action yang akan dipilih oleh pengguna ketika ditekan dan terdapat action diatas
tabel untuk opsi search, dan tambah data, seperti Gambar 4.23.
 Gambar 4. 3 Perancangan Antarmuka Website Halaman List Karyawan

4. Perancangan Antarmuka Website Halaman Tambah Karyawan

Berikut merupakan antarmuka dari halaman Tambah Karyawan. Pada

halaman ini nantinya akan ditampilkan form yang harus dilengkapi oleh user
untuk mendaftarkan data karyawan ke dalam sistem, seperti Gambar 4.24.
 Gambar 4. 4 Perancangan Antarmuka Website Halaman Tambah Karyawan

5. Perancangan Antarmuka Website Halaman List Divisi

Berikut merupakan antarmuka dari halaman List Divisi. Pada halaman ini
nantinya akan dilengkapi dengan informasi mengenai divisi apa saja yang
terdapat pada sistem, icon titik pada action yang akan memunculkan opsi action
yang akan dipilih oleh pengguna ketika ditekan dan terdapat action diatas tabel
untuk opsi search, dan tambah data, seperti Gambar 4.25.
 Gambar 4. 5 Perancangan Antarmuka Website Halaman List Divisi

6. Perancangan Antarmuka Website Halaman Tambah Divisi

Berikut merupakan antarmuka dari halaman Tambah Divisi. Pada

halaman ini nantinya akan ditampilkan form yang harus dilengkapi oleh user
untuk menambahkan data divisi ke dalam sistem, seperti Gambar 4.26.

Gambar 4. 6 Perancangan Antarmuka Website Halaman Tambah Divisi

7. Perancangan Antarmuka Website Halaman List Posisi

Berikut merupakan antarmuka dari halaman List Posisi. Pada halaman ini
nantinya akan dilengkapi dengan informasi mengenai posisi apa saja yang
terdapat pada sistem, icon titik pada action yang akan memunculkan opsi action
yang akan dipilih oleh pengguna ketika ditekan dan terdapat action diatas tabel
untuk opsi search, dan tambah data, seperti Gambar 4.27.

Gambar 4. 7 Perancangan Antarmuka Website Halaman List Posisi

8. Perancangan Antarmuka Website Halaman Tambah Posisi

Berikut merupakan antarmuka dari halaman Tambah Posisi. Pada

halaman ini nantinya akan ditampilkan form yang harus dilengkapi oleh user
untuk menambahkan data posisi ke dalam sistem, seperti Gambar 4.28.
 Gambar 4. 8 Perancangan Antarmuka Website Halaman Tambah Posisi

9. Perancangan Antarmuka Website Halaman List Posisi Level

Berikut merupakan antarmuka dari halaman List Posisi Level. Pada

halaman ini nantinya akan dilengkapi dengan informasi mengenai posisi level
apa saja yang terdapat pada sistem, icon titik pada action yang akan
memunculkan opsi action yang akan dipilih oleh pengguna ketika ditekan dan
terdapat action diatas tabel untuk opsi search, dan tambah data, seperti Gambar
4.29.
Gambar 4. 9 Perancangan Antarmuka Website Halaman List Posisi Level
 10

10. Perancangan Antarmuka Website Halaman Tambah Posisi Level

Berikut merupakan antarmuka dari halaman Tambah Posisi Level. Pada

halaman ini nantinya akan ditampilkan form yang harus dilengkapi oleh user
untuk menambahkan data posisi level ke dalam sistem, seperti Gambar 4.30.

Gambar 4. 10 Perancangan Antarmuka Website Halaman Tambah Posisi Level

11. Perancangan Antarmuka Website Halaman List Kehadiran

Berikut merupakan antarmuka dari halaman List Kehadiran. Pada

halaman ini nantinya akan dilengkapi dengan informasi mengenai data kehadiran
karyawan, icon titik pada action yang akan memunculkan opsi action yang akan
dipilih oleh pengguna ketika ditekan dan terdapat action diatas tabel untuk opsi
search, dan export excel seperti Gambar 4.31.
 Gambar 4. 11 Perancangan Antarmuka Website Halaman List Kehadiran

12. Perancangan Antarmuka Website Halaman Detail Kehadiran

Berikut merupakan antarmuka dari halaman Detail Kehadiran. Pada

halaman ini nantinya akan dilengkapi dengan detail informasi mengenai data
kehadiran karyawan, seperti Gambar 4.32.

Gambar 4. 12 Perancangan Antarmuka Website Halaman Detail Kehadiran

 12

13. Perancangan Antarmuka Website Halaman List Cuti

Berikut merupakan antarmuka dari halaman List Cuti. Pada halaman ini
nantinya akan dilengkapi dengan informasi mengenai data cuti karyawan, icon
titik pada action yang akan memunculkan opsi action yang akan dipilih oleh
pengguna ketika ditekan dan terdapat action diatas tabel untuk opsi search, dan
export excel seperti Gambar 4.33.

Gambar 4. 13 Perancangan Antarmuka Website Halaman List Cuti

14. Perancangan Antarmuka Website Halaman Detail Cuti

Berikut merupakan antarmuka dari halaman Detail Cuti. Pada halaman ini
nantinya akan dilengkapi dengan detail informasi mengenai data cuti karyawan,
seperti Gambar 4.34.
 Gambar 4. 14 Perancangan Antarmuka Website Halaman Detail Cuti

15. Perancangan Antarmuka Website Halaman List Lembur

Berikut merupakan antarmuka dari halaman List Lembur. Pada halaman

ini nantinya akan dilengkapi dengan informasi mengenai data lembur karyawan,
icon titik pada action yang akan memunculkan opsi action yang akan dipilih oleh
pengguna ketika ditekan dan terdapat action diatas tabel untuk opsi search, dan
export excel seperti Gambar 4.35.
Gambar 4. 15 Perancangan Antarmuka Website Halaman List Lembur
 15

16. Perancangan Antarmuka Website Halaman Detail Lembur

Berikut merupakan antarmuka dari halaman Detail Lembur. Pada

halaman ini nantinya akan dilengkapi dengan detail informasi mengenai data
lembur karyawan, seperti Gambar 4.36.

Gambar 4. 16 Perancangan Antarmuka Website Halaman Detail Lembur

17. Perancangan Antarmuka Website Halaman List Reimbursement

Berikut merupakan antarmuka dari halaman List Reimbursement. Pada

halaman ini nantinya akan dilengkapi dengan informasi mengenai data
reimbursement karyawan, icon titik pada action yang akan memunculkan opsi
action yang akan dipilih oleh pengguna ketika ditekan dan terdapat action diatas
tabel untuk opsi search, dan export excel seperti Gambar 4.37.
 Gambar 4. 17 Perancangan Antarmuka Website Halaman List Reimbursement

18. Perancangan Antarmuka Website Halaman Detail Reimbursement

Berikut merupakan antarmuka dari halaman Detail Reimbursement. Pada

halaman ini nantinya akan dilengkapi dengan detail informasi mengenai data
reimbursement karyawan, seperti Gambar 4.38.

Gambar 4. 18 Perancangan Antarmuka Website Halaman Detail Reimbursement

 17

19. Perancangan Antarmuka Website Halaman List Pinjaman

Berikut merupakan antarmuka dari halaman List Pinjaman. Pada halaman

ini nantinya akan dilengkapi dengan informasi mengenai data pinjaman
karyawan, icon titik pada action yang akan memunculkan opsi action yang akan
dipilih oleh pengguna ketika ditekan dan terdapat action diatas tabel untuk opsi
search, dan export excel seperti Gambar 4.39.

Gambar 4. 19 Perancangan Antarmuka Website Halaman List Pinjaman

20. Perancangan Antarmuka Website Halaman Detail Pinjaman

Berikut merupakan antarmuka dari halaman Detail Pinjaman. Pada

halaman ini nantinya akan dilengkapi dengan detail informasi mengenai data
pinjaman karyawan, seperti Gambar 4.40.
 Gambar 4. 20 Perancangan Antarmuka Website Halaman Detail Pinjaman

21. Perancangan Antarmuka Website Halaman List Libur

Berikut merupakan antarmuka dari halaman List Libur. Pada halaman ini
nantinya akan dilengkapi dengan informasi mengenai data libur karyawan, icon
titik pada action yang akan memunculkan opsi action yang akan dipilih oleh
pengguna ketika ditekan dan terdapat action diatas tabel untuk opsi search, dan
tambah data seperti Gambar 4.41.
Gambar 4. 21 Perancangan Antarmuka Website Halaman List Libur
 20

22. Perancangan Antarmuka Website Halaman Tambah Libur

Berikut merupakan antarmuka dari halaman Tambah Libur. Pada halaman

ini nantinya akan ditampilkan form yang harus dilengkapi oleh user untuk
menambahkan data libur karyawan ke dalam sistem, seperti Gambar 4.42.

Gambar 4. 22 Perancangan Antarmuka Website Halaman Tambah Libur

23. Perancangan Antarmuka Website Halaman List Bank

Berikut merupakan antarmuka dari halaman List Bank. Pada halaman ini
nantinya akan dilengkapi dengan informasi mengenai data bank yang digunakan
untuk penggajian karyawan, icon titik pada action yang akan memunculkan opsi
action yang akan dipilih oleh pengguna ketika ditekan dan terdapat action diatas
tabel untuk opsi search, dan tambah data seperti Gambar 4.43.
 Gambar 4. 23 Perancangan Antarmuka Website Halaman List Bank

24. Perancangan Antarmuka Website Halaman Tambah Bank

Berikut merupakan antarmuka dari halaman Tambah Bank. Pada halaman

ini nantinya akan ditampilkan form yang harus dilengkapi oleh user untuk
menambahkan data bank yang digunakan oleh karyawan untuk melakukan
penggajian, seperti Gambar 4.44.

Gambar 4. 24 Perancangan Antarmuka Website Halaman Tambah Bank

 22

25. Perancangan Antarmuka Website Halaman List Tunjangan

Berikut merupakan antarmuka dari halaman List Tunjangan. Pada

halaman ini nantinya akan dilengkapi dengan informasi mengenai data tunjangan
yang diberikan kepada karyawan, icon titik pada action yang akan memunculkan
opsi action yang akan dipilih oleh pengguna ketika ditekan dan terdapat action
diatas tabel untuk opsi search, dan tambah data seperti Gambar 4.45.

Gambar 4. 25 Perancangan Antarmuka Website Halaman List Tunjangan

26. Perancangan Antarmuka Website Halaman Tambah Tunjangan

Berikut merupakan antarmuka dari halaman Tambah Tunjangan. Pada

halaman ini nantinya akan ditampilkan form yang harus dilengkapi oleh user
untuk menambahkan data tunjangan yang diberikan kepada karyawan, seperti
Gambar 4.46.
 Gambar 4. 26 Perancangan Antarmuka Website Halaman Tambah Tunjangan

27. Perancangan Antarmuka Website Halaman List Penggajian

Berikut merupakan antarmuka dari halaman List Penggajian. Pada

halaman ini nantinya akan dilengkapi dengan informasi mengenai data
penggajian yang diberikan kepada karyawan, icon titik pada action yang akan
memunculkan opsi action yang akan dipilih oleh pengguna ketika ditekan dan
terdapat action diatas tabel untuk opsi search, dan tambah data seperti Gambar
4.47.
Gambar 4. 27 Perancangan Antarmuka Website Halaman List Penggajian
 25

28. Perancangan Antarmuka Website Halaman Tambah Penggajian

Berikut merupakan antarmuka dari halaman Tambah Penggajian. Pada

halaman ini nantinya akan ditampilkan form yang harus dilengkapi oleh user
untuk menambahkan data penggajian yang diberikan kepada karyawan, seperti
Gambar 4.48.

Gambar 4. 28 Perancangan Antarmuka Website Halaman Tambah Penggajian

29. Perancangan Antarmuka Website Halaman List Mutasi

Berikut merupakan antarmuka dari halaman List Mutasi. Pada halaman ini
nantinya akan dilengkapi dengan informasi mengenai data mutasi kepada
karyawan, icon titik pada action yang akan memunculkan opsi action yang akan
dipilih oleh pengguna ketika ditekan dan terdapat action diatas tabel untuk opsi
search, dan tambah data, seperti Gambar 4.49.

Gambar 4. 29 Perancangan Antarmuka Website Halaman List Mutasi

30. Perancangan Antarmuka Website Halaman Tambah Mutasi

Berikut merupakan antarmuka dari halaman Tambah Mutasi. Pada

halaman ini nantinya akan ditampilkan form yang harus dilengkapi oleh user
untuk menambahkan data mutasi kepada karyawan, seperti Gambar 4.50.
 Gambar 4. 30 Perancangan Antarmuka Website Halaman Tambah Mutasi

31. Perancangan Antarmuka Website Halaman List Informasi

Berikut merupakan antarmuka dari halaman List Informasi. Pada halaman

ini nantinya akan dilengkapi dengan informasi mengenai kegiatan apa saja yang
akan dilakukan oleh perusahaan, icon titik pada action yang akan memunculkan
opsi action yang akan dipilih oleh pengguna ketika ditekan dan terdapat action
diatas tabel untuk opsi search, dan tambah data seperti Gambar 4.51.
 28

Gambar 4. 31 Perancangan Antarmuka Website Halaman List Informasi

32. Perancangan Antarmuka Website Halaman Tambah Informasi

Berikut merupakan antarmuka dari halaman Tambah Informasi. Pada

halaman ini nantinya akan ditampilkan form yang harus dilengkapi oleh user
untuk menambahkan informasi mengenai kegiatan apa saja yang akan dilakukan
oleh perusahaan, seperti Gambar 4.52.
 Gambar 4. 32 Perancangan Antarmuka Website Halaman Tambah Informasi

33. Perancangan Antarmuka Website Halaman Notifikasi

Berikut merupakan antarmuka dari halaman Notifikasi. Pada halaman ini

nantinya akan dilengkapi dengan notifikasi aktifitas yang dilakukan di dalam
sistem, seperti Gambar 4.53.

Gambar 4. 33 Perancangan Antarmuka Website Halaman Notifikasi

4.5.2 Perancangan Antarmuka Mobile

1. Perancangan Antarmuka Login Mobile

Berikut merupakan antarmuka dari halaman Login. Pada halaman ini

nantinya akan dilengkapi dengan form untuk masuk kedalam halaman mobile,
seperti Gambar 4.54.
 30

Gambar 4. 34 Perancangan Antarmuka Login Mobile

2. Perancangan Antarmuka Dashboard Mobile

Berikut merupakan antarmuka dari halaman Dashboard pada aplikasi

mobile. Pada halaman ini nantinya user bisa melakukan absensi serta melihat
informasi mengenai kegiatan yang diadakan oleh perusahaan, jika menu di tekan
akan mengarah ke menu sesuai yang dipilih seperti cuti, lembur, pinjaman, dan
reimbursement, jika gambar profile maka akan mengarah ke menu pengaturan
profile seperti Gambar 4.55.
 Gambar 4. 35 Perancangan Antarmuka Dashboard Mobile

3. Perancangan Antarmuka Profile User pada Mobile

Berikut merupakan antarmuka dari halaman Profile User pada aplikasi

mobile. Pada halaman ini nantinya user bisa melihat detail informasi mengenai
akun yang digunakkan untuk login ke dalam aplikasi, seperti Gambar 4.56.
 32

Gambar 4. 36 Perancangan Antarmuka Profile User pada Mobile

4. Perancangan Antarmuka Halaman Informasi pada Mobile

Berikut merupakan antarmuka dari halaman Informasi pada aplikasi

mobile. Pada halaman ini nantinya user bisa melihat informasi mengenai
kegiatan yang dilakukan oleh perusahaan, Ketika di tekan akan menampilkan
detail dari informasi, seperti Gambar 4.57.
 Gambar 4. 37 Perancangan Antarmuka Halaman Informasi pada Mobile

5. Perancangan Antarmuka Halaman Notifikasi pada Mobile

Berikut merupakan antarmuka dari halaman Notifikasi pada aplikasi

mobile. Pada halaman ini nantinya user bisa melihat notifikasi mengenai aktifitas
yang dilakukan oleh user di dalam sistem, seperti Gambar 4.58.
 34

Gambar 4. 38 Perancangan Antarmuka Halaman Notifikasi pada Mobile

6. Perancangan Antarmuka Halaman Tambah Report pada Mobile

Berikut merupakan antarmuka dari halaman Tambah Report pada aplikasi

mobile. Pada halaman ini nantinya user bisa melakukan tambah report yang
dilakukan pada saat absensi checkin, seperti Gambar 4.59.
 Gambar 4. 39 Perancangan Antarmuka Halaman Tambah Report pada Mobile

7. Perancangan Antarmuka Halaman Report pada Mobile

Berikut merupakan antarmuka dari halaman Report pada aplikasi mobile.

Pada halaman ini nantinya user bisa melihat report harian yang dilakukan pada
saat absensi checkin, seperti Gambar 4.60.
 36

Gambar 4. 40 Perancangan Antarmuka Halaman Report pada Mobile

8. Perancangan Antarmuka Halaman Karyawan pada Mobile

Berikut merupakan antarmuka dari halaman Karyawan pada aplikasi

mobile. Pada halaman ini nantinya user bisa melihat data karyawan yang
terdaftar di dalam sistem, seperti Gambar 4.61.
 Gambar 4. 41 Perancangan Antarmuka Halaman Karyawan pada Mobile

9. Perancangan Antarmuka Halaman Cuti pada Mobile

Berikut merupakan antarmuka dari halaman Cuti pada aplikasi mobile.

Pada halaman ini nantinya user bisa melihat data cuti karyawan yang tercatat di
dalam sistem, seperti Gambar 4.62.
 38

Gambar 4. 42 Perancangan Antarmuka Halaman Cuti pada Mobile

10. Perancangan Antarmuka Halaman Detail Cuti pada Mobile

Berikut merupakan antarmuka dari halaman Detail Cuti pada aplikasi

mobile. Pada halaman ini nantinya user bisa melihat detail data cuti karyawan
yang tercatat di dalam sistem, seperti Gambar 4.63.
 Gambar 4. 43 Perancangan Antarmuka Halaman Detail Cuti pada Mobile

11. Perancangan Antarmuka Halaman Tambah Cuti pada Mobile

Berikut merupakan antarmuka dari halaman Tambah Cuti pada aplikasi

mobile. Pada halaman ini nantinya user bisa mengajukan cuti, seperti Gambar
4.64.
 Gambar 4. 44 Perancangan Antarmuka Halaman Tambah Cuti pada Mobile

12. Perancangan Antarmuka Halaman Lembur pada Mobile

Berikut merupakan antarmuka dari halaman Lembur pada aplikasi mobile.

Pada halaman ini nantinya user bisa melihat data lembur karyawan yang tercatat
di dalam sistem, seperti Gambar 4.65.
 41

Gambar 4. 45 Perancangan Antarmuka Halaman Lembur pada Mobile

13. Perancangan Antarmuka Halaman Detail Lembur pada Mobile

Berikut merupakan antarmuka dari halaman Detail Lembur pada aplikasi

mobile. Pada halaman ini nantinya user bisa melihat detail data lembur karyawan
yang tercatat di dalam sistem, seperti Gambar 4.66.
 Gambar 4. 46 Perancangan Antarmuka Halaman Detail Lembur pada Mobile

14. Perancangan Antarmuka Halaman Tambah Lembur pada Mobile

Berikut merupakan antarmuka dari halaman Tambah Lembur pada

aplikasi mobile. Pada halaman ini nantinya user bisa mengajukan lembur, seperti
Gambar 4.67.
 43

Gambar 4. 47 Perancangan Antarmuka Halaman Tambah Lembur pada Mobile

15. Perancangan Antarmuka Halaman Reimbursement pada Mobile

Berikut merupakan antarmuka dari halaman Reimbursement pada

aplikasi mobile. Pada halaman ini nantinya user bisa melihat data reimbursement
karyawan yang tercatat di dalam sistem, seperti Gambar 4.68.
 Gambar 4. 48 Perancangan Antarmuka Halaman Reimbursement pada Mobile

16. Perancangan Antarmuka Halaman Detail Reimbursement pada Mobile

Berikut merupakan antarmuka dari halaman Detail Reimbursement pada

aplikasi mobile. Pada halaman ini nantinya user bisa melihat detail data
reimbursement karyawan yang tercatat di dalam sistem, seperti Gambar 4.69.
 45

Gambar 4. 49 Perancangan Antarmuka Halaman Detail Reimbursement pada

Mobile

17. Perancangan Antarmuka Halaman Tambah Reimbursement pada Mobile

Berikut merupakan antarmuka dari halaman Tambah Reimbursement

pada aplikasi mobile. Pada halaman ini nantinya user bisa mengajukan
reimbursement, seperti Gambar 4.70.
Gambar 4. 50 Perancangan Antarmuka Halaman Tambah Reimbursement pada
Mobile

18. Perancangan Antarmuka Halaman Pinjaman pada Mobile

Berikut merupakan antarmuka dari halaman Pinjaman pada aplikasi

mobile. Pada halaman ini nantinya user bisa melihat data pinjaman karyawan
yang tercatat di dalam sistem, seperti Gambar 4.71.
 Gambar 4. 51 Perancangan Antarmuka Halaman Pinjaman pada Mobile

19. Perancangan Antarmuka Halaman Detail Pinjaman pada Mobile

Berikut merupakan antarmuka dari halaman Detail Pinjaman pada aplikasi

mobile. Pada halaman ini nantinya user bisa melihat detail data pinjaman
karyawan yang tercatat di dalam sistem, seperti Gambar 4.72.
 48

Gambar 4. 52 Perancangan Antarmuka Halaman Detail Pinjaman pada Mobile

20. Perancangan Antarmuka Halaman Tambah Pinjaman pada Mobile

Berikut merupakan antarmuka dari halaman Tambah Pinjaman pada

aplikasi mobile. Pada halaman ini nantinya user bisa mengajukan Pinjaman,
seperti Gambar 4.73.
Gambar 4. 53 Perancangan Antarmuka Halaman Tambah Pinjaman pada Mobile

21. Perancangan Antarmuka Halaman Penggajian pada Mobile

Berikut merupakan antarmuka dari halaman Penggajian pada aplikasi

mobile. Pada halaman ini nantinya user bisa melihat data Penggajian karyawan
yang tercatat di dalam sistem, seperti Gambar 4.74.
 50

Gambar 4. 54 Perancangan Antarmuka Halaman Penggajian pada Mobile

22. Perancangan Antarmuka Halaman Detail Penggajian pada Mobile

Berikut merupakan antarmuka dari halaman Detail Penggajian pada

aplikasi mobile. Pada halaman ini nantinya user bisa melihat detail data
penggajian karyawan yang tercatat di dalam sistem, seperti Gambar 4.75.
Gambar 4. 55 Perancangan Antarmuka Halaman Detail Penggajian pada Mobile
4.7 Pengujian Sistem
Pengujian Sistem Informasi Human Resources Development Berbasis
Web dan Mobile pada PT. Bangun Inovasi Teknologi akan menggunakan Black
Box Testing, dimana akan menguji apakah hasil dari implementasi sistem sudah
sesuai dengan perancangan yang dilakukan.
4.7.1 Pengujian Website Sistem
1. Pengujian Halaman Login

Berikut hasil pengujian untuk halaman Login, seperti yang dijabarkan

pada Tabel 4.23
 54

Tabel 4. 1 Pengujian Halaman Login

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

Memasukkan Melakukan login Sistem Sesuai

email dan ke dalam sistem melakukan login
password yang dan mengarahkan ke dalam sistem
1.
benar ke halaman dan
utama mengarahkan ke
utama

Memasukkan Menampilkan Sistem Sesuai

email dan pesan data tidak menampilan
password yang cocok pesan data tidak
2.
salah cocok

Memasukan Menampilkan Sistem Sesuai

email dan pesan Akun tidak menampilkan
password memiliki akses pesan Akun
3.
dengan role untuk halaman tidak memiliki
karyawan Admin akses untuk
halaman Admin

2. Pengujian Halaman Logout

Berikut hasil pengujian untuk fitur logout, seperti yang dijabarkan pada
Tabel 4.24
Tabel 4. 2 Pengujian Fitur Logout

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
 1. Memilih tombol Keluar dari sistem Sistem Sesuai
Logout dan mengarahkan melakukan
ke halaman login logout keluar
sistem dan
mengarahkan ke
halaman login

3. Pengujian Fitur Dashboard

Berikut hasil pengujian untuk fitur dashboard, seperti yang dijabarkan

pada Tabel 4.25
Tabel 4. 3 Pengujian Fitur Dashboard

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Memilih tombol Sistem akan Sistem akan Sesuai

Dashboard menampilkan menampilkan
halaman dan data halaman dan
dashboard data dashboard

2. Memilih Bulan Menampilkan Sistem Sesuai

untuk chart dan jumlah menampilkan
menampilkan data sesuai bulan chart dan jumlah
chart kehadiran yang dipilih data sesuai
karyawan bulan yang
dipilih

1. Pengujian Fitur Notifikasi

Berikut hasil pengujian untuk fitur notifikasi, seperti yang dijabarkan pada
Tabel 4.26
Tabel 4. 4 Pengujian Fitur Notifikasi
 Hasil yang Hasil
No Data Input Kesimpulan
Diharapkan Pengamatan

1. Memilih tombol Sistem akan Sistem akan Sesuai

Notifikasi menampilkan menampilkan
halaman dan data halaman dan
notifikasi data notifikasi

4. Pengujian Fitur Tambah Informasi dan Kegiatan

Berikut hasil pengujian untuk fitur tambah informasi dan kegiatan, seperti
yang dijabarkan pada Tabel 4.27
 135

Tabel 4. 5 Pengujian Fitur Tambah Informasi dan Kegiatan

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Tambah menampilkan menampilkan
Data halaman Form halaman Form
Tambah Data tambah data

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi
 136

5. Pengujian Fitur Edit Informasi dan Kegiatan

Berikut hasil pengujian untuk fitur edit informasi dan kegiatan, seperti
yang dijabarkan pada Tabel 4.28

Tabel 4. 6 Pengujian Fitur Edit Informasi dan Kegiatan

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Edit menampilkan menampilkan
halaman Form Edit halaman Form
edit

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di Update pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list
 137

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

6. Pengujian Fitur Hapus Informasi dan Kegiatan

Berikut hasil pengujian untuk fitur hapus informasi dan kegiatan, seperti
yang dijabarkan pada Tabel 4.29
 137

Tabel 4. 7 Pengujian Fitur Hapus Informasi dan Kegiatan

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Memilih tombol Data yang Data yang Sesuai

Hapus dihapus oleh user dihapus oleh
akan terhapus dan user akan
tidak muncul lagi terhapus dan
di dalam list tidak muncul lagi
di dalam list

7. Pengujian Fitur Tambah Karyawan

Berikut hasil pengujian untuk fitur tambah karyawan, seperti yang

dijabarkan pada Tabel 4.30

Tabel 4. 8 Pengujian Fitur Tambah Karyawan

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Tambah menampilkan menampilkan
Data halaman Form halaman Form
Tambah Data tambah data
138

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

8. Pengujian Fitur Edit Karyawan

Berikut hasil pengujian untuk fitur edit karyawan, seperti yang dijabarkan
pada Tabel 4.31
Tabel 4. 9 Pengujian Fitur Edit Karyawan

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
139

1. Admin memilih Sistem Sistem Sesuai

tombol Edit menampilkan menampilkan
halaman Form Edit halaman Form
edit
 139

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di Update pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

9. Pengujian Fitur Tambah Divisi

Berikut hasil pengujian untuk fitur tambah divisi, seperti yang dijabarkan
pada Tabel 4.32
Tabel 4. 10 Pengujian Fitur Tambah Divisi

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
140

1. Admin memilih Sistem Sistem Sesuai

tombol Tambah menampilkan menampilkan
Data halaman Form halaman Form
Tambah Data tambah data

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

10. Pengujian Fitur Edit Divisi

Berikut hasil pengujian untuk fitur edit divisi, seperti yang dijabarkan pada
Tabel 4.33

Tabel 4. 11 Pengujian Fitur Edit Divisi

141

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Edit menampilkan menampilkan
halaman Form Edit halaman Form
edit
 142

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di Update pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

11. Pengujian Fitur Hapus Divisi

Berikut hasil pengujian untuk fitur hapus divisi, seperti yang dijabarkan
pada Tabel 4.34

Tabel 4. 12 Pengujian Fitur Hapus Divisi

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
143

1. Memilih tombol Data yang Data yang Sesuai

Hapus dihapus oleh user dihapus oleh
akan terhapus dan user akan
tidak muncul lagi terhapus dan
di dalam list tidak muncul lagi
di dalam list

12. Pengujian Fitur Tambah Posisi

Berikut hasil pengujian untuk fitur tambah posisi, seperti yang dijabarkan
pada Tabel 4.35
Tabel 4. 13 Pengujian Fitur Tambah Posisi

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Tambah menampilkan menampilkan
Data halaman Form halaman Form
Tambah Data tambah data

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list
144

13. Pengujian Fitur Edit Posisi

Berikut hasil pengujian untuk fitur edit posisi, seperti yang dijabarkan
pada Tabel 4.36

Tabel 4. 14 Pengujian Fitur Edit Posisi

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Edit menampilkan menampilkan
halaman Form Edit halaman Form
edit
 145

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di Update pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

14. Pengujian Fitur Hapus Posisi

Berikut hasil pengujian untuk fitur hapus posisi, seperti yang dijabarkan
pada Tabel 4.37

Tabel 4. 15 Pengujian Fitur Hapus Posisi

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
146

1. Memilih tombol Data yang Data yang Sesuai

Hapus dihapus oleh user dihapus oleh
akan terhapus dan user akan
tidak muncul lagi terhapus dan
di dalam list tidak muncul lagi
di dalam list

15. Pengujian Fitur Tambah Posisi Level

Berikut hasil pengujian untuk fitur tambah posisi level, seperti yang
dijabarkan pada Tabel 4.38
Tabel 4. 16 Pengujian Fitur Tambah Posisi Level

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Tambah menampilkan menampilkan
Data halaman Form halaman Form
Tambah Data tambah data

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list
147

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

16. Pengujian Fitur Edit Posisi Level

Berikut hasil pengujian untuk fitur edit posisi level, seperti yang dijabarkan
pada Tabel 4.39

Tabel 4. 17 Pengujian Fitur Edit Posisi Level

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Edit menampilkan menampilkan
halaman Form Edit halaman Form
edit
 148

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di Update pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

17. Pengujian Fitur Hapus Posisi Level

Berikut hasil pengujian untuk fitur hapus posisi level, seperti yang
dijabarkan pada Tabel 4.40

Tabel 4. 18 Pengujian Fitur Hapus Posisi Level

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
149

1. Memilih tombol Data yang Data yang Sesuai

Hapus dihapus oleh user dihapus oleh
akan terhapus dan user akan
tidak muncul lagi terhapus dan
di dalam list tidak muncul lagi
di dalam list

18. Pengujian Fitur Export Kehadiran

Berikut hasil pengujian untuk fitur export kehadiran, seperti yang

dijabarkan pada Tabel 4.41

Tabel 4. 19 Pengujian Fitur Export Kehadiran

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem akan Data kehadiran Sesuai

tombol Export mengunduh data dalam bentuk
Excel kehadiran dalam excel akan
bentuk excel pada tersimpan di
device yang dalam device
digunakan yang digunakan

20. Pengujian Fitur Export Cuti

Berikut hasil pengujian untuk fitur export cuti, seperti yang dijabarkan
pada Tabel 4.43

Tabel 4. 20 Pengujian Fitur Export Cuti

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
150

1. Admin memilih Sistem akan Data kehadiran Sesuai

tombol Export mengunduh data dalam bentuk
Excel kehadiran dalam excel akan
bentuk excel pada tersimpan di
device yang dalam device
digunakan yang digunakan

21. Pengujian Fitur Export Lembur

Berikut hasil pengujian untuk fitur export lembur, seperti yang dijabarkan
pada Tabel 4.45

Tabel 4. 21 Pengujian Fitur Export Lembur

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem akan Data kehadiran Sesuai

tombol Export mengunduh data dalam bentuk
Excel kehadiran dalam excel akan
bentuk excel pada tersimpan di
device yang dalam device
digunakan yang digunakan

23. Pengujian Fitur Update Reimbursement

Berikut hasil pengujian untuk fitur update reimbursement, seperti yang

dijabarkan pada Tabel 4.46

Tabel 4. 22 Pengujian Fitur Update Reimbursement

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin Sistem Sistem Sesuai

151

mengakses menampilkan list menampilkan

menu reimbursement halaman
reimbursement karyawan reimbursement
dan terdapat
tampilan list
reimbursement
karyawan
2. Admin Sistem menyimpan Data Sesuai
menyetujui data mengenai reimbursement
reimbursement reimbursement karyawan
karyawan karyawan tersimpan di
dalam sistem d
 152

3 Admin menolak Sistem menyimpan Data Sesuai

reimbursement data penolakan reimbursement
karyawan mengenai karyawan yang
reimbursement di tolak akan
karyawan tersimpan di
dalam sistem

24. Pengujian Fitur Export Reimbursement

Berikut hasil pengujian untuk fitur export reimbursement, seperti yang

dijabarkan pada Tabel 4.47

Tabel 4. 23 Pengujian Fitur Export Reimbursement

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem akan Data kehadiran Sesuai

tombol Export mengunduh data dalam bentuk
Excel kehadiran dalam excel akan
bentuk excel pada tersimpan di
device yang dalam device
digunakan yang digunakan

25. Pengujian Fitur Update Pinjaman

Berikut hasil pengujian untuk fitur update pinjaman, seperti yang

dijabarkan pada Tabel 4.48

Tabel 4. 24 Pengujian Fitur Update Pinjaman

153

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin Sistem Sistem Sesuai

mengakses menampilkan list menampilkan
menu pinjaman pinjaman karyawan halaman
pinjaman dan
terdapat
tampilan list
pinjaman
karyawan
2. Admin Sistem menyimpan Data pinjaman Sesuai
menyetujui data mengenai karyawan
pinjaman pinjaman tersimpan di
karyawan karyawan. dalam sistem
 154

3 Admin menolak Sistem menyimpan Data pinjaman Sesuai

pinjaman data penolakan karyawan yang
karyawan mengenai di tolak akan
pinjaman karyawan tersimpan di
dalam sistem

26. Pengujian Fitur Export Pinjaman

Berikut hasil pengujian untuk fitur export pinjaman, seperti yang

dijabarkan pada Tabel 4.49

Tabel 4. 25 Pengujian Fitur Export Pinjaman

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem akan Data kehadiran Sesuai

tombol Export mengunduh data dalam bentuk
Excel kehadiran dalam excel akan
bentuk excel pada tersimpan di
device yang dalam device
digunakan yang digunakan

27. Pengujian Fitur Tambah Libur

Berikut hasil pengujian untuk fitur tambah libur, seperti yang dijabarkan
pada Tabel 4.50

Tabel 4. 26 Pengujian Fitur Tambah Libur

155

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Tambah menampilkan menampilkan
Data halaman Form halaman Form
Tambah Data tambah data

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi
156

28. Pengujian Fitur Edit Libur

Berikut hasil pengujian untuk fitur edit libur, seperti yang dijabarkan pada
Tabel 4.51

Tabel 4. 27 Pengujian Fitur Edit Libur

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Edit menampilkan menampilkan
halaman Form Edit halaman Form
edit
 157

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di Update pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

29. Pengujian Fitur Hapus Libur

Berikut hasil pengujian untuk fitur hapus libur, seperti yang dijabarkan
pada Tabel 4.52

Tabel 4. 28 Pengujian Fitur Hapus Libur

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
158

1. Memilih tombol Data yang Data yang Sesuai

Hapus dihapus oleh user dihapus oleh
akan terhapus dan user akan
tidak muncul lagi terhapus dan
di dalam list tidak muncul lagi
di dalam list

30. Pengujian Fitur Tambah Bank

Berikut hasil pengujian untuk fitur tambah bank, seperti yang dijabarkan
pada Tabel 4.53

Tabel 4. 29 Pengujian Fitur Tambah Bank

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Tambah menampilkan menampilkan
Data halaman Form halaman Form
Tambah Data tambah data

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list
159

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

31. Pengujian Fitur Edit Bank

Berikut hasil pengujian untuk fitur edit libur, seperti yang dijabarkan pada
Tabel 4.54

Tabel 4. 30 Pengujian Fitur Edit Bank

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Edit menampilkan menampilkan
halaman Form Edit halaman Form
edit
 160

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di Update pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

32. Pengujian Fitur Hapus Bank

Berikut hasil pengujian untuk fitur hapus bank, seperti yang dijabarkan
pada Tabel 4.55

Tabel 4. 31 Pengujian Fitur Hapus Bank

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
161

1. Memilih tombol Data yang Data yang Sesuai

Hapus dihapus oleh user dihapus oleh
akan terhapus dan user akan
tidak muncul lagi terhapus dan
di dalam list tidak muncul lagi
di dalam list

33. Pengujian Fitur Tambah Tunjangan

Berikut hasil pengujian untuk fitur tambah tunjangan, seperti yang

dijabarkan pada Tabel 4.56
Tabel 4. 32 Pengujian Fitur Tambah Tunjangan

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Tambah menampilkan menampilkan
Data halaman Form halaman Form
Tambah Data tambah data

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list
162

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

34. Pengujian Fitur Edit Tunjangan

Berikut hasil pengujian untuk fitur edit tunjangan, seperti yang dijabarkan
pada Tabel 4.57

Tabel 4. 33 Pengujian Fitur Edit Tunjangan

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Edit menampilkan menampilkan
halaman Form Edit halaman Form
edit
 163

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di Update pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

35. Pengujian Fitur Hapus Tunjangan

Berikut hasil pengujian untuk fitur hapus tunjangan, seperti yang

dijabarkan pada Tabel 4.58

Tabel 4. 34 Pengujian Fitur Hapus Tunjangan

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
164

1. Memilih tombol Data yang Data yang Sesuai

Hapus dihapus oleh user dihapus oleh
akan terhapus dan user akan
tidak muncul lagi terhapus dan
di dalam list tidak muncul lagi
di dalam list

36. Pengujian Fitur Tambah Penggajian

Berikut hasil pengujian untuk fitur tambah penggajian, seperti yang

dijabarkan pada Tabel 4.59
Tabel 4. 35 Pengujian Fitur Tambah Penggajian

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Tambah menampilkan menampilkan
Data halaman Form halaman Form
Tambah Data tambah data

2. Admin bisa Sistem akan Sistem akan Sesuai

melakukan menampilkan form menampilkan
kelola pinjaman, untuk form untuk
reimbursement, menginputkan menginputkan
serta lembur pinjaman, pinjaman,
karyawan pada reimbursement, reimbursement,
saat penggajian serta lembur yang serta lembur
dimiliki oleh yang dimiliki
karyawan yang oleh karyawan
bersangkutan yang
bersangkutan
165

3. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

4. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

37. Pengujian Fitur Tambah Mutasi

Berikut hasil pengujian untuk fitur tambah mutasi, seperti yang dijabarkan
pada Tabel 4.60
 166

Tabel 4. 36 Pengujian Fitur Tambah Mutasi

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Tambah menampilkan menampilkan
Data halaman Form halaman Form
Tambah Data tambah data

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi
167

38. Pengujian Fitur Edit Mutasi

Berikut hasil pengujian untuk fitur edit mutasi, seperti yang dijabarkan
pada Tabel 4.61

Tabel 4. 37 Pengujian Fitur Edit Mutasi

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Admin memilih Sistem Sistem Sesuai

tombol Edit menampilkan menampilkan
halaman Form Edit halaman Form
edit

2. Admin mengisi Sistem Data yang Sesuai

form dan memasukan data dimasukan oleh
memilih tombol yang sesuai sistem sesuai
“Simpan” dengan isi form dengan isi form
dan memberikan dan
pesan bahwa data memberikan
berhasil di Update pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list
168

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
tersebut harus diisi pesan bahwa
form tersebut
harus diisi

39. Pengujian Fitur Hapus Mutasi

Berikut hasil pengujian untuk fitur hapus tunjangan, seperti yang

dijabarkan pada Tabel 4.62

Tabel 4. 38 Pengujian Fitur Hapus Mutasi

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Memilih tombol Data yang Data yang Sesuai

Hapus dihapus oleh user dihapus oleh
akan terhapus dan user akan
tidak muncul lagi terhapus dan
di dalam list tidak muncul lagi
di dalam list

4.7.2 Pengujian Aplikasi Mobile

1. Pengujian Fitur Tambah Kehadiran
Berikut hasil pengujian untuk fitur tambah kehadiran, seperti yang
dijabarkan pada Tabel 4.63
 169

Tabel 4. 39 Pengujian Fitur Tambah Kehadiran

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Karyawan Sistem Sistem Sesuai

memilih tombol menampilkan pop menampilkan
Checkin up bahwa pop up berhasil
karyawan berhasil menyimpan
melakukan absensi absensi pada
kehadiran sistem

2. Pengujian Fitur Update Kehadiran

Berikut hasil pengujian untuk fitur update kehadiran, seperti yang
dijabarkan pada Tabel 4.64

Tabel 4. 40 Pengujian Fitur Update Kehadiran

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Karyawan Sistem Sistem Sesuai

memilih tombol menampilkan menampilkan
Report halaman untuk form untuk
mengisi report mengisi report
harian harian
170

2. Karyawan Sistem menyimpan Data yang Sesuai

melengkapi report harian yang diinputkan
report dan sudah diinputkan karyawan akan
menyimpan karkyawan tersimpan di
report harian dalam sistem

3. Karyawan Sistem menyimpan Data checkout Sesuai

memilih tombol data checkout dan akan tersimpan
Checkout memunculkan pop di dalam sistem
up bahwa sudah dan sistem
berhasil checkout memunculkan
pop up telah
berhasil
melakukan
absensi

3. Pengujian Fitur Tambah Cuti

Berikut hasil pengujian untuk fitur tambah cuti, seperti yang dijabarkan
pada Tabel 4.65
Tabel 4. 41 Pengujian Fitur Tambah Cuti

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Karyawan Sistem Sistem Sesuai

memilih tombol menampilkan menampilkan
Tambah Data halaman Form halaman Form
Tambah Data tambah data
 171

2. Karyawan Sistem Data yang Sesuai

mengisi form memasukan data dimasukan oleh
dan memilih yang sesuai sistem sesuai
tombol dengan isi form dengan isi form
“Simpan” dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
harus diisi dengan pesan bahwa
lengkap. form harus diisi
dengan
lengkap.

4. Pengujian Fitur Tambah Lembur

Berikut hasil pengujian untuk fitur tambah lembur, seperti yang dijabarkan
pada Tabel 4.66
Tabel 4. 42 Pengujian Fitur Tambah Lembur

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
172

1. Karyawan Sistem Sistem Sesuai

memilih tombol menampilkan menampilkan
Tambah Data halaman Form halaman Form
Tambah Data tambah data

2. Karyawan Sistem Data yang Sesuai

mengisi form memasukan data dimasukan oleh
dan memilih yang sesuai sistem sesuai
tombol dengan isi form dengan isi form
“Simpan” dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
harus diisi dengan pesan bahwa
lengkap. form harus diisi
dengan
lengkap.

5. Pengujian Fitur Tambah Reimbursement

Berikut hasil pengujian untuk fitur tambah reimbursement, seperti yang

dijabarkan pada Tabel 4.67
Tabel 4. 43 Pengujian Fitur Tambah Reimbursement
173

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Karyawan Sistem Sistem Sesuai

memilih tombol menampilkan menampilkan
Tambah Data halaman Form halaman Form
Tambah Data tambah data
 174

2. Karyawan Sistem Data yang Sesuai

mengisi form memasukan data dimasukan oleh
dan memilih yang sesuai sistem sesuai
tombol dengan isi form dengan isi form
“Simpan” dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
harus diisi dengan pesan bahwa
lengkap. form harus diisi
dengan
lengkap.

6. Pengujian Fitur Tambah Pinjaman

Berikut hasil pengujian untuk fitur tambah pinjaman, seperti yang

dijabarkan pada Tabel 4.68
Tabel 4. 44 Pengujian Fitur Tambah Pinjaman

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan
175

1. Karyawan Sistem Sistem Sesuai

memilih tombol menampilkan menampilkan
Tambah Data halaman Form halaman Form
Tambah Data tambah data

2. Karyawan Sistem Data yang Sesuai

mengisi form memasukan data dimasukan oleh
dan memilih yang sesuai sistem sesuai
tombol dengan isi form dengan isi form
“Simpan” dan memberikan dan
pesan bahwa data memberikan
berhasil di simpan pesan bahwa
dan hasil akan data berhasil
ditampilkan di list diupdate dan
hasil
ditampilkan di
list

3. Admin mengisi Sistem akan Sistem Sesuai

form dengan mendeteksi form mendeteksi
tidak lengkap yang kurang form yang
dan memilih lengkap dan kurang lengkap
tombol menampilkan dan
“Simpan” pesan bahwa form menampilkan
harus diisi dengan pesan bahwa
lengkap. form harus diisi
dengan
lengkap.

21. Pengujian Fitur Update Lembur

Berikut hasil pengujian untuk fitur update lembur, seperti yang dijabarkan
pada Tabel 4.44

Tabel 4. 45 Pengujian Fitur Update Lembur

176
 177

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Karyawan Sistem Sistem Sesuai

sebagai menampilkan list menampilkan
Penanggung lembur karyawan halaman
Jawab lembur dan
mengakses terdapat
menu lembur tampilan list
lembur
karyawan
2. Karyawan Sistem menyimpan Data lembur Sesuai
sebagai data mengenai karyawan
Penanggung lembur karyawan tersimpan di
Jawab dalam sistem.
menyetujui
lembur
karyawan
3 Setelah Sistem menyimpan Data lembur Sesuai
disetujui oleh data mengenai karyawan
Karyawan lembur karyawan tersimpan di
sebagai dalam sistem.
Penanggung
Jawab, Admin
menyetujui
lembur
karyawan
4 Karyawan Sistem menyimpan Data lembur Sesuai
sebagai data penolakan karyawan yang
Penanggung mengenai lembur di tolak akan
Jawab menolak karyawan tersimpan di
lembur dalam sistem
karyawan
178

19. Pengujian Fitur Update Cuti

Berikut hasil pengujian untuk fitur update cuti, seperti yang dijabarkan
pada Tabel 4.42

Tabel 4. 46 Pengujian Fitur Update Cuti

Hasil yang Hasil

No Data Input Kesimpulan
Diharapkan Pengamatan

1. Karyawan Sistem Sistem Sesuai

sebagai menampilkan list menampilkan
Penanggung cuti karyawan halaman cuti
Jawab dan terdapat
mengakses tampilan list
menu cuti cuti karyawan
179

2. Karyawan Sistem menyimpan Data cuti Sesuai

sebagai data mengenai cuti karyawan
Penanggung karyawan dan tersimpan di
Jawab mengelola secara dalam sistem
menyetujui cuti otomatis untuk dan secara
karyawan mengurangi jumlah otomatis untuk
jatah cuti yang mengurangi
dimiliki oleh jumlah jatah
karyawa yang cuti yang
bersangkutan. dimiliki oleh
karyawa yang
bersangkutan.

3 Setelah Sistem menyimpan Data cuti Sesuai

disetujui oleh data mengenai cuti karyawan
Karyawan karyawan dan tersimpan di
sebagai mengelola secara dalam sistem
Penanggung otomatis untuk dan secara
Jawab, Admin mengurangi jumlah otomatis untuk
menyetujui cuti jatah cuti yang mengurangi
karyawan dimiliki oleh jumlah jatah
karyawa yang cuti yang
bersangkutan. dimiliki oleh
karyawa yang
bersangkutan.
180

4 Karyawan Sistem menyimpan Data cuti Sesuai

sebagai data penolakan karyawan yang
Penanggung mengenai cuti di tolak akan
Jawab menolak karyawan tersimpan di
cuti karyawan dalam sistem