-
6985
-
2053
-
1532
-
1394
-
1313
The DEVELOPMENT OF AN OPTIMIZED FRONTEND USER INTERFACE FOR REAL-TIME STUDENT CONTINUOUS ASSESSMENT PERFORMANCE TRACKING
DOI:
https://doi.org/10.30564/jeis.v7i1.9375Abstract
This research presents the development of an optimized frontend user interface for real-time tracking of student continuous assessment performance, enhancing the user experience for both students and lecturers in a higher education setting. The project focuses on creating a responsive, efficient system that streamlines continuous assessment, enables timely feedback, and fosters improved student engagement. Wireframes for student and lecturer interfaces were designed using Figma, allowing for real-time adjustments based on user feedback. Once the wireframes were finalized, the Breadth-First Search (BFS) algorithm was implemented specifically on the settings page to enable smooth, multi-level navigation within a single interface, eliminating the need for users to navigate across multiple pages. For frontend development, Vue.js 2 was used alongside Vuetify for cohesive Material Design components and Vuex for real-time data management, ensuring a seamless, consistent experience across mobile, tablet, and desktop devices. The result is a user-centered platform that optimizes the continuous assessment process, supporting real-time academic tracking and creating an engaging, efficient learning environment.
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.