-
7034
-
2082
-
1567
-
1434
-
1341
Development of an Optimized Frontend User Interface for Real-Time Student Continuous Assessment Performance Tracking: A User-Centered Approach
DOI:
https://doi.org/10.30564/jeis.v7i1.9375Abstract
This research presents the design and evaluation of Track-CA, a frontend-based educational performance tracking platform tailored for continuous assessment in tertiary institutions. The system focuses on optimizing student and lecturer interactions through a structured, intuitive user interface underpinned by the Breadth-First Search (BFS) algorithm. BFS was applied to model and streamline user navigation paths across key sections such as onboarding, course tracking, assignment management, and performance visualization. Additionally, the interface design was guided by two theoretical frameworks: Self-Determination Theory (SDT), which emphasizes motivation through timely feedback, and the Task-Technology Fit (TTF) model, ensuring effective alignment between user tasks and interface structure. The platform was deployed and tested on Vercel, a serverless hosting environment, to simulate real-world performance. Empirical user testing revealed a 22% reduction in average navigation steps, a 17% improvement in task completion times, and a notable decrease in user confusion, particularly during multi-layered tasks like course material uploads and analytics access. Wireframes for both student and lecturer interfaces were created and tested iteratively, showcasing improved responsiveness, consistency, and usability. Despite its strengths, this work is currently limited to frontend implementation. Future work will incorporate backend functionalities, database integration, and advanced algorithms for real-time analytics and feedback. Nevertheless, this study offers a strong foundation for scalable, student-centered assessment platforms that enhance learning outcomes through efficient and intuitive digital interfaces.
Keywords:
Continuous Assessment; Real-time Academic Tracking; Vue.js Frameworks; Breadth First Search Algorithm; Self-Determination Theory; Task-Technology Fit ModelReferences
[1] Hooda, M., Rana, C., Dahiya, O., et al., 2022. Artificial Intelligence for Assessment and Feedback to Enhance Student Success in Higher Education. Mathematical Problems in Engineering. 2022(1), 5215722. DOI: https://doi.org/10.1155/2022/5215722
[2] Dawson, P., Henderson, M., Mahoney, P., et al., 2019. What makes for effective feedback: staff and student perspectives. Assessment and Evaluation in Higher Education. 44(1), 25–36. DOI: https://doi.org/10.1080/02602938.2018.1467877
[3] Faulconer, E., Griffith, J., Gruss, A., 2021. The impact of positive feedback on student outcomes and perceptions. Assessment and Evaluation in Higher Education. 47(2), 259–268. DOI: https://doi.org/10.1080/02602938.2021.1910140
[4] Samiullah, I.M., Anjum, A., 2017. Effect of continuous assessment techniques on students’ performance at elementary level. Bulletin of Education and Research. 39(1), 91–100.
[5] Uwaifo, V., Uddin, P., 2009. Transition from the 6-3-3-4 to the 9-3-4 System of Education in Nigeria: An Assessment of Its Implementation on Technology Subjects. Studies on Home and Community Science. 3(2), 81–86.
[6] Juanah, J.E., 2018. The State of Continuous Assessment Practices in Junior Secondary Schools in Kenema City. Global Journal of Human-Social Science. 18(G8), 11–17. Available from: https://socialscienceresearch.org/index.php/GJHSS/article/view/2651 (cited 01 January 2025).
[7] Bhattacharjee, B., Deb, K., 2016. Role of ICT in 21st century’s teacher Education. International Journal of Education and Information Studies. 6(1), 1–6.
[8] Banjoko, S.O., Akindoju, O.G., Jimoh, A.S., 2010. Perceived roles of information and communication technologies in the implementation of continuous assessment in Nigerian secondary schools. African Journal of Teacher Education. 1(1), 78–90. DOI:https://doi.org/10.21083/ajote.v1i1.1577
[9] Yussuff, A.I., Goke, A., Folorunsho, H.B., et al., 2024. Development of Integrated Web-Based Continuous Assessment Management System. UNIOSUN Journal of Engineering and Environmental Sciences. 6(2), 138–147. DOI: https://doi.org/10.36108/ujees/4202.60.0221.
[10] Murugan, V., 2021. ICT Based Assessment Methods in Education. Journal of Emerging Technologies and Innovative Research. 8(7), 4.
[11] Chekwube, E., Mgbeafulike, E., 2021. An Integrated System for Continuous Assessment and Examination Management in Schools and Colleges. International Journal of Computer Applications Technology and Research. 10(4), 82–86.
[12] Alqurni, Jehad. 2023. Evaluating the User Interface and Usability Approaches for E-Learning Systems. International Journal of Information Technology and Web Engineering. 18(1), pp.1-25. DOI: https://doi.org/10.4018/IJITWE.333638.
[13] Ibarra, S.M., Olmos, S.C., Ibáñez, J., 2017. Trends and challenges of educational assessment and evaluation in the digital society. Proceedings of the 5th International Conference on Technological Ecosystems for Enhancing Multiculturality; 18–20 October 2017; Cádiz, Spain. pp. 1–4. DOI: https://doi.org/10.1145/3144826.3145364
[14] Peter, P., Matus, T., 2020. The usage of vue js framework for web application creation. Mesterséges intelligencia. 2(2), 61–72.
[15] Junhui, S., Min, Z., Hua, X.X., 2019. Design and Implementation of a Vue.js-Based College Teaching System. International Journal of Emerging Technologies in Learning. 14(13), 59.
[16] Mustaqim, A., Dinova, D.B., Fadhilah, M.S., et al., 2024. Optimizing the implementation of the BFS and DFS algorithms using the web crawler method on the kumparan site. Journal of Soft Computing Exploration. 5(2), 200–206.DOI:https://doi.org/10.52465/joscex.v5i2.309
[17] Syaichul, F.A., Tito, T.P., Rita, P., et al., 2018. Implementation of Breadth First Search Algorithm for Verification in the Informatics Engineering Education (PTI) UM. Proceedings of the 2nd International Conference on Vocational Education and Training (ICOVET 2018); 26–28 October 2018; Malang, Indonesia. pp. 229–233.
[18] Somayeh, F., Takeshi, O., 2018. Technology acceptance model in technology-enhanced OCLL contexts: A self-determination theory approach. Australasian Journal of Educational Technology. 34(4), 138–154. DOI: https://doi.org/10.14742/ajet.3629
[19] Saida, U., Ence, S., Izzul, F., et al., 2024. Task Technology Fit Analysis: Measuring the Factors that influence Behavioural Intention to Use the Online Summary-with Automated Feedback in a MOOCs Platform. The Electronic Journal of e-Learning. 22(1), 63–77. DOI: https://doi.org/10.34190/ejel.22.1.3094
[20] Vue.js, 2025. The Progressive JavaScript Framework. Available from: https://www.vuejs.org (cited 01 January 2025).
[21] Vuetify, 2025. Vue Component Framework. Available from: https://vuetifyjs.com/en/ (cited 01 January 2025).
[22] Vercel, 2025. Your complete platform for the web. Available from: https://vercel.com/ (cited 01 January 2025).
[23] Figma, 2025. Track-CA Figma designs. Available from: https://www.figma.com/design/ (cited 01 January 2025).
[24] Holdsworth, J., 1999. The Nature of Breadth-First Search. School of Computer Science, Mathematics, and Physics James Cook University, Australia. Technical Report 99-1, 18 January 1999. Available from: http://cairns.cs.jcu.edu.au/~jason https://www.researchgate.net/publication/2727226_The_Nature_of_Breadth-First_Search. (cited 01 January 2025).
[25] Legault, L., 2017. Self-Determination Theory. In: Zeigler-Hill, V., Shackelford, T. (eds.). Encyclopedia of Personality and Individual Differences. Springer, Cham, Switzerland. pp. 1–9. DOI: https://doi.org/10.1007/978-3-319-28099-8_1162-1
[26] D’Ambra, J., Concepcion, W., Shahriar, A., 2013. Application of the Task-Technology Fit Model to Structure and Evaluate the Adoption of E-Books by Academics. Journal of the American Society for Information Science and Technology. 64(1), 48–64. DOI:https://doi.org/10.1002/asi.22757
Downloads
How to Cite
Issue
Article Type
License
Copyright © 2025 Charles Udekwe , Ebenezer Agboola

This is an open access article under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0) License.