Online System for Change Faculty and Program of UNIMAS.
MOHD DANISH BIN AL HASAN
Bachelor of Computer Science with Honours (Network Computing)
2020
i
Online System for Change Faculty and Program of UNIMAS
MOHD DANISH BIN AL HASAN
This project is submitted in partial fulfillment of the requirements for the degree of
Bachelor of Computer Science with Honors (Network Computing)
Faculty of Computer Science and information Technology UNIVERSITI MALAYSIA SARAWAK
2020
ii
iii
ACKNOWLEDGEMENT
First and foremost, I would like to give thanks to Allah, for His grace and blessing that strengthens me to go through this final year project.
Secondly, I would like to acknowledge my supervisor and examiner, Professor Madya Dr.
Kartinah Binti Zen and Cik Jennifer Fiona Anak Wilfred Busu, for their guidance, comments, commitment and pieces of advice for this project. It is beneficial for me to grow and improve as a student, future worker, and human being.
Thanks to UNIMAS, especially FCSIT, for allowing me to study in UNIMAS and allow me to take the final year project (FYP). Thanks to the officer of Faculty Computer Science and Imformation Technology (FCSIT) that has been assist me to create and complete the proposed system for final year project.
Special thanks to my family, for their support, motivation, fund, and encouragement for me to finish this final year project. Lastly, thanks to all my friends that had helped me in this project for their consultation, sharing information, report format and ideas.
iv
Table of Content
Abstract ... xi
Abstrak ... …. xii
Chapter 1: Introduction ... 1
1.1 Project Title ... 1
1.2 Introduction ... 1
1.3 Problem Statement ... 2
1.4 Project Scope ... 2
1.5 Objectives ... 4
1.6 Brief Methodology ... 4
1.7 Significance of Project ... 5
1.8 Project Schedule. ... 6
1.9 Project Outcome ... 6
Chapter 2: Literature Review ... 7
2.1 Introduction ... 7
2.2 Existing System ... 7
2.2.1 AirAsia website………8
2.2.2 Transfer Credit by George Brown College………. 11
2.2.3 Manual System for Change Faculty/Program of UNIMAS………14
2.3 Overview of The Main Objective ... 15
2.4 Comparison of Features ... 15
2.5 Review on Tools for Proposed System ... 16
2.6 Conclusion ... 17
Chapter 3: Methodology ... 18
3.1 Introduction ... 17
v
3.2 Rapid Application Development (RAD) ... 19
3.3 Planning Requirement Phase ... 20
3.3.1 Questionnaire and Interview Section. ... 21
3.3.2 Analysis of Current System ... 24
3.3.3 Analysis of Proposed System... 24
3.3.4 Hardware and Software Requirement ... 24
3.4 Design of Proposed System ... 26
3.5 Data Dictionary ... 31
3.6 Wireframe of Proposed System ... 32
3.7 Conclusion………...39
Chapter 4: Implementation……….40
4.1 Introduction……….……….40
4.2 Installation and Configuration…….……….40
4.2.1 Xampp ... 40
4.2.2 PhpMyAdmin... 41
4.3 JavaScript………..…….……….43
4.4 Server Requesting and Receiving……….43
4.5 System Users………..….……….45
4.6 Common Function All Users…….……….……….46
4.6.1 Login ... 46
4.6.2 Logout ... 47
4.7 System Student Functions……….……….……….48
4.7.1 Main Page ... 48
4.7.2 Change Password ... 49
4.7.3 Registration Page ... 50
4.8 System of Dean Faculty……….………..……….……….51
4.8.1 Main Page ... 51
4.8.2 Dean Profile ... 51
vi
4.8.3 Check Notification ... 52
4.8.4 Notify Dean... 52
4.8.5 Verify Applicant ... 53
4.9 Summary………..……….……….………..……….……….53
Chapter 5: Testing……….………..……….……….54
5.1 Introduction……….……….………..……….……….54
5.2 Functional Testing……….………..………..……….……….54
5.2.1 Unit Testing ... 54
5.3 Non-Functional Testing.………..………..……….……….65
5.3.1 Usability Testing ... 65
5.3.1.1 System Functionality ... 66
5.4 Security Testing.………..………..……….……….………….68
5.5 Summary………..………..………..……….………68
Chapter 6: Conclusion and Future Works……..………..………..……….………69
6.1 Introduction………..………..……….………69
6.2 Objective Achievement.………..………..……….……….69
6.3 Project Limitations….…..………..………..……….……….70
6.4 Future Works………..………..………..……….………..70
6.5 Conclusion………..………..………..……….……….70
References ... 71
Appendix A ... 72
Appendix B ... 74
Appendix C ... 77
Appendix D ... 79
vii List of Figures
Table of Contents
Figure 1.1 Gantt chart of project schedule………...6
Figure 2.1: Login Page of AirAsia website………..9
Figure 2.2: Main page of AirAsia website……….…10
Figure 2.3: Booking page of AirAsia website………11
Figure 2.4: Login Page of George Brown College……….12
Figure 2.5: George Brown College homepage………...12
Figure 2.6 Seeking transfer credit through program code……….13
Figure 2.7: Registration form of transfer credit………..14
Figure 2.8: Application form for student to change faculty and program………..……48
Figure 3.1 Diagram of RAD phase……….19
Figure 3.2 The Introduction of Questionnaire ………...21
Figure 3.3 List of Questionnaire of Proposed System………22
Figure 3.4 List of Questionnaire of Proposed System………23
Figure 3.5 Context Diagram………...26
Figure 3.6 Level 0 Diagram………27
Figure 3.7 Level 1 DFD for Process 1.0……….28
Figure 3.8 Level 1 DFD for Process 2.0……….28
Figure 3.9 Level 1 DFD for Process 3.0……….29
Figure 4.0 Level 1 DFD for Process 4.0……….29
Figure 4.1 Level 1 DFD for Process 5.0……….29
Figure 4.2 ERD Diagram for Proposed System……….30
Figure 4.3 Login Page for Student Web-based System………..32
Figure 4.4 Main Page for Student Web-based System……….…..33
Figure 4.5 Application Page for Student Web-based System………33
viii
Figure 4.6 Auto Generated Student detail for Proposed System………34
Figure 4.7 Status Page for Student Web-based System………..34
Figure 4.8 Logout Page for Student Web-based System………35
Figure 4.9 Login Page for Faculty Web-based System………..35
Figure 5.0 Main Page for Faculty Web-based System………...36
Figure 5.1 Current Faculty Section Page of Web-based System………36
Figure 5.2 Receiving Faculty Section Page of Web-based System………37
Figure 5.3 Applicant File Database………38
Figure 5.4 Logout Page of Faculty Web-based System………38
Figure 5.5 The Website Where XAMPP can Downloaded………41
Figure 5.6 The XAMPP Control Panel………..……….41
Figure 5.7 The phpMyAdmin on The Browser………..42
Figure 5.8 The phpMyAdmin Database and for Tables Inside The Database………...42
Figure 5.9 Link from Page to Page with JavaScript………...43
Figure 6.0 The JavaScript Function………….………...43
Figure 6.1 To Connect The System to The Database…….………....43
Figure 6.2 Submit The User Data to Database.…….………...44
Figure 6.3 Displaying The User Data from Database ………….………..44
Figure 6.4 The Login Page of Student……….………...46
Figure 6.5 The Login Page for Dean Faculty….……….………...46
Figure 6.6 The Logout Button for Student System……….………...47
Figure 6.7 The Logout Button for Dean of Faculty UNIMAS………..47
Figure 6.8 The Main Page of Student Website………..48
Figure 6.9 Update Password for UNIMAS Student… ……….49
Figure 7.0 Registration Page of UNIMAS Student… ………..50
Figure 7.1 Main Page of Dean Faculty… ……….51
ix
Figure 7.2 Dean Profile Page……….… ………..51
Figure 7.3 Notification Page of Dean Faculty… ……….52
Figure 7.4 Send Notification Page… ………...52
Figure 7.5 Page List of Old and New Applicants… ………53
Figure 7.6 Sample Questionnaire for UNIMAS Student… ……….79
Figure 7.7 Sample Questionnaire for Dean Faculty of UNIMAS … ………...81
x List of Tables
Table 2.1: Comparison between Existing System, Manual System and Proposed System
... 16
Table 3.1: Hardware Requirement For Proposed System… ... 25
Table 3.2: Software Requirement For Proposed System… ... 26
Table 3.3:Tables in The Database of Proposed System ... 31
Table 4.1:Functions for Different User of The System ... 45
Table 4.2:Login for Student and Lecturers Interfaces ... 57
Table 4.3:Update A New Password of User Account ... 59
Table 4.4:Changing to A New Faculty or Programme module ... 61
Table 4.5:Approval of New and Old Applicants ... 63
Table 4.6:Send Notification Module ... 65
Table 4.7:Student Response from Questionnaire ... 66
Table 4.8:Dean Response from Questionnaire ... 67
Table 4.9:Objectives Achievements ... 69
xi Abstract
The Online System for Change Faculty and Program of UNIMAS helps the student submit their form in a short time without going to the faculty. This paper represents the design of the proposed system by using Lucidchart and Mockflow Wireframe online tools. The proposed system plays a vital role by ensure the student detail go to the database after been approve by current and receiving faculty. This system also assists the officer of faculty to track the recent applicant or past applicant. The applicant can know their current status by login to the system and click the
“status” button for more detail.
xii Abstrak
Sistem atas talian untuk pertukaran fakulti dan program UNIMAS membantu pelajar menghantar borang dalam masa yang singkat tanpa perlu berjalan ke fakulti. Laporan ini membentangkan rekaan sistem yang dicadangkan dengan menggunakan Lucidchart dan Mockflow wireframe alatan atas talian. Sistem yang dicadang memainkan peranan yang penting untuk memastikan data pelajar selamat dihantar ke pangkalan data setelah pemohon diluluskan oleh fakulti semasa dan fakulti penerima. Sistem ini juga membantu pegawai fakulti untuk mengesan pemohon semasa dan yang dahulu. Pemohon boleh mengetahui status mereka dengan hanya log masuk ke dalam sistem dan tekan butang “status” untuk lebih lanjut.
1
Chapter 1: Introduction 1.1 Project Title
Online System for Change Program and Faculty of UNIMAS 1.2 Introduction
Why students need to change program or faculty? Because of the lower carry mark assignment and quizzes given by lecturer? These are not the major issue for students because they can improve again their grade subjects by repeat the same course in the next semester or year. The main reason is the student do not have a strong interest in their outline current program.
Based on Regulation of Academic Undergraduate Student of UNIMAS 2017, a student cannot change to a new faculty except the student have been finished their first semester of studies. Then, he or she must obtain at least 1.75 CGPA. The application is depending on the space availability of faculty. Next, he or she must have both side approval of current and receiving faculty. The last requirement of the manual application is the student can only have 1 time to change faculty or program for the rest of his or her studies.
The important thing before changing the program or any faculty is to print several hardcopies of certificates to meet the academic requirement of UNIMAS changing program and faculty application. The student needs to send their application and other printed hardcopies to the current faculty for Dean approval. After that, the Dean sends the student application to the receiving faculty. Hence, the Dean of the receiving faculty will decide either to accept or reject the student application before send the approval to the Bahagian Pengajian Prasiswazah(BPPs). Then, the BPPs send the notification to the student to let them know their current status. These existing procedures are very troublesome for students because they need to wait for a couple of weeks for their approval status.
To overcome the above issue, the Online System for Change Program and Faculty of UNIMAS is created to help the students send their information online forms to the faculty for dean approval.
Online form is very good at storing user data without using the manual form. This online system
2
helps students to view their status after submits application or receive notification from the Dean of current or receiving faculty. Dean of current and receiving faculty can either approve or reject the applicant by using this online system but they need to fill in the comment before submitting it. The system assists the officer faculty to view, create an official letter and delete any current or previous records student if they need to do urgent rearrangement.
Besides that, they can keep track of any student record by using their matric number as an ID number in the database. The system has features such as login page, application form for changing program or faculty, review page of applicant, current status applicant and result applicant from faculty Dean. The official letter can be release if both side of Dean from current and receiving faculty have been approved.
1.3 Problem Statement
UNIMAS is still using traditional file management without a computerized system to manage their information properly. All student current and previous records are stored manually by the large number of papers. Sometimes, the staff faculty having difficult to keep track of their current student application before entering the data to the computer. Human error and missing value affect the results from the manual system. Next, the problem occurs when the information is increasing by time and the same goes for where it required a lot of space to store all the files. Then, the students need a hardcopy of his or her transcript and program curriculum structure before they can fully submit their application to the main office faculty. Students need to wait for a call from faculty if their application has been approved by the Dean.
1.4 Project Scope
The Online System for Change Program and Faculty of UNIMAS has two perspectives:
1)Can change any program, but within same faculty.
2)Can change any program with different faculty.
3
The proposed system remains the features and targeted users in the current manual system where,
A) Student, Dean of current and receiving faculty can access 1)Student change program and faculty form of UNIMAS.
2)Student academic certificates.
B) The Online System for Change Program and Faculty of UNIMAS will implement three new features as follows:
1)Upload picture of payment receipts and academic certificate.
2)The File Applicant database that can store data applicants.
3)The Student File and Staff File to store every username and password that have been created.
4 1.5 Objectives
1. To develop an online system for change faculty and program of UNIMAS and replace the current manual system of UNIMAS which is using a bunch of hardcopies to save data in file management.
2. To create the database student and UNIMAS staff to help them prevent any loss of important information such as student details.
3. To help students know their application status in a short time by using the notification via online.
1.6 Brief Methodology
The methodology uses in this project based on the Rapid Application Development (RAD) model and it is suitable to use because of the web-based system needs to build in a short period. The first phase is the requirements planning. This phase is known as project scoping meeting. Even the planning phase is difficult compared to other project management methodologies, this is a critical point to accomplish the project. During this phase, the programmer, clients (software users), and the officers communicate to determine the goals and expectations for the project as well as current and potential issues that would required to be forward during the build. The current issue is UNIMAS is still using the manual system to key in the applicant data for a long period up until now. The requirement of this project is the programmer needs to create a data flow diagram and entity relationship diagram to see clearly the process of a new system, identify a language tool to use and ask the officers about the project schedule. By explaining every single detail of the objective, problem statement and project outcome, the officers approve the project. The second phase is user design for the system web-based. Once the project is scoped out, the user design has to be done by using Angular 8 software through many prototype iterations. During this phase, it needs to install the Angular plugin before doing the appointment with clients and hand in hand
5
with the student to make sure their requirements are met at every step in the design process. It is like customizable software development where the user can test each prototype of the product, at each stage, to ensure it meets their expectations. All the bugs and kinks were fixed in an iterative process. The student designs a prototype, the client tests it and communicate on what worked and what didn’t. This technique allows the programmer to change the model as they go until they reach a satisfactory design. The third phase is rapid construction and the main purpose of this phase is to convert the beta system to the actual system. The programmer must do system testing and completing the project before the due date. The last phase is cutover and it is known as the implementation phase. The BPPs need to launch the actual web-based system UNIMAS. It includes data conversion, testing, and change over to the new system, as well as user training.
1.7 Significant project
The significance of the project is to create a new web-based of student changing
program/faculty that can improve the current manual system of the UNIMAS for change faculty or program and manual file management system. There are new features will be implemented into the system, which are import/export function to upload the important documents, the online databases of the new web-based system and account page for the user. The import/export
function can ease the system administrator responsibilities while inputting data into the database to ensure system availability. Next, the online databases help the administrator manage student data without searching the endless pile of hardcopies applicant again. Meanwhile, an account page for the user is important to prevent anyone that not UNIMAS user entering the system.
6 1.8 Project Schedule
Figure 1.1 Gantt chart of project schedule 1.9 Project Outcome
The outcome of this project is the student UNIMAS able to submit their application form to the online system that will be provided by the new web-based system and safely submit to the Applicant File database. Student also can view his or her current status from the system. The staff of the faculty do not need to struggle to track the current approval of the applicant by using the online system. Then, the Dean also do not have to open again the hardcopy file applicant because they can approve the student application by using this new web-based system.
.
7
Chapter 2:Literature Review 2.1 Introduction
Nowadays, the student of UNIMAS who fails in their exam sometimes have the urge to change faculty or program. This is because they do not have the courage to learn the new thing with full determination. So the first step the student need to do the payment and obtain the payment receipt. Next, he or she needs to print many hardcopies such as academic certificates and personal data (IC card). The student needs to fill in the application form and attach it with printed academic certificates, payment receipt and personal data before send to office of the current faculty. After submit the application form, the Dean of current faculty will doing the decision making either to approve or reject the applicant form and need to fill in the comment section. If rejected, the Dean of current faculty need to pass the applicant result to the Bahagian Pengajian Prasiswazah(BPPs) to update the student record again and send the official letter to the home address student. If accepted, the applicant form is sends to the Dean of receiving faculty for do the decision making as usual. If rejected or accepted, the applicant result must be sends to department of BPPs to do the verification. If the verification is success, then the official letter is release and send to the home address student. If not then the student record will be update again and send the official letter to home address of student.
In this chapter, there are system similar to the proposed system. The proposed system aims to make sure the student able to submit their application to the dean and store the data into database BPPs in a short time.
2.2 Existing System
3 existing systems that are similar are being reviewed and analysed in this section. The selected system is chosen based on their functionality to compare with the proposed system.
8 2.2.1 AirAsia website
AirAsia is one of the famous airlines in Malaysia which provided the cheapest promotion to all local and international customers. One of the features that available on AirAsia is registration form. The passenger requires to fill in the form before do the payment. But, the AirAsia system does not require passengers to upload any printed receipt or picture like our proposed system.
Next, the AirAsia system will notify the passenger status if they already check-in or not by using email or phone number before the date of departure. The AirAsia system has 2 sections;
inbound and outbound flight services. For inbound flight service, the AirAsia have domestic flight between country in Malaysia. This section is similar to the proposed system that the student can change their programme to the new programme in current faculty. The other section is the outbound flight service. It means the AirAsia provide international flight service from nation to the other nation. Even in the AirAsia system does not state about these sections in the website, but the company already categorized the service by splitting into domestic(inbound) or international(outbound) flight services in the airport. Passenger also can change their date of departure by click the button "Change/Upgrade Flight" if any unprecedented tragedy occurs.
This concept is similar to the proposed system that students can change to any new faculty or programme once per time after being approved by Dean of current and receiving faculty but the student cannot apply the original faculty or programme for the rest of their study period.
9
Figure 2.1: Login Page of AirAsia website
User needs to fill in the email and password in the login page or just using other social media account such as Facebook before proceed to the booking page, AirAsia Hotel page and others.
If the user is the "first-time-user", he or she can click the "Sign up" button to create a new account of AirAsia.
10
Figure 2.2:Main page of AirAsia website
On the main page of the AirAsia website, user can continue with the booking flight service by choosing the date and destination. Then, the user just proceeds with the Add-ons, Guest details, and Payment page. The main page also has search engine to booking flight
services(domestic/international).
