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