Daftar Isi

Daftar Isi .................................................................................................................................... 2

Daftar Gambar ........................................................................................................................... 7
Tutorial Penggunaan Aplikasi Website Absenku Profesional ................................................. 13
A. Level User Admin ............................................................................................................ 13
1. Halaman Login ................................................................................................................. 13
2. Master Data....................................................................................................................... 14
2.1. Cabang....................................................................................................................... 14
2.2. Lokasi ........................................................................................................................ 15
2.3. Departemen ............................................................................................................... 16
2.4. Jabatan ....................................................................................................................... 17
2.5. Shift ........................................................................................................................... 18
2.6. Karyawan .................................................................................................................. 19
2.7. Kalender .................................................................................................................... 21
2.8. Jam Kerja................................................................................................................... 22
3. Pengaturan ........................................................................................................................ 22
3.1. Pengaturan Profil ....................................................................................................... 22
3.2. Pengaturan Shift ........................................................................................................ 23
4. Informasi ........................................................................................................................... 24
4.1. Berita ......................................................................................................................... 24
4.2. Pengumuman ............................................................................................................. 26
5. Laporan Absensi ............................................................................................................... 28
5.1. Per Karyawan ............................................................................................................ 28
5.2. Per Departemen ......................................................................................................... 29
5.3. Pengajuan Lembur..................................................................................................... 30
5.4. Pengajuan Izin/Cuti ................................................................................................... 30
5.5. Laporan Aktivitas ...................................................................................................... 32
6. Informasi Gaji ................................................................................................................... 33
7. Pengaturan Akun .............................................................................................................. 33
B. Level User Staff ................................................................................................................ 34
1. Halaman Login ................................................................................................................. 34
2. Informasi ........................................................................................................................... 35
2.1. Berita ......................................................................................................................... 35
 2.2. Pengumuman ............................................................................................................. 35
3. Laporan Absensi ............................................................................................................... 35
3.1. Per Karyawan ............................................................................................................ 35
3.2. Pengajuan Lembur..................................................................................................... 36
3.3. Pengajuan Izin/Cuti ................................................................................................... 36
3.4. Laporan Aktivitas ...................................................................................................... 37
4. Informasi Gaji ................................................................................................................... 37
5. Pengaturan Akun .............................................................................................................. 37
C. Level User Admin Finance ............................................................................................... 39
1. Halaman Login ................................................................................................................. 39
2. Informasi ........................................................................................................................... 39
2.1. Berita ......................................................................................................................... 40
2.2. Pengumuman ............................................................................................................. 40
3. Laporan Absensi ............................................................................................................... 40
3.1. Per Karyawan ............................................................................................................ 40
3.2. Per Departemen ......................................................................................................... 41
3.3. Pengajuan Lembur..................................................................................................... 42
3.4. Pengajuan Izin/Cuti ................................................................................................... 42
3.5. Laporan Aktivitas ...................................................................................................... 43
4. Informasi Gaji ................................................................................................................... 43
5. Pengaturan Akun .............................................................................................................. 44
D. Level User Kepala Cabang ............................................................................................... 46
1. Halaman Login ................................................................................................................. 46
2. Pengaturan ........................................................................................................................ 47
2.1. Pengaturan Shift ........................................................................................................ 47
3. Informasi ........................................................................................................................... 47
3.1. Berita ......................................................................................................................... 48
3.2. Pengumuman ............................................................................................................. 48
4. Laporan Absensi ............................................................................................................... 49
4.1. Per Karyawan ............................................................................................................ 49
4.2. Per Departemen ......................................................................................................... 50
4.3. Pengajuan Lembur..................................................................................................... 51
4.4. Pengajuan Izin/Cuti ................................................................................................... 51
4.5. Laporan Aktivitas ...................................................................................................... 52
5. Informasi Gaji ................................................................................................................... 52
6. Pengaturan Akun .............................................................................................................. 53
E. Level User Kepala Departemen........................................................................................ 54
1. Halaman Login ................................................................................................................. 54
2. Pengaturan ........................................................................................................................ 55
2.1. Pengaturan Shift ........................................................................................................ 55
3. Informasi ........................................................................................................................... 55
3.1. Berita ......................................................................................................................... 55
3.2. Pengumuman ............................................................................................................. 55
4. Laporan Absensi ............................................................................................................... 57
4.1. Per Karyawan ............................................................................................................ 57
4.2. Per Departemen ......................................................................................................... 58
4.3. Pengajuan Lembur..................................................................................................... 59
4.4. Pengajuan Izin/Cuti ................................................................................................... 59
4.5. Laporan Aktivitas ...................................................................................................... 60
5. Informasi Gaji ................................................................................................................... 60
6. Pengaturan Akun .............................................................................................................. 61
F. Level User Direksi ............................................................................................................ 62
1. Halaman Login ................................................................................................................. 62
2. Pengaturan ........................................................................................................................ 63
2.1. Pengaturan Shift ........................................................................................................ 63
3. Informasi ........................................................................................................................... 63
3.1. Berita ......................................................................................................................... 63
3.2. Pengumuman ............................................................................................................. 64
4. Laporan Absensi ............................................................................................................... 65
4.1. Per Karyawan ............................................................................................................ 65
4.2. Per Departemen ......................................................................................................... 66
4.3. Pengajuan Lembur..................................................................................................... 67
4.4. Pengajuan Izin/Cuti ................................................................................................... 67
4.5. Laporan Aktivitas ...................................................................................................... 69
5. Informasi Gaji ................................................................................................................... 69
6. Pengaturan Akun .............................................................................................................. 70
Tutorial Penggunaan Aplikasi Mobile Absenku Profesional................................................... 71
A. Level User Staff ................................................................................................................ 71
1. Halaman Login ................................................................................................................. 71
2. Halaman Rekap Absensi ................................................................................................... 72
3. Halaman Absensi .............................................................................................................. 73
4. Halaman Izin / Cuti........................................................................................................... 74
5. Halaman Gaji .................................................................................................................... 75
6. Halaman Berita / Pengumuman ........................................................................................ 75
7. Halaman Lembur .............................................................................................................. 76
8. Halaman Aktivitas ............................................................................................................ 76
9. Halaman Pengaturan Akun ............................................................................................... 77
B. Level User Kepala Cabang ............................................................................................... 78
1. Halaman Login ................................................................................................................. 78
2. Halaman Rekap Absensi ................................................................................................... 79
3. Halaman Rekap Staff ........................................................................................................ 80
4. Halaman Absensi .............................................................................................................. 81
5. Halaman Izin / Cuti........................................................................................................... 82
6. Halaman Gaji .................................................................................................................... 83
7. Halaman Berita / Pengumuman ........................................................................................ 84
8. Halaman Lembur .............................................................................................................. 85
9. Halaman Aktivitas ............................................................................................................ 85
10. Halaman Pengaturan Akun ........................................................................................... 86
C. Level User Kepala Departemen ........................................................................................ 87
1. Halaman Login ................................................................................................................. 87
2. Halaman Rekap Absensi ................................................................................................... 88
3. Halaman Rekap Staff ........................................................................................................ 89
4. Halaman Absensi .............................................................................................................. 90
5. Halaman Izin / Cuti........................................................................................................... 91
6. Halaman Gaji .................................................................................................................... 92
7. Halaman Berita / Pengumuman ........................................................................................ 93
8. Halaman Lembur .............................................................................................................. 94
9. Halaman Aktivitas ............................................................................................................ 94
10. Halaman Pengaturan Akun ........................................................................................... 95
D. Level User Admin ............................................................................................................ 96
1. Halaman Login ................................................................................................................. 96
2. Halaman Rekap Absensi ................................................................................................... 97
3. Halaman Rekap Staff ........................................................................................................ 98
4. Halaman Absensi .............................................................................................................. 99
5. Halaman Izin / Cuti......................................................................................................... 100
6. Halaman Gaji .................................................................................................................. 101
7. Halaman Berita / Pengumuman ...................................................................................... 102
8. Halaman Lembur ............................................................................................................ 103
9. Halaman Aktivitas .......................................................................................................... 103
10. Halaman Pengaturan Akun ......................................................................................... 104
E. Level User Direksi .......................................................................................................... 105
1. Halaman Login ............................................................................................................... 105
2. Halaman Rekap Absensi ................................................................................................. 106
3. Halaman Rekap Staff ...................................................................................................... 107
4. Halaman Absensi ............................................................................................................ 108
5. Halaman Izin / Cuti......................................................................................................... 109
6. Halaman Gaji .................................................................................................................. 110
7. Halaman Berita / Pengumuman ...................................................................................... 111
8. Halaman Lembur ............................................................................................................ 112
9. Halaman Aktivitas .......................................................................................................... 112
10. Halaman Pengaturan Akun ......................................................................................... 113
F. Level User Admin Finance ............................................................................................. 114
1. Halaman Login ............................................................................................................... 114
2. Halaman Rekap Absensi ................................................................................................. 115
3. Halaman Absensi ............................................................................................................ 116
4. Halaman Izin / Cuti......................................................................................................... 117
5. Halaman Gaji .................................................................................................................. 118
6. Halaman Berita / Pengumuman ...................................................................................... 118
7. Halaman Lembur ............................................................................................................ 119
8. Halaman Aktivitas .......................................................................................................... 119
9. Halaman Pengaturan Akun ............................................................................................. 120
 Daftar Gambar

Gambar 1. Tampilan Halaman Login ...................................................................................... 13

Gambar 2. Tampilan Halaman Beranda Aplikasi .................................................................... 13
Gambar 3. Tampilan Halaman Submenu Cabang.................................................................... 14
Gambar 4. Tampilan Halaman Tambah Data Cabang ............................................................. 14
Gambar 5. Tampilan Halaman Ubah Data Cabang ................................................................. 14
Gambar 6. Tampilan Halaman Lokasi ..................................................................................... 15
Gambar 7. Tampilan Halaman Tambah Lokasi Kantor ........................................................... 15
Gambar 8. Tampilan Halaman Ubah Lokasi Kantor ............................................................... 16
Gambar 9. Tampilan Halaman Departemen ............................................................................ 16
Gambar 10. Tampilan Halaman Tambah Data Departemen .................................................... 16
Gambar 11. Tampilan Halaman Ubah Data ............................................................................. 17
Gambar 12. Tampilan Halaman Jabatan .................................................................................. 17
Gambar 13. Tampilan Halaman Tambah Jabatan .................................................................... 17
Gambar 14. Tampilan Halaman Ubah Jabatan ........................................................................ 18
Gambar 15. Tampilan Halaman Shift ...................................................................................... 18
Gambar 16. Tampilan Halaman Tambah Shift ........................................................................ 18
Gambar 17. Tampilan Halaman Ubah Shift ............................................................................ 19
Gambar 18. Tampilan Halaman Karyawan ............................................................................. 19
Gambar 19. Tampilan Halaman Tambah Data Karyawan ....................................................... 20
Gambar 20. Tampilan Halaman Detail Data Karyawan .......................................................... 20
Gambar 21. Tampilan Halaman Ubah Data Karyawan ........................................................... 21
Gambar 22. Tampilan Halaman Kalender ............................................................................... 21
Gambar 23. Tampilan Halaman Tambah Hari Libur ............................................................... 22
Gambar 24. Tampilan Halaman Jam Kerja.............................................................................. 22
Gambar 25. Tampilan Halaman Pengaturan Profil .................................................................. 23
Gambar 26. Tampilan Halaman Tagihan ................................................................................. 23
Gambar 27. Tampilan Halaman Pengaturan Shift ................................................................... 24
Gambar 28. Tampilan Halaman Tambah Data Pengaturan Shift ............................................ 24
Gambar 29. Tampilan Halaman Berita .................................................................................... 24
Gambar 30. Tampilan Halaman Tambah Data Berita ............................................................. 25
Gambar 31. Tampilan Halaman Detail Berita dan Komentar.................................................. 25
Gambar 32. Tampilan Halaman Ubah Berita .......................................................................... 26
Gambar 33. Tampilan Halaman Pengumuman ........................................................................ 26
Gambar 34. Tampilan Halaman Tambah Pengumuman .......................................................... 27
Gambar 35. Tampilan Halaman Ubah Pengumuman .............................................................. 27
Gambar 36. Tampilan Halaman Absensi Per Karyawan ......................................................... 28
Gambar 37. Tampilan Halaman Ubah Data Karyawan ........................................................... 29
Gambar 38. Tampilan Halaman Absensi Per Departemen ...................................................... 29
Gambar 39. Tampilan Halaman Pengajuan Lembur................................................................ 30
Gambar 40. Tampilan Halaman Pengajuan Izin/Cuti .............................................................. 31
Gambar 41. Tampilan Halaman Tambah Data Pengajuan Izin/Cuti ....................................... 31
Gambar 42. Tampilan Halaman Ubah Data Untuk Approval .................................................. 32
Gambar 43. Tampilan Halaman Laporan Aktivitas ................................................................. 32
Gambar 44. Tampilan Halaman Informasi Gaji ...................................................................... 33
Gambar 45. Tampilan Halaman Pengaturan Akun .................................................................. 33
Gambar 46. Tampilan Halaman Ganti Password ..................................................................... 33
Gambar 47. Tampilan Halaman Login .................................................................................... 34
Gambar 48. Tampilan Halaman Beranda................................................................................. 34
Gambar 49. Tampilan Halaman Berita .................................................................................... 35
Gambar 50. Tampilan Halaman Daftar Pengumuman ............................................................. 35
Gambar 51. Tampilan Halaman Laporan Absensi Karyawan ................................................. 36
Gambar 52. Tampilan Halaman Pengajuan Lembur................................................................ 36
Gambar 53. Tampilan Halaman Pengajuan Izin/Cuti .............................................................. 36
Gambar 54. Tampilan Halaman Laporan Aktivitas ................................................................. 37
Gambar 55. Tampilan Halaman Informasi Gaji ...................................................................... 37
Gambar 56. Tampilan Halaman Pengaturan Akun .................................................................. 37
Gambar 57. Tampilan Halaman Ganti Password ..................................................................... 38
Gambar 58. Tampilan Halaman Login .................................................................................... 39
Gambar 59. Tampilan Halaman Beranda................................................................................. 39
Gambar 60. Tampilan Halaman Berita .................................................................................... 40
Gambar 61. Tampilan Halaman Daftar Pengumuman ............................................................. 40
Gambar 62. Tampilan Halaman Laporan Absensi Per Karyawan ........................................... 41
Gambar 63. Tampilan Halaman Absensi Per Departemen ...................................................... 41
Gambar 64. Tampilan Halaman Pengajuan Lembur................................................................ 42
Gambar 65. Tampilan Halaman Pengajuan Izin/Cuti .............................................................. 42
Gambar 66. Tampilan Halaman Pengajuan Izin/Cuti .............................................................. 43
Gambar 67. Tampilan Halaman Laporan Aktivitas ................................................................. 43
Gambar 68. Tampilan Halaman Informasi Gaji ...................................................................... 44
Gambar 69. Tampilan Halaman Import Data Gaji................................................................... 44
Gambar 70. Tampilan Halaman Pengaturan Akun .................................................................. 44
Gambar 71. Tampilan Halaman Ganti Password ..................................................................... 45
Gambar 72. Tampilan Halaman Login .................................................................................... 46
Gambar 73. Tampilan Halaman Beranda................................................................................. 46
Gambar 74. Tampilan Halaman Pengaturan Shift ................................................................... 47
Gambar 75. Tampilan Halaman Tambah Data Shift ............................................................... 47
Gambar 76. Tampilan Halaman Daftar Berita ......................................................................... 48
Gambar 77. Tampilan Halaman Pengumuman ........................................................................ 48
Gambar 78. Tampilan Halaman Tambah Pengumuman .......................................................... 48
Gambar 79. Tampilan Halaman Ubah Pengumuman .............................................................. 49
Gambar 80. Tampilan Halaman Absensi Per Karyawan ......................................................... 50
Gambar 81. Tampilan Halaman Absensi Per Departemen ...................................................... 50
Gambar 82. Tampilan Halaman Pengajuan Lembur................................................................ 51
Gambar 83. Tampilan Halaman Pengajuan Izin/Cuti .............................................................. 51
Gambar 84. Tampilan Halaman Tambah Data Pengajuan Izin/Cuti ....................................... 52
Gambar 85. Tampilan Halaman Laporan Aktivitas ................................................................. 52
Gambar 86. Tampilan Halaman Informasi Gaji ...................................................................... 53
Gambar 87. Tampilan Halaman Pengaturan Akun .................................................................. 53
Gambar 88. Tampilan Halaman Ganti Password ..................................................................... 53
Gambar 89. Tampilan Halaman Login .................................................................................... 54
Gambar 90. Tampilan Halaman Kepala Departemen .............................................................. 54
Gambar 91. Tampilan Halaman Pengaturan Shift ................................................................... 55
Gambar 92. Tampilan Halaman Berita .................................................................................... 55
Gambar 93. Tampilan Halaman Pengumuman ........................................................................ 56
Gambar 94. Tampilan Halaman Tambah Pengumuman .......................................................... 56
Gambar 95. Tampilan Halaman Ubah Pengumuman .............................................................. 56
Gambar 96. Tampilan Halaman Absensi Per Karyawan ......................................................... 57
Gambar 97. Tampilan Halaman Ubah Data Karyawan ........................................................... 58
Gambar 98. Tampilan Halaman Absensi Per Departemen ...................................................... 58
Gambar 99. Tampilan Halaman Pengajuan Lembur................................................................ 59
Gambar 100. Tampilan Halaman Pengajuan Izin/Cuti ............................................................ 59
Gambar 101. Tampilan Halaman Tambah Data Pengajuan Izin/Cuti ..................................... 60
Gambar 102. Tampilan Halaman Laporan Aktivitas ............................................................... 60
Gambar 103. Tampilan Halaman Informasi Gaji .................................................................... 61
Gambar 104. Tampilan Halaman Pengaturan Akun ................................................................ 61
Gambar 105. Tampilan Halaman Ganti Password ................................................................... 61
Gambar 106. Tampilan Halaman Login .................................................................................. 62
Gambar 107. Tampilan Halaman Beranda............................................................................... 62
Gambar 108. Tampilan Halaman Pengaturan Shift ................................................................. 63
Gambar 109. Tampilan Halaman Tambah Data Pengaturan Shift .......................................... 63
Gambar 110. Tampilan Halaman Daftar Berita ....................................................................... 64
Gambar 111. Tampilan Halaman Pengumuman ...................................................................... 64
Gambar 112. Tampilan Halaman Tambah Pengumuman ........................................................ 64
Gambar 113. Tampilan Halaman Ubah Pengumuman ............................................................ 65
Gambar 114. Tampilan Halaman Absensi Per Karyawan ....................................................... 65
Gambar 115. Tampilan Halaman Ubah Data Karyawan ......................................................... 66
Gambar 116. Tampilan Halaman Absensi Per Departemen .................................................... 66
Gambar 117. Tampilan Halaman Pengajuan Lembur.............................................................. 67
Gambar 118. Tampilan Halaman Pengajuan Izin/Cuti ............................................................ 67
Gambar 119. Tampilan Halaman Tambah Data Pengajuan Izin/Cuti ..................................... 68
Gambar 120. Tampilan Halaman Ubah Data Untuk Approval................................................ 68
Gambar 121. Tampilan Halaman Laporan Aktivitas ............................................................... 69
Gambar 122. Tampilan Halaman Informasi Gaji .................................................................... 69
Gambar 123. Tampilan Halaman Pengaturan Akun ................................................................ 70
Gambar 124. Tampilan Halaman Ganti Password ................................................................... 70
Gambar 125. Tampilan Halaman Login .................................................................................. 71
Gambar 126. Tampilan Halaman Beranda............................................................................... 71
Gambar 127. Tampilan Halaman Rekap Absensi .................................................................... 72
Gambar 128. Tampilan Halaman Rekap Absensi .................................................................... 72
Gambar 129. Tampilan Halaman Rekap Absensi .................................................................... 72
Gambar 130. Tampilan Halaman Rekap .................................................................................. 73
Gambar 131. Tampilan Halaman Absensi ............................................................................... 73
Gambar 132. Tampilan Halaman Izin / Cuti ............................................................................ 74
Gambar 133. Tampilan Halaman Tambah Ijin/Cuti ................................................................ 74
Gambar 134. Tampilan Halaman Isikan Password untuk Check Gaji..................................... 75
Gambar 135. Tampilan Halaman Detail Gaji .......................................................................... 75
Gambar 136. Tampilan Halaman Berita .................................................................................. 75
Gambar 137. Tampilan Halaman Pengumuman ...................................................................... 76
Gambar 138. Tampilan Halaman Lembur ............................................................................... 76
Gambar 139. Tampilan Halaman Aktivitas ............................................................................. 76
Gambar 140. Tampilan Halaman Absensi Laporan Aktivitas ................................................. 77
Gambar 141. Tampilan Halaman Pengaturan Akun ................................................................ 77
Gambar 142. Tampilan Halaman Login .................................................................................. 78
Gambar 143. Tampilan Halaman Beranda............................................................................... 78
Gambar 144. Tampilan Halaman Rekap Absensi .................................................................... 79
Gambar 145. Tampilan Halaman Rekap Absensi .................................................................... 79
Gambar 146. Tampilan Halaman Rekap Absensi .................................................................... 79
Gambar 147. Tampilan Halaman Rekap .................................................................................. 80
Gambar 148. Tampilan Halaman Rekap Absensi Staff ........................................................... 80
Gambar 149. Tampilan Halaman Rekap Izin& Cuti Staff ....................................................... 80
Gambar 150. Tampilan Halaman Rekap Lembur Staff ........................................................... 81
Gambar 151. Tampilan Halaman Absensi ............................................................................... 81
Gambar 152. Tampilan Halaman Izin / Cuti ............................................................................ 82
Gambar 153. Tampilan Halaman Tambah Ijin/Cuti ................................................................ 82
Gambar 154. Tampilan Halaman Daftar Izin / Cuti Karyawan ............................................... 83
Gambar 155. Halaman Approval ............................................................................................. 83
Gambar 156. Tampilan Halaman Isikan Password untuk Check Gaji..................................... 83
Gambar 157. Tampilan Halaman Detail Gaji .......................................................................... 84
Gambar 158. Tampilan Halaman Berita .................................................................................. 84
Gambar 159. Tampilan Halaman Pengumuman ...................................................................... 84
Gambar 160. Tampilan Halaman Lembur ............................................................................... 85
Gambar 161. Tampilan Halaman Lembur Karyawan .............................................................. 85
Gambar 162. Tampilan Halaman Aktivitas ............................................................................. 85
Gambar 163. Tampilan Halaman Absensi Laporan Aktivitas ................................................. 86
Gambar 164. Tampilan Halaman Pengaturan Akun ................................................................ 86
Gambar 165. Tampilan Halaman Login .................................................................................. 87
Gambar 166. Tampilan Halaman Beranda............................................................................... 87
Gambar 167. Tampilan Halaman Rekap Absensi .................................................................... 88
Gambar 168. Tampilan Halaman Rekap Absensi .................................................................... 88
Gambar 169. Tampilan Halaman Rekap Absensi .................................................................... 88
Gambar 170. Tampilan Halaman Rekap .................................................................................. 89
Gambar 171. Tampilan Halaman Rekap Absensi Staff ........................................................... 89
Gambar 172. Tampilan Halaman Rekap Izin& Cuti Staff ....................................................... 89
Gambar 173. Tampilan Halaman Rekap Lembur Staff ........................................................... 90
Gambar 174. Tampilan Halaman Absensi ............................................................................... 90
Gambar 175. Tampilan Halaman Izin / Cuti ............................................................................ 91
Gambar 176. Tampilan Halaman Tambah Ijin/Cuti ................................................................ 91
Gambar 177. Tampilan Halaman Daftar Izin / Cuti Karyawan ............................................... 92
Gambar 178. Halaman Approval ............................................................................................. 92
Gambar 179. Tampilan Halaman Isikan Password untuk Check Gaji..................................... 92
Gambar 180. Tampilan Halaman Detail Gaji .......................................................................... 93
Gambar 181. Tampilan Halaman Berita .................................................................................. 93
Gambar 182. Tampilan Halaman Pengumuman ...................................................................... 93
Gambar 183. Tampilan Halaman Lembur ............................................................................... 94
Gambar 184. Tampilan Halaman Lembur Karyawan .............................................................. 94
Gambar 185. Tampilan Halaman Aktivitas ............................................................................. 94
Gambar 186. Tampilan Halaman Absensi Laporan Aktivitas ................................................. 95
Gambar 187. Tampilan Halaman Pengaturan Akun ................................................................ 95
Gambar 188. Tampilan Halaman Login .................................................................................. 96
Gambar 189. Tampilan Halaman Beranda............................................................................... 96
Gambar 190. Tampilan Halaman Rekap Absensi .................................................................... 97
Gambar 191. Tampilan Halaman Rekap Absensi .................................................................... 97
Gambar 192. Tampilan Halaman Rekap Absensi .................................................................... 97
Gambar 193. Tampilan Halaman Rekap .................................................................................. 98
Gambar 194. Tampilan Halaman Rekap Absensi Staff ........................................................... 98
Gambar 195. Tampilan Halaman Rekap Izin& Cuti Staff ....................................................... 98
Gambar 196. Tampilan Halaman Rekap Lembur Staff ........................................................... 99
Gambar 197. Tampilan Halaman Absensi ............................................................................... 99
Gambar 198. Tampilan Halaman Izin / Cuti .......................................................................... 100
Gambar 199. Tampilan Halaman Tambah Ijin/Cuti .............................................................. 100
Gambar 200. Tampilan Halaman Daftar Izin / Cuti Karyawan ............................................. 101
Gambar 201. Halaman Approval ........................................................................................... 101
Gambar 202. Tampilan Halaman Isikan Password untuk Check Gaji................................... 101
Gambar 203. Tampilan Halaman Detail Gaji ........................................................................ 102
Gambar 204. Tampilan Halaman Berita ................................................................................ 102
Gambar 205. Tampilan Halaman Pengumuman .................................................................... 102
Gambar 206. Tampilan Halaman Lembur ............................................................................. 103
Gambar 207. Tampilan Halaman Lembur Karyawan ............................................................ 103
Gambar 208. Tampilan Halaman Aktivitas ........................................................................... 103
Gambar 209. Tampilan Halaman Absensi Laporan Aktivitas ............................................... 104
Gambar 210. Tampilan Halaman Pengaturan Akun .............................................................. 104
Gambar 211. Tampilan Halaman Login ................................................................................ 105
Gambar 212. Tampilan Halaman Beranda............................................................................. 105
Gambar 213. Tampilan Halaman Rekap Absensi .................................................................. 106
Gambar 214. Tampilan Halaman Rekap Absensi .................................................................. 106
Gambar 215. Tampilan Halaman Rekap Absensi .................................................................. 106
Gambar 216. Tampilan Halaman Rekap ................................................................................ 107
Gambar 217. Tampilan Halaman Rekap Absensi Staff ......................................................... 107
Gambar 218. Tampilan Halaman Rekap Izin& Cuti Staff..................................................... 107
Gambar 219. Tampilan Halaman Rekap Lembur Staff ......................................................... 108
Gambar 220. Tampilan Halaman Absensi ............................................................................. 108
Gambar 221. Tampilan Halaman Izin / Cuti .......................................................................... 109
Gambar 222. Tampilan Halaman Tambah Ijin/Cuti .............................................................. 109
Gambar 223. Tampilan Halaman Daftar Izin / Cuti Karyawan ............................................. 110
Gambar 224. Halaman Approval ........................................................................................... 110
Gambar 225. Tampilan Halaman Isikan Password untuk Check Gaji................................... 110
Gambar 226. Tampilan Halaman Detail Gaji ........................................................................ 111
Gambar 227. Tampilan Halaman Berita ................................................................................ 111
Gambar 228. Tampilan Halaman Pengumuman .................................................................... 111
Gambar 229. Tampilan Halaman Lembur ............................................................................. 112
Gambar 230. Tampilan Halaman Lembur Karyawan ............................................................ 112
Gambar 231. Tampilan Halaman Aktivitas ........................................................................... 112
Gambar 232. Tampilan Halaman Absensi Laporan Aktivitas ............................................... 113
Gambar 233. Tampilan Halaman Pengaturan Akun .............................................................. 113
Gambar 234. Tampilan Halaman Login ................................................................................ 114
Gambar 235. Tampilan Halaman Beranda............................................................................. 114
Gambar 236. Tampilan Halaman Rekap Absensi .................................................................. 115
Gambar 237. Tampilan Halaman Rekap Absensi .................................................................. 115
Gambar 238. Tampilan Halaman Rekap Absensi .................................................................. 115
Gambar 239. Tampilan Halaman Rekap ................................................................................ 116
Gambar 240. Tampilan Halaman Absensi ............................................................................. 116
Gambar 241. Tampilan Halaman Izin / Cuti .......................................................................... 117
Gambar 242. Tampilan Halaman Tambah Ijin/Cuti .............................................................. 117
Gambar 243. Tampilan Halaman Isikan Password untuk Check Gaji................................... 118
Gambar 244. Tampilan Halaman Detail Gaji ........................................................................ 118
Gambar 245. Tampilan Halaman Berita ................................................................................ 118
Gambar 246. Tampilan Halaman Pengumuman .................................................................... 119
Gambar 247. Tampilan Halaman Lembur ............................................................................. 119
Gambar 248. Tampilan Halaman Aktivitas ........................................................................... 119
Gambar 249. Tampilan Halaman Absensi Laporan Aktivitas ............................................... 120
Gambar 250. Tampilan Halaman Pengaturan Akun .............................................................. 120
 Tutorial Penggunaan Aplikasi Website Absenku Profesional

A. Level User Admin

1. Halaman Login
Untuk memulai Aplikasi Absenku Profesional, pengguna dapat mengakses URL :
https://absenku.com/absenku_profesional maka akan tampil halaman untuk login.
Masukkan username dan password untuk level admin, check mark pada check box
show password untuk memperlihatkan password. Lalu klik tombol login untuk masuk
ke Aplikasi Absenku Profesional. Tombol lupa password digunakan untuk mengatur
ulang password apabila pengguna lupa password akun. Berikut tampilannya :

Gambar 1. Tampilan Halaman Login

Maka akan diarahkan ke halaman untuk beranda untuk level user admin. Pada
halaman beranda, ditampilkan paket aktif yang digunakan dan rekap absensi. Berikut
tampilannya :

Gambar 2. Tampilan Halaman Beranda Aplikasi

2. Master Data
Pada menu master data, terdapat beberapa submenu yaitu cabang, lokasi, departemen,
jabatan, shift, karyawan, kalender dan jam kerja. Berikut penjelasannya lebih lanjut :

2.1.Cabang
Pada submenu cabang, menampilkan daftar cabang kantor. Pengguna dapat
menambah data cabang menggunakan tombol tambah data, mengubah data
menggunakan ikon ubah, dan menhapus data menggunakan ikon hapus. Berikut
tampilannya :

Gambar 3. Tampilan Halaman Submenu Cabang

Untuk menambah data cabang, dapat menggunakan tombol tambah data. Maka akan
tampil halaman untuk menambah data. Klik tombol simpan untuk menyimpan data.
Berikut tampilannya :

Gambar 4. Tampilan Halaman Tambah Data Cabang

Untuk mengubah data cabang, dapat menggunakan ikon ubah. Maka akan tampil
halaman untuk mengubah data. Berikut tampilannya :

Gambar 5. Tampilan Halaman Ubah Data Cabang

2.2.Lokasi
Pada submenu lokasi, menampilkan daftar lokasi kantor dan peta lokasi kantor
Pengguna dapat menambah data lokasi menggunakan tombol tambah lokasi,
mengubah data menggunakan ikon ubah, dan menghapus data menggunakan ikon
hapus. Berikut tampilannya :

Gambar 6. Tampilan Halaman Lokasi

Untuk menambah data cabang, dapat menggunakan tombol tambah data. Maka akan
tampil halaman untuk menambah data. Kolom cari lokasi dapat digunakan untuk
melakukan pencarian lokasi kantor. Selain itu, untuk menentukan koordinat lokasi,
dapat menggeser markah pada peta. Klik tombol simpan untuk menyimpan data.
Berikut tampilannya :

Gambar 7. Tampilan Halaman Tambah Lokasi Kantor

 Untuk mengubah data lokasi, dapat menggunakan ikon ubah. Maka akan tampil
halaman untuk mengubah data. Berikut tampilannya :

Gambar 8. Tampilan Halaman Ubah Lokasi Kantor

2.3.Departemen
Pada submenu departemen, menampilkan daftar nama departemen. Pengguna dapat
menambah data departemen menggunakan tombol tambah data, mengubah data
menggunakan ikon ubah, dan menhapus data menggunakan ikon hapus. Berikut
tampilannya :

Gambar 9. Tampilan Halaman Departemen

Untuk menambah data departemen, dapat menggunakan tombol tambah data. Maka
akan tampil halaman untuk menambah data. Klik tombol simpan untuk menyimpan
data. Berikut tampilannya :

Gambar 10. Tampilan Halaman Tambah Data Departemen

 Untuk mengubah data departemen, dapat menggunakan ikon ubah. Maka akan tampil
halaman untuk mengubah data. Berikut tampilannya :

Gambar 11. Tampilan Halaman Ubah Data

2.4.Jabatan
Pada submenu jabatan, menampilkan daftar nama jabatan. Pengguna dapat menambah
data jabatan menggunakan tombol tambah data, mengubah data menggunakan ikon
ubah, dan menhapus data menggunakan ikon hapus. Berikut tampilannya :

Gambar 12. Tampilan Halaman Jabatan

Untuk menambah data jabatan, dapat menggunakan tombol tambah data. Maka akan
tampil halaman untuk menambah data. Klik tombol simpan untuk menyimpan data.
Berikut tampilannya :

Gambar 13. Tampilan Halaman Tambah Jabatan

 Untuk mengubah data jabatan, dapat menggunakan ikon ubah. Maka akan tampil
halaman untuk mengubah data. Berikut tampilannya :

Gambar 14. Tampilan Halaman Ubah Jabatan

2.5.Shift
Pada submenu shift, menampilkan daftar shift. Pengguna dapat menambah data shift
menggunakan tombol tambah data, mengubah data menggunakan ikon ubah, dan
menhapus data menggunakan ikon hapus. Berikut tampilannya :

Gambar 15. Tampilan Halaman Shift

Untuk menambah data shift, dapat menggunakan tombol tambah data. Maka akan
tampil halaman untuk menambah data. Klik tombol simpan untuk menyimpan data.
Berikut tampilannya :

Gambar 16. Tampilan Halaman Tambah Shift

 Untuk mengubah data shift, dapat menggunakan ikon ubah. Maka akan tampil
halaman untuk mengubah data. Berikut tampilannya :

Gambar 17. Tampilan Halaman Ubah Shift

2.6.Karyawan
Pada submenu karyawan, pengguna dapat memfilter data karyawan dengan filter
departemen, jabatan, karyawan dan status karyawan lalu klik tombol cari untuk
mencari hasil filter. Tombol tambah data digunakan untuk menambah data karyawan,
tombol export data digunakan untuk mengunduh data karyawan dalam format file,
tombol detail digunakan untuk melihat detail data karyawan, tombol edit digunakan
untuk mengubah data karyawan dan tombol hapus digunakan untuk menghapus data
karyawan. Berikut tampilannya :

Gambar 18. Tampilan Halaman Karyawan

Untuk menambah data karyawan, dapat menggunakan tombol tambah data. Maka
akan tampil form untuk menambah data karyawan. Terdapat beberapa tab halaman
yang dapat diisikan data karyawan diantaranya data pribadi, data keluarga, pendidikan
terakhir, pengalaman kerja, riwayat pekerjaan, dan kelengkapan file. Berikut
tampilannya :

Gambar 19. Tampilan Halaman Tambah Data Karyawan

Untuk melihat data detail karyawan, dapat menggunakan tombol detail. Berikut
tampilannya :

Gambar 20. Tampilan Halaman Detail Data Karyawan

 Untuk mengubah data karyawan, dapat menggunakan tombol ubah. Maka akan tampil
halaman untuk mengubah data karyawan. Berikut tampilannya :

Gambar 21. Tampilan Halaman Ubah Data Karyawan

2.7.Kalender
Pada submenu kalender, pengguna dapat menambahkan data hari libur menggunakan
tombol tambah hari libur. Berikut tampilannya :

Gambar 22. Tampilan Halaman Kalender

 Untuk menambahkan hari libur, dapat menggunakan tombol tambah hari libur. Maka
akan tampil form untuk menambah hari libur. Klik tombol simpan untuk menyimpan
data hari libur. Berikut tampilannya :

Gambar 23. Tampilan Halaman Tambah Hari Libur

2.8.Jam Kerja
Pada submenu jam kerja, pengguna dapat mengubah jam kerja tiap harinya. Berikan
check mark pada edit apabila akan diubah, dan bila diubah harinya berikan checkmark
pada libur apabila libur. Klik tombol simpan untuk menyimpan data jam kerja.
Berikut tampilannya :

Gambar 24. Tampilan Halaman Jam Kerja

3. Pengaturan
Pada menu pengaturan, terdapat dua submenu yaitu pengaturan profil dan pengaturan
shift. Berikut penjelasannya lebih lanjut :

3.1.Pengaturan Profil
Pada submenu pengaturan profil, pengguna dapat mengatur jumlah hak cuti lalu klik
tombol simpan untuk menyimpan data hak cuti baru. Pengguna juga dapat mengubah
nama perusahaan, alamat, deskripsi, dan mengubah logo menggunakan tombol change
logo lalu klik tombol simpan profil. Pada halaman tersebut, terdapat halaman untuk
layanan dan tagihan. Pada tabel layanan, terdapat data layanan absenku tersebut.
Berikut tampilannya :
 Gambar 25. Tampilan Halaman Pengaturan Profil

Pada tab tagihan, pengguna dapat melihat tagihan layanan aplikasi absenku
profesional. Tombol lihat invoice untuk mengunduh tagihan. Berikut tampilannya :

Gambar 26. Tampilan Halaman Tagihan

3.2.Pengaturan Shift
Pada submenu pengaturan shift, pengguna dapat menambah data shift menggunakan
tombol tambah data, mencari data shift karyawan menggunakan filter cabang,
departemen, periode, shift dan karyawan lalu klik tombol cari, dan melakukan import
data shift menggunakan file template yang dapat diunduh pada tombol unduh
template import. Berikut tampilannya :
 Gambar 27. Tampilan Halaman Pengaturan Shift

Untuk menambah data shift, dapat menggunakan tombol tambah data. Maka akan
tampil form untuk menambah data shift baru. Klik tombol tambah untuk menyimpan
data shift baru, tombol batal digunakan untuk membatalkan penyimpanan. Berikut
tampilannya :

Gambar 28. Tampilan Halaman Tambah Data Pengaturan Shift

4. Informasi
Pada menu informasi, terdapat dua submenu yaitu berita dan pengumuman. Berikut
penjelasannya lebih lanjut :

4.1.Berita
Pada submenu berita, menampilkan daftar berita. Pengguna dapat menambah data
berita menggunakan tombol buat berita baru, mencari berita dengan kata kunci judul
berita pada kolom pencarian, mengubah data menggunakan ikon ubah, dan menhapus
data menggunakan ikon hapus. Berikut tampilannya :

Gambar 29. Tampilan Halaman Berita

Untuk menambah berita, dapat menggunakan tombol buat berita baru. Maka akan
tampil halaman untuk menambah data. Klik tombol simpan untuk menyimpan data.
Berikut tampilannya :

Gambar 30. Tampilan Halaman Tambah Data Berita

Untuk melihat detail berita dan memberikan komentar, dapat menggunakan tombol
edit. Maka akan tampil halaman untuk melihat detail berita dan memberikan komentar
pada berita. Terdapat tombol kembali untuk kembali ke menu sebelumnya dan tombol
edit untuk mengubah berita. Setelah menulis komentar, klik tombol simpan untuk
mengirim komentar. Berikut tampilannya :

Gambar 31. Tampilan Halaman Detail Berita dan Komentar

 Untuk mengubah isian berita, dapat menggunakan tombol ubah. Maka akan tampil
form untuk melakukan ubahan berita. Berikut tampilannya :

Gambar 32. Tampilan Halaman Ubah Berita

4.2.Pengumuman
Pada submenu pengumuman, menampilkan daftar pengumuman. Pengguna dapat
menambah data pengumuman menggunakan tombol buat pengumuman baru,
mengubah data menggunakan ikon ubah, dan menhapus data menggunakan ikon
hapus. Berikut tampilannya :

Gambar 33. Tampilan Halaman Pengumuman

Untuk menambah pengumuman, dapat menggunakan tombol buat pengumuman baru.
Maka akan tampil halaman untuk menambah data. Klik tombol simpan untuk
menyimpan data. Berikut tampilannya :

Gambar 34. Tampilan Halaman Tambah Pengumuman

Untuk mengubah isian pengumuman, dapat menggunakan tombol ubah. Maka akan
tampil form untuk melakukan ubahan pengumuman. Berikut tampilannya :

Gambar 35. Tampilan Halaman Ubah Pengumuman

5. Laporan Absensi
Pada menu laporan absensi, terdapat beberapa submenu yaitu per karyawan, per
departemen, pengajuan lembur, pengajuan izin/cuti, dan laporan aktivitas. Berikut
tampilannya :

5.1.Per Karyawan
Pada submenu per karyawan, terdapat filter pencarian absensi karyawan dengan filter
cabang, departemen, nama karyawan, periode tanggal absen dan absensi lalu klik
tombol cari untuk melihat daftar absensi karyawan. Tombol detail pada jam kerja
berfungsi untuk melihat detail data absensi. Tombol edit digunakan untuk mengubah
data karyawan. Tombol download data absesi satu departemen digunakan untuk
mengunduh data absensi karyawan dalam satu departemen, dan tombol download data
absensi individu karyawan digunakan untuk mengunduh data absensi tiap karyawan.
Berikut tampilannya :

Gambar 36. Tampilan Halaman Absensi Per Karyawan

 Untuk mengubah data absensi, dapat menggunakan tombol edit. Maka akan tampil
halaman untuk mengubah data absensi. Berikut tampilannya :

Gambar 37. Tampilan Halaman Ubah Data Karyawan

5.2.Per Departemen
Pada submenu per departemen, pengguna dapat mencari data absensi tiap departemen
dengan filter cabang, departemen dan periode lalu klik tombol cari. Maka akan tampil
daftar absensi karyawan departemen tersebut. Tombol unduh excel digunakan untuk
mengunduh file absensi berupa file excel. Berikut tampilannya :

Gambar 38. Tampilan Halaman Absensi Per Departemen

5.3.Pengajuan Lembur
Pada submenu pengajuan lembur, pengguna dapat mencari data lembur karyawan
dengan filter cabang, departemen, nama karyawan, periode tanggal absen dan
keterangan lalu klik tombol cari. Maka akan tampil daftar lembur karyawan. Terdapat
tombol aksi berupa tombol terima untuk menerima lembur dan tolak untuk menolak
pengajuan lembur. Tombol detail pada jam mulai dan jam selesai digunakan untuk
melihat detail data lembur. Berikut tampilannya :

Gambar 39. Tampilan Halaman Pengajuan Lembur

5.4.Pengajuan Izin/Cuti
Pada submenu pengajuan izin/cuti, pengguna dapat melihat data pengajuan izin/cuti,
dan dapat dilakukan filter dengan filter tanggal mulai, tanggal selesai, cabang,
departemen, keterangan, nama karyawan, dan jenis izin lalu klik tombol cari untuk
melakukan pencarian sesuai filter. Tombol tambah data digunakan untuk menambah
data izin/cuti. Tombol ubah digunakan untuk melakukan approval ijin/cuti, tombol
hapus digunakan untuk menghapus data dan tombol detail digunakan untuk melihat
detail data. Berikut tampilannya :
 Gambar 40. Tampilan Halaman Pengajuan Izin/Cuti

Untuk menambah data cuti/izin, dapat menggunakan tombol tambah data. Maka akan
tampil form untuk menambah data cuti/izin. Klik tombol simpan untuk menyimpan
data. Berikut tampilannya :

Gambar 41. Tampilan Halaman Tambah Data Pengajuan Izin/Cuti

 Untuk melakukan approval, dapat klik pada tombol edit. Maka akan tampil halaman
untuk melakukan approval dan ubahan data. Klik tombol simpan untuk menyimpan
data ubahan. Berikut tampilannya :

Gambar 42. Tampilan Halaman Ubah Data Untuk Approval

5.5.Laporan Aktivitas
Pada submenu laporan aktivitas, terdapat beberapa filter untuk melihat laporan
aktivitas dengan filter cabang, departemen, nama karyawan, periode tanggal lalu klik
tombol tampilkan. Tombol download data aktivitas untuk mengunduh data tersebut.
Berikut tampilannya :

Gambar 43. Tampilan Halaman Laporan Aktivitas

6. Informasi Gaji
Pada menu informasi gaji, terdapat rincian gaji dengan filter tahun dan bulan lalu klik
tombol tampilkan untuk menampilkan gaji pada periode tersebut. Tombol unduh
template import digunakan untuk mengunduh file template untuk melakukan unggah
gaji menggunakan tombol import gaji. Tombol download gaji digunakan untuk
mengunduh file slip gaji. Berikut tampilannya :

Gambar 44. Tampilan Halaman Informasi Gaji

7. Pengaturan Akun
Untuk melakukan ubahan password dan keluar dari aplikasi, dapat klik pada bagian
pojok kanan atas. Lalu akan tampil pilihan ganti password untuk mengubah password
dan logout untuk keluar dari aplikasi. Berikut tampilannya :

Gambar 45. Tampilan Halaman Pengaturan Akun

Untuk melakukan ubahan password, dapat menggunakan ganti password. Maka akan
tampil form untuk mengubah password. Berikut tampilannya :

Gambar 46. Tampilan Halaman Ganti Password

B. Level User Staff

1. Halaman Login
Untuk memulai Aplikasi Absenku Profesional, pengguna dapat mengakses URL :
https://absenku.com/absenku_profesional maka akan tampil halaman untuk login.
Masukkan username dan password untuk level staff, check mark pada check box
show password untuk memperlihatkan password. Lalu klik tombol login untuk masuk
ke Aplikasi Absenku Profesional. Tombol lupa password digunakan untuk mengatur
ulang password apabila pengguna lupa password akun. Berikut tampilannya :

Gambar 47. Tampilan Halaman Login

Maka akan diarahkan ke halaman untuk beranda untuk level user staff. Pada halaman
beranda, ditampilkan rekap absensi pengguna. Berikut tampilannya :

Gambar 48. Tampilan Halaman Beranda

2. Informasi
Pada menu informasi, terdapat dua submenu yaitu berita dan pengumuman. Berikut
penjelasannya lebih lanjut :

2.1.Berita
Pada submenu berita, terdapat daftar berita. Berikut tampilannya :

Gambar 49. Tampilan Halaman Berita

2.2.Pengumuman
Pada submenu pengumuman, terdapat daftar pengumuman. Berikut tampilannya :

Gambar 50. Tampilan Halaman Daftar Pengumuman

3. Laporan Absensi
Pada menu laporan absensi, terdapat beberapa submenu yaitu per karyawan,
pengajuan lembur, pengajuan izin/cuti, dan laporan aktivitas. Berikut tampilannya :

3.1.Per Karyawan
Pada submenu per karyawan, terdapat filter pencarian absensi karyawan dengan filter
periode tanggal absen dan absensi lalu klik tombol cari untuk melihat daftar absensi
pengguna. Tombol detail pada jam kerja berfungsi untuk melihat detail data absensi.
Tombo download data absensi individu karyawan digunakan untuk mengunduh data
absensi karyawan. Berikut tampilannya :
 Gambar 51. Tampilan Halaman Laporan Absensi Karyawan

3.2.Pengajuan Lembur
Pada submenu pengajuan lembur, terdapat daftar lembur karyawan yang dapat dicari
dengan filter periode tanggal dan keterangan lalu klik tombol cari. Berikut
tampilannya :

Gambar 52. Tampilan Halaman Pengajuan Lembur

3.3.Pengajuan Izin/Cuti
Pada submenu pengajuan izin, terdapat daftar izin/cuti. Berikut tampilannya :

Gambar 53. Tampilan Halaman Pengajuan Izin/Cuti

3.4.Laporan Aktivitas
Pada submenu laporan aktivitas, pengguna dapat melihat daftar laporan aktivitas
absensi harian. Berikut tampilannya :

Gambar 54. Tampilan Halaman Laporan Aktivitas

4. Informasi Gaji
Pada menu informasi gaji, terdapat detail gaji pengguna. Pengguna dapat melihat gaji
sesuai dengan filter bulan dan tahun yang diingikan lalu klik tombol tampilkan.
Tombol download gaji digunakan untuk mengunduh slip gaji karyawan. Berikut
tampilannya :

Gambar 55. Tampilan Halaman Informasi Gaji

5. Pengaturan Akun
Untuk melakukan ubahan password dan keluar dari aplikasi, dapat klik pada bagian
pojok kanan atas. Lalu akan tampil pilihan ganti password untuk mengubah password
dan logout untuk keluar dari aplikasi. Berikut tampilannya :

Gambar 56. Tampilan Halaman Pengaturan Akun

Untuk melakukan ubahan password, dapat menggunakan ganti password. Maka akan
tampil form untuk mengubah password. Berikut tampilannya :

Gambar 57. Tampilan Halaman Ganti Password

C. Level User Admin Finance

1. Halaman Login
Untuk memulai Aplikasi Absenku Profesional, pengguna dapat mengakses URL :
https://absenku.com/absenku_profesional maka akan tampil halaman untuk login.
Masukkan username dan password untuk level admin finance, check mark pada check
box show password untuk memperlihatkan password. Lalu klik tombol login untuk
masuk ke Aplikasi Absenku Profesional. Tombol lupa password digunakan untuk
mengatur ulang password apabila pengguna lupa password akun. Berikut
tampilannya:

Gambar 58. Tampilan Halaman Login

Maka akan diarahkan ke halaman untuk beranda untuk level user admin finance. Pada
halaman beranda, ditampilkan rekap absensi pengguna. Berikut tampilannya :

Gambar 59. Tampilan Halaman Beranda

2. Informasi
Pada menu informasi, terdapat dua submenu yaitu berita dan pengumuman. Berikut
penjelasannya lebih lanjut :
2.1.Berita
Pada submenu berita, terdapat daftar berita. Berikut tampilannya :

Gambar 60. Tampilan Halaman Berita

2.2.Pengumuman
Pada submenu pengumuman, terdapat daftar pengumuman. Berikut tampilannya :

Gambar 61. Tampilan Halaman Daftar Pengumuman

3. Laporan Absensi
Pada menu laporan absensi, terdapat beberapa submenu yaitu per karyawan,
pengajuan lembur, pengajuan izin/cuti, dan laporan aktivitas. Berikut tampilannya :

3.1.Per Karyawan
Pada submenu per karyawan, terdapat filter pencarian absensi karyawan dengan filter
cabang, departemen, nama karyawan, periode tanggal absen dan absensi lalu klik
tombol cari untuk melihat daftar absensi karyawan. Tombol detail pada jam kerja
berfungsi untuk melihat detail data absensi. Tombol edit digunakan untuk mengubah
data karyawan. Tombol download data absesi satu departemen digunakan untuk
mengunduh data absensi karyawan dalam satu departemen, dan tombol download data
absensi individu karyawan digunakan untuk mengunduh data absensi tiap karyawan.
Berikut tampilannya :
 Gambar 62. Tampilan Halaman Laporan Absensi Per Karyawan

3.2.Per Departemen
Pada submenu per departemen, pengguna dapat mencari data absensi tiap departemen
dengan filter cabang, departemen dan periode lalu klik tombol cari. Maka akan tampil
daftar absensi karyawan departemen tersebut. Tombol unduh excel digunakan untuk
mengunduh file absensi berupa file excel. Berikut tampilannya :

Gambar 63. Tampilan Halaman Absensi Per Departemen

3.3.Pengajuan Lembur
Pada submenu pengajuan lembur, terdapat daftar lembur karyawan yang dapat dicari
dengan filter periode tanggal dan keterangan lalu klik tombol cari. Berikut
tampilannya :

Gambar 64. Tampilan Halaman Pengajuan Lembur

3.4.Pengajuan Izin/Cuti
Pada submenu pengajuan izin/cuti, pengguna dapat melihat data pengajuan izin/cuti,
dan dapat dilakukan filter dengan filter tanggal mulai, tanggal selesai, cabang,
departemen, keterangan, nama karyawan, dan jenis izin lalu klik tombol cari untuk
melakukan pencarian sesuai filter. Tombol tambah data digunakan untuk menambah
data izin/cuti. Tombol detail digunakan untuk melihat detail data izin/cuti . Berikut
tampilannya :

Gambar 65. Tampilan Halaman Pengajuan Izin/Cuti

 Untuk menambah data cuti/izin, dapat menggunakan tombol tambah data. Maka akan
tampil form untuk menambah data cuti/izin. Klik tombol simpan untuk menyimpan
data. Berikut tampilannya :

Gambar 66. Tampilan Halaman Pengajuan Izin/Cuti

3.5.Laporan Aktivitas
Pada submenu laporan aktivitas, terdapat beberapa filter untuk melihat laporan
aktivitas dengan filter cabang, departemen, nama karyawan, periode tanggal lalu klik
tombol tampilkan. Tombol download data aktivitas untuk mengunduh data tersebut.
Berikut tampilannya :

Gambar 67. Tampilan Halaman Laporan Aktivitas

4. Informasi Gaji
Pada menu informasi gaji, terdapat rincian gaji dengan filter tahun dan bulan lalu klik
tombol tampilkan untuk menampilkan gaji pada periode tersebut. Tombol unduh
template import digunakan untuk mengunduh file template untuk melakukan unggah
 gaji menggunakan tombol import gaji. Tombol download gaji digunakan untuk
mengunduh file slip gaji. Berikut tampilannya :

Gambar 68. Tampilan Halaman Informasi Gaji

Untuk melakukan unggah slip gaji, dapat menggunakan tombol import gaji. Maka
akan tampil halaman untuk mengunggah file template slip yang dapat diunduh di
tombol unduh template import dengan memilih tahun dan bulan gaji, lalu kli tombol
unggah file. Berikut tampilannya :

Gambar 69. Tampilan Halaman Import Data Gaji

5. Pengaturan Akun
Untuk melakukan ubahan password dan keluar dari aplikasi, dapat klik pada bagian
pojok kanan atas. Lalu akan tampil pilihan ganti password untuk mengubah password
dan logout untuk keluar dari aplikasi. Berikut tampilannya :

Gambar 70. Tampilan Halaman Pengaturan Akun

Untuk melakukan ubahan password, dapat menggunakan ganti password. Maka akan
tampil form untuk mengubah password. Berikut tampilannya :
Gambar 71. Tampilan Halaman Ganti Password
D. Level User Kepala Cabang

1. Halaman Login
Untuk memulai Aplikasi Absenku Profesional, pengguna dapat mengakses URL :
https://absenku.com/absenku_profesional maka akan tampil halaman untuk login.
Masukkan username dan password untuk level kepala cabang, check mark pada check
box show password untuk memperlihatkan password. Lalu klik tombol login untuk
masuk ke Aplikasi Absenku Profesional. Tombol lupa password digunakan untuk
mengatur ulang password apabila pengguna lupa password akun. Berikut
tampilannya:

Gambar 72. Tampilan Halaman Login

Maka akan diarahkan ke halaman untuk beranda untuk level user kepala cabang. Pada
halaman beranda, ditampilkan rekap absensi pengguna. Berikut tampilannya :

Gambar 73. Tampilan Halaman Beranda

2. Pengaturan
Pada menu pengaturan, terdapat satu submenu yaitu pengaturan shift. Berikut
penjelasannya lebih lanjut :

2.1.Pengaturan Shift
Pada submenu pengaturan shift, pengguna dapat menambah data shift menggunakan
tombol tambah data, mencari data shift karyawan menggunakan filte rdepartemen,
periode, shift dan karyawan lalu klik tombol cari, dan melakukan import data shift
menggunakan file template yang dapat diunduh pada tombol unduh template import.
Berikut tampilannya :

Gambar 74. Tampilan Halaman Pengaturan Shift

Untuk menambah data shift, dapat menggunakan tombol tambah data. Maka akan
tampil form untuk menambah data shift baru. Klik tombol tambah untuk menyimpan
data shift baru, tombol batal digunakan untuk membatalkan penyimpanan. Berikut
tampilannya :

Gambar 75. Tampilan Halaman Tambah Data Shift

3. Informasi
Pada menu informasi, terdapat dua submenu yaitu berita dan pengumuman. Berikut
penjelasannya lebih lanjut :
3.1.Berita
Pada submenu berita, terdapat daftar berita. Berikut tampilannya :

Gambar 76. Tampilan Halaman Daftar Berita

3.2.Pengumuman
Pada submenu pengumuman, menampilkan daftar pengumuman. Pengguna dapat
menambah data pengumuman menggunakan tombol buat pengumuman baru,
mengubah data menggunakan ikon ubah, dan menhapus data menggunakan ikon
hapus. Berikut tampilannya :

Gambar 77. Tampilan Halaman Pengumuman

Untuk menambah pengumuman, dapat menggunakan tombol buat pengumuman baru.

Maka akan tampil halaman untuk menambah data. Klik tombol simpan untuk
menyimpan data. Berikut tampilannya :

Gambar 78. Tampilan Halaman Tambah Pengumuman

 Untuk mengubah isian pengumuman, dapat menggunakan tombol ubah. Maka akan
tampil form untuk melakukan ubahan pengumuman. Berikut tampilannya :

Gambar 79. Tampilan Halaman Ubah Pengumuman

4. Laporan Absensi
Pada menu laporan absensi, terdapat beberapa submenu yaitu per karyawan,
pengajuan lembur, pengajuan izin/cuti, dan laporan aktivitas. Berikut tampilannya :

4.1.Per Karyawan
Pada submenu per karyawan, terdapat filter pencarian absensi karyawan dengan filter
cabang, departemen, nama karyawan, periode tanggal absen dan absensi lalu klik
tombol cari untuk melihat daftar absensi karyawan. Tombol detail pada jam kerja
berfungsi untuk melihat detail data absensi. Tombol edit digunakan untuk mengubah
data karyawan. Tombol download data absensi satu departemen digunakan untuk
mengunduh data absensi karyawan dalam satu departemen, dan tombol download data
absensi individu karyawan digunakan untuk mengunduh data absensi tiap karyawan.
Berikut tampilannya :
 Gambar 80. Tampilan Halaman Absensi Per Karyawan

4.2.Per Departemen
Pada submenu per departemen, pengguna dapat mencari data absensi tiap departemen
dengan filter cabang, departemen dan periode lalu klik tombol cari. Maka akan tampil
daftar absensi karyawan departemen tersebut. Tombol unduh excel digunakan untuk
mengunduh file absensi berupa file excel. Berikut tampilannya :

Gambar 81. Tampilan Halaman Absensi Per Departemen

4.3.Pengajuan Lembur
Pada submenu pengajuan lembur, pengguna dapat mencari data lembur karyawan
dengan filter departemen, nama karyawan, periode tanggal absen dan keterangan lalu
klik tombol cari. Maka akan tampil daftar lembur karyawan. Terdapat tombol aksi
berupa tombol terima untuk menerima lembur dan tolak untuk menolak pengajuan
lembur. Tombol detail pada jam mulai dan jam selesai digunakan untuk melihat detail
data lembur. Berikut tampilannya :

Gambar 82. Tampilan Halaman Pengajuan Lembur

4.4.Pengajuan Izin/Cuti
Pada submenu pengajuan izin/cuti, pengguna dapat melihat data pengajuan izin/cuti,
dan dapat dilakukan filter dengan filter tanggal mulai, tanggal selesai, departemen,
keterangan, nama karyawan, dan jenis izin lalu klik tombol cari untuk melakukan
pencarian sesuai filter. Tombol tambah data digunakan untuk menambah data
izin/cuti. Tombol detail digunakan untuk melihat detail data. Berikut tampilannya :

Gambar 83. Tampilan Halaman Pengajuan Izin/Cuti

 Untuk menambah data cuti/izin, dapat menggunakan tombol tambah data. Maka akan
tampil form untuk menambah data cuti/izin. Klik tombol simpan untuk menyimpan
data. Berikut tampilannya :

Gambar 84. Tampilan Halaman Tambah Data Pengajuan Izin/Cuti

4.5.Laporan Aktivitas
Pada submenu laporan aktivitas, terdapat beberapa filter untuk melihat laporan
aktivitas dengan filter departemen, nama karyawan, periode tanggal lalu klik tombol
tampilkan. Tombol download data aktivitas untuk mengunduh data tersebut dan
tombol detail digunakan untuk melihat detail data. Berikut tampilannya :

Gambar 85. Tampilan Halaman Laporan Aktivitas

5. Informasi Gaji
Pada menu informasi gaji, terdapat detail gaji pengguna. Pengguna dapat melihat gaji
sesuai dengan filter bulan dan tahun yang diingikan lalu klik tombol tampilkan.
 Tombol download gaji digunakan untuk mengunduh slip gaji karyawan. Berikut
tampilannya :

Gambar 86. Tampilan Halaman Informasi Gaji

6. Pengaturan Akun
Untuk melakukan ubahan password dan keluar dari aplikasi, dapat klik pada bagian
pojok kanan atas. Lalu akan tampil pilihan ganti password untuk mengubah password
dan logout untuk keluar dari aplikasi. Berikut tampilannya :

Gambar 87. Tampilan Halaman Pengaturan Akun

Untuk melakukan ubahan password, dapat menggunakan ganti password. Maka akan
tampil form untuk mengubah password. Berikut tampilannya :

Gambar 88. Tampilan Halaman Ganti Password

E. Level User Kepala Departemen

1. Halaman Login
Untuk memulai Aplikasi Absenku Profesional, pengguna dapat mengakses URL :
https://absenku.com/absenku_profesional maka akan tampil halaman untuk login.
Masukkan username dan password untuk level kepala departemen, check mark pada
check box show password untuk memperlihatkan password. Lalu klik tombol login
untuk masuk ke Aplikasi Absenku Profesional. Tombol lupa password digunakan
untuk mengatur ulang password apabila pengguna lupa password akun. Berikut
tampilannya:

Gambar 89. Tampilan Halaman Login

Maka akan diarahkan ke halaman untuk beranda untuk level user kepala departemen.
Pada halaman beranda, ditampilkan rekap absensi pengguna. Berikut tampilannya :

Gambar 90. Tampilan Halaman Kepala Departemen

2. Pengaturan
Pada menu pengaturan, terdapat satu submenu yaitu pengaturan shift. Berikut
penjelasannya lebih lanjut :

2.1.Pengaturan Shift
Pada submenu pengaturan shift, pengguna dapat menambah data shift menggunakan
tombol tambah data, mencari data shift karyawan menggunakan filter departemen,
periode, shift dan karyawan lalu klik tombol cari, dan melakukan import data shift
menggunakan file template yang dapat diunduh pada tombol unduh template import.
Berikut tampilannya :

Gambar 91. Tampilan Halaman Pengaturan Shift

3. Informasi
Pada menu informasi, terdapat dua submenu yaitu berita dan pengumuman. Berikut
penjelasannya lebih lanjut :

3.1.Berita
Pada submenu berita, terdapat daftar berita. Berikut tampilannya :

Gambar 92. Tampilan Halaman Berita

3.2.Pengumuman
Pada submenu pengumuman, menampilkan daftar pengumuman. Pengguna dapat
menambah data pengumuman menggunakan tombol buat pengumuman baru,
mengubah data menggunakan ikon ubah, dan menhapus data menggunakan ikon
hapus. Berikut tampilannya :
 Gambar 93. Tampilan Halaman Pengumuman

Untuk menambah pengumuman, dapat menggunakan tombol buat pengumuman baru.

Maka akan tampil halaman untuk menambah data. Klik tombol simpan untuk
menyimpan data. Berikut tampilannya :

Gambar 94. Tampilan Halaman Tambah Pengumuman

Untuk mengubah isian pengumuman, dapat menggunakan tombol ubah. Maka akan
tampil form untuk melakukan ubahan pengumuman. Berikut tampilannya :

Gambar 95. Tampilan Halaman Ubah Pengumuman

4. Laporan Absensi
Pada menu laporan absensi, terdapat beberapa submenu yaitu per karyawan,
pengajuan lembur, pengajuan izin/cuti, dan laporan aktivitas. Berikut tampilannya :

4.1.Per Karyawan
Pada submenu per karyawan, terdapat filter pencarian absensi karyawan dengan filter
cabang, departemen, nama karyawan, periode tanggal absen dan absensi lalu klik
tombol cari untuk melihat daftar absensi karyawan. Tombol detail pada jam kerja
berfungsi untuk melihat detail data absensi. Tombol edit digunakan untuk mengubah
data karyawan. Tombol download data absesi satu departemen digunakan untuk
mengunduh data absensi karyawan dalam satu departemen, dan tombol download data
absensi individu karyawan digunakan untuk mengunduh data absensi tiap karyawan.
Berikut tampilannya :

Gambar 96. Tampilan Halaman Absensi Per Karyawan

 Untuk mengubah data absensi, dapat menggunakan tombol edit. Maka akan tampil
halaman untuk mengubah data absensi. Berikut tampilannya :

Gambar 97. Tampilan Halaman Ubah Data Karyawan

4.2. Per Departemen

Pada submenu per departemen, pengguna dapat mencari data absensi tiap departemen
dengan filter cabang, departemen dan periode lalu klik tombol cari. Maka akan tampil
daftar absensi karyawan departemen tersebut. Tombol unduh excel digunakan untuk
mengunduh file absensi berupa file excel. Berikut tampilannya :

Gambar 98. Tampilan Halaman Absensi Per Departemen

4.3.Pengajuan Lembur
Pada submenu pengajuan lembur, pengguna dapat mencari data lembur karyawan
dengan filter departemen, nama karyawan, periode tanggal absen dan keterangan
lalu klik tombol cari. Maka akan tampil daftar lembur karyawan. Terdapat tombol
aksi berupa tombol terima untuk menerima lembur dan tolak untuk menolak
pengajuan lembur. Tombol detail pada jam mulai dan jam selesai digunakan untuk
melihat detail data lembur. Berikut tampilannya :

Gambar 99. Tampilan Halaman Pengajuan Lembur

4.4.Pengajuan Izin/Cuti
Pada submenu pengajuan izin/cuti, pengguna dapat melihat data pengajuan
izin/cuti, dan dapat dilakukan filter dengan filter tanggal mulai, tanggal selesai,
departemen, keterangan, nama karyawan, dan jenis izin lalu klik tombol cari untuk
melakukan pencarian sesuai filter. Tombol tambah data digunakan untuk
menambah data izin/cuti. Tombol detail digunakan untuk melihat detail data.
Berikut tampilannya :

Gambar 100. Tampilan Halaman Pengajuan Izin/Cuti

 Untuk menambah data cuti/izin, dapat menggunakan tombol tambah data. Maka akan
tampil form untuk menambah data cuti/izin. Klik tombol simpan untuk menyimpan
data. Berikut tampilannya :

Gambar 101. Tampilan Halaman Tambah Data Pengajuan Izin/Cuti

4.5.Laporan Aktivitas
Pada submenu laporan aktivitas, terdapat beberapa filter untuk melihat laporan
aktivitas dengan filter departemen, nama karyawan, periode tanggal lalu klik
tombol tampilkan. Tombol download data aktivitas untuk mengunduh data
tersebut dan tombol detail digunakan untuk melihat detail data. Berikut
tampilannya :

Gambar 102. Tampilan Halaman Laporan Aktivitas

5. Informasi Gaji
Pada menu informasi gaji, terdapat detail gaji pengguna. Pengguna dapat melihat gaji
sesuai dengan filter bulan dan tahun yang diingikan lalu klik tombol tampilkan. Tombol
download gaji digunakan untuk mengunduh slip gaji karyawan. Berikut tampilannya :
 Gambar 103. Tampilan Halaman Informasi Gaji

6. Pengaturan Akun
Untuk melakukan ubahan password dan keluar dari aplikasi, dapat klik pada bagian pojok
kanan atas. Lalu akan tampil pilihan ganti password untuk mengubah password dan
logout untuk keluar dari aplikasi. Berikut tampilannya :

Gambar 104. Tampilan Halaman Pengaturan Akun

Untuk melakukan ubahan password, dapat menggunakan ganti password. Maka akan
tampil form untuk mengubah password. Berikut tampilannya :

Gambar 105. Tampilan Halaman Ganti Password

F. Level User Direksi

1. Halaman Login
Untuk memulai Aplikasi Absenku Profesional, pengguna dapat mengakses URL :
https://absenku.com/absenku_profesional maka akan tampil halaman untuk login.
Masukkan username dan password untuk level direksi, check mark pada check box
show password untuk memperlihatkan password. Lalu klik tombol login untuk masuk
ke Aplikasi Absenku Profesional. Tombol lupa password digunakan untuk mengatur
ulang password apabila pengguna lupa password akun. Berikut tampilannya:

Gambar 106. Tampilan Halaman Login

Maka akan diarahkan ke halaman untuk beranda untuk level user direksi. Pada
halaman beranda, ditampilkan rekap absensi pengguna. Berikut tampilannya :

Gambar 107. Tampilan Halaman Beranda

2. Pengaturan
Pada menu pengaturan, terdapat satu submenu yaitu pengaturan shift. Berikut
penjelasannya lebih lanjut :

2.1.Pengaturan Shift
Pada submenu pengaturan shift, pengguna dapat menambah data shift menggunakan
tombol tambah data, mencari data shift karyawan menggunakan filter cabang,
departemen, periode, shift dan karyawan lalu klik tombol cari, dan melakukan import
data shift menggunakan file template yang dapat diunduh pada tombol unduh
template import. Berikut tampilannya :

Gambar 108. Tampilan Halaman Pengaturan Shift

Untuk menambah data shift, dapat menggunakan tombol tambah data. Maka akan
tampil form untuk menambah data shift baru. Klik tombol tambah untuk menyimpan
data shift baru, tombol batal digunakan untuk membatalkan penyimpanan. Berikut
tampilannya :

Gambar 109. Tampilan Halaman Tambah Data Pengaturan Shift

3. Informasi
Pada menu informasi, terdapat dua submenu yaitu berita dan pengumuman. Berikut
penjelasannya lebih lanjut :

3.1.Berita
Pada submenu berita, terdapat daftar berita. Berikut tampilannya :
 Gambar 110. Tampilan Halaman Daftar Berita

3.2.Pengumuman
Pada submenu pengumuman, menampilkan daftar pengumuman. Pengguna dapat
menambah data pengumuman menggunakan tombol buat pengumuman baru,
mengubah data menggunakan ikon ubah, dan menhapus data menggunakan ikon
hapus. Berikut tampilannya :

Gambar 111. Tampilan Halaman Pengumuman

Untuk menambah pengumuman, dapat menggunakan tombol buat pengumuman baru.

Maka akan tampil halaman untuk menambah data. Klik tombol simpan untuk
menyimpan data. Berikut tampilannya :

Gambar 112. Tampilan Halaman Tambah Pengumuman

 Untuk mengubah isian pengumuman, dapat menggunakan tombol ubah. Maka akan
tampil form untuk melakukan ubahan pengumuman. Berikut tampilannya :

Gambar 113. Tampilan Halaman Ubah Pengumuman

4. Laporan Absensi
Pada menu laporan absensi, terdapat beberapa submenu yaitu per karyawan, per
departemen, pengajuan lembur, pengajuan izin/cuti, dan laporan aktivitas. Berikut
tampilannya :

4.1.Per Karyawan
Pada submenu per karyawan, terdapat filter pencarian absensi karyawan dengan filter
cabang, departemen, nama karyawan, periode tanggal absen dan absensi lalu klik
tombol cari untuk melihat daftar absensi karyawan. Tombol detail pada jam kerja
berfungsi untuk melihat detail data absensi. Tombol edit digunakan untuk mengubah
data karyawan. Tombol download data absesi satu departemen digunakan untuk
mengunduh data absensi karyawan dalam satu departemen, dan tombol download data
absensi individu karyawan digunakan untuk mengunduh data absensi tiap karyawan.
Berikut tampilannya :

Gambar 114. Tampilan Halaman Absensi Per Karyawan

 Untuk mengubah data absensi, dapat menggunakan tombol edit. Maka akan tampil
halaman untuk mengubah data absensi. Berikut tampilannya :

Gambar 115. Tampilan Halaman Ubah Data Karyawan

4.2.Per Departemen
Pada submenu per departemen, pengguna dapat mencari data absensi tiap departemen
dengan filter cabang, departemen dan periode lalu klik tombol cari. Maka akan tampil
daftar absensi karyawan departemen tersebut. Tombol unduh excel digunakan untuk
mengunduh file absensi berupa file excel. Berikut tampilannya :

Gambar 116. Tampilan Halaman Absensi Per Departemen

4.3.Pengajuan Lembur
Pada submenu pengajuan lembur, pengguna dapat mencari data lembur karyawan
dengan filter cabang, departemen, nama karyawan, periode tanggal absen dan
keterangan lalu klik tombol cari. Maka akan tampil daftar lembur karyawan. Terdapat
tombol aksi berupa tombol terima untuk menerima lembur dan tolak untuk menolak
pengajuan lembur. Tombol detail pada jam mulai dan jam selesai digunakan untuk
melihat detail data lembur. Berikut tampilannya :

Gambar 117. Tampilan Halaman Pengajuan Lembur

4.4.Pengajuan Izin/Cuti
Pada submenu pengajuan izin/cuti, pengguna dapat melihat data pengajuan izin/cuti,
dan dapat dilakukan filter dengan filter tanggal mulai, tanggal selesai, cabang,
departemen, keterangan, nama karyawan, dan jenis izin lalu klik tombol cari untuk
melakukan pencarian sesuai filter. Tombol tambah data digunakan untuk menambah
data izin/cuti. Tombol detail digunakan untuk melihat detail data. Berikut tampilannya
:

Gambar 118. Tampilan Halaman Pengajuan Izin/Cuti

Untuk menambah data cuti/izin, dapat menggunakan tombol tambah data. Maka akan
tampil form untuk menambah data cuti/izin. Klik tombol simpan untuk menyimpan
data. Berikut tampilannya :

Gambar 119. Tampilan Halaman Tambah Data Pengajuan Izin/Cuti

Untuk melakukan approval, dapat klik pada tombol edit. Maka akan tampil halaman
untuk melakukan approval dan ubahan data. Klik tombol simpan untuk menyimpan
data ubahan. Berikut tampilannya :

Gambar 120. Tampilan Halaman Ubah Data Untuk Approval

4.5.Laporan Aktivitas
Pada submenu laporan aktivitas, terdapat beberapa filter untuk melihat laporan
aktivitas dengan filter cabang, departemen, nama karyawan, periode tanggal lalu klik
tombol tampilkan. Tombol download data aktivitas untuk mengunduh data tersebut.
Berikut tampilannya :

Gambar 121. Tampilan Halaman Laporan Aktivitas

5. Informasi Gaji
Pada menu informasi gaji, terdapat detail gaji pengguna. Pengguna dapat melihat gaji
sesuai dengan filter bulan dan tahun yang diingikan lalu klik tombol tampilkan.
Tombol download gaji digunakan untuk mengunduh slip gaji karyawan. Berikut
tampilannya :

Gambar 122. Tampilan Halaman Informasi Gaji

6. Pengaturan Akun
Untuk melakukan ubahan password dan keluar dari aplikasi, dapat klik pada bagian
pojok kanan atas. Lalu akan tampil pilihan ganti password untuk mengubah password
dan logout untuk keluar dari aplikasi. Berikut tampilannya :

Gambar 123. Tampilan Halaman Pengaturan Akun

Untuk melakukan ubahan password, dapat menggunakan ganti password. Maka akan
tampil form untuk mengubah password. Berikut tampilannya :

Gambar 124. Tampilan Halaman Ganti Password

 Tutorial Penggunaan Aplikasi Mobile Absenku Profesional

A. Level User Staff

1. Halaman Login
Untuk memulai aplikasi absenku profesional, pengguna dapat mengunduh aplikasi
tersebut pada playstore dengan keyword : Absenku Profesional. Lalu unduh dan
install aplikasi tersebut. Apabila instalasi telah berhasil, buka aplikasi dan akan tampil
halaman login. Masukkan username dan password untuk level user staff lalu klik
tombol masuk. Tombol Lupa Password digunakan untuk mereset password akun
dengan mengirimkan password baru di alamat email. Berikut tampilannya :

Gambar 125. Tampilan Halaman Login

Maka akan tampil halaman dashboard untuk level user staff. Berikut tampilannya :

Gambar 126. Tampilan Halaman Beranda

2. Halaman Rekap Absensi
Pada menu rekap absensi, terdapat 3 menu yaitu absensi, izin&cuti dan lembur. Pada
menu absensi, terdapat daftar laporan absensi pengguna dan tombol tampilkan
rangkuman absensi untuk menampilkan rangkuman absensi pengguna. Berikut
tampilannya :

Gambar 127. Tampilan Halaman Rekap Absensi

Pada halaman rangkuman absensi, terdapat data jumlah kehadiran, alpha, sisa cuti,
jumlah cuti, jumlah sakit, jumlah ijin, jumlah lembur dan jumlah terlambat. Berikut
tampilannya :

Gambar 128. Tampilan Halaman Rekap Absensi

Pada halaman izin&cuti, terdapat daftar izin&cuti yang diajukan oleh pengguna.
Berikut tampilannya :

Gambar 129. Tampilan Halaman Rekap Absensi

Pada halaman lembur, terdapat daftar lembur yang diajukan oleh pengguna. Berikut
tampilannya :
 Gambar 130. Tampilan Halaman Rekap

3. Halaman Absensi
Pada halaman absensi, digunakan untuk melakuakan absensi pulang & masuk, absensi
mulai & selesai istirahat, dan absensi mulai & selesai jam lembur. Untuk melakukan
absensi masuk kerja, dapat menggunakan tombol mulai pada bagian jam kerja dan
bila akan melakukan absensi pulang tombol mulai akan berubah menjadi tombol
selesai dan dapat klik pada tombol tersebut. Alur tersebut juga berlaku untuk absensi
jam istirahat dan jam lembur. Berikut tampilannya :

Gambar 131. Tampilan Halaman Absensi

4. Halaman Izin / Cuti
Pada halaman izin/cuti, terdapat daftar izin/cuti yang diajukan oleh pengguna dan
terdapat tombol + yang digunakan untuk menambahkan izin dan cuti. Berikut
tampilannya :

Gambar 132. Tampilan Halaman Izin / Cuti

Klik tombol +, maka akan tampil halaman untuk menambah izin/cuti. Isikan form
sesuai kebutuhan lalu klik tombol kirim untuk mengirim izin/cuti. Berikut
tampilannya :

Gambar 133. Tampilan Halaman Tambah Ijin/Cuti

5. Halaman Gaji
Pada halaman gaji, pengguna dapat melihat detail gaji. Saat masuk ke menu gaji,
pengguna harus memasukkan password untuk keamanan. Berikut tampilannya :

Gambar 134. Tampilan Halaman Isikan Password untuk Check Gaji

Setelah pengguna memasukkan password, maka akan tampil halaman detail gaji.
Berikut tampilannya :

Gambar 135. Tampilan Halaman Detail Gaji

6. Halaman Berita / Pengumuman

Pada halaman berita / pengumuman, pengguna dapat melihat daftar berita dan
pengumuman. Berikut tampilan halaman daftar berita :

Gambar 136. Tampilan Halaman Berita

 Berikut tampilan halaman daftar pengumuman :

Gambar 137. Tampilan Halaman Pengumuman

7. Halaman Lembur
Pada halaman lembur, terdapat daftar lembur pengguna. Berikut tampilannya :

Gambar 138. Tampilan Halaman Lembur

8. Halaman Aktivitas
Pada halaman aktivitas, pengguna dapat melihat daftar aktivitas dan menambah data
aktivitas menggunakan tombol +. Berikut tampilannya :

Gambar 139. Tampilan Halaman Aktivitas

Untuk menambah data aktivitas, dapat menggunakan tombol +. Maka akan tampil
seperti berikut :
 Gambar 140. Tampilan Halaman Absensi Laporan Aktivitas

9. Halaman Pengaturan Akun

Pada halaman pengaturan akun, dapat melihat data pengguna, melakukan ubah
password menggunakan tombol ganti password dan keluar dari akun menggunakan
tombol keluar. Berikut tampilannya :

Gambar 141. Tampilan Halaman Pengaturan Akun

B. Level User Kepala Cabang

1. Halaman Login
Untuk memulai aplikasi absenku profesional, pengguna dapat mengunduh aplikasi
tersebut pada playstore dengan keyword : Absenku Profesional. Lalu unduh dan
install aplikasi tersebut. Apabila instalasi telah berhasil, buka aplikasi dan akan tampil
halaman login. Masukkan username dan password untuk level user kepala cabang lalu
klik tombol masuk. Tombol Lupa Password digunakan untuk mereset password akun
dengan mengirimkan password baru di alamat email. Berikut tampilannya :

Gambar 142. Tampilan Halaman Login

Maka akan tampil halaman dashboard untuk level user kepala cabang. Berikut
tampilannya :

Gambar 143. Tampilan Halaman Beranda

2. Halaman Rekap Absensi
Pada menu rekap absensi, terdapat 3 menu yaitu absensi, izin&cuti dan lembur. Pada
menu absensi, terdapat daftar laporan absensi pengguna dan tombol tampilkan
rangkuman absensi untuk menampilkan rangkuman absensi pengguna. Berikut
tampilannya :

Gambar 144. Tampilan Halaman Rekap Absensi

Pada halaman rangkuman absensi, terdapat data jumlah kehadiran, alpha, sisa cuti,
jumlah cuti, jumlah sakit, jumlah ijin, jumlah lembur dan jumlah terlambat. Berikut
tampilannya :

Gambar 145. Tampilan Halaman Rekap Absensi

Pada halaman izin&cuti, terdapat daftar izin&cuti yang diajukan oleh pengguna.
Berikut tampilannya :

Gambar 146. Tampilan Halaman Rekap Absensi

Pada halaman lembur, terdapat daftar lembur yang diajukan oleh pengguna. Berikut
tampilannya :
 Gambar 147. Tampilan Halaman Rekap

3. Halaman Rekap Staff

Pada menu rekap staff, terdapat 3 menu yaitu absensi, izin&cuti dan lembur. Pada
menu absensi, terdapat daftar laporan absensi pengguna dan tombol tampilkan
rangkuman absensi untuk menampilkan rangkuman absensi pengguna. Berikut
tampilannya :

Gambar 148. Tampilan Halaman Rekap Absensi Staff

Pada halaman izin&cuti, terdapat daftar izin&cuti yang diajukan staff. Berikut
tampilannya :

Gambar 149. Tampilan Halaman Rekap Izin& Cuti Staff

Pada halaman lembur, terdapat daftar lembur yang diajukan oleh pengguna. Berikut
tampilannya :
 Gambar 150. Tampilan Halaman Rekap Lembur Staff

4. Halaman Absensi
Pada halaman absensi, digunakan untuk melakuakan absensi pulang & masuk, absensi
mulai & selesai istirahat, dan absensi mulai & selesai jam lembur. Untuk melakukan
absensi masuk kerja, dapat menggunakan tombol mulai pada bagian jam kerja dan
bila akan melakukan absensi pulang tombol mulai akan berubah menjadi tombol
selesai dan dapat klik pada tombol tersebut. Alur tersebut juga berlaku untuk absensi
jam istirahat dan jam lembur. Berikut tampilannya :

Gambar 151. Tampilan Halaman Absensi

5. Halaman Izin / Cuti
Pada halaman izin/cuti, terdapat daftar izin/cuti yang diajukan oleh pengguna dan
terdapat tombol + yang digunakan untuk menambahkan izin dan cuti. Selain itu,
terdapat daftar izin/cuti yang diajukan oleh karyawan. Berikut tampilannya :

Gambar 152. Tampilan Halaman Izin / Cuti

Klik tombol +, maka akan tampil halaman untuk menambah izin/cuti. Isikan form
sesuai kebutuhan lalu klik tombol kirim untuk mengirim izin/cuti. Berikut
tampilannya :

Gambar 153. Tampilan Halaman Tambah Ijin/Cuti

 Pada halaman izin / cuti karyawan, pengguna melihat data izn cuti pada karyawan.
Berikut tampilannya :

Gambar 154. Tampilan Halaman Daftar Izin / Cuti Karyawan

Apabila karyawan tersebut membutuhkan approval dari kepala cabang, pengguna

dapat klik pada izin/cuti karyawan tersebut, maka akan tampil halaman approval.
Berikut tampilannya :

Gambar 155. Halaman Approval

6. Halaman Gaji
Pada halaman gaji, pengguna dapat melihat detail gaji. Saat masuk ke menu gaji,
pengguna harus memasukkan password untuk keamanan. Berikut tampilannya :

Gambar 156. Tampilan Halaman Isikan Password untuk Check Gaji

 Setelah pengguna memasukkan password, maka akan tampil halaman detail gaji.
Berikut tampilannya :

Gambar 157. Tampilan Halaman Detail Gaji

7. Halaman Berita / Pengumuman

Pada halaman berita / pengumuman, pengguna dapat melihat daftar berita dan
pengumuman. Berikut tampilan halaman daftar berita :

Gambar 158. Tampilan Halaman Berita

Berikut tampilan halaman daftar pengumuman :

Gambar 159. Tampilan Halaman Pengumuman

8. Halaman Lembur
Pada halaman lembur, terdapat daftar lembur pengguna dan daftar lembur karyawan.
Berikut tampilannya :

Gambar 160. Tampilan Halaman Lembur

Berikut tampilan halaman daftar lembur karyawan :

Gambar 161. Tampilan Halaman Lembur Karyawan

9. Halaman Aktivitas
Pada halaman aktivitas, pengguna dapat melihat daftar aktivitas dan menambah data
aktivitas menggunakan tombol +. Berikut tampilannya :

Gambar 162. Tampilan Halaman Aktivitas

 Untuk menambah data aktivitas, dapat menggunakan tombol +. Maka akan tampil
seperti berikut :

Gambar 163. Tampilan Halaman Absensi Laporan Aktivitas

10. Halaman Pengaturan Akun

Pada halaman pengaturan akun, dapat melihat data pengguna, melakukan ubah
password menggunakan tombol ganti password dan keluar dari akun menggunakan
tombol keluar. Berikut tampilannya :

Gambar 164. Tampilan Halaman Pengaturan Akun

C. Level User Kepala Departemen

1. Halaman Login
Untuk memulai aplikasi absenku profesional, pengguna dapat mengunduh aplikasi
tersebut pada playstore dengan keyword : Absenku Profesional. Lalu unduh dan
install aplikasi tersebut. Apabila instalasi telah berhasil, buka aplikasi dan akan tampil
halaman login. Masukkan username dan password untuk level user kepala departemen
lalu klik tombol masuk. Tombol Lupa Password digunakan untuk mereset password
akun dengan mengirimkan password baru di alamat email. Berikut tampilannya :

Gambar 165. Tampilan Halaman Login

Maka akan tampil halaman dashboard untuk level user kepala departemen. Berikut
tampilannya :

Gambar 166. Tampilan Halaman Beranda

2. Halaman Rekap Absensi
Pada menu rekap absensi, terdapat 3 menu yaitu absensi, izin&cuti dan lembur. Pada
menu absensi, terdapat daftar laporan absensi pengguna dan tombol tampilkan
rangkuman absensi untuk menampilkan rangkuman absensi pengguna. Berikut
tampilannya :

Gambar 167. Tampilan Halaman Rekap Absensi

Pada halaman rangkuman absensi, terdapat data jumlah kehadiran, alpha, sisa cuti,
jumlah cuti, jumlah sakit, jumlah ijin, jumlah lembur dan jumlah terlambat. Berikut
tampilannya :

Gambar 168. Tampilan Halaman Rekap Absensi

Pada halaman izin&cuti, terdapat daftar izin&cuti yang diajukan oleh pengguna.
Berikut tampilannya :

Gambar 169. Tampilan Halaman Rekap Absensi

Pada halaman lembur, terdapat daftar lembur yang diajukan oleh pengguna. Berikut
tampilannya :
 Gambar 170. Tampilan Halaman Rekap

3. Halaman Rekap Staff

Pada menu rekap staff, terdapat 3 menu yaitu absensi, izin&cuti dan lembur. Pada
menu absensi, terdapat daftar laporan absensi pengguna dan tombol tampilkan
rangkuman absensi untuk menampilkan rangkuman absensi pengguna. Berikut
tampilannya :

Gambar 171. Tampilan Halaman Rekap Absensi Staff

Pada halaman izin&cuti, terdapat daftar izin&cuti yang diajukan staff. Berikut
tampilannya :

Gambar 172. Tampilan Halaman Rekap Izin& Cuti Staff

Pada halaman lembur, terdapat daftar lembur yang diajukan oleh pengguna. Berikut
tampilannya :
 Gambar 173. Tampilan Halaman Rekap Lembur Staff

4. Halaman Absensi
Pada halaman absensi, digunakan untuk melakuakan absensi pulang & masuk, absensi
mulai & selesai istirahat, dan absensi mulai & selesai jam lembur. Untuk melakukan
absensi masuk kerja, dapat menggunakan tombol mulai pada bagian jam kerja dan
bila akan melakukan absensi pulang tombol mulai akan berubah menjadi tombol
selesai dan dapat klik pada tombol tersebut. Alur tersebut juga berlaku untuk absensi
jam istirahat dan jam lembur. Berikut tampilannya :

Gambar 174. Tampilan Halaman Absensi

5. Halaman Izin / Cuti
Pada halaman izin/cuti, terdapat daftar izin/cuti yang diajukan oleh pengguna dan
terdapat tombol + yang digunakan untuk menambahkan izin dan cuti. Selain itu,
terdapat daftar izin/cuti yang diajukan oleh karyawan. Berikut tampilannya :

Gambar 175. Tampilan Halaman Izin / Cuti

Klik tombol +, maka akan tampil halaman untuk menambah izin/cuti. Isikan form
sesuai kebutuhan lalu klik tombol kirim untuk mengirim izin/cuti. Berikut
tampilannya :

Gambar 176. Tampilan Halaman Tambah Ijin/Cuti

 Pada halaman izin / cuti karyawan, pengguna melihat data izn cuti pada karyawan.
Berikut tampilannya :

Gambar 177. Tampilan Halaman Daftar Izin / Cuti Karyawan

Apabila karyawan tersebut membutuhkan approval dari kepala cabang, pengguna

dapat klik pada izin/cuti karyawan tersebut, maka akan tampil halaman approval.
Berikut tampilannya :

Gambar 178. Halaman Approval

6. Halaman Gaji
Pada halaman gaji, pengguna dapat melihat detail gaji. Saat masuk ke menu gaji,
pengguna harus memasukkan password untuk keamanan. Berikut tampilannya :

Gambar 179. Tampilan Halaman Isikan Password untuk Check Gaji

 Setelah pengguna memasukkan password, maka akan tampil halaman detail gaji.
Berikut tampilannya :

Gambar 180. Tampilan Halaman Detail Gaji

7. Halaman Berita / Pengumuman

Pada halaman berita / pengumuman, pengguna dapat melihat daftar berita dan
pengumuman. Berikut tampilan halaman daftar berita :

Gambar 181. Tampilan Halaman Berita

Berikut tampilan halaman daftar pengumuman :

Gambar 182. Tampilan Halaman Pengumuman

8. Halaman Lembur
Pada halaman lembur, terdapat daftar lembur pengguna dan daftar lembur karyawan.
Berikut tampilannya :

Gambar 183. Tampilan Halaman Lembur

Berikut tampilan halaman daftar lembur karyawan :

Gambar 184. Tampilan Halaman Lembur Karyawan

9. Halaman Aktivitas
Pada halaman aktivitas, pengguna dapat melihat daftar aktivitas dan menambah data
aktivitas menggunakan tombol +. Berikut tampilannya :

Gambar 185. Tampilan Halaman Aktivitas

 Untuk menambah data aktivitas, dapat menggunakan tombol +. Maka akan tampil
seperti berikut :

Gambar 186. Tampilan Halaman Absensi Laporan Aktivitas

10. Halaman Pengaturan Akun

Pada halaman pengaturan akun, dapat melihat data pengguna, melakukan ubah
password menggunakan tombol ganti password dan keluar dari akun menggunakan
tombol keluar. Berikut tampilannya :

Gambar 187. Tampilan Halaman Pengaturan Akun

D. Level User Admin

1. Halaman Login
Untuk memulai aplikasi absenku profesional, pengguna dapat mengunduh aplikasi
tersebut pada playstore dengan keyword : Absenku Profesional. Lalu unduh dan
install aplikasi tersebut. Apabila instalasi telah berhasil, buka aplikasi dan akan tampil
halaman login. Masukkan username dan password untuk level user admin lalu klik
tombol masuk. Tombol Lupa Password digunakan untuk mereset password akun
dengan mengirimkan password baru di alamat email. Berikut tampilannya :

Gambar 188. Tampilan Halaman Login

Maka akan tampil halaman dashboard untuk level user admin. Berikut tampilannya :

Gambar 189. Tampilan Halaman Beranda

2. Halaman Rekap Absensi
Pada menu rekap absensi, terdapat 3 menu yaitu absensi, izin&cuti dan lembur. Pada
menu absensi, terdapat daftar laporan absensi pengguna dan tombol tampilkan
rangkuman absensi untuk menampilkan rangkuman absensi pengguna. Berikut
tampilannya :

Gambar 190. Tampilan Halaman Rekap Absensi

Pada halaman rangkuman absensi, terdapat data jumlah kehadiran, alpha, sisa cuti,
jumlah cuti, jumlah sakit, jumlah ijin, jumlah lembur dan jumlah terlambat. Berikut
tampilannya :

Gambar 191. Tampilan Halaman Rekap Absensi

Pada halaman izin&cuti, terdapat daftar izin&cuti yang diajukan oleh pengguna.
Berikut tampilannya :

Gambar 192. Tampilan Halaman Rekap Absensi

Pada halaman lembur, terdapat daftar lembur yang diajukan oleh pengguna. Berikut
tampilannya :
 Gambar 193. Tampilan Halaman Rekap

3. Halaman Rekap Staff

Pada menu rekap staff, terdapat 3 menu yaitu absensi, izin&cuti dan lembur. Pada
menu absensi, terdapat daftar laporan absensi pengguna dan tombol tampilkan
rangkuman absensi untuk menampilkan rangkuman absensi pengguna. Berikut
tampilannya :

Gambar 194. Tampilan Halaman Rekap Absensi Staff

Pada halaman izin&cuti, terdapat daftar izin&cuti yang diajukan staff. Berikut
tampilannya :

Gambar 195. Tampilan Halaman Rekap Izin& Cuti Staff

Pada halaman lembur, terdapat daftar lembur yang diajukan oleh pengguna. Berikut
tampilannya :
 Gambar 196. Tampilan Halaman Rekap Lembur Staff

4. Halaman Absensi
Pada halaman absensi, digunakan untuk melakuakan absensi pulang & masuk, absensi
mulai & selesai istirahat, dan absensi mulai & selesai jam lembur. Untuk melakukan
absensi masuk kerja, dapat menggunakan tombol mulai pada bagian jam kerja dan
bila akan melakukan absensi pulang tombol mulai akan berubah menjadi tombol
selesai dan dapat klik pada tombol tersebut. Alur tersebut juga berlaku untuk absensi
jam istirahat dan jam lembur. Berikut tampilannya :

Gambar 197. Tampilan Halaman Absensi

5. Halaman Izin / Cuti
Pada halaman izin/cuti, terdapat daftar izin/cuti yang diajukan oleh pengguna dan
terdapat tombol + yang digunakan untuk menambahkan izin dan cuti. Selain itu,
terdapat daftar izin/cuti yang diajukan oleh karyawan. Berikut tampilannya :

Gambar 198. Tampilan Halaman Izin / Cuti

Klik tombol +, maka akan tampil halaman untuk menambah izin/cuti. Isikan form
sesuai kebutuhan lalu klik tombol kirim untuk mengirim izin/cuti. Berikut
tampilannya :

Gambar 199. Tampilan Halaman Tambah Ijin/Cuti

 Pada halaman izin / cuti karyawan, pengguna melihat data izn cuti pada karyawan.
Berikut tampilannya :

Gambar 200. Tampilan Halaman Daftar Izin / Cuti Karyawan

Apabila karyawan tersebut membutuhkan approval dari kepala cabang, pengguna

dapat klik pada izin/cuti karyawan tersebut, maka akan tampil halaman approval.
Berikut tampilannya :

Gambar 201. Halaman Approval

6. Halaman Gaji
Pada halaman gaji, pengguna dapat melihat detail gaji. Saat masuk ke menu gaji,
pengguna harus memasukkan password untuk keamanan. Berikut tampilannya :

Gambar 202. Tampilan Halaman Isikan Password untuk Check Gaji

 Setelah pengguna memasukkan password, maka akan tampil halaman detail gaji.
Berikut tampilannya :

Gambar 203. Tampilan Halaman Detail Gaji

7. Halaman Berita / Pengumuman

Pada halaman berita / pengumuman, pengguna dapat melihat daftar berita dan
pengumuman. Berikut tampilan halaman daftar berita :

Gambar 204. Tampilan Halaman Berita

Berikut tampilan halaman daftar pengumuman :

Gambar 205. Tampilan Halaman Pengumuman

8. Halaman Lembur
Pada halaman lembur, terdapat daftar lembur pengguna dan daftar lembur karyawan.
Berikut tampilannya :

Gambar 206. Tampilan Halaman Lembur

Berikut tampilan halaman daftar lembur karyawan :

Gambar 207. Tampilan Halaman Lembur Karyawan

9. Halaman Aktivitas
Pada halaman aktivitas, pengguna dapat melihat daftar aktivitas dan menambah data
aktivitas menggunakan tombol +. Berikut tampilannya :

Gambar 208. Tampilan Halaman Aktivitas

 Untuk menambah data aktivitas, dapat menggunakan tombol +. Maka akan tampil
seperti berikut :

Gambar 209. Tampilan Halaman Absensi Laporan Aktivitas

10. Halaman Pengaturan Akun

Pada halaman pengaturan akun, dapat melihat data pengguna, melakukan ubah
password menggunakan tombol ganti password dan keluar dari akun menggunakan
tombol keluar. Berikut tampilannya :

Gambar 210. Tampilan Halaman Pengaturan Akun

E. Level User Direksi

1. Halaman Login
Untuk memulai aplikasi absenku profesional, pengguna dapat mengunduh aplikasi
tersebut pada playstore dengan keyword : Absenku Profesional. Lalu unduh dan
install aplikasi tersebut. Apabila instalasi telah berhasil, buka aplikasi dan akan tampil
halaman login. Masukkan username dan password untuk level user direksi lalu klik
tombol masuk. Tombol Lupa Password digunakan untuk mereset password akun
dengan mengirimkan password baru di alamat email. Berikut tampilannya :

Gambar 211. Tampilan Halaman Login

Maka akan tampil halaman dashboard untuk level user direksi. Berikut tampilannya :

Gambar 212. Tampilan Halaman Beranda

2. Halaman Rekap Absensi
Pada menu rekap absensi, terdapat 3 menu yaitu absensi, izin&cuti dan lembur. Pada
menu absensi, terdapat daftar laporan absensi pengguna dan tombol tampilkan
rangkuman absensi untuk menampilkan rangkuman absensi pengguna. Berikut
tampilannya :

Gambar 213. Tampilan Halaman Rekap Absensi

Pada halaman rangkuman absensi, terdapat data jumlah kehadiran, alpha, sisa cuti,
jumlah cuti, jumlah sakit, jumlah ijin, jumlah lembur dan jumlah terlambat. Berikut
tampilannya :

Gambar 214. Tampilan Halaman Rekap Absensi

Pada halaman izin&cuti, terdapat daftar izin&cuti yang diajukan oleh pengguna.
Berikut tampilannya :

Gambar 215. Tampilan Halaman Rekap Absensi

Pada halaman lembur, terdapat daftar lembur yang diajukan oleh pengguna. Berikut
tampilannya :
 Gambar 216. Tampilan Halaman Rekap

3. Halaman Rekap Staff

Pada menu rekap staff, terdapat 3 menu yaitu absensi, izin&cuti dan lembur. Pada
menu absensi, terdapat daftar laporan absensi pengguna dan tombol tampilkan
rangkuman absensi untuk menampilkan rangkuman absensi pengguna. Berikut
tampilannya :

Gambar 217. Tampilan Halaman Rekap Absensi Staff

Pada halaman izin&cuti, terdapat daftar izin&cuti yang diajukan staff. Berikut
tampilannya :

Gambar 218. Tampilan Halaman Rekap Izin& Cuti Staff

Pada halaman lembur, terdapat daftar lembur yang diajukan oleh pengguna. Berikut
tampilannya :
 Gambar 219. Tampilan Halaman Rekap Lembur Staff

4. Halaman Absensi
Pada halaman absensi, digunakan untuk melakuakan absensi pulang & masuk, absensi
mulai & selesai istirahat, dan absensi mulai & selesai jam lembur. Untuk melakukan
absensi masuk kerja, dapat menggunakan tombol mulai pada bagian jam kerja dan
bila akan melakukan absensi pulang tombol mulai akan berubah menjadi tombol
selesai dan dapat klik pada tombol tersebut. Alur tersebut juga berlaku untuk absensi
jam istirahat dan jam lembur. Berikut tampilannya :

Gambar 220. Tampilan Halaman Absensi

5. Halaman Izin / Cuti
Pada halaman izin/cuti, terdapat daftar izin/cuti yang diajukan oleh pengguna dan
terdapat tombol + yang digunakan untuk menambahkan izin dan cuti. Selain itu,
terdapat daftar izin/cuti yang diajukan oleh karyawan. Berikut tampilannya :

Gambar 221. Tampilan Halaman Izin / Cuti

Klik tombol +, maka akan tampil halaman untuk menambah izin/cuti. Isikan form
sesuai kebutuhan lalu klik tombol kirim untuk mengirim izin/cuti. Berikut
tampilannya :

Gambar 222. Tampilan Halaman Tambah Ijin/Cuti

 Pada halaman izin / cuti karyawan, pengguna melihat data izn cuti pada karyawan.
Berikut tampilannya :

Gambar 223. Tampilan Halaman Daftar Izin / Cuti Karyawan

Apabila karyawan tersebut membutuhkan approval dari kepala cabang, pengguna

dapat klik pada izin/cuti karyawan tersebut, maka akan tampil halaman approval.
Berikut tampilannya :

Gambar 224. Halaman Approval

6. Halaman Gaji
Pada halaman gaji, pengguna dapat melihat detail gaji. Saat masuk ke menu gaji,
pengguna harus memasukkan password untuk keamanan. Berikut tampilannya :

Gambar 225. Tampilan Halaman Isikan Password untuk Check Gaji

 Setelah pengguna memasukkan password, maka akan tampil halaman detail gaji.
Berikut tampilannya :

Gambar 226. Tampilan Halaman Detail Gaji

7. Halaman Berita / Pengumuman

Pada halaman berita / pengumuman, pengguna dapat melihat daftar berita dan
pengumuman. Berikut tampilan halaman daftar berita :

Gambar 227. Tampilan Halaman Berita

Berikut tampilan halaman daftar pengumuman :

Gambar 228. Tampilan Halaman Pengumuman

8. Halaman Lembur
Pada halaman lembur, terdapat daftar lembur pengguna dan daftar lembur karyawan.
Berikut tampilannya :

Gambar 229. Tampilan Halaman Lembur

Berikut tampilan halaman daftar lembur karyawan :

Gambar 230. Tampilan Halaman Lembur Karyawan

9. Halaman Aktivitas
Pada halaman aktivitas, pengguna dapat melihat daftar aktivitas dan menambah data
aktivitas menggunakan tombol +. Berikut tampilannya :

Gambar 231. Tampilan Halaman Aktivitas

 Untuk menambah data aktivitas, dapat menggunakan tombol +. Maka akan tampil
seperti berikut :

Gambar 232. Tampilan Halaman Absensi Laporan Aktivitas

10. Halaman Pengaturan Akun

Pada halaman pengaturan akun, dapat melihat data pengguna, melakukan ubah
password menggunakan tombol ganti password dan keluar dari akun menggunakan
tombol keluar. Berikut tampilannya :

Gambar 233. Tampilan Halaman Pengaturan Akun

F. Level User Admin Finance

1. Halaman Login
Untuk memulai aplikasi absenku profesional, pengguna dapat mengunduh aplikasi
tersebut pada playstore dengan keyword : Absenku Profesional. Lalu unduh dan
install aplikasi tersebut. Apabila instalasi telah berhasil, buka aplikasi dan akan tampil
halaman login. Masukkan username dan password untuk level user admin finance lalu
klik tombol masuk. Tombol Lupa Password digunakan untuk mereset password akun
dengan mengirimkan password baru di alamat email. Berikut tampilannya :

Gambar 234. Tampilan Halaman Login

Maka akan tampil halaman dashboard untuk level user admin finance. Berikut
tampilannya :

Gambar 235. Tampilan Halaman Beranda

2. Halaman Rekap Absensi
Pada menu rekap absensi, terdapat 3 menu yaitu absensi, izin&cuti dan lembur. Pada
menu absensi, terdapat daftar laporan absensi pengguna dan tombol tampilkan
rangkuman absensi untuk menampilkan rangkuman absensi pengguna. Berikut
tampilannya :

Gambar 236. Tampilan Halaman Rekap Absensi

Pada halaman rangkuman absensi, terdapat data jumlah kehadiran, alpha, sisa cuti,
jumlah cuti, jumlah sakit, jumlah ijin, jumlah lembur dan jumlah terlambat. Berikut
tampilannya :

Gambar 237. Tampilan Halaman Rekap Absensi

Pada halaman izin&cuti, terdapat daftar izin&cuti yang diajukan oleh pengguna.
Berikut tampilannya :

Gambar 238. Tampilan Halaman Rekap Absensi

Pada halaman lembur, terdapat daftar lembur yang diajukan oleh pengguna. Berikut
tampilannya :
 Gambar 239. Tampilan Halaman Rekap

3. Halaman Absensi
Pada halaman absensi, digunakan untuk melakuakan absensi pulang & masuk, absensi
mulai & selesai istirahat, dan absensi mulai & selesai jam lembur. Untuk melakukan
absensi masuk kerja, dapat menggunakan tombol mulai pada bagian jam kerja dan
bila akan melakukan absensi pulang tombol mulai akan berubah menjadi tombol
selesai dan dapat klik pada tombol tersebut. Alur tersebut juga berlaku untuk absensi
jam istirahat dan jam lembur. Berikut tampilannya :

Gambar 240. Tampilan Halaman Absensi

4. Halaman Izin / Cuti
Pada halaman izin/cuti, terdapat daftar izin/cuti yang diajukan oleh pengguna dan
terdapat tombol + yang digunakan untuk menambahkan izin dan cuti. Berikut
tampilannya :

Gambar 241. Tampilan Halaman Izin / Cuti

Klik tombol +, maka akan tampil halaman untuk menambah izin/cuti. Isikan form
sesuai kebutuhan lalu klik tombol kirim untuk mengirim izin/cuti. Berikut
tampilannya :

Gambar 242. Tampilan Halaman Tambah Ijin/Cuti

5. Halaman Gaji
Pada halaman gaji, pengguna dapat melihat detail gaji. Saat masuk ke menu gaji,
pengguna harus memasukkan password untuk keamanan. Berikut tampilannya :

Gambar 243. Tampilan Halaman Isikan Password untuk Check Gaji

Setelah pengguna memasukkan password, maka akan tampil halaman detail gaji.
Berikut tampilannya :

Gambar 244. Tampilan Halaman Detail Gaji

6. Halaman Berita / Pengumuman

Pada halaman berita / pengumuman, pengguna dapat melihat daftar berita dan
pengumuman. Berikut tampilan halaman daftar berita :

Gambar 245. Tampilan Halaman Berita

 Berikut tampilan halaman daftar pengumuman :

Gambar 246. Tampilan Halaman Pengumuman

7. Halaman Lembur
Pada halaman lembur, terdapat daftar lembur pengguna. Berikut tampilannya :

Gambar 247. Tampilan Halaman Lembur

8. Halaman Aktivitas
Pada halaman aktivitas, pengguna dapat melihat daftar aktivitas dan menambah data
aktivitas menggunakan tombol +. Berikut tampilannya :

Gambar 248. Tampilan Halaman Aktivitas

Untuk menambah data aktivitas, dapat menggunakan tombol +. Maka akan tampil
seperti berikut :
 Gambar 249. Tampilan Halaman Absensi Laporan Aktivitas

9. Halaman Pengaturan Akun

Pada halaman pengaturan akun, dapat melihat data pengguna, melakukan ubah
password menggunakan tombol ganti password dan keluar dari akun menggunakan
tombol keluar. Berikut tampilannya :

Gambar 250. Tampilan Halaman Pengaturan Akun