IOER INTERNATIONAL MULTIDISCIPLINARY RESEARCH JOURNAL, VOL. 2, NO. 4, DEC.

, 2020

WEB-BASED ATTENDANCE MONITORING SYSTEM

EPIFELWARD NIÑO O. AMORA1, KENNERY V. ROMERO2, RENNAN C. AMOGUIS3,

JONAS E. OLANDRIA, Ph.D.4, EVANGELINE N. OLANDRIA5,
ALMA MAE J. BERNALES6
https://orcid.org/0000-0001-7333-91341, https://orcid.org/0000-0001-9959-09412,
https://orcid.org/0000-0002-1781-72903, https://orcid.org/0000-0001-8986-016X4,
https://orcid.org/0000-0001-6554-52295, https://orcid.org/ 0000-0003-3885-00976,
ninyohamora2017@gmail.com1, 042189@gmail.com2, moguis.rennan@gmail.com3,
jonas.olandria@bisu.edu.ph4, evangeline.olandria@bisu.edu.ph5,
maebernales@gmail.com6,
Bohol Island State University – Candijay Campus, Cogtong, Candijay, Bohol 1-6

ABSTRACT

Wireless attendance monitoring system is a system developed to track student attendance during
school days. This project features student’s ID Card tapping in the terminal and displays student
profile in the portal. An area for announcements is also added in the portal aside from sending it
via SMS. More so, it also features an admin panel, including a dashboard that displays reports in
graphical view for easy system monitoring as well as it has full wireless computing technology.
The software and technologies used in this project are Raspberry Pi, Database Server, RFID
Reader, Arduino NMCU, Python, PHP, MySQL, Bootstrap, and CSS.

Keywords: Wireless technology, Web-Based attendance, Raspberry pi server, Micro-computer,

Radio Frequency Identification, Web Application, Philippines

INTRODUCTION attendance sheet during school events. This

system lacks automation, where several
One of the problems in educational problems may arise. For instance, time is
institutions is the students’ irregular attendance. unnecessarily consumed by teachers or students
It becomes even worse when parents were not when manually inserting, validating data to
informed of their absences in classes. This attendance sheets. Furthermore, a hardcopy
usually happens to higher education institutions, form of attendance sheet could easily be
wherein the students are geographically far from misplaced. Hence, it is important for educational
their parents. sectors to have solutions that simplify and
Previous studies (Fadelelmoula, 2018; increase the speed of attendance monitoring.
Oghuvbu, 2017) correlated students’ attendance Notwithstanding, web-based applications
and overall academic performance. Hence, have been prolific in education and other sectors
absenteeism can cause the institution to lose its due to its portability, adaptability and flexibility.
reputation as well as resulting in inadequate They have now become one of the preferable
learning on the part of the student. technologies that are used to ease the process
In educational institutions in Bohol, of managing data and records (Rjeib et al.,
conventional attendance system requires 2018). Additionally, previous inventions also
teachers to use pen and paper for class (Jones and Rickenbacker, 2003; Dobson, Ahlers
attendance or students to manually sign the and DiDario, 2005) suggest the use of Radio
P – ISSN 2651 - 7701 | E – ISSN 2651 – 771X | www.ioer-imrj.com
AMORA, E.Ń.O., ROMERO, K.V., AMOGUIS, R.C., OLANDRIA, J.E., OLANDRIA, E.N., BERNALES, A,M,J.,
Web – Based Attendance Monitoring System, pp. 145 - 152
144
145
IOER INTERNATIONAL MULTIDISCIPLINARY RESEARCH JOURNAL, VOL. 2, NO. 4, DEC., 2020
Frequency Identification (RFID). Yuru et al. researchers did the following activities in each
(2013), Kurniali et al. (2014) and Patet et al. phase.
(2012) similarly proposed the same type of
applications which integrated web applications Product Backlog. The researchers and the
with RFID technology in monitoring attendance end users listed the initial features of the system
of students. This is because, this type of in a form of stakeholder, developers and user
applications provides valuable online facilities for stories
easy record maintenance.
However, existing web-based attendance Sprint Planning. After the product backlogs,
monitoring systems with integrated RFID the researchers conducted a meeting for sprint
technologies still lack the wireless capabilities. planning. This resulted to another backlogs
This means that desktop computers or laptops called sprint backlogs in which all the stories are
need to be installed to where the RFID readers given priorities and time span.
are placed. These systems commonly use In this phase, the team leader assigned the
Arduino microcontroller to connect with real-time priority features of the system for the first sprint
database environment (Rjeib et al., 2018). of the development. This results to a sprint
Hence, this problem leads to the motivation of backlog in which all of the deliverables based on
this research. This study aims to develop a web- stories are listed including the time span of the
based attendance monitoring system that will be development.
connected to a Raspberry Pi single board The researchers defined the requirements by
computer in order to enable wireless capabilities. creating use case model, sequential diagram,
process Flow, system architecture block diagram
OBJECTIVES OF THE STUDY and system flow to come up with a plan in
delivering the feature requirements before
The study aimed to develop a web-based proceeding to a full blown sprint.
attendance monitoring system. Specifically, it
sought to: Use Case Model. For the specifications of
1. design hardware architecture for wireless features of the developed system, the use case
attendance monitoring; model for a web-based attendance monitoring
2. design a web-based system interface to system was utilized as illustrated in Figure 1.
display reports regarding attendance of
students; and
3. develop an SMS-based notification
feature of attendance monitoring system.

MATERIALS AND METHODS

This project used Agile: Scrum methodology

of software engineering. It is a type of
methodology that enables the researchers to
deal with a task by breaking it into phases which
includes consistent effort with project
stakeholders and constant development and
iteration in every phase. The phases of this
methodology include stakeholders’ meetings,
product backlogs, sprint planning, sprint
backlogs, the actual project sprint, daily standup
meetings, sprint review and the potential
shippable product. With this methodology, the Figure 1. Use-case Mode
P – ISSN 2651 - 7701 | E – ISSN 2651 – 771X | www.ioer-imrj.com
AMORA, E.Ń.O., ROMERO, K.V., AMOGUIS, R.C., OLANDRIA, J.E., OLANDRIA, E.N., BERNALES, A,M,J.,
Web – Based Attendance Monitoring System, pp. 145 - 152
144
146
IOER INTERNATIONAL MULTIDISCIPLINARY RESEARCH JOURNAL, VOL. 2, NO. 4, DEC., 2020
Sequential Diagram. For the detailed developers in implementing the system.
process flow of the web-based attendance Figures 2-4 display the sequential diagrams for
monitoring system, sequential diagrams were student login, admin web login, admin reports
utilized for each use case so as to guide the and announcement management.

Figure 2. Student Login

Figure 3. Wed Admin Login

P – ISSN 2651 - 7701 | E – ISSN 2651 – 771X | www.ioer-imrj.com

AMORA, E.Ń.O., ROMERO, K.V., AMOGUIS, R.C., OLANDRIA, J.E., OLANDRIA, E.N., BERNALES, A,M,J.,
Web – Based Attendance Monitoring System, pp. 145 - 152
147
131
IOER INTERNATIONAL MULTIDISCIPLINARY RESEARCH JOURNAL, VOL. 2, NO. 4, DEC., 2020

Figure 4. Admin Reports and Announcement Management

Process Workflow. To illustrate the by MC and transmission process which transmits

overall process of the system, the process the students’ data wirelessly into the server. The
workflow diagram, system architecture diagram server will then store, validate and evaluate the
and system flow diagram are illustrated in Figure data sent. Finally, the web application will display
5-7. The reading process involves the tapping of information coming from the server process.
students’ RFID tag with the terminal. It is followed

Figure 5. Process Workflow

P – ISSN 2651 - 7701 | E – ISSN 2651 – 771X | www.ioer-imrj.com

AMORA, E.Ń.O., ROMERO, K.V., AMOGUIS, R.C., OLANDRIA, J.E., OLANDRIA, E.N., BERNALES, A,M,J.,
Web – Based Attendance Monitoring System, pp. 145 - 152
132
148
IOER INTERNATIONAL MULTIDISCIPLINARY RESEARCH JOURNAL, VOL. 2, NO. 4, DEC., 2020
System Architecture Block Diagram

Figure 6. System Architecture Block Diagram

System Flow

Figure 7. System Flow Diagram

Daily Sprint. This is the phase where the in the office and artifacts update were conducted
researchers started the development of the in order to monitor the development of the project
project. In every sprint, a team leader is present to ensure that the project is on track.
and a daily scrum meeting in a form of short talks

Backlog Refinement. The team leader delivered. If not, the project will proceed to next
together with the rest of the team checked the sprint with the refined backlogs as the new target
product if all of the deliverables in the sprint were of the daily sprints.

P – ISSN 2651 - 7701 | E – ISSN 2651 – 771X | www.ioer-imrj.com

AMORA, E.Ń.O., ROMERO, K.V., AMOGUIS, R.C., OLANDRIA, J.E., OLANDRIA, E.N., BERNALES, A,M,J.,
Web – Based Attendance Monitoring System, pp. 145 - 152
149
132
IOER INTERNATIONAL MULTIDISCIPLINARY RESEARCH JOURNAL, VOL. 2, NO. 4, DEC., 2020
RESULTS AND DISCUSSION

The following section describes the results Product Backlog. The stories gathered
in every phases of the development using the were put in a tabular view with story numbers and
agile: scrum framework. the stories gathered which then became the
basis for the features that must be included in the
development. Below are the stories gathered.
Table 1
User Stories
Story No. Story
1 I want an attendance system that is web based

2 I want the system to be in an up to date technology

3 Using the system, student taps the id card into the terminal as attendance
I want the system to have multiple terminals in order to eliminate student traffic during peak hours
4

5 I want the student to view a confirmation after they login

I want the system to display images of the student’s profiles in the screen after they tap ID cards in the terminal
6
7 I want a portable and secured system
8 The system must have an admin panel
The system must a dashboard for a quick monitoring of the student attendance and other activities in the system
9

10 Must be able to display announcement in the screen located in the terminal

11 The system must be able to send SMS notifications to students

12 The system must have a control panel for the user level access

Sprint Planning. Sprint backlogs are were given priorities with their corresponding
shown in Table 2 that indicates which stories time span.

Table 2
Sprint Backlog
Priority Sprint Backlog Items User Story Estimate
Story No. Hours
1 Selection of technology to be 2 I want the system to be in an up to date technology.
used and the availability of the 5
modules 1 I want an attendance system that is web based.

Server and database I want a portable and secured system.

development using Raspberry
2 7 80
Pi, Python and server
configuration
RFID terminal Development Using the system, student taps the id card into the terminal as
3 3 28
attendance.
Web portal development for 5 I want the student to view a confirmation after they login.
student confirmation and
announcement I want the system to display images of the student’s profiles in the
4 6
screen after they tap ID cards in the terminal.
Must be able to display announcement in the screen located in
10 32
the terminal
5 Admin Panel Development 8 The system must have an admin panel. 30

Dashboard The system must a dashboard for a quick monitoring of the 8

6 9
student attendance and other activities in the system.
Adding more terminals I want the system to have multiple terminals in order to eliminate 18
7 4
student traffic during peak hours.
8 SMS Module 11 The system must be able to send SMS notifications to students. 20

9 Control panel 12 The system must have a control panel for the user level access. 28

P – ISSN 2651 - 7701 | E – ISSN 2651 – 771X | www.ioer-imrj.com

AMORA, E.Ń.O., ROMERO, K.V., AMOGUIS, R.C., OLANDRIA, J.E., OLANDRIA, E.N., BERNALES, A,M,J.,
Web – Based Attendance Monitoring System, pp. 145 - 152
132
150
IOER INTERNATIONAL MULTIDISCIPLINARY RESEARCH JOURNAL, VOL. 2, NO. 4, DEC., 2020
Screenshot would need to monitor students’ attendance
daily.
After several sprints, the following are the
results: RECOMMENDATIONS

The project must be implemented in

Bohol Island State University in order to cope up
with the fast pace of technology both in the
academe and in the industry and to smoothen
the process of monitoring the student
attendance, information dissemination and the
printing of reports. Since this system introduced
new technology, therefore, personnel training
(e.g. System administration) must be conducted.

REFERENCES

Dobson, M., Ahlers, D. & DiDario, B. (2013)

US8353705B2 - Attendance tracking system -
Google patents. Google
Patents. https://patents.google.com/patent/US83
53705B2/en
Figure 8. Admin Panel and Portal Display
Fadelelmoula, T. (2018). The impact of class
attendance on student performance.
International Research Journal of
Medicine and Medical Sciences, 6(2): 47-
49.

Jones, W. & Rickenbacker, J. (2003).

US20030167193A1 - Attendance monitoring
system - Google patents. Google
Patents. https://patents.google.com/patent/US20
030167193A1/en

Kurniali, S., & Mayliana. (2014). The development of

Figure 9. Entrance Gate Portal Display
a web-based attendance system with RFID for
CONCLUSIONS higher education institution in Binus
University. EPJ Web of Conferences, 68,
00038. https://doi.org/10.1051/epjconf/20146800
A wireless web-based attendance 038
monitoring system was developed using the
scrum framework of Agile methodology. Aside Oghuvbu, E. P. (2010). Attendance and academic
from its wireless feature which is not performance of students in secondary schools: A
implemented in existing systems, the system correlational approach. Studies on Home and
also has prominent features like SMS Community Science, 4(1), 21-
notification, reports management and 25. https://doi.org/10.1080/09737189.2010.1188
announcement management. This could help not 5294
only in monitoring the attendance of students but
Patel, R., Patel, N., & Gajjar, M. (2012). Online
also in generating reports. Hence, this system
students’ attendance monitoring system in
would likely support academic institutions which classroom using radio frequency identification
P – ISSN 2651 - 7701 | E – ISSN 2651 – 771X | www.ioer-imrj.com
AMORA, E.Ń.O., ROMERO, K.V., AMOGUIS, R.C., OLANDRIA, J.E., OLANDRIA, E.N., BERNALES, A,M,J.,
Web – Based Attendance Monitoring System, pp. 145 - 152
131
151
IOER INTERNATIONAL MULTIDISCIPLINARY RESEARCH JOURNAL, VOL. 2, NO. 4, DEC., 2020
technology: A proposed System Information Technology Educators (PSITE)
Framework. International Journal of and Philippines Schools, Universities, and
Emerging Technology and Advanced Colleges Computer Education and Systems
Engineering, 2(2): 61-66. Society (PSUCCESS).
Rjeib, H., Ali, N., Farawn, A., & Al- Sadawi, B.
(2018). Attendance and information system Jonas E. Olandria, Ph.D., is a faculty of
using RFID and Web-Based application for Bachelor of Science in Computer
academic sector. International Journal of Science in Bohol Island State
Advanced Computer Science and University – Candijay Campus
Applications, 9(1): 266-274. and a DigiFab Business
Manager. Member of the
Yuru, Z., Delong, C., & Liping, T. (2013). The research Philippine Society of Information
and application of college student attendance Technology Educators (PSITE) and Philippines
system based on RFID Technology. Schools, Universities, and Colleges Computer
International Journal of Control and Automation,
Education and Systems Society (PSUCCESS).
6(2): 273-282.

AUTHORS’ PROFILE Evangeline N. Olandria, is a faculty and

Chairperson of Bachelor of
Epifelward Niño O. Amora, is a faculty of Science in Computer Science in
Bachelor of Science in Computer Bohol Island State University –
Science in Bohol Island State Candijay Campus. Member of the
University – Candijay Campus Philippine Society of Information
and a Technology Innovator of the Technology Educators (PSITE) and Philippines
said university. Expert in Schools, Universities, and Colleges Computer
Embedded Systems and Micro- Education and Systems Society (PSUCCESS).
computing. Full Stack Developer. Member of the
Philippine Society of Information Technology Alma Mae J. Bernales, is faculty of Bachelor of
Educators (PSITE) and Philippines Schools, Science in Computer Science in
Universities, and Colleges Computer Education Bohol Island State University –
and Systems Society (PSUCCESS). Candijay Campus and a MIS
Officer. Member of the
Kennery V. Romero, is a faculty of Bachelor of Philippine Society of
Science in Computer Science in Information Technology
Bohol Island State University – Educators (PSITE) and Philippines Schools,
Candijay Campus. Full Stack Universities, and Colleges Computer Education
Developer. Member of the and Systems Society (PSUCCESS).
Philippine Society of
Information Technology COPYRIGHTS
Educators (PSITE) and Philippines Schools,
Universities, and Colleges Computer Education Copyright of this article is retained by
and Systems Society (PSUCCESS). the author/s, with first publication rights granted
to IIMRJ. This is an open-access article
Rennan C. Amoguis, is a faculty of Bachelor of distributed under the terms and conditions of
Science in Computer Science in the Creative Commons Attribution –
Bohol Island State University – Noncommercial 4.0 International License
Candijay Campus. Software (http://creative commons.org/licenses/by/4).
Developer. Member of the
Philippine Society of
P – ISSN 2651 - 7701 | E – ISSN 2651 – 771X | www.ioer-imrj.com
AMORA, E.Ń.O., ROMERO, K.V., AMOGUIS, R.C., OLANDRIA, J.E., OLANDRIA, E.N., BERNALES, A,M,J.,
Web – Based Attendance Monitoring System, pp. 145 - 152
132
152