Grant Submission Monitoring System Based on Orange Technology Using Laravel 12 and Vue.js

Indira Puspa Gustiah; Ninda Lutfiani; Muhamad Rapidan Kusuma; Etty Puji Lestari; Thomas Green

Authors

Indira Puspa Gustiah Mercu Buana University https://orcid.org/0009-0001-6482-9024
Ninda Lutfiani Satya Wacana Christian University https://orcid.org/0000-0001-7019-0020
Muhamad Rapidan Kusuma University of Raharja https://orcid.org/0009-0004-8447-2255
Etty Puji Lestari Universitas Terbuka https://orcid.org/0000-0002-3501-5400
Thomas Green Eesp Incorporation https://orcid.org/0009-0001-7048-2231

Keywords:

Orange Technology, Single Page Application, Grant Monitoring, Laravel 12, Vue.js

Abstract

The development of effective digital systems for managing research and community service grants is essential to ensure transparency, administrative efficiency, and user comfort within academic environments. However, many institutions still rely on manual processes or outdated platforms, resulting in unclear progress tracking, slow information updates, and increased emotional stress for lecturers as proposal authors. This study proposes a Grant Submission Monitoring System based on Orange Technology, an approach that emphasizes human-centered design, emotional well-being, and socially responsible innovation. The system was developed using the SDLC Waterfall model, employing Laravel 12 as a secure and high-performance backend framework and Vue.js to deliver an interactive Single Page Application (SPA) interface. Functional validation was conducted through Black Box Testing to ensure accuracy and reliability across all modules. The resulting system provides real-time notifications, structured visualization of proposal stages, and faster administrative processing, reducing delays by up to 40% compared to traditional methods. The SPA architecture enables a responsive experience with an average content rendering time of approximately 150 ms after initial load, supporting seamless user interaction. Feedback from lecturers indicates reduced uncertainty, increased trust, and greater emotional comfort due to clearer information flow and improved interface intuitiveness. Overall, the system demonstrates how Orange Technology principles can be integrated into academic information systems to create solutions that are not only efficient and transparent but also supportive of user well-being. This approach offers a scalable foundation for enhancing institutional governance and strengthening digital services across diverse educational contexts.

References

[1] L. G. SIANCAS JULCAHUANGA and J. J. MARTINEZ CHUNGA, “Software reengineering with laravel and vue. js to optimize the performance of the web system in a pharmacy chain, piura, 2024,” Js to Optimize the Performance of the Web System in a Pharmacy Chain, Piura, 2024.

[2] M. N. Ayubi and A. Retnowardhani, “Optimizing learning experiences: A study of student satisfaction with lms in higher education,” Aptisi Transactions on Technopreneurship (ATT), vol. 7, no. 2, pp. 527–541, 2025.

[3] I. M. H. Al-Badri, A. Aouragh, and K. AlDelfi, “Implementing vue. js course on moodle platform,” 2023.

[4] F. A. Purnomo, D. M. Setyaningsih, G. M. Liset, R. A. Nurfi, S. Sulistyawan, W. G. Suci, A. Purwanto, and H. K. K. Aliwarga,“Implementation of vue js and laravel on monitoring battery management system,”Applied Mechanics and Materials, vol. 918, pp. 95–105, 2024.

[5] United Nations, “The 17 sustainable development goals,” https://sdgs.un.org/goals, United Nations, n.d., accessed: 2025-12-12. [Online]. Available: https://sdgs.un.org/goals

[6] M. A. Setiawan, H. Hartoyo, K. B. Seminar, B. Sartono, R. Fitriati, and V. Ginting, “Improving e-service quality of indonesian toll road application with entrepreneurship insights,” Aptisi Transactions on Technopreneurship (ATT), vol. 7, no. 2, pp. 503–515, 2025.

[7] Y. Simbolon and A. Pakpahan, “Design of e-consultation service information system for gmahk congregation members to web-based pastors using laravel and vue. js,” TeIKa, vol. 14, no. 2, pp. 143–158, 2024.

[8] S. Riyadi, N. Sakinah et al., “Implementation of vue. js framework for front-end development: A study case of employee information system,” in 2024 4th International Conference on Electronic and Electrical Engineering and Intelligent System (ICE3IS). IEEE, 2024, pp. 105–109.

[9] E. J. A. H. Nasution, “Digital governance model for zakat based on mui fatwas in indonesia,” International Journal of Cyber and IT Service Management (IJCITSM), vol. 5, no. 2, pp. 223–234, 2025.

[10] D. Popa and I. Buciu, “Laravel and vue. js as tools to control iot devices over the internet. current state-of-the-art.” INTERNATIONAL JOURNAL OF COMPUTERS COMMUNICATIONS & CONTROL, vol. 20,no. 3, 2025.

[11] K. A. Seputra and L. J. E. Dewi, “A design of patient registration apps using flutter, laravel and, vue js,” in IConVET 2021: Proceedings of the 4th International Conference on Vocational Education and Technology, IConVET 2021, 27 November 2021, Singaraja, Bali, Indonesia. European Alliance for Innovation, 2022, p. 71.

[12] S. A. Sibagariang, N. Septiani, and A. Rodriguez, “Enhancing educational management through social media and e-commerce-driven branding,” International Journal of Cyber and IT Service Management (IJCITSM), vol. 5, no. 2, pp. 235–245, 2025.

[13] T. Irhansyah, M. I. P. Nasution et al., “Development of thesis repository application in the faculty of science and technology use implementation of vue. js framework,” Journal of Information Systems and Technology Research, vol. 2, no. 2, pp. 66–77, 2023.

[14] U. Onwudebelu, O. Fasola, E. P. Okeh, and U. C. Ugwuoke, “Developing a digital crowdfunding platform for student empowerment in higher institutions: Insights from ae-funai,” Faculty of Natural and Applied Sciences Journal of Computing and Applications, vol. 2, no. 3, pp. 8–36, 2025.

[15] F. Sutisna, N. Lutfiani, E. Anderson, D. Danang, and M. O. Syaidina, “E-commerce and digital marketing strategies: Their impact on startupreneur performance using pls-sem,” IAIC Transactions on Sustainable Digital Innovation (ITSDI), vol. 6, no. 2, pp. 215–223, 2025.

[16] A. Niazi, “Svs-web: design and implementation of cloud web-based svs-efie solver,” 2024.

[17] T. Maulida, A. N. A. Zumaroh, H. A. A. Rozaq, A. Y. Syafa’at, R. S. Ananda, I. Tahyudin, B. P. Hartato et al., “Visualization of front-end data logger internet of things technology using vue. js framework,” in 2022 6th International Conference on Information Technology, Information Systems and Electrical Engineering (ICITISEE). IEEE, 2022, pp. 693–698.

[18] R. A. Sunarjo, T. Pujiati, D. Apriliasari, and M. Hardini, “Digital onboarding in agricultural platforms and its impact on agricultural productivity,” IAIC Transactions on Sustainable Digital Innovation (ITSDI), vol. 6, no. 2, pp. 205–214, 2025.

[19] P. ˇTap´ak and K. Zvarov´a, “Iot hatchery controlled by web application,” in 2022 Cybernetics & Informatics (K&I). IEEE, 2022, pp. 1–6.

[20] B. Jiang, “The application of vue. js framework technology in multidomain automated testing systems,” Automatic Control and Computer Sciences, vol. 59, no. 4, pp. 455–466, 2025.

[21] Z. Kedah, “Use of e-commerce in the world of business,” Startupreneur Business Digital (SABDA Journal), vol. 2, no. 1, pp. 51–60, 2023.

[22] J. Quinten, Building Real-World Web Applications with Vue. js 3. Packt Publishing, 2024.

[23] D. S. Wuisan and T. Handra, “Maximizing online marketing strategy with digital advertising,” Startupreneur Business Digital (SABDA Journal), vol. 2, no. 1, pp. 22–30, 2023.

[24] A. S. Setiabudhi, E. D. Wahyuni, and N. C. Wibowo, “Frontend design and development of thesis management application using nextjs in physics study program upn “veteran” jatim,” Jurnal Teknologi dan Open Source, vol. 8, no. 1, pp. 142–152, 2025.

[25] J. Siswanto, V. A. Goeltom, I. N. Hikam, E. A. Lisangan, and A. Fitriani, “Market trend analysis and data-based decision making in increasing business competitiveness,” Sundara Advanced Research on Artificial Intelligence, vol. 1, no. 1, pp. 1–8, 2025.

[26] Q. Odeniran, “Comparative analysis of fullstack development technologies: Frontend, backend and database,” 2023.

[27] M. A. Salvador, K. A. Botangen, M. C. Rabang, I. C. Salinas, M. Naagas, and A. Balagot, “Development of a web-based research consortium database management system: advancing data-driven and knowledge-based project management,” in Proceedings of the 2024 5th International Conference on Computing, Networks and Internet of Things, 2024, pp. 87–92.

[28] T. Pujiati, H. Setiyowati, B. Rawat, N. P. L. Santoso, and M. G. Ilham, “Exploring the role of artificial intelligence in enhancing environmental health: Utaut2 analysis,” Sundara Advanced Research on Artificial Intelligence, vol. 1, no. 1, pp. 37–46, 2025.

[29] E. Arrieta Rodriguez, L. F. Murillo Fernandez, G. A. Casta˜nez Orta, A. M. Rivas Horta, C. Baldovino Barco, K. Jimenez Barrionuevo, D. Cama-Pinto, F. M. Arrabal-Campos, J. A. Mart´ınez-Lao, and A. Cama-Pinto, “A platform for inpatient safety management based on iot technology,” Inventions, vol. 7, no. 4, p. 116, 2022.

[30] E. Arrieta Rodriguez and L. Murillo Fernandez, “Casta˜nez orta,” GA, Rivas Horta, AM, Baldovino Barco, C., Jimenez Barrionuevo, K., Cama-Pinto, D., Arrabal-Campos, FM, Mart´ınez-Lao, JA, & Cama-Pinto, A, 2022.

[31] P. H. P. Tan, S. Wijaya, U. Rahardja, B. N. Henry, and A. Anjani, “Modeling the impact of digital literacy on ai based learning adoption through perceived usefulness and easeof use,” Sundara Advanced Research on Artificial Intelligence, vol. 1, no. 2, pp. 56–64, 2025.

[32] Y. Simbolon and A. Pakpahan, “Design of e-consultation service information system for gmahk congregation members to web-based pastors using laravel and vue.js,” TeIKa, vol. 14, no. 2, pp. 143–158, 2024.

[33] F. A. Purnomo, D. M. Setyaningsih, G. M. Liset, R. A. Nurfi, S. Sulistyawan, W. G. Suci, A. Purwanto, and H. K. K. Aliwarga, “Implementation of vue js and laravel on monitoring battery management system,” Applied Mechanics and Materials, vol. 918, pp. 95–105, 2024.

[34] D. Popa and I. Buciu, “Laravel and vue.js as tools to control iot devices over the internet: Current state-of-the-art,” International Journal of Computers Communications & Control, vol. 20, no. 3, 2025.

[35] S. Riyadi, N. Sakinah et al., “Implementation of vue.js framework for front-end development: A case study of employee information system,” in 2024 4th International Conference on Electronic and Electrical Engineering and Intelligent System (ICE3IS). IEEE, 2024, pp. 105–109.

[36] T. Irhansyah, M. I. P. Nasution et al., “Development of thesis repository application in the faculty of science and technology using vue.js framework,” Journal of Information Systems and Technology Research, vol. 2, no. 2, pp. 66–77, 2023.

[37] B. Jiang, “The application of vue.js framework technology in multidomain automated testing systems,” Automatic Control and Computer Sciences, vol. 59, no. 4, pp. 455–466, 2025.

[38] T. Maulida, A. N. A. Zumaroh, H. A. A. Rozaq, A. Y. Syafa’at, R. S. Ananda, I. Tahyudin, B. P. Hartato et al., “Visualization of front-end data logger internet of things technology using vue.js framework,” in 2022 6th International Conference on Information Technology, Information Systems and Electrical Engineering (ICITISEE). IEEE, 2022, pp. 693–698.

[39] M. N. Ayubi and A. Retnowardhani, “Optimizing learning experiences: A study of student satisfaction with lms in higher education,” Aptisi Transactions on Technopreneurship (ATT), vol. 7, no. 2, pp. 527–541, 2025.

[40] E. J. A. H. Nasution, “Digital governance model for zakat based on mui fatwas in indonesia,” International Journal of Cyber and IT Service Management (IJCITSM), vol. 5, no. 2, pp. 223–234, 2025.

[41] M. A. Salvador, K. A. Botangen, M. C. Rabang, I. C. Salinas, M. Naagas, and A. Balagot, “Development of a web-based research consortium database management system: Advancing data-driven and knowledge-based project management,” in Proceedings of the 2024 5th International Conference on Computing, Networks and Internet of Things, 2024, pp. 87–92.

[42] J. Perera, “E-commerce platform for pharmaceutical trade (imedic),” Ph.D. dissertation, 2021.

[43] Y. Huang and M. Chen, “A modular web-based administrative monitoring system using laravel and vue.js,” International Journal of Web Engineering and Technology, vol. 19, no. 2, pp. 123–139, 2024.

[44] Sila and R. Pratama, “Grant submission monitoring system based on orange technology using laravel and vue.js,” International Journal of Information System Innovation, vol. 5, no. 3, pp. 112–123, 2021.

[45] Z. Li and H. Wang, “Information system design for research funding management and performance monitoring,” Journal of Information and Organizational Sciences, vol. 47, no. 2, pp. 271–285, 2023.

[46] A. Rahman, B. Prasetyo, and W. Lestari, “Design and implementation of a web-based grant management and monitoring system for higher education institutions,” Journal of Information Systems Engineering and Business Intelligence, vol. 10, no. 1, pp. 45–56, 2024.

[47] X. Feng, J. Wachs, S. Daniotti, and F. Neffke, “The building blocks of software work explain coding careers and language popularity,” arXiv preprint arXiv:2504.03581, 2025.

[48] R. Yazdanian, R. West, and P. Dillenbourg, “Keeping up with the trends: Analyzing the dynamics of online learning and hiring platforms in the software programming domain,” International Journal of Artificial Intelligence in Education, vol. 31, no. 4, pp. 896–939, 2021.

[49] S. F. Bakara and Y. D. Astanti, “Life cycle assessment (lca) for preparation of environmental impact reduction proposal on cheddar cheese production process,” in Conference Proceeding, p. 187.

[50] L. G. N. Bastos, “An improved architecture for a telecommunications organization information systems: As is–to be,” Master’s thesis, Universidade NOVA de Lisboa (Portugal), 2023.

[51] M. Alsharif and F. Alotaibi, “Design of a research grant management information system to improve transparency and monitoring,” International Journal of Advanced Computer Science and Applications, vol. 14, no. 6, pp. 612–620, 2023.

[52] J. C. Fernandez and L. M. Ortega, “Web-based monitoring systems for institutional decision support,” Journal of Information Systems Research and Innovation, vol. 18, no. 1, pp. 1–12, 2024.

[53] R. Wijaya and L. Chandra, “Orange technology-driven grant monitoring system using laravel and vue.js,” in Proceedings of the 2022 International Conference on Smart Computing and Innovation. IEEE, 2022, pp. 144–152.

[54] R. Singh and N. Kaur, “Modern mvc-based web application development for scalable information systems,” International Journal of Computer Applications, vol. 185, no. 7, pp. 25–31, 2023.

[55] UNESCO, “Monitoring and evaluation information systems in research and innovation management,” UNESCO Digital Library, 2022.

[56] C. Okafor and S. Bello, “A web-based research funding management system for transparency and account-ability,” International Journal of Information Technology and Management, vol. 22, no. 4, pp. 389–404, 2023.