Electronic student feedback management system based on web development

ABSTRACT


Introduction
Information technology can have a significant effect on the human way of thinking, as it has entered several parts of human life and also became a significant contributor to making life more manageable and flexible [1]. A web-based application is considered one of these information technologies, which is accessed through the Uniform Resource Locator (URL). In the web-based application, the software is installed at the server-side. Users can access the application from a browser using a URL. The web-based application consists of a web server, which contains all the pages like images, static HTML files, JS. Also, it consists of the application 74 Science in Information Technology Letters ISSN 2722-4139 Vol. 1., No. 2, November 2020, pp. 73-82 server that contains the entire business logic, which is coded using programs like Java. The webbased application also has a database server, which contains entire data stored in the form of tables [2]. The development of performance management became noticeable as a result of the Web service technology integrated with databases and web design. Organizations and cooperation are keen on perfecting operations management of financial and business. Accordingly, web services can increase the performance management system [3]. In terms of questionnaires, paper-based has been considered for a long time for data collection. However, the growing use of the Internet gave new ways of collecting data by using Web-based questionnaires, in which this solution was more cost-effective (by a factor of 10) and had slightly lower numbers of missing values than questionnaires sent with paper invitations [4].
The motivation behind the proposed work is that the online student feedback can give a proper response to the teachers accurately and swiftly. Besides that, it also monitors the students' opinions without providing any manual document or file, as well as the student feedback system can be implemented by using a mobile rather than a personal computer (PC), which has distance flexibility among students of performing the feedback operation to avoid any infecting disease such as the COVID-19 pandemic. The problem of the questionnaire operation based on paper-based usually requires an extensive time to review the collected data, it might contain errors, and unclear information might be in form because the data is written by a human, in addition to being time-consuming [5]. In this paper, a new framework is designed, which consists of web development tools to overcome the aforementioned paper-based questionnaire issues. In other words, web technology with server-client network topology will be used to manage user database resources, or it might be extended to the remote management of database systems. This paper has six sections organized as follows: Section Two is dedicated to the literature review of previous works. In Section Three, the research methodology design is dully elaborated. Then, Section Four is about experiment implementation. The result and discussion are presented in Section Five. Finally, in Section Six, the conclusion is presented tailed with possible future work.

Literature Review
The web-page is an application in computer, mobile and tablet software that can be accessed by the "HTTP" protocol (port: 80), and it is classified as in the application layer in TCP/IP protocol. Mainly, two types of scripting web pages, client web-page namely static page that can be constructed using HTML, CSS, and JS, and server-side scripting, namely dynamic web page, can be constructed with one of the server scripting languages such as PHP or ASP, and others.
Recently web-based technology is used in different sectors, one of which is the questionnaire and big data collection from users or customers, due to its simplicity and time reduction properties. A personality questionnaire exploits Web-based as introductory psychology rather than traditional methods as detailed in [6]. Another work is done regarding the comparison between web-based and paper-based, self-administered anthropometric questionnaires [7]. The data collection by using web-based epidemiological studies to reduce the routine processes of the cost and the duration of data processing, the quality of the web-based information was equal or better than that of the paper-based version. In the medical sector, a web-based tool has been designed to facilitate medical student acquisition feedback from surgery residents and faculty. The methodology here is that system-generated data, targeted surveys, and end of clerkship questionnaires were used to evaluate performance over a one-year period where 170 students made 3190 feedback requests [8]. Another form of web-based is related to Universit as Prima Indonesia that has developed and implemented a web-based infrastructure for problem management. In [9], the scenario is done by reporting that the facilities complainant has to meet the responsible person and describe how the problem. After that, the responsible person figures out the problem and submits the solution to the right person.
The web-based information system has also been exploited in the Tourism sector as in [10], which utilizes a hybrid recommendation filtering for the smart tourism industry. Also used in Web GIS-based public health information systems, which is designed for Japanese Encephalitis (JE) disease outbreaks in the Gorakhpur district, India, as detailed in [11]. A GUI was created using Java Server Pages (JSP) for its customization to benefit GIS and Web technology for public availability in the area for preparation of the health plan. Another related work that employed a web-based client-server technology-supported warehouse management system, as explained in [12], this framework is used to improve the efficiency of the goods storing and retrieving process. Another application used web-based technology for architectural design and modeling a web-based for protecting natural persons with personal data processing and the free movement of such data. A web-based application is constructed to clarify the specific requirements of the Regulation of the European Parliament and the Council [13]. In terms of the educational sector, web-based technology is exploited for Graduation Research conveniently and improves response speed [14]. Also, web-based is used to contain a massive amount of information for a reservoir, including various geological maps, development maps, and surface engineering maps [15]. Web-based has also been used to assess and evaluate examinees' understanding of scientific experiments' procedure, as detailed in [16]. This framework is used multimedia animation to design examination questions and develop a web-based performance assessment system to evaluate examinees' understanding. Finally, in [17], university evaluation has been performed using web-based. The evaluation originated from the Students' satisfaction questionnaire regarding the university infrastructure and so on, to improve the university.
As reviewed in the literature, there is a limited number of works that are specialists in doing web-based questionnaires regarding student feedback management system. Furthermore, a considerable benefit can be obtained to raise the university quality level by providing feedback via a web-based form. Therefore, this paper aims to propose a framework dedicated to generating the database. It can be used for any required result to simplify the management by the university quality assurance administrator.

Web-based Services Method
Web-based service is considered as a computer network at the application layer of TCP/IP protocol [18]. The computer network topology used in this proposed framework is client-server topology. Users or customers who are required to give their feedback are considered clients (using a smartphone, tablet, laptop), while the feedback points are all being collected at the server-side. In terms of the construction, the client-side is built using the following web programming tools like HTML, CSS, and JS, while the server PHP scripting program is used on the server-side. The web server is also used in this work under the Apache web server, and the database server environment is used called MySQL for building databases and tables [19]. The overall block diagram in Fig. 1 depicts the proposed framework. In other words, it means that the end-user can either give his/her feedback comments by computer or mobile. In mobile, a wireless access point must be connected to the network to provide a connection to the mobile to add more 76 Science in Information Technology Letters ISSN 2722-4139 Vol. 1., No. 2, November 2020, pp. 73-82 flexibility for users regarding the questionnaire. Afterward, as in Fig. 2, the proposed workflow diagram is divided into two parts. The first one is related to the client-side scripting and construction, while the second part is regarding submitting and receiving the feedback and server-side scripting. The scenario is kicked off by keying in the password for security issues as this operation is authorized only to the targeted group of students and not to anyone else. Once the credential is satisfied, the student will read and give his/her feedback on the main six points, as each point is expressed as a question alone. Each point must be evaluated according to these six categories as follows: Excellent, V. Good, Good, Acceptable, weak, and very weak, which are translated to numerical scoring as in (1).
The R refers to Radio input types, as elaborated in Table 1. After completing all the 26 points (based on ABET questions) for a student, the average will be computed at the client-side using JavaScript. Moreover, together, all the 26 points and the average with the date will be submitted from the client-side to the server-side to be stored in the database to conduct further operations. Next, another student's information will be submitted to the database, and so on. In terms of the web development tools used in this research, HTML, CSS, and JS are used for the client-side, while PHP, MySQL [20], and Apache web server are used. Here, PHP's task is to implement SQL operations such as insert, delete, select, and others.
The next subsection will be dedicated to describing both front-end (client-side) and the back-end (server-side) in detail.

Front-End (Client-Side)
In the beginning, the first step to being performed by the student is entering the credential for the authentication manner and making sure that this student is suitable for this evaluation type, as illustrated in Fig. 3. Besides, this operation will prevent the same student from repeating the questionnaire more than once not to affect the data correctness.

Evaluation Arabic Question English Question Good
After that, the student must only give some details such as the department, level of the study, name of the lecturer, and the lecture subject name, which are designed by using a drop-down list for adding simplicity as depicted in Fig. 4. The proposed system granted all these previous entries required critical conditions. After that,26 points will appear as illustrated in Table 2, which is reported in Arabic and English, each with its evaluation. Moreover, this form is appearing precisely to the students during performing questionnaire operation. Also, as it is clear from Table 2, there are six types of radio-input selection for each point, the better one is excellent, and the worst one is weak.
Regarding the nature of these questions, which are designed according to ABET (Accreditation Board for Engineering and Technology), 26 questions are divided into four subsections. Each one is expressed on a specific meaning, such as the first 11 points are designed to show the lecturer's ability on the lecture being delivered to the students. The points 12-13 are related to exams and evaluation correctness, and the 14 till 18 reflect the academic relationship 78 Science in Information Technology Letters ISSN 2722-4139 Vol. 1., No. 2, November 2020, pp. 73-82 between the lecturer and the students. Finally, 19 to 26 are used to assess the lecture suitability for the students. It is preferable to give an exact result of the weaknesses and the power of lecturers, and the overall average is weighted according to 11,2,5,8 question points. Furthermore, the proposed framework can gather all the information in a small space (at the page tail). It is reviewed by the student quickly before submission to the server as in Fig. 5, which depicts an instance result of selected radio-input and waiting for the next step of pressing send information. Finally, once the student submitted the information in Fig. 5 to the server, a status message appears to the student to inform whether a successful or failed submission occurred. In case of successful status, detailed information will be appeared containing the calculated score, date, general information for confirmation as in Fig. 6 as an example.

Back-End (Server-Side)
On the server-side, a database is created named 'questionnaire', inside the database; two tables are created and required in this design, which are:'feedback' and 'password'. The utilized database environment is entitledMySQL, which is built-in phpMyAdmin, as shown in Fig. 7.
The Table 'feedback' is considered the information dump used to store all the submitted data. This table has been designed to contain 33 fields (columns). Each field specification is as follows: the fields 1 till 5 are for ID, dept, level, lecturer_name, and lecture, respectively, as shown in Fig.  7, while the fields 6 till 31 are dedicated to the 26 questions ques_1 till ques_26respectively. Finally, fields 32 and 33 are for the average of the 26 questions out of 100% and the date of submission, respectively. Moreover, the details and attributes for each field are available correspondingly in Fig. 7 as well. ISSN 2722-4139 Science in Information Technology Letters 79 Vol. 1., No. 2, November 2020, pp. 73-82

Results and Discussion
On the test of the proposed framework, this management system has been considered officially by the Electronic Engineering college-Ninevah University for conducting student feedback for their students in the academic year 2018-2019. The college has four departments: communication, computer and information, system and control, and electronic. The result of this proposed work depends on the quality assurance for the lecturer evaluation.
The feedback has been conducted at the computer and information department building at Network Laboratory, which has around 30 PC connected in a LAN network. Furthermore, if students are more than 30, they could use their mobile phones to connect to the Wi-Fi network. It is connected to the LAN and can access the HTTPS link (URL is given to students at the time of evaluation) and password to login to the questionnaire system and submit their opinion remotely by Mobile phone.
The operation of collecting student feedback has continued for around eight days to ensure that all students and departments can participate in this questionnaire. They express opinions freely to allow the university to improve factors that have been noticed weak. It is worth mentioning that cooperating with the college's quality assurance department, nine lecturers and technicians were participated to supervise this operation to ensure the questionnaire's smooth running. The main table used to store the data in the proposed system is called "feedback", which contains 33 fields, each explained with its attributes as illustrated in Fig. 7.
The proposed student feedback management system has stored 4,282 records, as shown in Fig. 8 as the number of rows. These rows are considered student feedback applications for the four departments and all levels (1)(2)(3)(4). Each record in the 'feedback' table contains 33 fields, as explained in the previous section. In Fig. 9.(a), it is clear that the stored information for each record has the panned information, for instance, ID 4274, dept ‫'الكترونيك'‬ level '4' lecturer_name 'xxxx' and ques_1 is 33, ques_2 is 33, ques_3 is 50 and so on until ques_33 then storing the average and the date submission as shown in Fig. 9.(b). As part of the result, the records have been filtered for each department to extract the feedback's average score shown in Fig. 10.(a). This graph shows all students who have given feedback to the communication department. In contrast, in Fig. 10.(b) the student in the electronic department, and Fig. 10.(c) the score of the system and control department, and finally in Fig. 10.(d) illustrates the students who have given a score for the computer & information department. Here the exact score percentage is not precise in this graph. However, it gives some indication where are the majority of the scores ranging from 0~100%. The number of feedback applications registered for each department is illustrated in Table  3, as it is noticed that numbers of applications in the database are as following 782, 1306, 1721, 473 applications for the following departments: Communication, Computer & Information, System & Control, and Electronics respectively. Overall, applications that have been recorded are 4282. Simultaneously, the numbers of applications are not similar among the four departments, due to the different number of lectures for each department and the different number of student-related to each department. Password will be added to the login web page to prevent any student from repeating the questionnaire operation more than once. The password will be reset from time to time to prevent the outside user or any intruder from illegally doing the questionnaire. The table named 'password' is shown in Fig. 11. It has the fields as "ID_p" and the "number" which the password and the "date" of the password resetting. It is worth mentioning that the proposed methodology is much suitable for the LAN network, which might be a limitation. However, suppose it is required to be generalized for using the Internet. In that case, security issues are required to be added to the proposed idea. It ensures the correctness of the stored information in terms of confidentiality, availability, and integrity of the system. Also, the constructed Mysql database is ISSN 2722-4139 Science in Information Technology Letters 81 Vol. 1., No. 2, November 2020, pp. 73-82 not relational because only two tables are used in the proposed system without connecting to them. Here, the comparison with the state-of-the-art is illustrated in Table 4. Fig. 11. The 'password' table used to store the password

Conclusion
A proposed framework for student feedback web-based was designed and implemented successfully using web development tools. The implementation recorded 4282 records, as each record represents a student application. This framework has a positive impact on the management's progressing in terms of handling the feedback application. It can do processes while storing and retrieving useful information more efficiently than ordinary paper-based feedback. In addition to its accuracy, it is superior to the paper-based as it is free of errors and others. Besides, this idea's advantage is that the student might use a mobile phone to do the questionnaire rather than a PC, which has the advantages of achieving the social distance required to avoid any infected disease such as the pandemic Covid-19. In future work for simplicity, the proposed framework might be connected with the university website, to be logged in remotely via the Internet. As a result, the student can do the questionnaire via the Internet much more comfortable.