Qu-Eazy: A Web Application for Automated Quiz Management and Student Performance Tracking

Qu-Eazy: A Web Application for Automated Quiz Management and Student Performance Tracking

¹Engr. Alison D. Caoile., ²Dr. Ma. Magdalena V. Gatdula., ³Engr. Michael Andre P. Guevarra

¹Master of Science in Computer Engineering, Graduate School Bulacan State University, Malolos City, 3000

²Professor, Graduate School; University Registrar Bulacan State University, Malolos City, 3000

³Master of Engineering Program, Major in Computer Engineering, Graduate School Bulacan State University, Malolos City, 3000

DOI: https://dx.doi.org/10.47772/IJRISS.2025.909000194

Received: 20 September 2025; Accepted: 30 September 2025; Published: 04 October 2025

ABSTRACT

QU-EAZY is a user-friendly web application designed to help teachers and students improve learning through quizzes. It lets instructors easily create quizzes, save past results, record scores, and track student progress over time. The platform supports different question types and allows teachers to customize scoring, including manually adjusting scores when needed. QU-EAZY works through a web browser and stores data securely in the cloud for fast, scalable access. The website interface is built with PHP and styled with CSS, while its backend and database functions are managed through Python using Application Programming Interfaces (APIs). This combination ensures smooth performance and easy updates for students and teachers, which lessens their quiz preparation time up to 30% compared to other online learning platforms.

Keywords: E-learning, Quiz Management, Web Application

INTRODUCTION

E-learning offers an alternative instructional approach that addresses limitations in traditional academic activities and supports both students and teachers (Lucero et al., 2022). It also serves as a valuable area for researching pedagogical improvement. However, challenges persist, including digital illiteracy among students and a general lag in the digitalization of the education system (Encarnacion et al., 2021). While platforms like Google Classroom and Moodle enable asynchronous learning, the absence of features such as cloud storage, score overriding, and analytics complicates tracking user performance. Nonetheless, e-learning is anticipated to make teaching more efficient and learning more effective through paperless exercises and assessments (Ismiati & Hermawan, 2020).

In the Philippines, the COVID-19 pandemic severely disrupted education, compelling schools to seek solutions to complete the academic year (Juan, 2020). Some institutions adopted asynchronous learning, while others opted to accelerate the semester (Dio et al., 2023). E-learning continues to be a viable strategy for educational continuity, particularly in virtual tutorials for international clients and in addressing instability through cyclical scheduling, even as many schools have returned to synchronous instruction.

RESEARCH METHODOLOGY

To build the system, the proponents have utilized the Agile software development life cycle (SDLC). According to Agile Alliance (2025), agile is “the ability to create and respond to change.” With this definition, the authors of the Agile Manifesto have chosen this word, to describe a SDLC that aims to respond to changes during the development period. To be more specific, in the software development world, agile is how a team adapts to change, presented to them by the on-going demand of client requirements, technology trends, and related fields. There are 12 principles practiced in this framework, where it can be summarized to delivering an incrementable or a working feature/product, every after a defined period of work time or sprint (Agile Alliance, 2025; Open Text, Co., 2025; & Robinson, S., 2024).

The proponents chose Agile instead of other SDLC models such as Waterfall, V-Model, Spiral, or Iterative, because Agile emphasizes flexibility, adaptability, and continuous delivery. In Agile, there are features targeted to be delivered every defined period of time, which will not require heavy documentations. Also, it is adaptable, meaning that features can be enhanced and follow the current trend of software development – if necessary and if it will improve the system even more, unlike other models that only focuses on the list of requirements already set on the first meetings or needs a lot of paperwork to apply the changes. Applying this to the QU-EAZY web app, the team have built the app feature by feature, performed frequent testing and bug fixing, made sure to have continuous feedback and adjustment – for both local environment and production environment, and parallel work – where the user interface, front-end, back-end, deployment, and quality assurance testing were simultaneously executed.

Figure 1 The Agile development life cycle

From Agile Software Development Life Cycle [Image], by Tech Target Co., 2024

(https://www.techtarget.com/rms/onlineimages/agile_software_development_cycle-f.png)

To continue, the team have applied the six steps of agile SDLC, where the first step is the concept phase. Here, the brainstorming, gathering of requirements, and identification of the tools to be utilized have been planned and talked about. During this phase, the team have agreed to use the Visual Studio Code as the main integrated development environment (IDE) to be used, followed by using the Python Django REST Framework as the back-end development tool, PHP/JavaScript/Cascading Style Sheet as the front-end development tools, deploying the system on Render for the back-end, and hosting it on Hostinger for the front-end.

Figure 2 System Architecture Diagram

From Streamlining Backend-Frontend Integration: A Quick Guide [Image], by Adityagaba, 2024

(https://miro.medium.com/v2/resize:fit:2000/format:webp/0*RfvInMt7Z1TSCa8N)

To elaborate, VS Code is a cross-platform, versatile IDE that supports multiple programming languages and streamline development with features like multi-tab navigation, integrated terminal, and debugging tools (Visual Studio, n.d.). Furthermore, Python Django REST Framework is an easy-to-integrate, efficient, flexible framework for building Web APIs, fit for rapid development (Encode OSS Ltd., 2025). Moreover, PHP is a simple yet powerful language design for creating HTML content and runs on all major operating systems, from Unix variants to Windows and macOS (Tatroe & MacIntyre, 2020). Meanwhile, JavaScript (JS) is a dynamic, versatile programming language that enables websites to become interactive, enhancing user experience in the process (Geeks for Geeks, 2025). In August 2025, Python ranked first, JavaScript ranked sixth, and PHP ranked fifteenth for the most popular programming languages, indexed by Tiobe, verifying the usage of these tools in this project. On the database side, the system utilized PostgreSQL, which is a powerful, open-source object-relational database system, with more than three decades of active development and usage throughout the software industry (PostgreSQL, 2025). For the deployment, Render is a third-party service, modern cloud provider, allowing users to build, deploy, and scale apps, easily and quickly (Render, 2025). Meanwhile, Hostinger is a third-party service for web hosting solutions. It is one of the well-known hosting platforms in the world today, since it is efficient, and is trending to maximize AI in its platform (Hostinger, 2025). Both of these deployment tools have different plans, where personal users or teams can choose on, depending on the needs of their products.

Table 1 QU-EAZY Web Application Version History

Second step is the inception phase. In this phase, the designation of tasks between the team members have been discussed and stipulated. Additionally, the timeline is also presented here, approved by the team. Next step is the iteration and construction phase. It is in this stage that the actual development of the working software is performed. Since the sprint or the project timeline is only one month, the team made sure to have an incrementable feature, for each week, as shown on table 1 for the version history. On the fourth step is the release. Since the team doesn’t have a live development environment, the features are released directly to the production, where right after deployment, quality assurance testing is performed. After the fixing of bugs and enhancements of features, the fifth step comes in, which is the production phase. Although step four and step five on this project were done on the same step, on other projects, production stage should be where the features are released and deployed to where the actual clients can use it. And lastly, for the final step is the retirement phase. Here, the system is already completed, where the maintenance part comes in. If there are new releases or plans to enhance the system in the future, the previous production version should now be depleted, when that new version has come through the first four phases, and is ready to be deployed to the clients.

RESULTS AND DISCUSSIONS

For the QU-EAZY web application, the team have identified six functional requirements that are necessary to validate the software. First is user authentication, wherein users should be able to register, to log-in, and to access role-based control, easily and properly. Second is the teachers should be able to create, to retrieve, to update, to delete, and to manage their quizzes on the application, as this is one of the key features and purpose of the app. Third is the ability of the students to participate on the quizzes, since this software is made for education, for learning purposes, or in short, made for them. Fourth is the system should be able to generate reports in spreadsheet file format that will be utilized, maximized, and will give big help to the instructors in assessing their classes. Fifth is the REST API should be able to communicate, both on the database and on the front-end, as it will contain the back-end processing of data, necessary to display accurate and correct results. And lastly is the integration of cloud database, since quizzes should be able to be accessed on real-time, where the results should be saved as well. Presented below are the screenshots of the final product, as of August 22, 2025.

Figure 3 Flowchart of the QU-EAZY system

Figure 4 Registration Tab

Note. This is the final user interface (UI) and developed front-end (FE) design of the system.

Figure 5 Teacher Dashboard

Note. This is the final user interface (UI) and developed front-end (FE) design for the teacher dashboard of the system.

Figure 6 Student Dashboard

Note. This is the final user interface (UI) and developed front-end (FE) design for the student dashboard of the system.

Concurrently, the team has also identified four non-functional requirements. First is performance, wherein it will check if the application’s operations are affected by the live user count. Second is scalability, wherein it will check if the application has the ability to increase the number of classes and user’s quiz entries. Third is security, wherein it will verify if only registered users have the authority to access the application. And lastly is maintainability, wherein it will verify the software’s other aspects and if it is still updateable or manageable in the long run.

To validate the development, and to assure quality of the product, the QA of the team have thoroughly tested the whole system, based on the test cases that the proponents have defined. As displayed on table 2, all of the proposed and agreed upon features have a status of passed, which means that they are working as planned, during a live simulation of using the QU-EAZY web application software. For the performance, the system is able to cater five simultaneous logins and usage of the application. For the scalability, it is yet to be tested on large scales, which serves as a limitation to the study. For the security, the five samples have able to access their signed-up roles, and they are not able to retrieve any data or user interface regarding other users – even on their same roles. And lastly, for maintainability, the system is easily manageable, since the features developed are incremental, the third-party integrations are standard, and the proponents have been able to try to program other functionalities, without the system crashing or experiencing any issues.

Table 2 QU-EAZY Web Application Testing Report

Despite existing platforms like Google Classroom and Moodle, the QU-EAZY web application offers similar features such as cloud database, score overriding and performance analytics. Its distinct advantage lies in diverse quiz types including multiple-choice, true/false, identification, and enumeration. Flexibility and ease of quiz creation are essential for all learning platforms.

CONCLUSIONS AND RECOMMENDATIONS

This project addressed gaps in existing e-learning platforms by developing a simple quiz application for teachers and students. The authors recommend that future researchers building on this journal enhance the non-functional requirements, including mobile application support, and improve security features. A scalable, maintainable web interface was ensured through a systematic development approach. Core features such as quiz creation, participation, answer submission, and score management were successfully implemented and function reliably. Further improvements will be based on user assessments and client feedback, with key recommendations including email verification for security and a mobile version for broader accessibility. Emphasizing the graphical user interface (GUI) is essential for scalability and user experience.

REFERENCES

1. Agile Alliance (2025). What is Agile software development?
2. Dio, R. V., Soreda, C. M. B., Palabrica, K. M., & Mella, G. J. M. (2023). Students’ experiences towards improving online distance learning modality (ODLM) among Philippine higher education institutions. National Research Council of the Philippine (NRCP) Research Journal, 22 (1), 147-178.
3. Encarnacion, R. F. E., Galang, A. A. D., & Hallar, B. J. A. (2021). The impact and effectiveness of e-learning on teaching and learning. Online Submission, 5(1), 383-397.
4. Encode OSS Ltd. (2025). Django REST framework. https://www.django-rest-framework.org/
5. Geeks for Geeks Org. (2025, July 29). Introduction to JavaScript. https://www.geeksforgeeks.org/javascript/introduction-to-javascript/
6. Hostinger Org. (2025). Hostinger – About us. https://www.hostinger.com/ph/about
7. Ismiati, M. B., & Hermawan, L. (2020). Online quiz application for informatics and information system students. Journal of Computer Science & Engineering, 1(1), 113‑130. https://doi.org/10.35671/jcse
8. Juan, R. S. (2020, April 10). Students urge termination of current semester, suspension of online classes. Philstar.com. https://www.philstar.com/headlines/2020/04/10/2006588/students-urge-termination-current-semester-suspension-online-classes
9. Lucero, H. R., Victoriano, J. M., Carpio, J. T., & Fernando Jr, P. G. (2022). Assessment of e-learning readiness of faculty members and students in the government and private higher education institutions in the Philippines. arXiv preprint arXiv:2202.06069
10. Open Text Corporation (2025). What is Agile development? https://www.opentext.com/what-is/agile-development
11. PostgreSQL Org. (2025, August 14). PostgreSQL: The world’s most advanced open source relational database. https://www.postgresql.org/
12. Render Org. (2025). Render – Your fastest path to production. https://render.com/
13. Robinson, S. (2024, October 18). What is Agile software development? https://www.techtarget.com/searchsoftwarequality/definition/agile-software-development
14. Tatroe, K., & MacIntyre, P. (2020). Programming PHP: Creating dynamic web pages. ” O’Reilly Media, Inc.”.
15. Tech Target, Co. (2024). Agile Software Development Life Cycle [Image]. https://www.techtarget.com/rms/onlineimages/agile_software_development_cycle-f.png
16. Tiobe Org. (2025, August). TIOBE Index for August 2025. https://www.tiobe.com/tiobe-index/
17. Visual Studio (n.d.). The open source AI code editor. https://code.visualstudio.com/

About The Authors

Alison D. Caoile is a graduate student taking the program of Master of Science in Computer Engineering. He is a college staff member and a part-time instructor at Urdaneta City University, where he also earned his Bachelor of Science in Computer Engineering. In addition to his administrative role, he actively engages in teaching and pursues continuous learning in technology to broaden his expertise in the field.

Dr. Ma. Magdalena V. Gatdula holds a Doctor of Technology from Technological University of the Philippines and currently serves as the University Registrar of Bulacan State University, overseeing academic records, student services, and administrative processes. She earned a Bachelor of Science in Computer Engineering from Polytechnic University of the Philippines, a Master of Arts in Education major in Computer-Assisted Instruction and Programming from La Consolacion University Philippines, and a Master of Science in Computer Engineering from Mapúa University.

Michael Andre Guevarra is a graduate student taking the program Master of Engineering, Major in Computer Engineering. He is a full-stack developer and a part-time project manager with expertise in Python, Django REST Framework, ReactJS, and NestJS. His work involves developing scalable web applications, integrating APIs, and creating user-focused digital solutions. Combining academic training with professional experience, Michael is passionate about leveraging technology to solve real-world problems and deliver impactful results.