1

DAFTAR ISI

DAFTAR ISI ........................................................................................................................ 1

TUTORIAL APLIKASI ABSENKU PROFESIONAL .......................................................... 2
PENDAFTARAN ............................................................................................................. 2
LOGIN .............................................................................................................................. 4
ADMIN............................................................................................................................. 5
KEPALA ........................................................................................................................ 21
STAFF ............................................................................................................................ 22
MOBILE APPLICATION................................................................................................... 26
MENU SIDE BAR .......................................................................................................... 33
 2

TUTORIAL APLIKASI ABSENKU PROFESIONAL

PENDAFTARAN

 Buka browser yang ada pada desktop komputer, sebagai contoh kita akan
membuka google chrome, klik icon google chrome pada layar desktop

 Kemudian untuk mengakses aplikasi absenku Profesional bisa di akses di

alamat http://absenku.com/absenku_profesional/web/. dan Lakukan proses
registrasi pada form berikut :
 3

 Isikan data diri, setelah itu klik next

 Isi data profil perusahaan, kemudian klik next, jika proses registrasi telah
berhasil akan muncul pesan seberi gambar dibawah ini.
 4

LOGIN

 Masukkan username dan password pada Form Login kemudian pilih tombol
Login.

 Ketika lupa password dan tidak bisa login, pilih link Lupa Password kemudian
akan muncul halaman seperti berikut :

Masukkan email kemudian pilih tombol Reset Password. Jika email yang
dimasukkan terdaftar pada system maka pesan akan dikirim pada email
 5

tersebut. Email yang dikirim berisi link untuk me-reset password.

Berikut adalah halaman Home yang akan muncul ketika berhasil login ke
system. Pada halaman Home terdapat data absensi secara real time
pada hari dan jam saat ini.

Pilih tombol Masuk atau Pulang untuk melihat detail lokasi absensi saat
masuk atau pulang. Pilih link Klik untuk detail yang kemudian akan
muncul pop up berisi karyawan yang belum absen.

ADMIN

Berikut adalah menu-menu yang tersedia saat login sebagai admin :

 6

1. Menu Data Lokasi Kantor

Pada Menu Lokasi Kantor terdapat peta yang berisi lokasi kantor, tombol
Tambah Lokasi dan tabel daftar lokasi kantor. Pada tabel daftar lokasi
kantor terdapat tombol Edit dan Hapus lokasi kantor.

Ketika tombol Tambah Lokasi dipilih akan muncul halaman Tambah

Lokasi Kantor yang berisi peta dan form tambah lokasi.

2. Menu Data Departemen

Pada Menu Data Departemen disajikan tabel daftar departemen, form
pencarian departemen dan tombol Tambah Data untuk menambah
Departemen.

Pilih tombol Edit atau Hapus pada tabel daftar departemen jika ingin
mengubah atau menghapus departemen.
 7

Ketika tombol Tambah Data dipilih akan muncul form tambah

departemen, isi form tersebut kemudian pilih tombol Simpan.

Ketika tombol Edit dipilih akan muncul form edit departemen, isi form tersebut
kemudian pilih tombol Simpan.

3. Menu Data Karyawan

Pada Menu Data Karyawan disajikan tabel daftar karyawan, form
pencarian karyawan dan tombol Tambah Data untuk menambah
Karyawan.
 8

Jika ingin mengimport data karyawan, download terlebih dahulu template

import dengan pilih tombol Unduh Template Import. Masukan data sesuai
dengan kolom pada template import kemudian pilih tombol Import Data
Karyawan.

Pada tabel daftar karyawan terdapat tombol Edit dan Hapus. Pilih tombol
Edit atau Hapus jika ingin mengubah atau menghapus karyawan. Nama
karyawan berisi link yang ketika dipilih akan dialihkan ke halaman detail
data karyawan.
 9

Ketika tombol Tambah Data dipilih akan muncul PopUp form tambah data
shift, isi form tersebut kemudian pilih tombol Simpan.

Ketika tombol Edit dipilih akan muncul PopUp form edit data shift, isi
form tersebut kemudian pilih tombol Simpan.

4. Menu Data Shift

Pada Menu Data Shift disajikan tabel daftar shift, form pencarian data
shift dan tombol Tambah Data untuk menambah shift.

Pada tabel daftar shift terdapat tombol Edit dan Hapus. Pilih tombol Edit
atau Hapus jika ingin mengubah atau menghapus shift.
 10

Ketika tombol Tambah Shift dipilih akan muncul PopUp form tambah data
shift, isi form tersebut kemudian pilih tombol Simpan.

Ketika tombol Edit dipilih akan muncul PopUp form edit data shift, isi form
tersebut kemudian pilih tombol Simpan.
5. Menu Pengaturan Umum
Menu Data General Setting digunakan untuk mengatur waktu jam masuk,
jam pulang, toleransi keterlambatan, konversi policy keterlambatan dan
jatah cuti. Isi form setting jam masuk, pulang dan keterlambatan kemudian
pilih tombol Ubah. Isi form jatah cuti kemudian pilih tombol Reset Cuti.
 11

6. Menu Pengaturan Shift

Menu pengaturan shift karyawan disajikan tabel daftar shift karyawan, form
pencarian shift karyawan dan tombol Tambah Data Shift untuk menambah
shift karyawan.

Jika ingin mengimport data karyawan, download terlebih dahulu template

import dengan pilih tombol Unduh Template Import. Masukan data sesuai
dengan kolom pada template import kemudian pilih tombol Import Data
Karyawan.

Lakukan pencarian data shift karyawan dengan mengisi form filter data
absensi lalu pilih tombol Cari. Hasil pencarian akan muncul pada tabel data
shift karyawan.

Pada tabel data shift karyawan tombol Edit. Pilih tombol Edit jika ingin
mengubah shift karyawan.
 12

7. Menu Berita
Pada Menu Berita terdapat form pencarian berita, tombol Tambah Berita
Baru dan daftar berita. Pada daftar berita terdapat tombol Edit dan Hapus
berita serta link untuk lihat detail berita.

Ketika tombol Tambah Berita Baru dipilih akan muncul halaman Tambah
Data Berita yang berisi form tambah berita. Isi form tersebut dan pilih
gambar kemudian pilih tombol Simpan.
 13

Ketika tombol Edit dipilih akan muncul halaman Edit Data Berita yang berisi
form edit berita. Isi form tersebut dan pilih gambar bila ingin mengganti
gambar kemudian pilih tombol Simpan.

8. Menu Pengumuman
Pada Menu Berita Pengumuman terdapat form pencarian pengumuman,
tombol Tambah Pengumuman Baru dan tabel daftar pengumuman. Pada
tabel daftar pengumuman terdapat tombol Edit dan Hapus berita serta link
untuk lihat detail pengumuman.
 14

Ketika tombol Tambah Pengumuman Baru dipilih akan muncul halaman

Tambah Data Pengumuman yang berisi form tambah pengumuman. Isi
form tersebut dan pilih target kemudian pilih tombol Simpan.

Ketika tombol Edit dipilih akan muncul halaman Edit Data Pengumuman
yang berisi form edit pengumuman. Isi form tersebut dan pilih target
kemudian pilih tombol Simpan.

9. Menu Pesan
Pada Menu Tanya Jawab terdapat form pencarian pesan, dan tabel daftar
pengumuman. Pada tabel daftar pesan terdapat tombol Hapus Pesan serta
link untuk lihat detail pesan.
 15

Ketika link Detail Pesan dipilih maka akan muncul halaman balasan. Isi form
tersebut kemudian pilih Balas.

10. Menu Grafik Data Absensi

Menu grafik data absensi disajikan berupa tampilan grafik absensi yang
dapat ditentukan berdasarkan tanggal absen, keterangan absensi, dan tiap
departemen.
 16

11. Menu Absensi Per Karyawan

Pada menu absensi per karyawan disajikan form filter pencarian data
absensi per karyawan.

Lakukan pencarian data absensi karyawan dalam satu departemen dengan

mengisi form filter data absensi lalu pilih tombol Cari. Hasil pencarian akan
muncul pada tabel data absensi satu departemen.
12. Menu Absensi Departemen
Pada menu absensi per departemen disajikan form filter pencarian data
absensi per departemen.
 17

Lakukan pencarian data absensi karyawan dalam satu departemen dengan

mengisi form filter data absensi lalu pilih tombol Cari. Hasil pencarian akan
muncul pada tabel data absensi satu departemen.

13. Menu Lembur

Menu lembur disajikan berupa form filter pencarian data lembur, tombol
tambah lembur, dan tabel daftar lembur. Pada tabel daftar lembur terdapat
tombol history lembur untuk melihat riwayat lembur.

Ketika tombol Tambah Form Lembur dipilih akan muncul halaman Tambah
Form Lembur yang berisi form tambah lembur. Isi form tersebut kemudian
pilih tombol Tambah.
 18

14. Menu Pengajuan Ijin / Cuti

Pada Menu Pengajuan Ijin/Cuti disajikan tombol Tambah Data pengajuan
ijin, form pencarian data pengajuan ijin dan tabel daftar pengajuan ijin.

Pada tabel daftar pengajuan ijin terdapan tombol Approval ijin, Edit, Hapus
dan Detail pengajuan ijin. Tombol Approval ijin hanya bisa diakses oleh
Kepala. Ketika tombol Edit Pengajuan dipilih akan muncul halaman edit data
pengajuan cuti. Isi form tersebut kemudian pilih tombol simpan.
 19

Ketika tombol Tambah Data dipilih akan muncul halaman Tambah Data
Pengajuan Ijin/Cuti yang berisi form tambah pengajuan ijin/cuti. Isi form
tersebut kemudian pilih tombol Tambah.

15. Menu Laporan Aktifitas

Pada Menu Laporan Aktifitas berupa form filter pencarian data lokasi
absensi karyawan, dan tabel daftar lokasi karyawan.
 20

16. Menu Informasi Gaji

Pada Menu Informasi Gaji disajikan berupa form Upload Informasi Gaji,
Form pencarian Informasi Gaji, tombol import, tombol Unduh Template,
tombol Download Gaji dan Form Informasi Gaji.

Jika ingin mengimport data karyawan, download terlebih dahulu template

import dengan pilih tombol Unduh Template Import. Masukan data sesuai
dengan kolom pada template import kemudian pilih tombol Import Data
Karyawan. Sedangkan untuk pencarian informasi gaji, dapat dilakukan
dengan mengisi Form Pencarian Informasi Gaji dan kemudian pilih tombol
Download gaji untuk mengunduh.

17. Menu Pengaturan Profil

 21

Pada Menu Pengaturan Profil disajiikan form yang digunakan untuk

mengubah profil perusahaan dan logo yang ditampilkan pada bagian
header.

Pada bagian form dilakukan pengisian serta logo yang ingin dirubah
kemudian pilih tombol simpan.

KEPALA

Saat login sebagai Kepala, pengguna dapat mengakses semua menu seperti
Admin. Yang membedakan adalah Kepala dapat menerima atau menolak
pengajuan ijin dari karyawan.

Menu Pengajuan Ijin / Cuti

Pada Menu Pengajuan Ijin/Cuti disajikan tombol Tambah Data pengajuan
ijin, form pencarian data pengajuan ijin dan tabel daftar pengajuan ijin
seluruh karyawan.
 22

Pada tabel daftar pengajuan ijin terdapan keterangan Approval ijin berupa
tombol Approval. Selain itu terdapat tombol Edit, Hapus dan Detail
pengajuan ijin. Tombol Approval ijin hanya bisa diakses oleh Kepala. Pilih
tombol Yes untuk menerima pengajuan ijin. Pilih tombol No untuk menolak
pengajuan ijin. Kepala bisa melakukan edit dan cancel pengajuan ijin.

STAFF

Saat login sebagai Staff, pengguna hanya bisa mengakses Menu Absensi Per
Karyawan yang berisi data absensi miliknya sendiri, Menu Pengajuan Ijin, Menu
Berita dan Menu Pengumuman.

1. Menu Pengajuan Ijin / Cuti

Pada Menu Pengajuan Ijin/Cuti disajikan tombol Tambah Data pengajuan
ijin, form pencarian data pengajuan ijin dan tabel daftar pengajuan ijin
miliknya sendiri.
 23

Pada tabel daftar pengajuan ijin terdapan keterangan Approval ijin berupa
tombol Approval. Selain itu terdapat tombol Edit, Hapus dan Detail
pengajuan ijin. Tombol Approval ijin hanya bisa diakses oleh Kepala.

Staff bisa melakukan edit dan cancel pengajuan ijin ketika pengajuan ijin
belum diterima oleh Kepala. Jika ingin melakukan edit atau cancel
pengajuan ijin tetapi pengajuan ijin tersebut sudah diterima oleh Kepala
maka hanya Kepala yang bisa melakukan edit atau cancel pengajuan ijin.

Ketika tombol Tambah Data pengajuan ijin dipilih akan muncul form tambah
pengajuan ijin, isi form tersebut dan pilih file untuk diunggah kemudian pilih
tombol Simpan.
 24

2. Menu Samping

Pada bagian ini memiliki fungsi yang sama dengan menu yang
ditampilkan di halaman depan.

3. Menu Informasi

Jika user memilih menu ini, akan ditampilkan 2 sub menu yaitu menu berita
dan menu pengumuman. Jika memilih sub menu berita maka akan muncul
tampilan seperti gambar berikut :

Jika ingin melihat detail berita maka klik Lihat Detail. Jika user memilih sub
menu informasi maka akkan muncul tampilan seperti gambar berikut :
 25

GANTI PASSWORD
Jika ingin mengganti password pilih menu pengguna pada bagian pojok kanan
atas. Akan muncul dropdown menu berisi tombol Ganti Password dan tombol
Logout untuk keluar dari sistem.

Ketika tombol Ganti Password dipilih, kemudian akan muncul halaman ganti
password yang berisi form ganti password. Isi form ganti password
kemudian pilih tombol Simpan.

Ketika tombol Ganti Password dipilih, kemudian akan muncul halaman ganti
password yang berisi form ganti password. Isi form ganti password
kemudian pilih tombol Simpan.
 26

MOBILE APPLICATION

MEMBUKA HALAMAN UTAMA

Instal terlebih dahulu aplikasi pada android dan buka aplikasinya seperti yang
ditunjukkan gambar dibawah ini

Silahkan masukkan username dan password yang sesuai Kemudian klik

“Login” dan akan tampil halaman seperti gambar berikut :

Keterangan :

a) Absensi berisi tentang menu absensi seperti gambar di bawah ini :

 27

Halaman absensi menampilkan fitur-fitur terkait proses absensi

seperti absen masuk, absen pulang, absen mulai istirahat, absen
selesai istirahat, mulai lembur

Keterangan:
1) Menu absen, berisi fitur untuk menunjang proses absensi seperti absen
masuk, pulang, mulai istrahat, selesai istirahat, mulai lembur dan selesai
lembur. Tampilan menu absen seperti gambar berikut :
 28

2) Pengajuan ijin berisi daftar pengajuan

ijin yang telah ditawarkan

3) Informasi absen berisi daftar absensi yang telah dilakukan

 29

4) Laporan aktivitas berisi daftar proses laporan aktivitas

b) Info Berita dan Pengumuman berisi tentang informasi Berira dan
Pengumuman seperti gambar di bawah ini :

 Berita : berisi tentang informasi berita seperti gambar di bawah ini :

Untuk melihat detail berita silahkan klik berita yang akan dilihat, akan tampil
halaman sebagai berikut :
 30

 Pengumuman : berisi tentang informasi Pengumuman seperi gambar di

bawah ini :

 Untuk melihat detail berita silahkan klik pengumuman yang akan

dilihat, akan tampil halaman sebagai berikut :

 Untuk melihat detail berita silahkan klik pengumuman yang akan

dilihat, akan tampil halaman sebagai berikut :
 31

Untuk melihat detail berita silahkan klik pengumuman yang akan

dilihat, akan tampil halaman sebagai berikut :

c) Tanya Jawab berisi tentang menu Tanya Jawab dan menu Kirim
pesan seperti gambar di bawah ini :

 Halaman Tanya Jawab menampilkan list pesan yang sudah dikirimkan

dari user mobile. Tampilan halaman tanya jawab adalah seperti di bawah
ini:
 32

 Halaman Kirim Pesan berisi kolom untuk membuat pesan.

Tampilan halaman kirim pesan adalah seperti di bawah ini:

d) Informasi Gaji berisi tentang menu informasi gaji yang bias di cari
berdasarkan slip gaji. Tampilan halaman Informasi Gaji adalah
seperti di bawah ini :
 33

MENU SIDE BAR

 34

Keterangan:
1) Home menampilkan halaman utama dari aplikasi absenku
2) Absensi menampilkan data absensi dari karyawan
3) Informasi gaji menampilkan informasi slip gaji yang telah diupload
4) Berita menampilkan daftar berita
5) Pengumuman menampilkan daftar pengumuman
6) Kotak Pesan menampilkan pesan yang masuk pada aplikasi
7) Ganti Password merupakan fitur untuk proses pergantian password
8) Keluar apabila ingin keluar dari aplikasi ini
GANTI PASSWORD

Halaman Ganti Password berisi form untuk merubah Password daru user
mobile. Tampilan halaman Ganti Password adalah seperti di bawah ini :
 35

LOGOUT
Apabila ingin keluar dari aplikasi absenku dengan cara pilih menu “Logout”
yang ada di sidebar. Akan muncul konfirmasi seperti gambar dibawah ini
kemudian klik “Ok”