Rancang Bangun Sistem Informasi Presensi Berbasis Web Menggunakan Framework Laravel dengan Fitur Pengenalan Wajah pada SMK Negeri 3 Pariaman

M Ananda Adhitya Perdana

Sari


SMK Negeri 3 Pariaman masih menggunakan sistem presensi manual berbasis lembar tanda tangan yang tidak efisien dan rentan terhadap kecurangan. Pengajuan izin, sakit, dan cuti dilakukan melalui pesan WhatsApp tanpa dokumentasi terpusat sehingga data tidak terstruktur. Penelitian ini bertujuan merancang dan membangun sistem informasi presensi berbasis web menggunakan framework Laravel yang dilengkapi verifikasi lokasi GPS dengan geofencing, pengenalan wajah (face recognition), mekanisme presensi dinas luar, serta pengelolaan izin/sakit/cuti secara daring. Metode pengembangan yang digunakan adalah model Waterfall yang terdiri dari tahap analisis kebutuhan, perancangan sistem, implementasi, pengujian sistem, dan pemeliharaan. Sistem dikembangkan menggunakan Laravel sebagai backend dan frontend web, Kotlin dengan WebView untuk aplikasi Android, MySQL sebagai basis data, serta Laragon sebagai lingkungan pengembangan lokal. Pengujian performa menggunakan GTmetrix menghasilkan Grade B dengan Performance 82%, Structure 92%, LCP 1,8 detik, TBT 7 ms, dan CLS 0, yang menunjukkan sistem memenuhi standar kinerja yang baik. Pengujian fungsionalitas menggunakan black box testing terhadap 20 kasus uji—7 kasus pada sisi aplikasi mobile pengguna dan 13 kasus pada dashboard administrator berbasis web—menunjukkan seluruh fungsi berjalan sesuai dengan yang diharapkan. Sistem yang dikembangkan berhasil menggantikan proses manual dengan solusi digital yang akurat, transparan, dan efisien dalam pengelolaan presensi guru dan pegawai SMK Negeri 3 Pariaman.

Kata Kunci: Sistem Informasi Presensi, Laravel, Face Recognition, Geofencing, Waterfall


Teks Lengkap:

PDF

Referensi


Abel, R. Z. J., & Anggara, A. (2024). Aplikasi presensi berbasis mobile menggunakan teknologi geolocation dan face recognition. Jurnal Informatika dan Rekayasa Elektronik (JIRE), 7(2), 378–388. https://doi.org/10.36595/jire.v7i2.1314

Al Ghani, A. I., & Andrian, R. (2023). Pengembangan Presensee: Aplikasi presensi mahasiswa mobile. Jurnal Media Infotama, 19(2), 447–453.

Andika Refi, Y., Marta, R., Resmidarni, R., & Agni Zaus, M. (2024). Rancang bangun aplikasi e-presensi guru berbasis Android dengan fitur GPS dan foto selfie menggunakan framework Laravel pada SMAN 1 Bukit Sundi. Jurnal Pendidikan Tambusai, 8(3), 42650–42663.

Fahmi, M. A., Pamungkas, M. B., Wahyudi, T., & Priambodo, J. (2025). Perancangan sistem presensi karyawan berbasis web dengan integrasi GPS menggunakan Laravel dan metode RAD pada PT. Kolling Advertising. BINER: Jurnal Ilmu Komputer, Teknik dan Multimedia, 3(4), 384–396.

Firdaus, R., Wahyuni, E. D., & Agussalim, A. (2024). Rancang bangun sistem presensi pegawai berbasis geo lokasi dan pengenalan wajah menggunakan FaceNet. Jurnal Media Infotama, 20(2), 410–416.

Google. (2025, November 18). Build with Google Antigravity, our new agentic development platform. Google Developers Blog. https://developers.googleblog.com/build-with-google-antigravity-our-new-agentic-development-platform/

Haryada, A. A. (2025). Sistem informasi absensi guru dengan face recognition. Progresif: Jurnal Ilmiah Komputer, 21(2), 921–932.

Ilhami, M., & Assegaff, S. (2022). Implementasi aplikasi presensi mobile dengan pengenalan wajah dan lokasi. Jurnal Manajemen Sistem Informasi, 7(2), 169–183.

Irawan, N. A., & Kadafi, A. R. (2023). Perancangan sistem informasi presensi online karyawan berbasis website dengan face record dan geo location. Bulletin of Computer Science Research, 3(6), 413–419.

JOKI: Journal of Computing and Informatics. (2025). Aplikasi presensi kehadiran guru sekolah berbasis web dengan fitur GPS. JOKI, 2(2), 20–27. https://doi.org/10.65678/joki.v2i2.308

Junianto, E., Firmansyah, A., & Hadikristanto, W. (2023). Sistem informasi presensi kantor desa Cibarusah Jaya berbasis desktop dengan metode waterfall. JISAMAR, 7(3), 607–622.

Marleni, I. A., & Gunaryati, A. (2023). Presensi karyawan berbasis web dengan fitur lokasi Leaflet JS menggunakan Laravel. Jurnal Teknologi Informasi dan Komunikasi (JTIK), 7(3), 479–485.

Prasetia, M., Gultom, A., Damanik, F., & Pipin, S. (2024). Pengembangan aplikasi presensi online berbasis mobile dengan penerapan geolocator dan face recognition. Innovative: Journal of Social Science Research, 4(3).

Pramesti, S., & Febrianto, P. T. (2024). Implementasi sistem absensi digital untuk meningkatkan efisiensi pencatatan kehadiran guru di sekolah dasar. JATI (Jurnal Mahasiswa Teknik Informatika), 8(2), 2429–2434.

Pressman, R. S., & Maxim, B. R. (2019). Software engineering: A practitioner's approach (9th ed.). McGraw-Hill Education.

Proficio: Jurnal Pengabdian Masyarakat UTP Surakarta. (2026). Pengembangan web-app presensi guru sekolah Izzati berbasis GPS. https://ejournal.utp.ac.id/index.php/JPF/article/view/6067

Putra, Y. W., & Adhim, M. F. (2022). Sistem informasi presensi online menggunakan teknologi face recognition dan GPS. Jurnal TEKNO KOMPAK, 16(1), 149.

Rahmawati, L., & Sumarsono, S. (2024). Desain pengembangan website dengan arsitektur Model View Controller pada framework Laravel. Jurnal Teknologi dan Sistem Informasi Bisnis, 6(4), 785–790.

Ramdhon, A. N., & Febriya, F. (2021). Penerapan face recognition pada sistem presensi. Journal of Applied Computer Science and Technology, 2(1), 12–17.

Rochmanullah, M., dkk. (2025). Implementasi Convolutional Neural Network (CNN) untuk face recognition pada sistem presensi kehadiran. Indonesian Journal of Artificial Intelligence (IJAI).

Romadhon, M., & Sutaji, D. (2025). Integrasi sistem presensi pegawai berbasis web dengan geolokasi dan swafoto di PT Gresik Migas. Repeater: Publikasi Teknik Informatika dan Jaringan, 3(2), 32–44.

Santika, K. Y., Triandini, E., Desiana, & Ayu, W. (2023). Analisis platform dan database perangkat lunak sistem informasi: Sebuah tinjauan literatur sistematis. MDP Student Conference.

Situmorang, R., & Hasugian, P. (2025). Development of a face recognition and geofencing based attendance information system using the prototyping method. Jurnal Komputer Indonesia (Ju-Komi), 4(1), 66–81.

Sudirman, B., Susatyono, J. D., & Azhari, M. N. (2025). Implementasi geofencing pada sistem presensi siswa dengan verifikasi lokasi secara real-time. Jurnal Teknik Mesin, Elektro dan Ilmu Komputer (TEKNIK), 5(2), 24–35.

Sulyono, S., Antoni, D., & Heri, J. (2021). Sistem presensi karyawan menggunakan metode geofencing dan face capture push notification. Journal of Information Technology Ampera, 2(1), 32–39.

Wibowo, B. B., & Setiawan, E. B. (2024). Implementasi face recognition dan geolocation pada sistem presensi karyawan berbasis mobile apps. Komputa: Jurnal Ilmiah Komputer dan Informatika, 13(1), 11–22.

Wijaya, A., Samodra, J. E., & Suyoto. (2023). Sistem presensi pegawai dengan face recognition menggunakan deep learning CNN. Jurnal Informatika Atma Jogja, 4(2), 163–168.

Yasykur, M. F., & Saputra, W. A. (2024). Implementasi face recognition pada sistem presensi mahasiswa menggunakan metode SSD dan LBPH. JUKANTI, 7(1), 63–74.

Yulianto, A., dkk. (2024). Perancangan aplikasi mobile berbasis Android menggunakan Kotlin dengan Android Studio. JATI (Jurnal Mahasiswa Teknik Informatika), 8(2).




DOI: https://doi.org/10.31869/mi.v20i2.7985

Article Metrics

Sari view : 0 times
PDF - 0 times

Refbacks

  • Saat ini tidak ada refbacks.


##submission.copyrightStatement##

INDEXED BY :

   
   


Lembaga Penelitian & Pengabdian Masyarakat (LPPM). Universitas Muhammadiyah Sumatera Barat
Jl. Pasir Kandang No.4, Pasie Nan Tigo, Kec. Koto Tangah, Kota Padang, Sumatera Barat 25586. 
Email : lppmumsb@gmail.com



Kunjungan Sampai Saat ini    Web
Analytics Made Easy - StatCounter

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.