daftar isi - absenkuabsenku.com/tutorial/tutorial_absenku_karyawan.pdf · 6. tombol form lembur...

65

Upload: dangbao

Post on 23-Mar-2019

235 views

Category:

Documents


2 download

TRANSCRIPT

2

DAFTAR ISI

DAFTAR ISI...................................................................................................................... 2

TUTORIAL APLIKASI ABSENKU KARYAWAN ........................................................... 5

Membuka Halaman login .................................................................................................... 5

A. STAFF .......................................................................................................................... 6

1. Link Menuju Halaman Depan ................................................................................... 7

2. Icon status Level User, Ganti Password dan Logout .................................................. 7

Ganti Password............................................................................................................ 8

3. Menu Samping ......................................................................................................... 8

4. Tombol Simulasi Absen ........................................................................................... 9

5. Tombol Data Absensi ............................................................................................... 9

6. Tombol Berita ........................................................................................................ 10

7. Tombol Pengumuman ............................................................................................ 12

B. KEPALA DEPARTEMEN ........................................................................................... 13

1. Link Menuju Halaman Depan ................................................................................. 14

2. Icon status Level User, Ganti Password dan Logout ................................................ 14

Ganti Password.......................................................................................................... 15

3. Menu Samping ....................................................................................................... 15

4. Tombol Simulasi Absen ......................................................................................... 17

5. Master Data ........................................................................................................... 17

Daftar Karyawan ........................................................................................................... 17

Daftar Departemen ........................................................................................................ 19

6. Tombol Form Lembur ............................................................................................ 20

Tambah Form Lembur ............................................................................................... 21

Pengaturan Shift ........................................................................................................ 22

Grafik Absensi .......................................................................................................... 22

7. Tombol Data Absensi ............................................................................................. 24

8. Tombol Rekap Absensi .......................................................................................... 25

9. Tombol Berita ........................................................................................................ 26

10. Tombol Pengumuman ......................................................................................... 27

Daftar Pengumuman .................................................................................................. 27

3

Tambah Data Pengumuman ....................................................................................... 27

C. ADMIN/HRD .............................................................................................................. 28

1. Link Menuju Halaman Depan ................................................................................. 29

2. Icon status Level User, Ganti Password dan Logout ................................................ 29

Ganti Password.......................................................................................................... 30

3. Menu Samping ....................................................................................................... 30

4. Tombol Simulasi Absen ......................................................................................... 32

5. Tombol Daftar Karyawan ....................................................................................... 33

Tambah Data Karyawan............................................................................................. 34

Daftar Departement ................................................................................................... 36

6. Tombol Form Lembur ........................................................................................... 37

Tambah form Lembur ................................................................................................ 38

Tambah Form Cuti .................................................................................................... 39

Tambah Form Ijin ...................................................................................................... 39

7. Tombol Data Absensi .............................................................................................. 40

Tambah Absensi ........................................................................................................ 41

Pengaturan Shift ........................................................................................................ 42

Grafik Absensi .......................................................................................................... 43

8. Tombol Rekap Absensi .......................................................................................... 44

9. Tombol Berita ........................................................................................................ 45

Daftar Berita.............................................................................................................. 45

Tambah Data Berita ................................................................................................... 46

10. Tombol Pengumuman ......................................................................................... 46

Daftar Pengumuman .................................................................................................. 47

Tambah Data Pengumuman ....................................................................................... 47

11. Tombol Kotak Pesan ........................................................................................... 48

12. Tombol Panel Saya ............................................................................................. 49

General Setting .......................................................................................................... 49

Daftar Shift ............................................................................................................... 50

MOBILE APPLICATION ................................................................................................ 51

STAFF dan MANAGER................................................................................................... 51

1. Membuka halaman utama .......................................................................................... 51

2. Halaman Berita ....................................................................................................... 53

4

Detail Berita .............................................................................................................. 53

3. Halaman Pengumuman ............................................................................................ 54

Detail Pengumuman .................................................................................................. 54

4. Halaman Absensi .................................................................................................... 55

Rangkuman Absensi .................................................................................................. 55

5. Halaman Kotak Pesan.............................................................................................. 56

Detail Kotak Pesan .................................................................................................... 56

6. Halaman Kirim Pesan .............................................................................................. 57

8. Logout .................................................................................................................... 57

HRD ................................................................................................................................ 58

1. Membuka halaman utama .......................................................................................... 58

2. Halaman Berita ....................................................................................................... 60

Detail Berita .............................................................................................................. 60

3. Halaman Pengumuman ............................................................................................ 61

Detail Pengumuman .................................................................................................. 61

4. Halaman Absensi .................................................................................................... 62

Rangkuman Absensi .................................................................................................. 62

5. Halaman Kotak Pesan.............................................................................................. 63

Detail Kotak Pesan .................................................................................................... 63

6. Halaman Kirim Pesan .............................................................................................. 64

7. Tambah Data Absensi ............................................................................................... 64

8. Edit Data Absensi...................................................................................................... 65

9. Logout .................................................................................................................... 65

5

TUTORIAL APLIKASI ABSENKU KARYAWAN

http://absenku.com/absenku_karyawan/web/

Membuka Halaman login

Langkah untuk membuka halaman depan http://absenku.com/absenku_karyawan/web/

adalah sebagai berikut :

a. Buka web browser yang ada pada desktop komputer, diantaranya adalah Google

Chrome dan Mozzila Firefox. Dalam tutorial ini akan menggunakan Google Chrome.

klik icon Google Chrome pada layar desktop untuk membuka web browser

b.Setelah terbuka, masukan alamat http://absenku.com/absenku_karyawan/web/ pada

form atau kolom di bagian atas

c. Maka akan muncul tampilan halaman sebagai berikut

6

d. Di dalam aplikasi terdapat tiga level user, yaitu :

a. Staf, dengan Username : demostaff dan Password : demostaff123

b. Kepala Departemen, dengan Username: demomngr dan Password:

demomngr123

c. Admin / HRD, dengan Username : demohrd dan Password : demohrd123

A. STAFF

a. Untuk masuk sebagai pegawai, masukkan Username demostaff dan Password

demostaff123, lalu tekan enter atau tombol Login

Halaman Login

b. Kemudian akan tampil halaman sebagai berikut

Menu Depan

7

Keterangan:

1. Link Menuju Halaman Depan

2. Icon Status Level User, Ganti Password dan Logout

3. Menu Samping

4. Tombol Simulasi Absen

5. Tombol Data Absensi

6. Tombol Berita

7. Tombol Pengumuman

1. Link Menuju Halaman Depan

Link ini berguna untuk kembali ke halaman depan jika user sedang berada di halaman

lain. Seperti yang ditunjukkan gambar dibawah ini

2. Icon status Level User, Ganti Password dan Logout

Pada bagian ini ditampilkan informasi dasar tentang user, link untuk mengganti password

dan tombol keluar/Logout

Status Level User, Ganti Password dan Logout

8

Ganti Password

Apabila ingin mengubah password lama menjadi password baru dengan cara, masukkan

Password Lama di kolom 1, lalu masukkan Password Baru di kolom 2 dan

KonfirmasiPassword Baru di kolom 3 kemudian klik “Simpan”

Form Ganti Password

3. Menu Samping

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

depan.

9

4. Tombol Simulasi Absen

Jika user memilih menu ini, akan ditampilkan Simulasi Absen. Untuk melakukan Absensi

Kehadiran, pengguna perlu meng-klik tombol Absen Sekarang. Berikut adalah

tampilannya

Tampilan Sumulasi Absen

5. Tombol Data Absensi

Menu Samping Data Absensi

Jika user memilih menu ini, akan ditampilkan Data Absensi User yang sedang Login.

Untuk menampilkan data absensi, User diharuskan mengisi range atau rentang waktu

absensi yang ingin ditampilkan dengan memasukkan tanggal awal dan tangal akhir

10

rentang waktu yang dimaksud.User juga bisa mengunduh file hasil rekap absensi

tersebut Berikut adalah tampilannya.

Form Rekap Absensi Karyawan

6. Tombol Berita

Menu Samping Daftar Berita

Jika User memilih menu ini, akan ditampilkan menu Daftar Berita. Berikut adalah

tampilannya

11

Tampilan Daftar Berita

Tampilan Daftar Berita

12

7. Tombol Pengumuman

Menu Samping Daftar Pengumuman

Jika user memilih menu ini, akan ditampilkan menu Daftar Pengumuman. Berikut adalah

tampilannya

Tampilan Daftar Pengumuman

Tampilan Detail Pengumuman

13

B. KEPALA DEPARTEMEN

a. Untuk masuk sebagai pegawai, masukkan Username demomngr dan Password

demomngr123, lalu tekan enter atau tombol Login

Halaman Login

b. Kemudian akan tampil Halaman Depan

Menu Halaman Depan

14

Keterangan:

1. Link Menuju Halaman Depan

2. Icon Status Level User, Ganti Password dan Logout

3. Menu Samping

4. Tombol Simulasi Absen

5. Tombol Daftar Karyawan

6. Tombol Form Lembur

7. Tombol Data Absensi

8. TombolRekap Absensi

9. Tombol Berita

10. Tombol Pengumuman

1. Link Menuju Halaman Depan

Link ini berguna untuk kembali ke halaman depan jika user sedang berada di halaman

lain. Seperti yang ditunjukkan gambar dibawah ini

2. Icon status Level User, Ganti Password dan Logout

Pada bagian ini ditampilkan informasi dasar tentang user, link untuk mengganti password

dan tombol keluar/Logout.

Status Level User, Ganti Password, dan Logout

15

Ganti Password

Apabila ingin mengubah password lama menjadi password baru dengan cara, masukkan

Password Lama di kolom 1, lalu masukkan Password Baru di kolom 2 dan

KonfirmasiPassword Baru di kolom 3 kemudian klik “Simpan”

Form Ganti Password

3. Menu Samping

Pada bagian ini memiliki fungsi yang hampir sama dengan menu yang di tampilkan di

halaman depan. Namun ada beberapa bagian lebih detail. Berikut adalah tampilan detail

menu samping

Menu Samping

Menu Samping (Master Data - Detail)

16

Menu Samping (Absensi - Detail)

Menu Samping (Berita Detail)

Menu Samping (Berita - Detail)

Menu Samping (Pengumuman - Detail)

17

4. Tombol Simulasi Absen

Jika user memilih menu ini, akan ditampilkan Simulasi Absen. Untuk melakukan Absensi

Kehadiran, pengguna perlu meng-klik tombol Absen Sekarang. Berikut adalah

tampilannya

Tampilan Sumulasi Absen

5. Master Data

Daftar Karyawan

18

Jika user memilih menu ini, akan ditampilkan Daftar Karyawan yang berada di

departemen yang dia pimpin. User bisa menyimpan data daftar karyawan tersebut dalam

bentuk xls dan pdf. Berikut adalah tampilannya

Daftar Karyawan

Detail Karyawan

Sebagai Kepala Departemen, User diberi hak untuk menambahkan foto karyawan.

Caranya bisa mengunggah file jpg, atau dengan menggunakan kamera yang terintegrasi

dengan computer/laptop.

19

Klik ALLOW untuk menggunakan

kamera terintegrasi

Daftar Departemen

Menu Samping (Master Data - Detail)

Selain Daftar Karyawan, melalui Menu Samping, User bisa melihat daftar Departemen

Perusahaan. Berikut tampilannya.

20

Daftar Departemen

6. Tombol Form Lembur

Jika User memilih menu ini, akan ditampilkan menu Form Pre Absen. Disini User bisa

mencari catatan Absensi pada periode tertentu dan membuat form lembur. Berikut adalah

tampilannya

Data Pre Absen

21

Tambah Form Lembur

Untuk menambah tugas lembur kepada seorang Staf, User bisa memilih tombol Tambah

Form Lembur, dan berikut adalah tampilan Form Lembur

Form Lembur

Selain itu, seorang Kepala Departemen bisa melakukan beberapa fungsi lain yang bisa

diakses melalui Menu Samping

Menu Samping (Absensi - Detail)

22

Pengaturan Shift

User dengan level Kepala Departemen bisa melakukan Pengaturan Shift untuk

departemen yang dibawahinya. User bisa mencari catatan shift karyawan dalam periode

tertentu. Selain itu User bisa menambahkan data shift. Berikut adalah tampilannya

Pengaturan Shift

Form Tambah Shift

Grafik Absensi

User dengan level Kepala Departemen bisa melihat catatan Absensi Semua Karyawan

yang berada di bawah departemen yang dibawahinya pada periode tertentu dalam bentuk

grafik. Berikut adalah tampilannya

23

Grafik Absensi (1)

Grafik Absensi (2)

24

Grafik Absensi (3)

7. Tombol Data Absensi

User dengan level Kepala Departemen bisa melacak Absensi Seorang Karyawan yang

berada di bawah departemen yang dibawahinya pada periode tertentu. Setelah

melacaknya user juga bisa mengunduh data tersebut dengan berbentuk file xls. Berikut

adalah tampilannya

Data Absensi Per Karyawan

25

Keterangan:

1. Tentukan nama karyawan dan periode tanggan absen yang ingin ditampilkan

2. Cari untuk mencari data absensi setelah nama dan periode teisi

3. Summary absensi terlihat jumlah akumulasi lembur, jumlah keterlambatan, akumulasi

keterlambatan, kompensasi keterlambatan dan abstain

4. Download semua data absensi karyawan per divisi dalam format excel. Download data

absensi karyawan dalam format excel

5. Terdapat 2 aksi yaitu edit untuk mengubah data absensi dan hapus untuk menghapus

data absensi

8. Tombol Rekap Absensi

User dengan level Kepala Departemen bisa melihat rekap Absensi Semua Karyawan yang

berada di bawah departemen yang dibawahinya pada periode tertentu. Setelah

melacaknya user juga bisa mengunduh data tersebut dengan berbentuk file xls. Berikut

adalah tampilannya

Rekap Absensi

26

Keteranagan:

1. Tentukan nama karyawan dan periode tanggan absen yang ingin ditampilkan

2. Cari untuk mencari data absensi setelah nama dan periode teisi

3. Download rekap absensi karyawan dalam format excel

9. Tombol Berita

Jika user memilih menu ini, akan ditampilkan Daftar Berita. User bisa memilih salah satu

berita untuk membaca isi berita lebih lengkap. Berikut adalah tampilannya

Daftar Berita

Detail Berita

27

10. Tombol Pengumuman

Jika user memilih menu ini, akan ditampilkan menu Berita. Pada bagian ini user bisa

membaca Pengumuman yang ditargetkan kepadanya atau departemen yang ia bawahi.

Selain itu User juga bisa membuat, merubah dan menghapus pengumuman khusus untuk

departemen yang ia pimpin. Berikut adalah tampilannya

Daftar Pengumuman

Daftar Pengumuman

Tambah Data Pengumuman

Form Tambah Data Pengumuman

28

C. ADMIN/HRD

a. Untuk masuk sebagai pegawai, masukkan Username demohrd dan Password

demohrd123 , lalu tekan enter atau tombol Login

Halaman Login

c. Kemudian akan tampil Halaman Depan

Menu Halaman Depan

Keterangan:

1. Link Menuju Halaman Depan

2. Icon Status Level User, Ganti Password dan Logout

29

3. Menu Samping

4. Tombol Simulasi Absen

5. Tombol Daftar Karyawan

6. Tombol Form Lembur

7. Tombol Data Absensi

8. Tombol Rekap Absensi

9. Tombol Berita

10. Tombol Pengumuman

11. Tombol Kotak Pesan

12. Tombol Panel Saya

1. Link Menuju Halaman Depan

Link ini berguna untuk kembali ke halaman depan jika user sedang berada di halaman

lain.

2. Icon status Level User, Ganti Password dan Logout

Pada bagian ini ditampilkan informasi dasar tentang user, link untuk mengganti password

dan tombol keluar/Logout

Status Level User, Ganti Password, dan Logout

30

Ganti Password

Apabila ingin mengubah password lama menjadi password baru dengan cara, masukkan

Password Lama di kolom 1, lalu masukkan Password Baru di kolom 2 dan

KonfirmasiPassword Baru di kolom 3 kemudian klik “Simpan”

Form Ganti Password

3. Menu Samping

Pada bagian ini memiliki fungsi yang hampir sama dengan menu yang di tampilkan di

halaman depan. Namun ada beberapa bagian lebih detail. Berikut adalah tampilan detail

menu samping

Menu Samping

31

Menu Samping (Master Data -

Detail)

Menu Samping (Absensi -

Detail)

Menu Samping (Berita Detail)

Menu Pengumuman (Berita -

Detail)

32

Menu Samping (Panel Saya - Detail)

4. Tombol Simulasi Absen

Jika user memilih menu ini, akan ditampilkan Simulasi Absen. Untuk melakukan Absensi

Kehadiran, pengguna perlu meng-klik tombol Absen Sekarang. Berikut adalah

tampilannya

Tampilan Sumulasi Absen

33

5. Tombol Daftar Karyawan

Jika user memilih menu ini, akan ditampilkan semua daftar karyawan. User bisa

menyimpan data daftar karyawan tersebut dalam bentuk xls dan pdf. Berikut adalah

tampilannya

Daftar Karyawan

Keterangan:

1) Tambah data apabila terdapat karyawan baru yang ingin ditambahkan pada daftar

karyawan

2) Tambah data dari fingerprint apabila terdapat karyawan baru yang ingin ditambahkan

pada daftar karyawan lewat absen dari fingerprint

3) Unduh tamplate import apabila ingin mengambil tamplate dalam formal excel

4) Import data karyawan apabila ingin memasukkan data karyawan dari suatu file

5) Pilih divisi yang dicari

6) Ketikkan keyword apabila ingin mencari suatu data secara langsung tanpa melihat

pada daftar karyawan satu persatu kemudian klik “Cari”

7) Export data pdf untuk mengambil data karyawan dalam format pdf

8) Export data excel untuk mengambil data karyawan dalam format excel

9) Terdapat dua aksi yaitu edit untuk mengubah data karyawan dan hapus untuk

menghapus data karyawan yang sudah tidak dibutuhkan

34

Sebagai Admin/HRD, User diberi hak untuk Menambah Data, Mengunduh Template

Import, Eksport Data Karyawan (PDF & XLS), Mengunduh Barcode, Mengubah

Data Karyawan, dan Menghaspus Data Karyawan.

Tambah Data Karyawan

FormTambah Data Karyawan

35

Detail Karyawan

Klik ALLOW untuk menggunakankamera terintegrasi

36

Daftar Departement

Menu Samping (Master Data - Detail)

Selain Daftar Karyawan, User bisa melihat daftar Departemen Perusahaan. Pada halaman

ini User bisa menambahkan Departemen Baru.User diharuskan memasukkan Kode

Departemen dan Nama Departemen baru.Berikut tampilannya.

Daftar Departemen

37

Keterangan:

1. Cari untuk mencari nama departemen yang dicari secara langsung

2. Tambah apabila terdapat departemen baru yang ingin ditambahkan pada daftar

departemen

3. Mengisikan kode dan nama departemen kemudian klik “simpan”

4. Terdapat 2 aksi yaitu edit untuk mengedit data departemen dan hapus untuk menghapus

data departemen yang sudah tidak digunkan kembali

6. Tombol Form Lembur

Jika User memilih menu ini, akan ditampilkan menu Form Pre Absen. Disini User bisa

mencari catatan Absensi pada periode tertentu dan membuat form lembur, form cuti dan

form ijin. Berikut adalah tampilannya

Data Pre Absen

Keterangan:

1. Pilih Departemen

2. Pilih nama karyawan

3. Tentukan tanggal pre absen

38

4. Pilih Jenis absen

5. Cari untuk mencari data yang dituju

6. Tambah form lembur

7. Tambah form cuti

8. Tambah form ijin

9. Tambah form ijin sakit

Tambah form Lembur

Untuk menambah tugas lembur kepada seorang Staf, User bisa memilih tombol Tambah

Form Lembur. Pilih department, nama karyawan, tanggal lembur, jam masuk, jam

pulang dan keterangan lembur kemudian klik “Tambah”. Berikut adalah tampilan Form

Lembur

Form Lembur

39

Tambah Form Cuti

Untuk menambah cuti kepada seorang Staf, User bisa memilih tombol Tambah Form

Cuti. Pilih department, nama karyawan, tanggal cuti dan keterangan cuti kemudian klik

“Tambah”. Berikut adalah tampilan Form Cuti

Form Cuti

Tambah Form Ijin

Untuk menambah ijin kepada seorang Staf, User bisa memilih tombol Tambah Form

Ijin. Pilih department, nama karyawan, tanggal ijin dan keterangan ijin kemudian

klik”Tambah”. Berikut adalah tampilan Form Ijin

Form Ijin

40

7. Tombol Data Absensi

User dengan level Admin/HRD bisa melacak Absensi Seorang Karyawan pada periode

tertentu.User hanya perlu mencari identias pegawai berikut, bisa dimulai dari Departemen

asal pegawai, cari namanya Setelah melacaknya user juga bisa mengunduh data tersebut

dengan berbentuk file xls. Berikut adalah tampilannya

Data Absensi Per Karyawan

Keterangan:

1. Tentukan nama karyawan dan periode tanggan absen yang ingin ditampilkan

2. Summary absensi terlihat jumlah akumulasi lembur, jumlah keterlambatan, akumulasi

keterlambatan, kompensasi keterlambatan dan abstain

3. Cari untuk mencari data absensi setelah nama dan periode teisi

4. Download semua data absensi karyawan per divisi dalam format excel. Download data

absensi karyawan dalam format excel

5. Terdapat 2 aksi yaitu edit untuk mengubah data absensi dan hapus untuk menghapus

data absensi

41

Selain itu, seorang Admin/HRD bisa melakukan beberapa fungsi lain yang bisa diakses

melalui Menu Samping

Menu Samping (Absensi - Detail)

Tambah Absensi

User dengan level Admin/HRD bisa melakukan penambahan absensi seluruh pegawai.

User harus mencari identias pegawai berikut, bisa dimulai dari Departemen asal pegawai,

cari namanya, lalu masukkan tanggal absensi, jam masuk, jam pulang, jenis absensi dan

keterangan (opsional) kemudian klik “Tambah”. Berikut adalah tampilannya

Form Tambah Absensi

42

Pengaturan Shift

User dengan level Admin/HRD bisa melakukan pengaturan seluruh pegawai. User hanya

perlu mencari identias pegawai berikut, bisa dimulai dari departemen asal pegawai, cari

namanya, lalu memasukkan rentang waktu dan jenis shift. Selain itu user juga bisa

menambah shift pegawai. Berikut adalah tampilannya

Form Pengaturan Shift Karyawan

Form Tambah Shift

43

Grafik Absensi

User dengan level Admin/HRD bisa melihat catatan Absensi Semua Karyawan

berdasarkan departemen yang sudah ditentukan pada periode tertentu dalam bentuk

grafik. Berikut adalah tampilannya

Grafik Absensi (1)

Grafik Absensi (2)

44

Grafik Absensi (3)

8. Tombol Rekap Absensi

User dengan level Admin/HRD bisa melihat rekap absensi semua karyawan berdasarkan

departemen yang ditentukan pada periode tertentu kemudian klik “cari”. Setelah

melacaknya user juga bisa mengunduh data tersebut dengan berbentuk file xls. Berikut

adalah tampilannya

Rekap Absensi

45

9. Tombol Berita

Jika user memilih menu ini, akan ditampilkan Daftar Berita. User bisa memilih salah satu

berita untuk membaca isi berita lebih lengkap.Selain itu User dengan level Admin/HRD

bisa menambahkan Berita. Berikut adalah tampilannya

Menu Samping (Berita - Detail)

Daftar Berita

Daftar Berita

46

Detail Berita

Tambah Data Berita

Tambah Data Berita

10. Tombol Pengumuman

Jika user memilih menu ini, akan ditampilkan menu Pengumuman. Pada bagian ini user

dengan level Admin/HRD bisa membaca Semua Pengumuman.Selain itu User juga bisa

membuat, merubah dan menghapus pengumuman yang bisa ditujukan khusus kepada

departemen atau karyawan. Berikut adalah tampilannya

47

Daftar Pengumuman

Daftar Pengumuman

Keterangan:

1. Ketikkan keyword pada kolom cari untuk mencari pengumuman secara langsung tanpa

harus melihat satu persatu pada daftar pengumuman

2. Buat pengumuman baru apabila terdapat pengumuman baru yang ingin ditambahkan

pada daftar

3. Terdapat 2 aksi yaitu edit untuk mengubah data pengumuman dan hapus untuk

mengahapus pengumuman yang sudah tidak digunakan kembali

Tambah Data Pengumuman

Apabila terdapat pengumuman baru yang ingin ditambhakan pada daftar dengan cara klik

“Buat Pengumuman Baru” isikan judul pengumuman, target pengumuman dan isi

pengumuman kemudian klik “simpan” seperti gambar yang ditunjukkan dibawah ini

48

Form Tambah Data Pengumuman

11. Tombol Kotak Pesan

Jika user memilih menu ini, akan ditampilkan menu Pesan. Pada bagian ini user dengan

level Admin/HRD bisa membaca Semua Pesan personal antara Admin/HRD dengan

karyawan. Berikut adalah tampilannya

Daftar Kotak Pesan

49

Detail Pesan

Hapus Pesan

12. Tombol Panel Saya

General Setting

Jika user memilih menu ini, akan ditampilkan menu Panel Saya, sebuah menu khusus

Admin/HRD. Terdapat dua bagian utama, yaitu General Setting (Pengaturan Umum) dan

daftarshift.

Form General Setting

50

Daftar Shift

Form Daftar Shift

Keterangan:

1. Cari untuk mencari nama shift secara langsung tanpa melihat satu persatu pada daftar

shift

2. Tambah shift apabila terdapat shift baru yang ingin ditambahkan dalam daftar dengan

cara mengisi kode shift, nama shift, jam masuk dan jam pulang kemudian klik

“simpan”

3. Terdapat 2 aksi yaitu edit untuk mengedit daftar shift dan hapus untuk menghapus

daftar shift yang sudah tidak digunakan kembali

51

MOBILE APPLICATION

STAFF dan MANAGER

1. 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 “Log In” dan

akan tampil halaman seperti gambar berikut :

52

Menu-menu dalam aplikasi ini bisa diakses melalui halaman home. Silakan klik salah

satu menunya. Selain dapat diakses dari halaman home, menu bisa diakses melalui menu

sidebar. Pada pojok kiri atas ada tombol untuk menampilkan menu. Tampilan menu

sidebar adalah seperti di bawah ini

Keterangan:

1) Home menampilkan halaman utama dari aplikasi absenku

2) Berita menampilkan daftar berita

3) Pengumuman menampilkan daftar pengumuman

4) Absensi menampilkan data absensi dari karyawan

5) Kotak Pesan menampilkan pesan yang masuk pada aplikasi

6) Kirim Pesan digunakan apabila pengguna aplikasi ingin membalas pesan

7) Keluar apabila ingin keluar dari aplikasi ini

53

2. Halaman Berita

Halaman berita menampilkan list berita. Tampilan halaman berita adalah seperti di bawah

ini:

Detail Berita

Untuk melihat detail berita silahkan klik berita yang akan dilihat, akan tampil halaman

sebagai berikut

54

3. Halaman Pengumuman

Halaman berita menampilkan list pengumuman. Tampilan halaman pengumuman adalah

seperti di bawah ini:

Detail Pengumuman

Untuk melihat detail berita silahkan klik pengumuman yang akan dilihat, akan tampil

halaman sebagai berikut

55

4. Halaman Absensi

Halaman berita menampilkan list absensi karyawan. Tampilan halaman absensi adalah seperti di

bawah ini:

Rangkuman Absensi

Menampilkan rangkuman absensi karyawan. Tampilan halaman rangkuman absensi adalah seperti

di bawah ini:

56

5. Halaman Kotak Pesan

Halaman kotak pesan menampilkan list pesan yang sudah dikirimkan dari user mobile.

Tampilan halaman kotak pesan adalah seperti di bawah ini:

Detail Kotak Pesan

Untuk melihat detail kotak pesan silahkan klik pesan yang akan dilihat, akan tampil

halaman sebagai berikut

57

6. Halaman Kirim Pesan

Halaman kirim pesan berisi kolom untuk membuat pesan. Tampilan halaman kirim pesan

adalah seperti di bawah ini:

8. 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”

58

HRD

1. 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 “Log In” dan

akan tampil halaman seperti gambar berikut :

59

Menu-menu dalam aplikasi ini bisa diakses melalui halaman home. Silakan klik salah

satu menunya. Selain dapat diakses dari halaman home, menu bisa diakses melalui menu

sidebar. Pada pojok kiri atas ada tombol untuk menampilkan menu. Tampilan menu

sidebar adalah seperti di bawah ini

Keterangan:

1) Home menampilkan halaman utama dari aplikasi absenku

2) Berita menampilkan daftar berita

3) Pengumuman menampilkan daftar pengumuman

4) Absensi menampilkan data absensi dari karyawan

5) Kotak Pesan menampilkan pesan yang masuk pada aplikasi

6) Kirim Pesan digunakan apabila pengguna aplikasi ingin membalas pesan

7) Add Absensi digunakan untuk menambhkan data absensi yang baru

8) Edit Absensi digunakan untuk mengubah data absensi

9) Keluar apabila ingin keluar dari aplikasi ini

60

2. Halaman Berita

Halaman berita menampilkan list berita. Tampilan halaman berita adalah seperti di bawah

ini:

Detail Berita

Untuk melihat detail berita silahkan klik berita yang akan dilihat, akan tampil halaman

sebagai berikut

61

3. Halaman Pengumuman

Halaman berita menampilkan list pengumuman. Tampilan halaman pengumuman adalah

seperti di bawah ini:

Detail Pengumuman

Untuk melihat detail berita silahkan klik pengumuman yang akan dilihat, akan tampil

halaman sebagai berikut

62

4. Halaman Absensi

Halaman berita menampilkan list absensi karyawan. Tampilan halaman absensi adalah seperti di

bawah ini:

Rangkuman Absensi

Menampilkan rangkuman absensi karyawan. Tampilan halaman rangkuman absensi adalah seperti

di bawah ini:

63

5. Halaman Kotak Pesan

Halaman kotak pesan menampilkan list pesan yang sudah dikirimkan dari user mobile.

Tampilan halaman kotak pesan adalah seperti di bawah ini:

Detail Kotak Pesan

Untuk melihat detail kotak pesan silahkan klik pesan yang akan dilihat, akan tampil

halaman sebagai berikut

64

6. Halaman Kirim Pesan

Halaman kirim pesan berisi kolom untuk membuat pesan. Tampilan halaman kirim pesan

adalah seperti di bawah ini:

7. Tambah Data Absensi

Apabila terdapat data absensi yang ingin ditambahkan pilih terlebih dahulu depatemen,

karyawan, jam kerja sesuai pada kolom yang telah disediakan kemudian klik “Simpan”.

65

8. Edit Data Absensi

Apabila ingin mengubah data absensi bisa dicari telebih dahulu dsata yang ingin diubah

kemudian klik “Cari data”

9. 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”