UI/UX DESIGN OF A GEOFENCING-BASED AND BYOD-BASED STUDENT ATTENDANCE INFORMATION SYSTEM USING THE DESIGN THINKING METHOD

Abstract

Inefficient manual attendance systems and the increasing use of personal mobile devices among students highlight the need for digital transformation in school attendance management. This study aimed to analyze user requirements and design a web-based student attendance information system integrating Bring Your Own Device (BYOD) and geofencing technology at SMK Ganesa Satria 1. The study applied the Design Thinking method through the Empathize, Define, Ideate, Prototype, and Test stages. User requirements were identified through direct observation, semi-structured interviews, and documentation involving students, teachers, administrative staff, and parents. An interactive prototype was developed using Figma and evaluated using the System Usability Scale (SUS) involving 30 respondents consisting of 15 students, 5 teachers, 2 administrative staff, and 8 parents. The analysis identified four main user groups and produced a mobile-responsive attendance system prototype incorporating geofencing-based location validation, attendance monitoring, recap dashboards, and parental supervision features. The usability evaluation resulted in an average SUS score of 76.25, corresponding to the Acceptable category, Grade B, and a Good adjective rating. These findings indicate that the proposed prototype has a satisfactory level of perceived usability and provides a potential framework for improving the efficiency, transparency, and accuracy of student attendance management. Further development and real-world implementation are required to evaluate its operational effectiveness.