Penggunaan Awal Aplikasi ESL: 1. Install XAMPP 2. Start Apache dan MySQL
3. Copy folder esl-fingerprint ke C:/xampp/htdocs 4. Buka localhost/phpmyadmin *Localhost sesuai dengan computer yang digunakan. Defaultnya localhost/ atau localhost:8080/
5. Create database baru dengan nama: esl-fingerprint 6. Import esl-fingerprint.sql pada database baru
7. Copy absen.dat ke C:/
PENGGUNAAN APLIKASI 1. Halaman Login (User) Gambar 1 Halaman Login (User) Ini adalah tampilan halaman login untuk user. Pada halaman ini user harus memasukan username dan password yang dimiliki setiap user. User yang sudah ada pada aplikasi ini antara lain: Manager, dengan username manager dan password manager. Karyawan lainnya dengan usename nik dan password nik.
2. Halaman absensi (Manager) Gambar 2 Halaman Absensi (Manager) Ini adalah tampilan halaman absensi untuk manager. Pada halaman ini akan menampilkan data dari absen.dat. Jika kita menekan tombol Memuat Data Absensi akan tampil data sebagai berikut:
Pada halaman ini manager juga dapat menyetujui lembur dengan menekan tombol Setujui.
3. Halaman Lembur (Manager) Gambar 3 Halaman Lembur (Manager) Ini adalah tampilan halaman lembur untuk manager. Pada halaman ini manager dapat melihat daftar lembur yang telah dilakukan karyawan dan sudah disetujui oleh manager. Manager juga dapat melihat daftar lembur karyawan tententu dengan melakukan pencarian pada kolom 'cari karyawan'.
4. Halaman Jadwal Shift Karyawan (Manager) Gambar 4 Halaman Jadwal Shift Karyawan (Manager) Ini adalah tampilan halaman jadwal shift karyawan untuk manager yang ditampilkan perminggu, sesuai minggu yang aktif saat pengaksesan halaman tersebut. Pada halaman ini manager dapat melihat jadwal shift kerja yang dimiliki setiap karyawan dan pada bagian kanan tabel terdapat tombol 'ubah' untuk mengubah shift karyawan. Manager juga dapat melihat shift karyawan tententu dengan melakukan pencarian pada kolom 'cari karyawan'.
5. Halaman Ubah Jadwal Shift Karyawan (Manager) Gambar 5 Halaman Ubah Jadwal Shift Karyawan (Manager) Ini adalah halaman ubah jadwal shift karyawan untuk manager. Pada halaman ini manager dapat mengubah shift karyawan yang telah dipilih dan jadwal yang dipilih akan aktif sesuai tanggal yang telah diatur pada kolom 'berlaku sejak'.
6. Halaman Jadwal Shift (Manager) Gambar 6 Halaman Jadwal Shift (Manager) Ini adalah tampilan halaman jadwal shift untuk manager. Pada halaman ini manager dapat melihat shift yang aktif pada perusahaan. Pada bagian kanan tabel terdapat tombol 'ubah' untuk mengubah jadwal shift yang dipilih. Manager juga dapat menambah shift kerja dengan menekan tombol 'tambah shift'.
7. Halaman Tambah Jadwal Shift (Manager) Gambar 7 Halaman Tambah Jadwal Shift (Manager) Ini adalah tampilan halaman tambah jadwal shift untuk manager. Pada halaman ini manager harus mengisi form data shift dan jika data yang dimasukan belum lengkap maka akan tampil pesan error pada halaman ini. 8. Halaman Ubah Jadwal Shift (Manager) Gambar 8 Halaman Ubah Jadwal Shift (Manager) Ini adalah tampilan halaman ubah jadwal shift untuk manager. Pada halaman ini manager harus mengisi form data shift yang akan diubah dan jika data yang dimasukan belum lengkap maka akan tampil pesan error pada halaman ini.
9. Halaman Data Karyawan (Manager) Gambar 9 Halaman Data Karyawan (Manager) Ini adalah tampilan halaman data karyawan untuk manager. Pada halaman ini manager dapat melihat detail data umum yang dimiliki setiap karyawan. Pada bagian kanan tabel terdapat tombol 'ubah' untuk mengubah dan tombol 'hapus' untuk menghapus data karyawan yang dipilih. Manager juga dapat menambah data karyawan dengan menekan tombol 'tambah karyawan'. Selain itu manager dapat melihat data karyawan tententu dengan melakukan pencarian pada kolom 'cari karyawan'.
10. Halaman Tambah Data Karyawan Bagian Form Data Karyawan (Manager) Gambar 10 Halaman Tambah Data Karyawan (Manager) Ini adalah tampilan halaman tambah data karyawan bagian form data karyawan untuk manager. Pada halaman ini manager harus mengisi form data karyawan dan jika data yang dimasukan belum lengkap maka akan tampil pesan error pada halaman ini.
11. Halaman Tambah Data Karyawan Bagian Form Jadwal Karyawan (Manager) Gambar 11 Halaman Tambah Data Karyawan Bagian Form Jadwal Karyawan (Manager) Ini adalah tampilan halaman tambah data karyawan bagian form jadwal karyawan untuk manager. Setelah sukses mengisi data karyawan akan langsung menuju halaman ini agar manager kita kesusahan dalam mengisi jadwal kerja karyawan baru. Pada halaman ini manager harus mengisi form jadwal karyawan dan jika data yang dimasukan belum lengkap maka akan tampil pesan error pada halaman ini.
12. Halaman Ubah Data Karyawan (Manager) Gambar 12 Halaman Ubah Data Karyawan (Manager) Ini adalah tampilan halaman ubah data karyawan untuk manager. Pada halaman ini manager harus mengisi form data karyawan yang akan diubah dan jika data yang dimasukan belum lengkap maka akan tampil pesan error pada halaman ini.
13. Halaman List Permohonan Cuti/izin (Manager) Gambar 13 Halaman List Permohonan Cuti/izin (Manager) Ini adalah tampilan halaman list permohoan cuti/izin untuk manager. Pada halaman ini manager dapat melihat daftar cuti/izin yang telah diajukan oleh karyawan. Pada bagian kanan tabel terdapat 2 tombol, yaitu tombol 'terima' untuk menerima dan tombol 'tolak' untuk menolak cuti/izin yang diajukan karyawan. Manager juga dapat melihat daftar cuti/izin karyawan tententu dengan melakukan pencarian pada kolom 'cari karyawan'.
14. Halaman Konfirmasi Cuti/izin (Manager) Gambar 14 Halaman Konfirmasi Cuti/izin (Manager) Ini adalah tampilan halaman konfirmasi cuti/izin untuk manager. Pada halaman ini manager harus mengisi form konfirmasi permohonan cuti/izin/izin yang telah diterima dan jika data yang dimasukan belum lengkap maka akan tampil pesan error pada halaman ini.
15. Halaman Tolak Cuti/izin (Manager) Gambar 15 Halaman Tolak Cuti/izin (Manager) Ini adalah tampilan halaman tolak cuti/izin untuk manager. Pada halaman manager harus mengisi form tolak cuti/izin yang berisi alasan penolakan ketika manager menekan tombol 'tolak' pada halaman list cuti/izin karyawan.
16. Halaman History Permohonan Cuti/izin (Manager) Gambar 16 Halaman History Permohonan Cuti/izin (Manager) Ini adalah tampilan halaman history permohonan cuti/izin untuk manager. Pada halaman ini manager dapat melihat histori daftar permohonan cuti/izin karyawan. Manager juga dapat melihat daftar histori cuti/izin karyawan tententu dengan melakukan pencarian pada kolom 'cari karyawan'.
17. Halaman Laporan Data Karyawan Masuk (Manager) Gambar 17 Halaman Laporan Data Karyawan Masuk (Manager) Ini adalah tampilan halaman laporan data karyawan masuk untuk manager. Pada halaman ini manager dapat melihat laporan data karyawan berdasarkan tanggal masuk karyawan tersebut. Manager dapat memilih range waktu masuk yang diinginkan dan mecetak laporan tersebut dengan menekan tombol 'cetak laporan'.
18. Halaman Laporan Data Shift Karyawan (Manager) Gambar 18 Halaman Laporan Data Shift Karyawan (Manager) Ini adalah tampilan halaman laporan data shift karyawan untuk manager. Pada halaman ini manager dapat melihat laporan data shift yang dimiliki setiap karyawan. Manager dapat memilih range waktu yang diinginkan dan mecetak laporan tersebut dengan menekan tombol 'cetak laporan'.
19. Halaman Laporan Kinerja (Manager) Gambar 19 Halaman Laporan Kinerja (Manager) Ini adalah tampilan halaman laporan kinerja untuk manager. Pada halaman ini manager dapat melihat laporan kinerja karyawan pada tanggal yang telah dipilih. Manager juga dapat melihat detail dari laporan dengan menekan tombol unduh.
20. Halaman Ubah Kata Sandi (User) Gambar 20 Halaman Ubah Kata Sandi (User) Ini adalah halaman ubah kata sandi untuk user. Pada halaman ini user dapat mengubah password dengan memasukan password lama, password baru dan konfirmasi password, dimana password baru harus sesuai dengan konfirmasi password.
21. Halaman Permohonan Cuti/izin (Karyawan) Gambar 21 Halaman Permohonan Cuti/izin (Karyawan) Ini adalah tampilan halaman permohonan cuti/izin untuk karyawan. Pada halaman ini karyawan dapat melihat daftar permohonan cuti/izin yang pernah dilakukan. Karyawan juga dapat mengajukan permohonan cuti/izin dengan menekan tombol 'ajukan permohonan'.
22. Halaman Ajukan Permhonan Cuti/izin (Karyawan) Gambar 22 Halaman Ajukan Permhonan Cuti/izin (Karyawan) Ini adalah halaman ajukan permohonan cuti/izin untuk karyawan. Pada halaman ini karyawan harus mengisi form permohonan cuti/izin dan jika data yang dimasukan belum lengkap maka akan tampil pesan error pada halaman ini.