Skip to content

EL Wafi.

Development 2026

Worktime - Aplikasi Absensi Berbasis Website

Aplikasi absensi mobile-first berbasis Laravel untuk presensi karyawan, validasi lokasi, foto bukti, lembur, laporan admin, dan task internal.

Worktime - Aplikasi Absensi Berbasis Website project interface
Worktime - Aplikasi Absensi Berbasis Website — featured project view

01 / Overview

About the project

Di sisi karyawan, pengguna bisa melihat dashboard pribadi, melakukan absen masuk dan keluar, memulai serta menyelesaikan lembur, melihat riwayat presensi, dan memantau status harian seperti hadir, telat, izin, sakit, atau alpa. Untuk karyawan departemen Office, aplikasi juga menyediakan menu task agar pekerjaan internal bisa dibuat, diterima, ditolak, dipantau progresnya, diberi catatan, dilampiri file, lalu diselesaikan dengan lebih tertib.

02 / Challenge

What needed solving

Bagian yang paling krusial adalah memastikan data absensi tetap valid. Aplikasi perlu membaca GPS, akurasi lokasi, alamat dari reverse geocode, dan foto bukti absen, lalu mengecek apakah posisi karyawan masih berada dalam radius kantor atau departemen. Di sisi lain, admin tetap membutuhkan panel yang enak dipakai untuk mengatur jam kerja, toleransi telat, lokasi kantor, radius absen, batas umur lokasi, lembur, laporan, dan task.

03 / Approach

How I approached it

Saya memisahkan alur karyawan dan admin agar masing-masing sisi fokus pada kebutuhannya. Halaman karyawan dibuat dengan Blade, CSS custom, dan JavaScript browser API untuk GPS, kamera, dan PWA. Panel admin memakai Filament 3 untuk mengelola karyawan, departemen, lokasi, absensi, statistik, task, serta ekspor laporan Excel. Fitur task dilengkapi status pending, in_progress, rejected, completed, dan cancelled, termasuk notifikasi dengan badge di bottom navigation saat ada update yang belum dibaca.

04 / Highlights

What the product does

  1. 01

    Dashboard karyawan

  2. 02

    Absen masuk dan keluar

  3. 03

    Validasi GPS dan radius kantor

  4. 04

    Foto bukti absensi

  5. 05

    Reverse geocode alamat

  6. 06

    Riwayat presensi

  7. 07

    Manajemen lembur

  8. 08

    Task management departemen Office

  9. 09

    Notifikasi task

  10. 10

    Admin panel Filament

  11. 11

    Ekspor laporan Excel

  12. 12

    PWA sederhana

AI Portfolio Assistant