Web-Based Attendance System [using this scanner and a PHP query and database]

[revdeluxe]

The Web-Based Attendance System

Hi, I have a web application using this ts/js library.

Sorry for the lack of design but I assure you that this works as intended

So, here is an article on using this as a primary attendance system at my school.

Abstract

The Web–Based Attendance System is a collection of programs that allows users to automate tasks, especially when encoding attendance. Encoding data on paper became the norm until today. The Web-Based Attendance System Aims to fix these obvious security issues with that certain method. Primarily having a physical paper means it can be disposed of either accidentally or deliberately, furthermore having several physical papers is imaginably heavy on a stack and time-consuming browsing its contents. The Web-Based Attendance System uses an HTML5 QR code scanner and a JavaScript library made by mebjas(https://github.com/mebjas) which he publicly posted the code on Github, The Web-Based Attendance System could also encrypt data digitally allowing the user to be at ease knowing their information is safe, these are one of many features that the researcher could add. the researcher could also add an SMS notification / Messenger chatbot to notify the parents whether their child is at school. but that would be another learning curve for the programmer or researcher.

Introduction

The research aims to solve the traditional (handwritten attendance) way of encoding attendance by using automated, uniformed, and secure applications made with the several help of applications such as browsers, servers and QR code recognition libraries to form a collection of programs. The Web–Based Attendance System can be accessed from any device that supports an online browser and is suitable for end-users such as students. The Web-Based Attendance System needs several pieces of information to work. Namely, their full name is separated by first, middle and last name, Learner Reference Number, Grade and Section. Then it can be encoded into the Web-Based Attendance System database which then can be used to identify the user. Accessing the Web-Based Attendance System to retrieve the data collected is simple as browsing its contents the filesystem is named in a way so that the teacher, adviser or maintainer will be able to locate them properly.
The Development to Testing of the Web-Based Attendance System shows peculiar results and reactions, such as quick mapping of students per day, Time-Taken Checking attendance being greatly reduced and lastly the accountability of the students on having their own Coded ID. Aside from that some of the students forget to scan their Coded ID into the Web-Based Attendance System, therefore, notifying the maintainer/researcher late than scheduled. In conclusion, the Web-Based Attendance System works as intended and has improved the quality of learning of the students.

Methods

The research is designed to support a time-consuming task that every school has, that said the experimental nature of the research allows itself to be fast, reliable and secure, to materialize the study several pieces of knowledge are required to be able to maintain the study.

1. Knowledge of using different kinds of operating systems to work flawlessly.
2. Basic knowledge of using the internet browser and other related office suites.
3. The patience and perseverance to program, troubleshoot and maintain the application in working order.

The research instrument is a developed web-based attendance system. It consists of 2 processing sides: Frontend and Backend.

Developing the Web–Based Attendance, requires the researcher to learn unusual languages like PHP which is to add enough security measures on a Query type automation. Testing the instrument shows that 50-70% time difference in logging in as a dry run.

To start the Data gathering process the researcher needs several pieces of information from the respondents namely, full name, grade, section, and learner reference number or phone number (in 12-digit format)

Enrolling Students

Once the respondent gives the information the researcher then starts encoding their learner reference number or the 12-digit phone number in either the form of a QR code or a Barcode. Once that is done, the researcher can now encode the required information into the database of the Web – Based Attendance system.
Enrolling students in the database: encoding respondents to the database is fairly easy as editing a Word document. First, you have to know where is the master list. The master list is located by default at “C://xampp/htdocs/<prototype_name>/src/private/master_list.csv” As mentioned just append the respondents detailed in this manner “LRN, Full name, Grade, Section.”

Scanning for Attendance

Once the respondent received the QR code or Barcode, the respondent can now use the Web – Based attendance system as a primary attendance.

Retrieving/Accessing Data from the server

As stated on the entity-relation diagram, there are 2 persons allowed to access the data from the server. The first one is the maintainer who is tasked to check the Web- Based Attendance System in Working order, and the Second one is the Teacher who can also be the maintainer.
Retrieving/accessing the server; Assuming that the server is installed in Windows with the help of XAMPP. The data is located at ”C://xampp/htdocs/<prototype_name>/src/private/out”.
Note that the output of these files is in the format of .csv or comma-separated values, which most spreadsheet application supports.
System Requirements
As long as the computer can run XAMPP or Apache Web server with FastCGI enabled the computer is supported and the Web-Based Attendance system can run normally as it should.

Presentation of Data

The data presented in the graph above shows that the Web–Based Attendance System is able to scan 10 respondents within 1 minute, 17 respondents within 5 minutes and 30 respondents within 10 minutes. The graph also shows only who is present on the day of testing or experimenting. The data itself represents the frequency of students per minute.
This means that the longer the time allotted the more students could log in, this also explains that the Web–Based Attendance System is able to scan simultaneously within a minute.

Analysis

Developing The Web - Based Attendance System has been a challenge to the researcher that is because this kind of attendance system is not commonly posted online that is because of security. Testing the Web-Based Attendance System did minimize the contact between the other users, alongside this comes the dilemma of sign-in negligence which can be seen by either accidentally or deliberately forgetting it.

Summary

The Web - Based Attendance System is a code-driven system that automates the process of encoding attendance data. As can be seen, by the data above it is evident that the Web-Based Attendance System outperformed the traditional attendance signing in.