Node.JS Injection With Laravel framework For University Community Planning First Author\[1\]\*, Second Author2 (Double Blind Review: Please do not type or edit anything here until final-camera ready submissions) *1First affiliation, City and Country (Please do not type or edit anything here, until final camera-ready paper submission)* *2Second affiliation, City and Country (Please do not type or edit anything here, until final camera-ready paper submission)*
ARTICLE INFO ABSTRACT

Article history:

Received

Revised

Accepted

Online first

Published 1 March 2024

 Activity plans provide structure and automation to your organization's planning and scheduling process. In advancement of web technology, education system with can assists the university community in planning efficiently. However, one of the biggest challenges of operating without a plan is a lack of clear direction. Without strategic goals and objectives, university community may not know what to prioritize, resulting in confusion, inconsistent performance, and poor use of resources and time management. This study seeks to design a planner of an education system for the university community in UiTM Perlis Branch, by developing a web-based system built by the deviser with Laravel framework. Laravel's templates increase the organization, maintainability, and developer productivity of the code by offering an organized and efficient method to develop user interfaces. Agile methodology has been selected in accomplishing a web development and deployment. Create, Read, Update, and Delete (CRUD) operations are performed within the lists shown in the radio button in the Services section on the navigation bar. The user can create the schedule for a class and any activities. Besides, there is other information, for instance, the list of current courses and the teams. The upcoming event is also displayed to notify the user. A few templates are used in this project. In measuring project main aims and goals are evaluated using User Acceptance Testing (UAT) questionnaires. Thirty-six random selected respondents have participated in this study. Based on data analysis, most users were pleased with the system. The approach used is a success since all the objectives have been met, opinion and perception from each of the responders are equally good to be implemented and practice.

Keywords:

Web base

Planning

Laravel

Agile Methodology

User Acceptance Testing

Community

DOI:

10.24191/jcrinn.v9i1
# INTRODUCTION A community website for university instructors and college students is a helpful forum for sharing information that doesn't need to be shared publicly on social media. Suitable content types for a website catering to the collegiate community include: a schedule of events on campus or specific classes. This study contains a planner for education web-based which implements the schedule and additional information for students or lecturers. The scheduler system is part of the framework to create the schedule for the students and lecturer in the university community at UiTM Perlis Branch efficiently. A scheduler is something that creates a plan for the activity that needs to be performed. Data is sent, stored, and received by a server. It basically "serves" another purpose and is there to offer services. A server can be a computer, a piece of software, or even a storage device that offers one or more services. The user can use the commands php artisan down and php artisan up to edit, but not allow the user to access at the same time. Web-based technology in education can aid in more organized lectures and students notifying the UiTM Perlis Branch university community. The Web brings new mediums for storing, presenting, collecting, sharing, processing, and using information. In addition, web-based technology provides a distributed platform for data production. One of the ideal combinations for a web-based application is the use of Hypertext Preprocessor Language (PHP), generally known as PHP, which offers database functionality and good combinability with Hypertext Markup Language (HTML). Therefore, by integrating these elements with a Laravel framework, it will build an education system connected to databases with the help of a local web development server, Laragon. Laragon is a portable, isolated, fast, and strong universal programming environment for PHP, Node.js, Python, Java, Go, and Ruby to view on a browser. This project aims to create the development of planner to schedule a web based Laravel education website. Laravel is a back-end technology that is clearly intended for the development of web applications that use the model-view-controller architectural pattern. According to Chung et al., (2022), as a result, the previously developed research programs would be unable to meet the diverse information demands of all potential campus users or interest groups. Since the education platform does not fulfil the users' needs, the scheduler will invent better uses, such as more manageability. # PROBLEM STATEMENT Students and professors have trouble accessing and receiving their class schedules because the university’s existing website lacks an accurate and dependable schedule system. Technical problems or website breakdowns that prevent students from getting the necessary information are to blame for this problem, as well as discrepancies and errors in the timetable information that is provided. As a result, it can be difficult for students to organize their schedules, arrange their academic activities, and make sure they show up for class on time. According to a previous study conducted by Zou et al. (2019), furthermore, present schedule management comprises several systems, making consistent schedule management by users impossible, resulting in reduced job performance. As a result, it is critical to combine local and office schedules to overcome the problem of information dissemination. With the reform of quality education in colleges and universities, college student management has shifted from classic transactional management to the primary channel of cultivation education and the primary classroom for management and cultivation. As a result, there is an urgent need to develop an information platform for cultivating, evaluating, and managing the ideological and moral qualities of college students (Li, 2021). As stated by Chung et al. (2022), additionally, it is essential to provide academic institutions with platforms for managing e-lectures and e-exams during pandemics or other emergency situations such as wars and natural disasters. Undeniably, a natural disaster can happen anytime, such as floods, which happen every year. One major restriction of these initiatives is that users may either give static information regarding facilities or provide real-time status updates about specific locations. As a result, the previously developed research applications would be unable to meet the diverse information demands of all conceivable campus user or interest groups (Chung et al., 2022). The finding of Heim et al. (2022) research, however, due to a burdensome system design of scattered and non-integrated systems, the aim cannot be met. # OBJECTIVES The main objectives to be achieved for this study are: > (i) To design a planner of an education system for the university community in UiTM Perlis Branch. > > (ii) To develop a web-based system built by the deviser with Laravel. > > (iii) To evaluate the web based using User Acceptance Testing (UAT). # SCOPE The community of the university, which is the staff professional which are lecturers and students in UiTM Perlis Branch in the university field who require a well-organized system to use, is the target user for this web-based system. The system’s content will be focused on creating a web page that covers the login page, the dashboard, some menu options, and the logout page. There are some installers needed, which are Composer, Laragon, Node.js, SQLyog Community and Visual Studio Code. In PHP, Composer serves as a dependency management tool such as Laravel. Laragon is associated with port 80. That port number is allocated to the widely used internet communication protocol, HTTP. It is the standard network port for sending and receiving unencrypted web pages. The purpose of Node.js is to create real-time applications in one of the web languages. The database elements such as name, password, and email will be saved in the SQLyog Community. Meanwhile, the code is written in VSC. To view it, starting a server on Laragon is a must. When the user enters the username and password, it will display the Laravel page. The platform of this educational system will be shown in the following chapter, such as the dashboard and the CRUD operations, which are create, read, update, and delete options, along with the lecturers’ names and students’ sections. The web application will be implemented in the browser chosen, which is Opera. The project could be run on a local host whenever and wherever the user desired. The web-based project does have the limitation of needing an internet connection. The page will never be displayed without it. # SIGNIFICANce The current situation of the problems faced by the university community in UiTM Perlis Branch is very important to assist in the design and development of web-based planner systems. With this scheduler system, it can benefit the students and lecturers efficiently and effectively. The schedule will be recorded in the system database. The system can also benefit the university community by maintaining comprehensive scheduling for better management of an education system. The information contained in the web-based enables users to communicate with a server using a web browser interface. Web-based can also run on any operating system. Besides, the significance of this web-based system is the ease of communication. The idea behind this research is to use latest web technologies to develop a software solution aimed at enhancing and facilitating students’ relationships with the teaching staff at the University of Pitesti, as well as students’ access to teaching materials such as books, courses, laboratory materials, guides uploaded to the online system by the teaching staff (Universitatea din Pitești et al., n.d.). # review of related works Web-based technology has been used to create a platform that can report and monitor the university’s information. To address this issue, the paper discusses the building of the Crowd-Assisted Map Pervasive University Service (CAMPUS), a system that enables the reporting of static facility information and dynamic status updates. Plus, it also allows for the reporting of problem areas on campus (Chung et al., 2022). Besides, the web-based schedule integration management system not only includes basic capabilities for viewing the perpetual calendar, scheduling, and scheduling categorization, but it also has advanced functions for multiple calendar views, scheduling output, and local schedule input (Zou et al., 2019). Li (2021) describes the basic structure of the system for ideological and moral quality evaluation and implements design and research on the system content using ASP.NET as the programming language. The program can quickly generate a website using HTML code and simple scripting languages like VBScript and JavaScript. It is simple to write without the requirement for compilation and can be immediately run on the server side. Alfayez & Hassan (2022) explain a web-based learning system that will serve as a platform for the University of Basrah to distribute online content to its students in times of crisis. The system is made utilizing agile software development techniques and the Scrum methodology, as well as HTML, CSS, and the PHP programming language, with MySQL operating as the database. Laragon is a portable, isolated, fast, and powerful universal development environment for establishing and managing, PHP, Node.js, Python, Go, and Ruby web applications. In addition, Laragon runs in a separate environment from your operating system and does not require any Windows services. It has its own service orchestration system, which allows it to handle services asynchronously. Laragon boots up quickly and consumes little RAM when operating. The specifics of the related works are shown in Table 1.1. Table 1. Comparison table for related works
Author’s name Title Key finding
Chung et al. (2022) CAMPUS: A University Crowdsourcing Platform for Reporting Facility, Status Update, and Problem Area Information. The article introduces a platform that allows users to use a mobile web app to report and monitor information about a university's facilities, real- time status, and issue areas.
Zou et al. (2019) Design and Implementation of a Schedule Integration Management System Based on Web. Web-based scheduling integration management system.
Li (2021) Design of Web-based Information Management System for Ideological and Moral Quality Evaluation in Colleges and Universities. The study focuses on the fundamental framework of the information management system.
Alfayez & Hassan (2022)

Design and Implement a Web-Based Learning System to Provide E-learning in the

University of Basrah During

 The study describes a web- based learning system that manages course content at
According to the related works table, the differences of the studies is the first study using the reporting facility in a university, while the second research applying the scheduling integration management system, while the third study utilizing the framework for information management and the fourth research using the web-based learning system for course content. # methodology The Software Development Life Cycle (SDLC) is a method for developing software with the greatest possible quality and the lowest possible total cost in the shortest possible period. The SDLC provides a thorough phase flow that enables an organization to create high-quality, well-tested, and ready-to-use software. Furthermore, the term "software development process" refers to a strategy that has a distinctive phase in the SDLC. The SDLC strategy focuses primarily on software development phases such as requirements analysis, software design planning, implementation, software development, testing, deployment, and review. According to Alfayez Z. H. & Hassan I. M. (2022), agile was the approach used to build the current e-learning system. This approach's strategy is often built on the iterative and incremental delivery of requirements across the software life cycle. Each iteration involves steps of planning, analysis, design, implementation, and evaluation. Hence, the scrum approach was applied in the implementation phase when system development has reached the stage of making and evaluating decisions. To highlight the specifications of workflow, the SDLC Agile Model was being used in the project, which aims to incorporate a learning component into the development of a web based Laravel education website. Since the Agile Model splits the phases, a working product is produced quite swiftly. This strategy also results in several releases where each release test provides the most recent version of the information. Almaimoni et al. (2018) have mentioned Methodology. The goal of system analysis is to examine an existing system and completely design a new one. Besides, the system analysis was performed to achieve primarily two goals where it could help with the new system design. The goals were to comprehend the process or the system properly and assist in identifying problems in the existing system, which will aid in determining the causes of inefficiency. In addition, agile software development is an iterative framework in which each iteration leads to the next pieces of the software development puzzle, including functioning and supporting software and parts, such as documentation, for users to utilize, until the product is finalized. As stated by Sriarunrasmee & Anutariya (2020), the Agile Methodology is a software development process that focuses on people and results while responding to our ever-changing reality. During development, this technique or software used such as Composer, Laragon, Node.js, SQLyog Community and Visual Studio Code. The planner education web-based interface was designed in a natural color, white. When it comes to website backdrops, white is the best and most widely used color. Since it is so neutral, we can match it with anything. Web designers adore the clean, straightforward look that white produces. White might look dull at first glance, but with the correct images and splashes of color, it can significantly brighten things up. (Adwin, 2021). This project used several templates. The aim of the template is to allow the developer the freedom to create a visually captivating site while employing the skills of web designers and developers. Sweet Alert is one of the interesting features and is meant to create an alert box that is more visually appealing and easier to design. Example of web page after user log in as shown in Fig. 1. ![A computer screen shot of a computer and a cup of coffee Description automatically generated](65b909206e033_media/media/image1.jpeg) Fig. 1. Main page for a website # finding In demonstrating the system's performance, an expert review was performed. The expert's feedback will be used to improve the system. The expert's opinions and suggestions can be utilized to improve the web based. There are a few comments and suggestions from the expert review, which is, a table in the table form must be added. His second idea was to change the vertical navigation bar on the Services page same as the previous page which was the Homepage in horizontal navigation bar. The completed project can be viewed through a URL issued by the web host. The Hostinger web hosting was employed for the web hosting procedure of the web-based development. User Acceptance Testing (UAT), also known as beta testing or end-user testing, was a software development process in which the system was tested by the intended users or company representatives. This sort of testing does not employ menus, but rather situations and data from real-world use to confirm that the system fulfils end-user needs (Stanford, 2020). The purpose of UAT is to verify that end-user standards for acceptability are met. UAT assumes that the system is functionally stable and therefore no major functional flaws will be uncovered. In the context of general theory, UAT is frequently the final stage of the implementation process, which is performed to check that requirements fulfil the demands of the users (Nurjanah et al., 2018). The users were given a link to the online system, and after finishing the test, they were asked to fill out UAT which is 16 questions regarding the system. ## Attitude of Using (ATT) ATT refers to people's attitudes about using technology efficiently in their daily lives or activities. Based on Table 1.2, 63.9% of 36 respondents strongly agree that they felt comfortable using this system. Also, 63.9% of users strongly agree that overall, they are satisfied with how easy it is to use this system. Besides, 66.7% strongly agree that they think it would be easy for them to adapt with the interface of the web based. Other than that, 69.4% would consider using it again in the future. Table 2. Attitude of Using (ATT) | **Section B: Attitude of Using (ATT)** | Percentage (%) | | | | | | -------------------------------------------------------------------------------- | -------------- | ----- | ----- | ----- | ----- | | | **1** | **2** | **3** | **4** | **5** | | 1\. I liked using the interface of this system | | | | 44.4 | 55.6 | | 2\. I felt comfortable using this system | | | | 36.1 | 63.9 | | 3\. I will consider using it again in the future. | | | 2.8 | 27.8 | 69.4 | | 4\. I think it would be easy for me to adapt with the interface of the web based | | | 5.6 | 27.8 | 66.7 | | 5\. Overall, I am satisfied with how easy it is to use this system | | | | 36.1 | 63.9 | ## Perceived Easy of Use (PEOU) PEOU is the degree to which a person feels that using a specific system will need no effort on their behalf. Table 1.3 displayed the percentage results of the perceived ease of user questions. 55.6% strongly agree, 41.7% agree and 2.8% neutral that the web based was easy for them to find the information they needed. 69.4% strongly agree and 30.6 agree found this web based easy to create, read, update, and delete (CRUD) operations on the lists in the system. 77.8% strongly agree while 19.4% agree and 2.8% neutral that their interaction with the system would be clear and understandable. Table 3. Perceived Easy of Use (PEOU) | **Section C: Perceived Ease of Use (PEOU)** | Percentage (%) | | | | | | ----------------------------------------------------------------------------------------------------------------- | -------------- | ----- | ----- | ----- | ----- | | | **1** | **2** | **3** | **4** | **5** | | 1\. My interaction with the system would be clear and understandable | | | 2.8 | 19.4 | 77.8 | | 2\. I found it easy to create, read, update, and delete (CRUD) operations on the lists in the system | | | | 30.6 | 69.4 | | 3\. It was easy for me to find the information I needed | | | 2.8 | 41.7 | 55.6 | | 4\. I found the web-based interface (buttons, icons, and dialogue boxes) an easy way to perform system functions. | | | 2.8 | 19.4 | 77.8 | | 5\. I found that the system is a useful system. | | | | 27.8 | 72.2 | ## Perceived Usefulness (PU) The level to which a person feels that employing a specific system would improve his or her job performance refers to the PU. Table 1.4 depicted that the lowest Likert scales was 3 indicating neutral. 2.8% neutral, 44.4% agree and 52.8% strongly agree the system gave error messages that clearly told them how to fix problems. Next, the interface of this system was pleasant depicts that 2.8% neutral, 33.3% agree and 63.9% strongly agree. Table 4. Perceived Usefulness (PU) | **Section D: Perceived Usefulness (PU)** | Percentage (%) | | | | | | ------------------------------------------------------------------------------------ | -------------- | ----- | ----- | ----- | ----- | | | **1** | **2** | **3** | **4** | **5** | | 1\. With this web based, the user easy to monitor the schedule and other information | | | 5.6 | 30.6 | 63.9 | | 2\. The system gave error messages that clearly told me how to fix problems | | | 2.8 | 44.4 | 52.8 | | 3\. This web based is more organize | | | | 33.3 | 66.7 | | 4\. This system has all the functions and capabilities I expect it to have | | | | 47.2 | 52.8 | | 5\. The organization of information on the system screens was clear | | | 2.8 | 27.8 | 69.4 | | 6\. The interface of this system was pleasant | | | 2.8 | 33.3 | 63.9 | # LIMITATion Every system that has ever existed has had both strengths and flaws. This occurred because individuals learn and grow daily, and there are always ways to improve on things from the past, which is how the world has progressed technologically with each generation. Numerous limits can be detected during report completion and development testing. Besides, the role of the user in this web-based are for be the student and lecturer. Supposedly, in a system, there are a few roles such as the student, lecturers, and admin. Each type of role can perform the task. For instance, the lecturer can view the details of the student, but the students cannot view the lecturer’s details. Meanwhile, the role having the most access to the web-based is admin. # recommendation The suggested recommendation for the web based according to the expert review’s is to change vertical navigation bar on the Services page same as the previous page which is the Homepage in the horizontal navigation bar. The reason for it is some users prefer to use one navigation either horizontally or vertically in one system. An appropriate interface design may assist in making an excellent first impression on the user. # conclusion This project intends to provide a web-based platform where the university community, particularly students and professors, can access up-to-date information as well as a creation of schedule with the use of the Laravel framework. Three of the project's objectives have been met which are to design a planner of an education system for the university community in UiTM Perlis Branch, to develop a web-based system built by the deviser with Laravel and to evaluate the web-based using User Acceptance Testing (UAT). The planner education web-based is built following the Agile Methodology, which contains 6 phases. The first phase includes requirement analysis system design and development), system testing, deployment, and review. UAT was conducted via the Internet using Google Forms, and most users were pleased with the system. The approach used is a success since all the objectives have been met, and responses from each of the responders are equally good. # acknowledegements/funding The authors would like to acknowledge the support of Universiti Teknologi MARA (UiTM), Cawangan Perlis, Kampus Arau and Collage of Computing, Informatics and Mathematics for providing the facilities on this research. # conflict of interest statement The authors agree that this research was conducted in the absence of any self-benefits, commercial or financial conflicts and declare the absence of conflicting interest. # author contributions # references Adwin, C. (2021). What Is the Best Background Color for a Website? - Designerly. https://designerly.com/what-is-the-best-background-color-for-a-website/ Alfayez, Z. H., & Hassan, I. M. (2022). Design and Implement a Web-Based Learning System to Provide E-learning in the University of Basrah during Crises. IICETA 2022 - 5th International Conference on Engineering Technology and Its Applications, 277–282. https://doi.org/10.1109/IICETA54559.2022.9888328 Almaimoni, H., Altuwaijri, N., Asiry, F., Aldossary, S., Alsmadi, M., Al- Marashdeh, I., Badawi, U. A., And, A., & Alrajhi, D. (2018). Developing and Implementing WEB-based Online Destination Information Management System for Tourism. In International Journal of Applied Engineering Research (Vol. 13, Issue 10). https://www.ripublication.com/ijaer18/ijaerv13n10\_42.pdf Chung, C.-C., Lin, Y.-C., Wang, Y.-C., Chen, T.-Y., Chen, C.-Y., Jiang, X., Lin, F.- Y., Weng, Y.-H., & Chang, Y.-J. (2022). CAMPUS: A University Crowdsourcing Platform for Reporting Facility, Status Update, and Problem Area Information. 59–62. https://doi.org/10.1145/3500868.3559447 Heim, S., Testor, D., Levkovskyi, B., Wittges, H., & Krcmar, H. (2022). Fostering Knowledge Sharing in Education-as-a-Service Communities: A Learning Management System for Lecturers. IEEE Global Engineering Education Conference, EDUCON, 2022-March, 1804–1813. https://doi.org/10.1109/EDUCON52537.2022.9766598 Li, X. (2021). Design of Web-based Information Management System for Ideological and Moral Quality Evaluation in Colleges and Universities. Proceedings - 2021 3rd International Conference on Internet Technology and Educational Informization, ITEI 2021, 266–269. https://doi.org/10.1109/ITEI55021.2021.00068 Nurjanah, S., Santoso, H. B., & Hasibuan, Z. A. (2018). The user acceptance test of an “iCT adoption for education” framework. ACM International Conference Proceeding Series, 129–133. https://doi.org/10.1145/3177457.3177481 Sriarunrasmee, J., & Anutariya, C. (2020). The Development of One Stop Service Online System based on User Experience Design and AGILE Method. ACM International Conference Proceeding Series, 64–69. https://doi.org/10.1145/3377571.3377612 Stanford. (2020). User Acceptance Testing | University IT. https://uit.stanford.edu/pmo/UAT Universitatea din Pitești, IEEE Romania Section, IEEE Industry Applications Society, & Institute of Electrical and Electronics Engineers. (n.d.). Proceedings of the 11th International Conference on Electronics, Computers and Artificial Intelligence - ECAI-2019 : 27 June - 29 June 2019. Zou, R., Wu, N., & Yu, Y. (2019, October 17). Design and implementation of a schedule integration management system based on web. ACM International Conference Proceeding Series. 1. \* Corresponding author. *E-mail address*: (Please do not type or edit anything here, our editors will do the work for you)