Rancang Bangun Aplikasi Presensi Karyawan Berbasis Mobile Menggunakan Flutter, Swafoto, dan Dengan Backend XAMPP

Authors

  • Reyhan Mahendra Universitas Pamulang
  • Jibran Dwi Andara Universitas Pamulang
  • Muhammad Rafli Universitas Pamulang

Keywords:

Employee Attendance, Flutter, Selfie Photo, GPS, Geofencing, XAMPP, PHP, MySQL, Waterfall

Abstract

Manual employee attendance management remains widely used, despite its vulnerability to data manipulation, delayed recaps, and limited location flexibility. This study aims to design and develop a cross platform mobile attendance application using the Flutter framework, equipped with a selfie photo feature as visual proof of attendance and the Global Positioning System (GPS) for real-time location validation through a geofencing mechanism. Data management is handled using a XAMPP backend consisting of the Apache web server, PHP programming language, and MySQL database management system. Communication between the Flutter application and the server uses an HTTP-based RESTful API with JSON as the data exchange format. The software development method employed is the Waterfall model. Testing was conducted through Black-Box Testing covering 35 test scenarios and User Acceptance Testing (UAT) involving 40 respondents. Black-Box Testing results showed all scenarios passing with a 100% pass rate. The UAT yielded an average score of 86.8 out of 100, categorized as Very Good. GPS validation accuracy averaged 95.5%, while the attendance processing time efficiency improved by 68.4% compared to the manual system.

References

Abetnego, D., & Susilo, J. (2024). Aplikasi Presensi Kerja Berbasis Android dengan Monitoring Lokasi Karyawan Secara Real-Time Menggunakan Maps. Jurnal Informatika Dan Bisnis, 13(2), 111-132.

Pamudi, P., Kristyawan, Y., & Suhartoyo, H. (2023). Rancang Bangun Absensi Karyawan Verifikasi Foto Selfie dengan Global Positioning System (GPS) Menggunakan Metode Prototype. Spirit, 15(1).

Saputra, S. (2024). Sistem Aplikasi Presensi dengan Foto Selfie dan Koordinat GPS Menggunakan Framework Laravel dan Metode Waterfall. KLIK: Kajian Ilmiah Informatika dan Komputer, 5(1), 349-359.

Hariyanto, A., & Rahmalisa, U. (2024). Perancangan Aplikasi Presensi Berbasis GPS dan Foto Selfie Menggunakan Framework Laravel. JOISSE Journal of Intelligent System and Software Engineering, 3(2).

Google LLC. (2024). Flutter Documentation: Build Apps for Any Screen. https://flutter.dev/docs. Diakses pada 10 Maret 2025.

Nurdiana, D. R., & Suryadi, A. (2022). Employee Presence Application Using Swafoto and Location Based Service at Universitas Terbuka. Jurnal Teknik Informatika, 3(4), 915-922.

Alfiansyah. (2024). Rancang Bangun Sistem Absensi Berbasis Web dengan Fitur Tag Lokasi dan Selfie Menggunakan Model Waterfall. Jurnal Pendidikan dan Kebudayaan, 2(3).

Widat, F. H. (2025). Perancangan Sistem Aplikasi Monitoring Kehadiran Karyawan Berbasis Mobile dan GPS. Jurnal Riset Teknik Komputer, 2(4), 26-32.

Fahrudin, R., & Ilyasa, R. (2023). Perancangan Aplikasi Absensi GPS Berbasis Mobile dengan Geofencing. Research and Development Journal, 3(6), 413-419.

Apache Friends. (2024). XAMPP Documentation. https://www.apachefriends.org/docs.html. Diakses pada 10 Maret 2025.

Pressman, R. S., & Maxim, B. R. (2020). Software Engineering: A Practitioner's Approach (9th ed.). McGraw-Hill Education.

Nielsen, J. (1994). Usability Engineering. Academic Press.

Published

2026-06-10

How to Cite

Reyhan Mahendra, Jibran Dwi Andara, & Muhammad Rafli. (2026). Rancang Bangun Aplikasi Presensi Karyawan Berbasis Mobile Menggunakan Flutter, Swafoto, dan Dengan Backend XAMPP. BINER : Jurnal Ilmu Komputer, Teknik Dan Multimedia, 4(2), 261–266. Retrieved from https://journal.mediapublikasi.id/index.php/Biner/article/view/6258