Design and Implementation of a Web-Based QR Code Attendance and Monitoring System for Faculty Members in Tertiary Education at St. Clare College of Caloocan

This study looks at the inefficiencies and redundancies in faculty attendance system and management at St. Clare College of Caloocan. Currently, the institution uses a multi-layered approach involving manual log-books, ID-tapping, and an hourly “Learning Guide" signatures which has led to divided data silos, delayed payroll processing, and difficulties resolving attendance disputes. The main objective of the study is to design and implement a web-based QR Code Attendance and Monitoring System to streamline tracking, enhance data accuracy, and improve administrative efficiency.
The researchers used a Mixed Methods Research Design along with Evolutionary Prototyping Software Development. Data were gathered from 13 selected respondents consisting of St. Clare College of Caloocan’s faculty members, Attendance Monitoring Team personnel and Department Head who were directly involved in the institution's attendance monitoring processes. This approach helped the development of a 3-Tier Hybrid Client-Server Architecture, using a Local-First Primary Node via Docker for offline resilience and a Cloud Secondary Node via Supabase for remote access and backups. Key features include contactless QR code scanning, a real-time administrative dashboard, and a specialized verification module for hourly monitoring rounds.
Results from the quantitative post-survey showed that the system is highly accepted among all respondent groups. Users evaluated the system positively in terms of usability, performance, and overall effectiveness. The study concludes that implementing a web-based QR code attendance system provides a reliable and scalable solution for modernizing attendance management in educational institutions, while also serving as a reference for future system development and research.

QR Code, Attendance Monitoring, Tertiary Education, Web-Based System, Evolutionary Prototyping, Hybrid Architecture.

1. Adewale, A. A., & Olayemi, A. A. (2023). Design and implementation of a secure QR code-based attendance management system for higher education. ResearchGate. [Google Scholar] [Crossref]

2. Agripa, R., & Astillero, R. (2023). Development of employee attendance and management system using quick response (QR) code in Sorsogon State University, Castilla Campus. European Journal of Education Studies, 10(11). [Google Scholar] [Crossref]

3. Aishwarya, R., Supriya, S., Sushmitha, R., Vandana, K., & Ananth, B. (2022). Literature survey on attendance monitoring and access control system. International Advanced Research Journal in Science, Engineering and Technology, 9(4). [Google Scholar] [Crossref]

4. Benesa, A. B., Tubice, R. M. A., & Tubice, E. D. T. (2024). Enhancing attendance tracking efficiency and effectiveness through the implementation of a QR code-based system. International Journal of Research and Innovation in Social Science, 8(9), 756–763. [Google Scholar] [Crossref]

5. Bergosa, D., Macasocol, S., Ortega, K., Monzon, R., & Palima, M. (2024). A web-based attendance monitoring system utilizing QR (Quick Response) code technology. In 2024 Global Conference on Communications and Information Technologies (GCCIT) (pp. 1–6). [Google Scholar] [Crossref]

6. Garrido, C. R. (2022). Automated daily attendance monitoring system using QR (Quick Response) code. DLSU Animo Repository. [Google Scholar] [Crossref]

7. Habib, A., Haiat, M., & Hariadi, B. (2023). Development of employee attendance management information system during the Covid-19 pandemic based on website using QR code and PHP native. SISFORMA. [Google Scholar] [Crossref]

8. Liew, K. J., & Tan, T. H. (2021). QR code-based student attendance system. IEEE Xplore. [Google Scholar] [Crossref]

9. Nasution, I., Lubis, I., & Lubis, H. (2022). Design of employee attendance data information system using web-based QR code at Medan City Election Commission Office. Indonesian Journal of Education, Social Sciences and Research (IJESSR). [Google Scholar] [Crossref]

10. Sharma, V., & Kumar, S. (2025). Development of QR-based attendance system using web app. International Journal on Science and Technology. [Google Scholar] [Crossref]