0% found this document useful (0 votes)
18 views62 pages

Baocaota Thachcanhtu

The document outlines a graduation thesis focused on developing a system for monitoring, statistics, and announcement of appeal results at the Vietnam-Korea University of Information and Communication Technology. It highlights the need for a more efficient and transparent re-examination process for students, addressing current limitations in tracking and managing requests. The thesis includes a detailed implementation plan, system design, and objectives aimed at enhancing user experience and management efficiency.

Uploaded by

tùng vũ thanh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
18 views62 pages

Baocaota Thachcanhtu

The document outlines a graduation thesis focused on developing a system for monitoring, statistics, and announcement of appeal results at the Vietnam-Korea University of Information and Communication Technology. It highlights the need for a more efficient and transparent re-examination process for students, addressing current limitations in tracking and managing requests. The thesis includes a detailed implementation plan, system design, and objectives aimed at enhancing user experience and management efficiency.

Uploaded by

tùng vũ thanh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 62

VIETNAM-KOREA UNIVERSITY OF INFORMATION

AND COMMUNICATION TECHNOLOGY

Faculty of Computer Science


-----🙞🙜🕮🙞🙜-----

GRADUATION THESIS
BUILDING A SYSTEM OF MONITORING,
STATISTICS, AND ANNOUNCEMENT OF
APPEAL RESULTS

Student: THACH CANH TU - 20IT632


VU THANH TUNG - 20IT635
Class: 20SE2
Supervisor: DR. HO VAN PHI

Da Nang, December - 2024


VIETNAM-KOREA UNIVERSITY OF INFORMATION
AND COMMUNICATION TECHNOLOGY

Faculty of Computer Science


-----🙞🙜🕮🙞🙜-----

GRADUATION THESIS
BUILDING A SYSTEM OF MONITORING,
STATISTICS, AND ANNOUNCEMENT OF
APPEAL RESULTS

Student: THACH CANH TU- 20IT632


VU THANH TUNG - 20IT635
Class: 20SE2
Supervisor: DR. HO VAN PHI

Da Nang, December- 2024

ii
SUPERVIOR’S COMMENT

...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................

iii
ACKNOWLEDGEMENTS
During the research period, with the help and support of the Vietnam - Korea
University of Information Technology and Communications. Especially the direct
guidance and enthusiastic instruction of the subject project guidance secretary -
Teachers at the Examination and Education Quality Assurance Department, we have
completed the topic along with this report.
With limited ability and time, it is inevitable that there will be shortcomings.
We hope to receive the attention, help and support of teachers so that we can complete
the research topic in the future.
To complete this report, with the efforts and efforts to learn and research. I
would like to thank Dr. HO VAN PHI for his enthusiastic guidance and support during
the time of writing this report.
The report has been completed but still has many limitations and shortcomings.
I look forward to receiving comments from teachers and friends!

iv
STATEMENT OF AUTHORSHIP

...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
Danang, December 5th, 2024

v
TABLE OF CONTENTS
SUPERVIOR’S COMMENT............................................................iii
ACKNOWLEDGEMENTS...............................................................iv
STATEMENT OF AUTHORSHIP...................................................v
ABBREVIATIONS..........................................................................viii
LIST OF FIGURES...........................................................................ix
LIST OF TABLES..............................................................................x
INTRODUCTION..............................................................................xi
CHAPTER 1: TOPIC OVERVIEW..................................................1
1.1 Overview...................................................................................................................1
1.1.1 About the internship site:..............................................................................1
1.1.2 Topic overview...............................................................................................3
1.2 Assistive Tools..........................................................................................................7
1.2.1 Programming Tools.......................................................................................7
1.2.2 Programming languages.............................................................................10
CHAPTER 2: SYSTEM ANALYSIS AND DESIGN....................12
2.1 Requirements Analysis..........................................................................................12
2.1.1 User Requirements......................................................................................12
2.1.2 Functional Requirements............................................................................13
2.1.3 Non-functional requirements......................................................................13
2.1.4 System Requirements..................................................................................14
2.1.5 Use Case Diagram........................................................................................15
2.1.6 Class Chart – Sequential - Activity............................................................24
2.2 Design......................................................................................................................31
2.2.1 Interface design............................................................................................31
2.2.2 Database design............................................................................................32
CHAPTER 3: BUILD A SYSTEM TO MONITOR, COMPILE
STATISTICS AND PUBLISH REVIEW RESULTS....................36
3.1 Installation:............................................................................................................36
3.1.1 Composer Installation.................................................................................36
3.1.2 Running commands in cmd........................................................................36
3.2 Experimental results.............................................................................................38
3.2.1 Login Interface.............................................................................................38
vi
3.2.2 Interface of the management page.............................................................39
3.2.3 View of information for students registering for review..........................40
3.2.4 Review Feedback Interface for Students...................................................41
3.2.5 Notification interface when a student registers for review......................42
3.2.6 Student Page Interface................................................................................43
3.2.7 Interface List of Courses Submitted for Review.......................................44
3.2.8 Page Interface View Feedback from P.KT&DBCLGD...........................45
3.2.9 Review Registration Interface....................................................................46
CONCLUSION AND DEVELOPMENT DIRECTION................47
1. Conclusion................................................................................................................47
2. Development Direction............................................................................................48
REFERENCES..................................................................................49

vii
ABBREVIATIONS
MEANING ABBREVIATIONS

UX User Experience
UI User Interface
PHP Hypertext Preprocessor
CSS Cascading Style Sheets
P.KT&DBCLGD Department of Testing and Education Quality
Assurance

viii
LIST OF FIGURES

Figure 2.1 Use Case Diagram for Student.....................................................................15


Figure 2.2 Use Case Diagram of P.KT&DBCLGD......................................................15
Figure 2.3 Layer Chart..................................................................................................24
Figure 2.4 Sequential Chart for the Student Process.....................................................25
Figure 2.5 Sequential chart for the process of P.KT&DBCLGD..................................25
Figure 2.6 Sequential chart for student login activity...................................................26
Figure 2.7 Sequential Chart of Student Registration for Review..................................26
Figure 2.8 General Activity Chart.................................................................................27
Figure 2.9 Student Login Activity Graph......................................................................28
Figure 2.10 Student Activity Chart View Review Results............................................29
Figure 2.11 Approved or unapproved Activity Chart...................................................30
Figure 2.12 Sketch the student interface.......................................................................31
Figure 2.13 Outline the interface of the P.KT&DBCLGD...........................................31

Figure 3.2.1 Login interface…………………………………………………………..


38
Figure 3.2.2 Management page interface......................................................................39
Figure 3.2.3 View information information for students who register for review........40
Figure 3.2.4 Review Feedback Interface for Students..................................................41
Figure 3.2.5 Notification interface when a student registers for a review....................42
Figure 3.2.6 Student Page Interface..............................................................................43
Figure 3.2.7 Interface List of Courses Submitted for Review.......................................44
Figure 3.2.8 Page Interface View feedback from P.KT&DBCLGD.............................45
Figure 3.2.9 Review registration interface....................................................................46

ix
LIST OF TABLES

Table 2.1. Database diagram.........................................................................................32


Table 2.2. Database User...............................................................................................33
Table 2.3. Database Classes..........................................................................................33
Table 2.4. Database Deparments...................................................................................34
Table 2.5. Database Courses.........................................................................................34
Table 2.6. Database Exams...........................................................................................34
Table 2.7. Database Notifications.................................................................................35

x
INTRODUCTION

1. Problem statement
In the educational environment, especially at universities, ensuring
transparency and fairness in the grading process is extremely important. However, in
practice, errors in the grading process are inevitable, which can lead to students feeling
dissatisfied with their results.
2. Reasons for Choosing the Topic
To address this issue, the re-examination process is implemented to provide
students with the opportunity to request a review of their exams. However, the current
re-examination process at many universities still has several limitations:
- Complex and Time-consuming Procedures: Traditional re-examination
procedures often require students to submit paper forms or send emails to the
training department, followed by long waits for responses. This not only causes
difficulties for students but also increases the workload for the training
department.
- Difficulty in Tracking and Managing: With a large number of students,
manually managing and tracking re-examination requests becomes complicated
and prone to errors, especially in processing and statistical handling of requests.
- Lack of Transparency: Students often have no way to know the status of their
re-examination requests, leading to anxiety and concern.
- These reasons motivated our group to choose the topic "Developing a System
for Tracking, Statistics, and Notification of Re-examination Results" to address
these issues. The system is developed not only to automate the re-examination
process but also to provide students with an easy-to-use tool for registering and
tracking their request status. Simultaneously, the system supports the training
department in managing and statistically handling re-examination requests,
ensuring a faster, more accurate, and transparent process.
The development of this system not only benefits students and the training
department but also enhances the quality of management and educational services of
the university, creating a fair and professional learning environment.
3. Objectives
 Automating the Re-examination Process: Develop an automated system
that allows students to register for re-examination online, track request
status, and receive prompt and accurate notifications of results.
 Improving Management Efficiency: Support the training department in
managing and processing re-examination requests efficiently, minimizing
errors and ensuring the process is transparent and clear.
 Enhancing User Experience: Design a user-friendly and easy-to-use
interface, helping students and training department staff operate the system
conveniently.
 Increasing Transparency: Provide tools for students to track their re-
examination status and results, ensuring information is communicated fully
and promptly.
 Integrating Reporting and Statistics: Develop features that support the
training department in generating reports and statistics.
xi
4. Implementation Plan:
a. Stage 1: Survey and Requirement Analysis (2 weeks)
o Survey the current re-examination process at the university and collect
requirements from users (students and the training department).
o Analyze the functional and non-functional requirements of the system.
o Identify evaluation criteria and optimization factors.
b. Phase 2: System Design (3 weeks)
o Design the database model for the system, ensuring it meets the
management and processing requirements of re-examination.
o Design the overall architecture of the system, including the user
interface, main functions, and supporting modules.
o Create wireframes and user interaction scenarios.
c. Phase 3: System Development (5 weeks)
o Develop the main features of the system: re-examination registration,
status tracking, information management, and result notification.
o Build algorithms for assigning staff to handle re-examinations and
optimize the process.
o Integrate reporting, statistics, and data export features.
d. Deployment and Evaluation (2 weeks)
o Test the functionality and performance of the system, ensuring stable and
accurate operation.
o Refine the system based on testing feedback and optimize features.
e. Phase 5: Deployment and Evaluation (2 weeks)
o Deploy the system in a real environment at the university.
o Train users (students and training department staff) to use the system.

o Evaluate the effectiveness of the system after a period of use, collect


feedback, and propose future improvements.

xii
5. Report layout:
After the Introduction, the report is presented in 4 chapters, specifically:
Chapter 1: Survey and Understanding the Practical Internship Unit
 An overview of the internship unit.
Chapter 2: Building Actual Products
 System analysis.
 Collect user requests.
 Requires functions (main functions of the system).
 Non-functional requirements.
 System Requirements
 Proceed to draw charts, layers, etc.
 System design.
Chapter 3: System Installation
 Installation environment.
 Testing
Finally, there are Conclusions, Suggestions, References and Appendices related
to the topic.

xiii
CHAPTER 1: TOPIC OVERVIEW
1.1 Overview

1.1.1 About the internship site:


Name of agency: Testing and Quality Assurance Department of Vietnam - Korea
University of Information and Communications.
Address: Zone V, Room A111, Vietnam - Korea University of Information and
Communications.
Established under Decision No. 1659/QD-DHDN dated 19/05/2020 of the
Director of the University of Da Nang on the establishment of units affiliated to the
Vietnam-Korea University of Information and Communication Technology.

1.1.1.1 Functions:
The Department of Testing and Quality Assurance has the function of advising
and assisting the Principal in managing and organizing the implementation of testing,
education quality assurance and quality accreditation.

Exam:
 Develop strategies, objectives and policies on the University's testing
activities.
 Assume the prime responsibility for, and coordinate with units in,
developing schemes, regulations and management documents related to the
organization of examination and evaluation and end-of-course exams.
 Presiding over the development of exam questions, exam question banks,
periodically reviewing and supplementing exam question banks to ensure
the right objectives and output standards of the modules.
 Manage exam papers, question banks, duplicate and distribute exam papers,
store exam papers and exam questions according to regulations.
 Presiding over the organization of exam marking, review marking, post-
inspection and complaints related to the end of the module exam score as
prescribed.
 Exam Scheduling and Timetabling: Automated Scheduling: Develop and
manage comprehensive exam schedules to prevent conflicts and optimize
resource utilization. Timetable Coordination: Coordinate with academic
departments to align exam schedules with course timelines and avoid
overlapping assessments.

1
Ensuring the quality of education
 Coordinate with units to research and propose to the School Board
objectives and plans to ensure education quality.
 To assume the prime responsibility for the formulation of documents on
quality assurance policies according to regulations and submit them to the
Rector for signature and promulgation according to their competence or to
prepare for the Rector to submit to superior management agencies
documents on policies, statutes, regulations and schemes related to quality
assurance.
 Organize the implementation of tasks related to the quality assurance of the
University. Propose and monitor the implementation of measures to improve
the quality of education in the University.
 To assume the prime responsibility for organizing the development of
quality assurance databases, self-assessment reports and periodic
recommendations for quality improvement.
 The focal point for implementing internal assessment, peer assessment, and
quality accreditation of educational institutions. Support faculties to
implement self-assessment and accreditation of training program quality.
 Statistics and reports on education quality assurance at the request of the
University and superior agencies.
 Quality Management Systems (QMS): Implementing automated Quality
Management Systems streamlines quality assurance processes, making data
collection, analysis, and reporting more efficient and accurate. Integration
with existing Learning Management Systems (LMS) ensures seamless data
flow and enhances the overall effectiveness of quality monitoring activities.
 Data Analytics and Visualization: Utilizing advanced data analytics tools
provides deeper insights into quality assurance data, enabling the
identification of trends and patterns that inform strategic decisions.
Interactive visualization dashboards offer real-time views of quality metrics,
making it easier for stakeholders to understand and act upon the data.
 Sustainable Practices: Incorporating sustainable practices into quality
assurance activities minimizes the environmental impact of educational
processes. Digital reporting reduces paper usage, while energy-efficient data
centers support the university’s sustainability goals. These initiatives align
with broader environmental responsibilities and promote resource
optimization.
 Ethical Standards: Maintaining high ethical standards in quality assurance
activities ensures transparency, fairness, and accountability. Protecting the
confidentiality of sensitive data and adhering to data protection regulations
safeguard the integrity of the quality assurance processes and build trust
within the university community.

2
1.1.1.2 Tasks:
1. Examination work.

2. Assessment and assurance of education quality.

3. Standing Councils: Exam Proposal Council, Exam Proctoring Council, Exam


Marking Council and Review Council, Quality Assessment Council, Self-Assessment
Council.

4. To perform other assigned tasks.

1.1.1.3 Personnel structure:

STT NAME DUTY

1 TS. Ho Van Phi Deputy Department in Charge – General


Operations

2 MSc. Vu Thu Ha Deputy Department, in charge of testing

3 MSc. Ha Thi Minh Phuong Deputy Department, in charge of the Mekong


Delta

4 MSc. Phan Thi Quynh Thy In charge of the Mekong Delta segment

5 MSc. Nguyen Thi Ngoc Thu Exam Schedule

6 MSc. Nguyen Thi Thuy Giang In charge of point management

7 MSc. Nguyen Duy Thanh In charge of Elearning System and computer-


based exam

1.1.2 Topic overview

1.1.2.1 Introduction
In the higher education environment, organizing exams and evaluating students'
learning outcomes are essential tasks for universities. However, the marking process is
not always flawless, and students have the right to request a review if they believe
their results are inaccurate.
Currently, the review process at many universities relies on traditional methods,
such as paper-based submissions or Excel spreadsheets. These approaches often result
in various challenges, including lengthy processing times, higher susceptibility to
errors, and a lack of transparency.
To address these issues, there is a pressing need for an automated review
process system. Such a system can optimize processing time, minimize errors, and
enhance transparency in tracking and communicating review results. It will enable
students to easily register for reviews, monitor the status of their requests, and
promptly receive notifications about their results.

3
Simultaneously, the training department can manage and analyze review
requests more efficiently, improving overall effectiveness and accountability.

1.1.2.2 Purpose and requirements of the project

The main purpose of the project is to build a management system for the process of
reviewing exam results for students, in order to improve the efficiency and
transparency in handling review requests. Specifically, the system will help:

 Minimize Manual Processing: By automating various stages of the review


process, the system significantly reduces the need for manual intervention. This
automation streamlines workflows, ensuring that review requests are processed
swiftly and accurately.
 Time and Effort Savings: Automation decreases the administrative burden on
both students and training department staff. Tasks such as data entry, request
routing, and status updates are handled seamlessly by the system, freeing up
valuable time for more critical activities.
 Consistency and Accuracy: Automated processes ensure that review requests
are handled consistently, minimizing the risk of human error and enhancing the
reliability of the review outcomes.
 Real-Time Tracking: The system provides students with the ability to monitor
the status of their review requests in real-time. From the moment a request is
submitted to the final resolution, students can easily track progress, ensuring
they are always informed about the status of their review.
 Clear Communication Channels: Transparent communication between students
and the training department is facilitated through automated notifications and
updates. This openness fosters trust and reduces uncertainties related to the
review process.
 Detailed Audit Trails: Comprehensive logging of all actions taken during the
review process ensures accountability and allows for easy auditing and
verification of decisions made.
 Centralized Management: The system consolidates all review requests into a
single, centralized platform, enabling the training department to manage and
monitor requests more effectively.
 Statistical Analysis and Reporting: Advanced analytics tools within the system
allow for the generation of detailed summary reports and statistical analyses.
These insights help in identifying trends, assessing performance, and making
informed decisions to enhance the review process.
 Resource Optimization: Efficient management of review requests ensures
optimal allocation of resources, reducing bottlenecks and improving overall
departmental productivity.

4
To achieve this goal, the system needs to meet the following requirements:

 Intuitive Navigation: A user-friendly interface is critical for ensuring that both


students and exam room staff can efficiently utilize the system. The design should
prioritize simplicity, with a clear layout and easily accessible menus and buttons.
Consistent placement of navigation elements across different pages helps users
predict where to find essential features, reducing the learning curve and enhancing
overall usability. Develop an effective and optimal algorithm for assigning exam
invigilators, ensuring fairness and reasonableness in assignment.
 Accessibility Features: To accommodate all users, including those with
disabilities, the system should incorporate accessibility features such as keyboard
navigation, screen reader compatibility, and high-contrast color schemes.
Adhering to WCAG standards not only broadens the user base but also ensures
compliance with legal requirements, fostering an inclusive environment. Allow
students to log in with a personal account to register and track review requests,
receive result notifications from the system.
 The User Experience Enhancements: Interactive elements like tooltips and modals
can guide users through complex processes, while real-time feedback mechanisms
confirm successful actions or highlight errors, ensuring clarity and reducing user
frustration. Customizable dashboards allow users to prioritize the information and
tools most relevant to their roles, enhancing productivity and satisfaction.

 Fairness and Reasonableness: Developing an algorithm that fairly assigns


invigilators involves balancing workloads and considering individual preferences
and expertise. The algorithm should prevent any single invigilator from being
overburdened while ensuring that each exam session is adequately supervised by
qualified personnel. Incorporating factors such as previous assignments, subject
expertise, and availability can enhance the fairness and effectiveness of the
assignments.
 Algorithm Efficiency: The assignment algorithm must be efficient and scalable,
capable of handling large datasets and adapting to dynamic changes in real-time.
Techniques such as heuristic-based scheduling, constraint satisfaction, and
optimization algorithms can be employed to achieve optimal assignments swiftly,
even as the number of invigilators and exam sessions increases.
 Transparency and Traceability: Ensuring that the assignment process is
transparent involves maintaining detailed logs of all assignments and providing
invigilators with notifications of their duties. This transparency builds trust in the
system and allows for easy auditing and verification of the assignment process,
ensuring accountability and fairness.

5
1.1.2.3 Scope of the topic
The scope of the project focuses on building a system of assigning exam
proctors at the Examination Department of the Vietnam University of Information and
Communication Technology. This system will support the optimization of the process
of assigning examiners, ensuring fairness and efficiency in the management and
monitoring of exams.
 Survey, analyze and assess the current situation: Conduct a survey and
analyze the current situation of the assignment of exam officials to
understand the requirements and limitations of the current system.
 Database and UI Design: Build a detailed database and design a user
interface for the system, ensuring that the system is easy to use and
interactive for different users.
 Developing an algorithm for assigning exam proctors: Developing an
optimal algorithm for assigning exam officials, in order to ensure fairness,
reasonableness and efficiency in the assignment process. Implement
management features: Build and integrate management features
 information about exam officials, exam schedules, duty assignments,
monitoring and reporting to support the management process.
 Testing and evaluation of effectiveness: Conduct system testing to evaluate
the efficiency, reliability and stability of the system in supporting the
assignment of exam proctors at the Examination Department.

The system will be deployed in a web environment, ensuring to meet the


requirements of the Examination Department and stakeholders in the process of
organizing and managing the exam.
Conclusion
By clearly defining the scope of the project, this management system for assigning
exam proctors aims to address critical aspects of exam management within the
Examination Department of VNUICT. The comprehensive approach, encompassing
survey and analysis, database and UI design, algorithm development, management
feature implementation, and thorough testing, ensures that the system will significantly
enhance the efficiency, fairness, and transparency of the proctor assignment process.
Deploying the system in a secure and accessible web environment further guarantees
that it meets the specific requirements of the Examination Department and its
stakeholders, fostering a streamlined and effective examination administration process.

6
1.2 Assistive Tools

1.2.1 Programming Tools


1.2.1.1 Visual Studio Code
Visual Studio Code is an application that allows editing and drafting code to
support the process of building and designing websites quickly. Visual Studio Code is
also abbreviated as VS Code. This editor works smoothly on platforms such as
Windows, macOS, Linux. What's more, VS Code also offers compatibility with
devices computer has a mid-range configuration that can still be used easily.
Visual Studio Code supports a wide range of Debug functions, comes with Git,
and has Syntax Highlighting. Especially self-completing smart code, snippets, and the
ability to improve the source code. Thanks to its customization feature, Visual Studio
Code also allows programmers to change themes, keyboard shortcuts, and a variety of
other options. Although this Code editor is relatively lightweight, it includes powerful
features.
Although it has just been released, VS Code is one of the most powerful and
popular Code Editors for programmers. Thanks to its support for many popular
programming languages, full integration of features and extensibility, VS Code has
become extremely familiar to any programmer.

Outstanding advantages of Visual Studio Code

Visual Studio Code (VS Code) is a widely used code editor that has become a
favorite among IT professionals. Known for its versatility and robust features, it’s
consistently ranked as one of the most "sought-after" applications in the programming
community. Regular updates and a variety of utilities make VS Code a powerful tool
for developers. Below are some of its standout advantages:

 Support for Multiple Programming Languages: Users can work with


languages like HTML, CSS, JavaScript, C++, and more, unleashing creativity
and versatility.
 Minimalist and User-Friendly Interface: The simple yet effective interface
helps programmers easily shape and manage content.
 Rich Extensions: A vast library of extensions provides enhanced functionality
tailored to individual needs.
 Integrated Essential Features: Tools like Git for version control and Debug
for streamlining loop processing significantly enhance productivity.
 Efficient Code Management: Simplifies the process of finding, editing, and
managing code across systems.

Visual Studio Code is considered one of the most popular code editors available
today, and it continues to demonstrate superiority over other software. While the free
version may lack some advanced features, it sufficiently meets the fundamental needs
of programmers.

7
Why is Visual Studio Code so Popular?

The popularity of VS Code among programmers is no coincidence. It offers a host


of advantages that set it apart from other Integrated Development Environments
(IDEs):

 Cross-Platform Compatibility: Seamlessly supports Linux, Mac, and


Windows.
 Support for Multiple Programming Languages: Includes C/C++, C#, F#,
JavaScript, JSON, Visual Basic, HTML, CSS, and more.
 Lightweight Application: Consumes less system resources.
 Powerful Features: Offers advanced tools for efficient coding.
 Professional IntelliSense: Provides intelligent code completions based on
variable types, function definitions, and imported modules.
 User-Friendly Interface: Designed to be accessible and easy to navigate.
 Scalable Architecture: Enables extensive customization and scaling for
diverse user needs.
 Strong Community Support: A large user base ensures access to extensive
resources, troubleshooting, and community-driven solutions.

Visual Studio Code continues to prove itself as a reliable and feature-rich code
editor, making it an indispensable tool for programmers of all levels.

8
1.2.1.2 XAMPP

XAMPP is a powerful software package that simulates a server hosting


environment on your computer. This allows you to run a demo website without
purchasing hosting or a VPS. As a result, XAMPP is widely used for learning,
teaching, practicing, and web development.

The name XAMPP stands for X (Cross-platform) + Apache + MySQL + PHP +


Perl, indicating its built-in components: Apache, MySQL, PHP, an FTP server, and a
Mail server. The "X" signifies its cross-platform compatibility, as it works on
Windows, macOS, Linux, and Solaris.

a. Advantages:

 Cross-Platform Compatibility: Runs on various operating systems, including


Windows, macOS, and Linux.
 Simple Configuration: Offers useful functions such as hypothetical server
setup, mail server configuration, and SSL support on localhost.
 Integrated Features: Bundles Apache, PHP, and MySQL, eliminating the need
to install these components individually. A single XAMPP installation provides
a complete web server.
 Open-Source Creation: Features an intuitive and convenient management
interface, allowing users to proactively reboot or toggle server modes as
needed.

b. Shortcomings:

 Limited Module Support: Due to its simplified configuration, XAMPP does


not fully support module configuration and lacks integrated support for MySQL
modules.
 Relatively Heavy: The software’s size is about 141 MB, which can be
resource-intensive.
 Limited Component Versions: The versions of PHP and Apache available
with XAMPP are limited, requiring separate installations for different versions
when needed.

XAMPP is used to build and develop websites in PHP language. In addition,


XAMPP is also used to develop and research websites through the localhost of a
personal computer, turning the personal computer into a server, using the computer's
hard drive as a storage place for the website server.

However, for business websites, websites that need to operate continuously,


using XAMPP to create is not feasible. Because localhost uses the computer as a
server, maintaining the server will be very difficult and does not guarantee long-term
speed, instead, website owners will rent a hosting server. In general, XAMPP is
mainly used for learning, upgrading and testing websites.

9
1.2.2 Programming languages

1.2.2.1 Laravel PHP


Laravel is a completely free, open-source PHP framework, developed by Taylor
Otwell, the first version of which was released in 2011. Laravel was born with the aim
of supporting the development of web applications based on the Model – View –
Controller (MVC) model. Laravel is a framework released under the MIT license,
with the source code stored on Github. Although it was born later than other
frameworks, Laravel has quickly formed a big wave, appreciated for its quality and is
the most widely used today.
Pros of Laravel:
Laravel contains a lot of advantages that programmers cannot ignore such as:
 Use the latest PHP features: using Laravel 5 gives programmers access to the
latest features that PHP has to offer.
 The resources available are extremely rich, a variety of documents that make it
friendly to programmers.
 Fast processing speed: Laravel effectively supports the creation of websites or
large projects in a short period of time.
 Ease of use: even if you have a limited knowledge of PHP, you still have the
ability to grow your website quickly.
 Easy Database Migration: Laravel allows you to maintain the database structure
without necessarily recreating it. You can write PHP code to control the data
instead of using SQL. In addition, you can also restore the most recent changes
in the Database.
Cons of Laravel
Compared to other PHP frameworks, the Laravel framework has quite a few
drawbacks. The biggest problem with this framework is the lack of alignment between
versions, if you try to update the code, it can cause the application to be interrupted or
broken. Besides, the Laravel framework is also too heavy for mobile apps, making
page loading slow.
Amazing Features of Laravel
 Composer: used to upgrade, install...
 Eloquent ORM: manipulate with beautiful and simple syntax.
 Restful API: supports turning Laravel into a web service API.
 Artisan: provides the commands needed to develop the app.
 View: makes the code a lot cleaner.
 Migrations: support creating fields in databases, adding columns in tables,
creating relationships between tables,
 support database management.
 Authentication: provides features of login, registration, forgot password...
 Unit Testing: support error testing to correct.
Cons of Laravel:
 Features that are too complicated: Some of Laravel's features can be too
complex and confusing for new programmers. This can lead to longer learning
and app development times.

10
 PHP Experience Required: Laravel is written in the PHP language, so if you
don't have any experience with PHP then learning and using Laravel can be
difficult.
 Difficult to customize: While Laravel offers many useful features, it can be
difficult if you want to customize these features to fit the needs of your
application.
 Resource Requirements: Laravel has powerful features, however, this also
means that it requires more resources to run the application. Large applications
may require a powerful server to run well.

MVC (Model-View-Controller) is a software architecture pattern on computers for


the purpose of creating user interfaces. Accordingly, the MVC system is divided into
three interoperable parts and separates the business principles from the user interface. -
The three parts include:
o Controller: Holds the task of receiving navigation requests from users and calling
the correct methods to handle them.
o Model: is the component that contains all business logic, processing methods,
database access, data description objects such as classes, processing functions...
o View: Responsible for information display, interaction to the user, which
contains all the GUI objects such as textboxes, images, etc.
In conclusion, Laravel is one of the most powerful and popular web application
development frameworks available today. However, it also has its own pros and cons.
If you're a programmer just starting to learn Laravel, focus on the basic features before
moving on to more complex ones.

Conclusion: Chapter 1 has introduced an overview of the topic, clarifying the


purpose, requirements and scope of the study. This is an important starting point to
ensure that the next steps in the system development process are carried out on a solid
foundation and meet the right needs.
Chapter 2 is next to perform a detailed analysis and design the system based on the
stated requirements. This will help to clearly define the functions and structure of the
system, thereby ensuring that the implementation and testing of the system achieves
the best results.

11
CHAPTER 2: SYSTEM ANALYSIS AND DESIGN
2.1 Requirements Analysis

2.1.1 User Requirements


- As a student, I would like to log in, select the review function, select the
module to register for the review with the allowed time, allow students to print
the review form and send it to the P.KT &DBCLGD and allow students to view
the review results.
- As a P.KT&DBCLGD, I would like to receive a notification that students have
registered for review, allow to view review information by period, module,
faculty, course, class of students, allow to approve or not approve students'
review applications and write the reason (if necessary). Export Excel Summary
Table of Student Information for Periodic Review.
- Analyze user requirements:

User Key requirements

Student - Allow students to log in, select the review function


- Allow students to choose the module to register for
review within the allowed time (Note that students are
not allowed to PK for HP Q&A)
- Allow students to print the review form, send the PK
application to the management department
(P.KT&DBCLGD)
- Allow students to see the results of the application
and the reasons for approval.

P.KT&DBCL - Allow students to receive PK registration


GD notifications
- Allows viewing PK information by period, module,
faculty, course, class, etc.
- Allow Approval/Non-Approval of the student's PK
application and write the reason (if necessary)
- Allow Excel to export student PK information
summary table on a periodic basis

12
2.1.2 Functional Requirements
From the user requirements breakdown above, the System has the following
basic functions:
a. Student:
1. Log in to your account with the email provided by your school
2. Select the review function, select the module to review
3. Print the review form and send it to the P.KT&DBCLGD
4. View review results

b. P.KT&DBCLGD:
1. On the occasion of being notified that there are students reviewing
2. Approval or disapproval of student review applications
3. Export the Excel file of the review student information summary table.

2.1.3 Non-functional requirements


Beautiful, user-friendly interface: The system must have an intuitive,
aesthetically pleasing interface that is easy to use for both students and training
department staff. The interface needs to be designed according to UX/UI principles,
making it easy for users to access and perform the necessary operations without
spending a lot of time learning.
Easy to operate: The functions on the system must be clearly organized and
easy to understand, ensuring that users can operate quickly and conveniently. The
process of registering for reviews, tracking status, and receiving results must be simple
and uncomplicated, helping to save time for users.
Stable website: The system needs to ensure high stability, smooth operation,
and no interruption during use. The system must be optimized to efficiently handle
large amounts of data and multiple users accessing it simultaneously without
problems.
Performance Efficiency: The system should have optimal performance with
minimal response times. It must handle high traffic volumes and large datasets
efficiently, ensuring quick data retrieval and processing to enhance user experience.
Security: The system must implement robust security measures to protect
sensitive data from unauthorized access, breaches, and other security threats. This
includes data encryption, secure authentication mechanisms, regular security audits,
and compliance with relevant data protection regulations.
Scalability: The system should be designed to scale seamlessly as the number
of users and the volume of data grow. It must support the addition of new features and
functionalities without significant reengineering, ensuring long-term viability and
adaptability to changing requirements.
Maintainability: The system should be easy to maintain and update. This
includes having a modular architecture, clear documentation, and clean code practices
that facilitate troubleshooting, bug fixing, and the implementation of enhancements
with minimal downtime.
Compliance: The system must comply with all relevant industry standards,
regulations, and legal requirements. This includes data protection laws, accessibility
standards, and any other pertinent guidelines that govern the system's operation and
data handling practices.
13
2.1.4 System Requirements
- The system will run on the website environment
- Running Environment: The system will run on a website environment, ensuring
accessibility from popular web browsers such as Google Chrome, Firefox,
Safari, and Microsoft Edge.
- Server configuration:
o The server needs to be able to process large data and bear a good load to
ensure continuous and stable operation during peak times, especially
during the exam season.
o Recommended server configuration:
 CPU: 4 cores or more
 RAM: 8GB or more
 Hard Drive: 256GB SSD or higher
- Technology and language development:
o Language: PHP (Laravel), JavaScript, HTML, CSS
o Database: MySQL.
o Support Tools: Composer.
- Scalability: The system must be scalable to integrate new features in the future
without impacting current operations.
- Confidentiality:
o Apply security measures such as data encryption, access control,
protection against SQL Injection attacks, CSRF, XSS.
o Use SSL/TLS to ensure secure data transfer between the client and the
server.
- Compatibility:
o The system must be compatible with a wide range of devices such as
computers, laptops, tablets, and mobile phones.
o Make sure the interface is responsive to display well on different screen
sizes.
- Performance: The system needs to ensure a fast response time, a maximum of
no more than 2 seconds for each user's operation under normal use conditions.
- Backup and Restore:
o The system needs to have a periodic data backup mechanism (daily,
weekly) to ensure that the data is always safe.
o Provides quick data recovery in case of problems.

14
2.1.5 Use Case Diagram
- Student: Use Case Diagram for Student

Figure 2.1 Use Case Diagram for Student


- P.KT&DBCLGD: Use Case Diagram of P.KT&DBCLGD

Figure 2.2 Use Case Diagram of P.KT&DBCLGD

15
Use Case Specification: Login

Name: Use-Case Log

Describe Students log in to the system with their assigned


account information

Actor Students

Prerequisites Students already have an allocated account.

The system is working.

Post-conditions Students are logged into the system and can access
the functions that they are delegated to.

Main event stream 1. Students open the login page.


2. Students press the login button with google.
3. Students select school mail.
4. The system checks the validity of login
credentials.
5. If the information is valid, the system allows
the secretary to access the system and display
the main page.

AF1: Invalid login credentials


- Branching event stream:
1. If the credentials are invalid, the system
displays an error message and asks the
secretary to select Gmail again.
2. Students select Gmail again and press the
"Login" button.

16
Use Case Specification: Select Review Module

Select the module to be reviewed


Name: Use-Case

Students choose modules and review


Describe
Students
Actor
The student is logged in to the system
Prerequisites
Students can choose the modules to be
Post-conditions reviewed
1. Students access the function of
Main event stream selecting review modules.
2. The system displays a list of
review modules.
3. Students choose specific modules
to review.
4. The system saves students'
choices.

17
Use Case Specification: Print Review Form

Print a review form


Name: Use-Case
Students check review and print
Describe information
Students
Actor
Students who have chosen the review
Prerequisites module
The student successfully prints the
Post-conditions review and submits it to the P.KT&
DBCLGD

1. Students log in to the system and


Main event stream access the review function.
2. The system displays a list of
subjects for review
3. The system displays detailed
information about the review
including full name, class section,
content of the review, and the
reason for the review.
4. Students review the review
information, if it is true and
complete, press the print button.
5. Students receive a printout of the
review form and check it for the
last time to ensure all information
is correct and submit it to the
P.KT&DBCLGD

18
Use Case Description: Students view the results of the review

Students view the results of the review


Name: Use-Case
Students re-examine the review
Describe application
Students
Actor
The review results have been updated
Prerequisites into the system.
Students can view their review results.
Post-conditions
1. Students log in to the system with
Main event stream a personal account.
2. Students select the function to
view the review results from the
menu.
3. The system retrieves the data and
displays a list of review
applications that students have
previously submitted, along with
the processing status of each
application.
4. Students select a specific review
application from the list of
submitted review applications.
5. The system displays detailed
review results including pre- and
post-review scores, lecturers'
comments, and other relevant
information.

19
Use Case Specification: Receive a notification of student registration for review

Receive a notification that students are


Name: Use-Case registering for the review
P.KT&DBCLGD system receives a
Describe notification about students submitting a
review application
Secretary (TK), P.KT&DBCLGD
Actor
Students have submitted an appeal
Prerequisites through the system.
The student system receives a
Post-conditions notification of the student's review
application.
1. Students log in to the system and
Main event stream complete the submission of the
review application.
2. The system automatically sends
notifications about students'
review applications to the
Department of Testing and
Education Quality Assurance
(P.KT&DBCLGD)
3. The student system receives a
notification about the student's
review application.
4. The system stores information on
the review application and
confirms that the receipt of the
notification has been completed.

20
Use Case Specification: View student review information

View student review information


Name: Use-Case

The system of the Department of Testing


Describe and Educational Quality Assurance
(P.KT&DBCLGD) synthesizes and
displays students' review information for
each semester.
P.KT&DBCLGD
Actor
The system has received enough review
Prerequisites information from students.
The system displays students' review
Post-conditions information by semester and exports an
Excel file containing this information.
1. Staff log in to the system and
Main event stream access the function of viewing
student review information.
2. The system displays a list of
semesters for employees to choose
from.
3. Staff members select the semester
in which they want to view review
information.
4. The system automatically collects
and summarizes all student review
information in the selected
semester
5. The system displays detailed
review information including
student code, full name, class
section, review content, and
results after review.

21
Use Case Specification: Approve or not approve the student's review application

Approve or not approve the student's


Name: Use-Case review application.
The system of the Department of Testing
Describe and Educational Quality Assurance
(P.KT&DBCLGD) processes and
decides whether to approve or not to
approve students' re-examination
applications.
P.KT & DBCLGD
Actor
- The system has received students'
Prerequisites review applications.
- The appeal has been examined
and is eligible for approval.
The student's review application is
Post-conditions approved or not approved and stored in
the system.
1. P.KT&DBCLGD logs in to the
Main event stream system and accesses the review
application review function.
2. The system retrieves data and
displays a list of student review
applications that are waiting to be
processed.
3. The P.KT&DBCLGD selects
specific appeals from the list for
detailed review.
4. The system displays detailed
information about the review
application, including the content
of the review, the reason, and
related documents.
5. The P.KT&DBCLGD evaluates
the appeal application and chooses
to approve or disapprove the
action.
6. The system stores the approval
results and sends notifications to
students about the results of
approval or non-approval of the
review application

22
Use Case Specification: Export Excel Summary Table of Student Information by
Periodic Review

Export Excel Summary of Student


Name: Use-Case
Information by Periodic Review

The system of the Department of Testing


Describe and Educational Quality Assurance
(P.KT&DBCLGD) exports an Excel file
containing a summary of information of
students who have registered for the
review by each semester.
P.KT&DBCLGD
Actor
The system has received enough review
Prerequisites information from students and has
synthesized this information.

The system exports an Excel file


Post-conditions containing a summary of student review
information by semester and stores this
file.
1. P.KT&DBCLGD logs in to the
Main event stream system and accesses the function
of exporting the review
information summary table.
2. The system displays a list of
semesters for employees to choose
from.
3. The student selects the semester in
which they want to publish the
review information.
4. The system automatically collects
and aggregates all student review
information for the selected
semester.
5. The system generates an Excel file
containing all the review
information that has been
compiled and exported to this file.
6. The system stores the exported
Excel file and sends a notification
to the employee.

23
2.1.6 Class Chart – Sequential - Activity
a) Layer Chart

Layered area chart is basically multiple area charts layered by either making use
of transparency or perspective. It can be used instead of a line graph with multiple
graphs to compare development or trend over time.
The visualization may cause some issues in readability when overlapping.

Figure 2.3 Layer Chart

24
b) Sequential chart for the Student & Student & Student process
- Sequential Chart for the Student Process

Figure 2.4 Sequential Chart for the Student Process


- Sequential Chart for the Process of the System

Figure 2.5 Sequential chart for the process of P.KT&DBCLGD

25
- Sequential chart for student login activity

Figure 2.6 Sequential chart for student login activity

- Sequential Chart of Student Registration for Review

Figure 2.7 Sequential Chart of Student Registration for Review

26
c) Activity Chart
- General Activity Chart

Figure 2.8 General Activity Chart

27
- Student Login Activity Graph

Figure 2.9 Student Login Activity Graph

28
- Student Activity Chart View Review Results

Figure 2.10 Student Activity Chart View Review Results

29
- Approved or unapproved Activity Chart

Figure 2.11 Approved or unapproved Activity Chart

30
2.2 Design

2.2.1 Interface design


Sketch the student interface

Figure 2.12 Sketch the student interface

Outline the interface of the P.KT&DBCLGD

Figure 2.13 Outline the interface of the P.KT&DBCLGD

31
2.2.2 Database design

Table 2.1. Database diagram

32
2.2.2.1 users:
 id: Primary key, unique identifier for each user, type bigint.
 email: The user's email address, varchar style.
 password: The user's password, varchar style.
 created_at: Account creation time, timestamp type.
 updated_at: Account update time, timestamp type.

Table 2.2. Database User

2.2.2.2 classes:
 id: Primary key, unique identifier for each class, bigint type.
 name: Class name, varchar style.
 department_id: The foreign key is associated with the departments table, type
bigint.
 created_at: Classroom creation time, timestamp style.
 updated_at: Class update time, timestamp type.

Table 2.3. Database Classes

33
2.2.2.3 Deparments:
 id: Primary key, unique identifier for each department, type bigint.
 name: The name of the faculty, varchar type.
 created_at: Time to create the faculty, timestamp type.
 updated_at: Department update time, timestamp type.

Table 2.4. Database Deparments

2.2.2.4 courses:
 id: Master key, unique identifier for each course, bigint type.
 name: Course name, varchar style.
 department_id: The foreign key is associated with the departments table, type
bigint.
 created_at: Course creation time, timestamp type.

Table 2.5. Database Courses

2.2.2.5 exams:
 id: Primary key, unique identifier for each exam, bigint type.
 course_id: The foreign key is linked to the courses board, bigint-style.
 exam_date: Exam date, date.
 created_at: Exam creation time, timestamp type.
 updated_at: Exam update time, timestamp type.

Table 2.6. Database Exams

34
2.2.2.6 notifications:
 id: Primary key, unique identifier for each message, type bigint.
 user_id: The foreign key is associated with the users table, type bigint.
 message: Message content, text style.
 created_at: Notification creation time, timestamp type.
 updated_at: Notification update time, timestamp type.

Table 2.7. Database Notifications

Conclusion: Chapter 2 has provided an overview and details of the system analysis
and design, laying the foundation for the next steps in the system development and
implementation process. The results from this chapter will assist in ensuring that the
system is developed to meet the needs of users well and achieve high efficiency in
practice.
Chapter 3 will focus on the implementation and testing of the system, providing a clear
view of how the system works in practice and ensuring that it meets the requirements
set out in the design. The results of the experiment and analysis will be the basis for
adjusting and perfecting the system, ensuring the efficiency and final quality of the
product.

35
CHAPTER 3: BUILD A SYSTEM TO MONITOR,
COMPILE STATISTICS AND PUBLISH REVIEW
RESULTS
3.1 Installation:

3.1.1 Composer Installation


Double-click on the downloaded file, proceed to install it as shown below.
 Click "Next" to proceed with the installation.
 Note: During the installation process, if there is an error, you can skip it by
clicking "Next" to continue installing.
 Hold down the stick to select the settings folder and continue to click "Next".
 Select the area where the PHP file is located and continue to click "Next".
 The Proxy settings section is blank and continue to click "Next".
 Review the last selection before clicking "Install" to proceed with the
installation.
 Instruction Sheet, Click "Next".
 This is the end of the installation process, Click "Finish" to finish.

3.1.2 Running commands in cmd


The Artisan commands below relate to caching and configuration management
in Laravel. Here's an explanation of each command:
a) php artisan cache:clear
- Clear all data that has been cached by the app. This helps to get rid of old,
unnecessary data to avoid errors or incorrect results.
b) php artisan config:clear
- Clear the cache of the config file. Laravel caches compiled configurations to
speed up access. Use this command when you make changes to configuration
files and want the changes to take effect immediately.
c) php artisan route:clear
- Clear the cache of your app's routes. Laravel can store information about routes
in the cache to increase performance. This command is needed when there is a
change in the route definition.
d) php artisan view:clear
- Clear the cache of compiled view files. Laravel compiles Blade (view) files into
PHP code to speed up execution. This command ensures that changes in the file
view will be applied.
e) php artisan event:clear
- Clear the cache of the event listeners. If you have cached your event listeners,
this command will clear that cache to ensure that new or modified event
listeners are effective.
f) php artisan config:cache
- Re-cache configuration files. Use this command to increase application
performance once the configurations have stabilized, giving Laravel faster
access to settings.
g) php artisan route:cache
36
- Re-cache routes. This command compiles all of your application's routes into a
single array for quick retrieval, which increases performance.
h) php artisan view:cache
- Compile all file view Blade and save it to cache. This reduces page load times
when the views are already pre-compiled.
i) php artisan event:cache
- Re-caching events and listeners. This optimizes performance when using the
event system in Laravel.

Abbreviate:
- clear: Clear the cache of a specific part (cache, config, route, view, event).
- cache: Creates and caches for a specific part, making the app run faster by
retrieving data faster.

php artisan serve command: Used in Laravel to start a built-in, application-serving


PHP web server.

37
3.2 Experimental results
Below are the experimental results including the interface of the Review
System at the Vietnam-Korea University of Information and Technology, University
of Da Nang.

3.2.1 Login Interface

Figure 3.2.1 Login interface


Figure 3.2.1 depicts the homepage interface of the review system at the Vietnam
Korea University of Information and Communication Technology (VKU). On this
interface, users will see two main input fields: Email and Password. Users only need
to enter the correct email account information and password issued by the school to
log in to the system. After successful authentication, users will have access to the
system's functions to conduct the prescribed review registration.

38
3.2.2 Interface of the management page

Figure 3.2.2 Management page interface

Figure 3.2.2 illustrates the interface of the management page for the Department
of Testing and Education Quality Assurance (P.KT & DBCLGD). This interface
includes the main navigation bars such as Home, Teaching Management (with
sections: Classes, Faculties/Majors, Subjects, Exams), Review Management (List of
Review Forms), and Account (Log Out).

In the Teaching Management section, users can view a list of Classes,


Subjects, Exams, and have the ability to create new Classes, Subjects, and Exams. This
helps expand the range of subjects that students can choose from to register for review,
and manage teaching data systematically and scientifically.

39
3.2.3 View of information for students registering for review

Figure 3.2.3 View information information for students who register for review

Figure 3.2.3 shows the interface where the Department of Testing and
Educational Quality Assurance (P.KT & DBCLGD) can track the details of the
students who apply for the review. This screen displays information such as: Student
Information, Subjects, Semester, Exam Date, Status, Review Registration Date,
and Action.

In addition, this page also provides the function of exporting data to Excel files,
helping the P.KT & DBCLGD Land Registry to compile and manage information of
students registering for review conveniently and easily.

40
3.2.4 Review Feedback Interface for Students

Figure 3.2.4 Review Feedback Interface for Students

Figure 3.2.4 depicts the interface where the Department of Testing and Education
Quality Assurance (P.KT & DBCLGD) can review and approve student review
requests. This interface provides two status options: Accept Review and Reject
Review.

In addition, P.KT & DBCLGD can also add a feedback note to provide more
information or reasons related to the review decision to students, making the feedback
process more transparent and clear.

41
3.2.5 Notification interface when a student registers for review

Figure 3.2.5 Notification interface when a student registers for a review

Figure 3.2.5 shows the interface of the notification that the Department of Testing and
Education Quality Assurance (P.KT&DBCLGD) receives when a student registers for
the review. This interface displays detailed information about the student's review
request, including basic information such as the student's name, course, semester,
exam date, and request status.

This notification helps the P.KT&DBCLGD quickly capture and process review
requests, ensuring that all requests are reviewed and processed in a timely manner.

42
3.2.6 Student Page Interface

Figure 3.2.6 Student Page Interface


Figure 3.2.6 depicts the interface of the review management page for students. This
interface consists of the following main sections:
- Submitted Appeals: Displays a list of all the appeals submitted by the student.
- Pending Applications: Lists the applications for review that are awaiting
consideration and approval from the Department of Testing and Education
Quality Assurance (P.KT& DBCLGD).
- Accepted Applications: Displays approved and accepted appeals.
- Rejected Applications: List the rejected appeals, along with the reasons if any.
This interface allows students to track and manage the status of their review
applications easily and efficiently.

43
3.2.7 Interface List of Courses Submitted for Review

Figure 3.2.7 Interface List of Courses Submitted for Review


Figure 3.2.7 shows the interface that displays the list of subjects that students have
submitted for review. This interface provides an overview of the subjects related to
student review requirements, allowing users to:
- View the list of subjects: Displays information about the subjects that the
student has registered for review.
- Subject Status: Provides information on the review status of each subject, such
as pending, accepted, or rejected.
- Review Application Details: Provides the ability to view details of the review
requirements related to each subject.

44
3.2.8 Page Interface View Feedback from P.KT&DBCLGD

Figure 3.2.8 Page Interface View feedback from P.KT&DBCLGD


Figure 3.2.8 depicts the interface that allows students to view details of the appeal they
have submitted. This interface indicates:
- Appeal Status: Shows the outcome of the appeal, including whether the appeal
was accepted or denied.
- Reason for rejection (if applicable): If the application is rejected, the interface
will provide a specific reason for the student to better understand the decision.
This interface makes it easy for students to track the results of the review and
capture information about the final decision of the Department of Testing and
Education Quality Assurance (P.KT& DBCLGD).

45
3.2.9 Review Registration Interface

Figure 3.2.9 Review registration interface


Figure 3.2.9 depicts the review registration interface for students. This interface
consists of the following main sections:
- Select Modules: Allow students to select the subjects they wish to apply for
review from the list of courses taken.
- Enter the required information: Students enter the information required for the
review request, including the reason for the review and other relevant
information.
- Review Period: Shows the period of time during which students can apply for a
review.
- Application Submission Button: Allows students to complete and submit the
review application to the Department of Testing and Education Quality
Assurance (P.KT&DBCLGD).

46
CONCLUSION AND DEVELOPMENT DIRECTION
In the process of implementing the project "Building a system for monitoring,
statistics, and notification of review results," we have achieved important results and
gained a lot of valuable knowledge and experience.

1. Conclusion
1.1 Results achieved
 Completing the system: We have developed and implemented a complete web
system for review management at the Vietnam University of Information and
Communication Technology. The system includes important functions such as
reviewing registration, managing student information, reviewing requests, and
exporting reports.
 User-friendly interface: The system's user interface is designed to be intuitive
and easy to use, making it easy for students and the Department of Testing and
Educational Quality Assurance (P.KT&DBCLGD) to manipulate and manage
review requests.
 Features and efficiency: Features such as review result notification, review
management, and statistics have been integrated and work efficiently. The
system supports exporting reports in Excel format, making data aggregation and
analysis more convenient.
 Security: The system is built with the necessary security measures, ensuring the
safety of user information and review data.

1.2 Unachieved Results

 User Interface Limitations: The current user interface remains simple and
may not fully meet the standards for aesthetics and usability. Key design
elements such as color schemes, layouts, and overall interface style require
further improvement to enhance the user experience. More advanced UI
components and interactions are needed to improve user engagement and
satisfaction.
 Limited Device Responsiveness: The interface may lack full compatibility
across various devices, particularly mobile platforms. This can lead to an
inconsistent and suboptimal user experience across different screen sizes and
resolutions. Further optimization for mobile devices is required to ensure a
seamless experience across all platforms, including tablets and smartphones.
 Lack of Advanced Features: Some key functionalities, such as interactive
elements and dynamic content, might not be fully implemented or optimized.
Enhancing features like real-time updates, notifications, and better interactivity
could improve the overall functionality of the system.
 Performance Optimization: The system may not yet perform optimally under
high user load or with large data sets. Improving the speed and efficiency of the
system, particularly in handling large-scale data, would help ensure a smoother
user experience.
 User Feedback Integration: The system may not yet have mechanisms in
place to gather, analyze, and implement user feedback effectively. Including a

47
feedback loop would help address issues and make continuous improvements
based on real user experiences.

2. Development Direction

 Improved Interface and User Experience:


o Mobile Interface: Develop a mobile-friendly interface to ensure that
users can access the system seamlessly across different devices,
including smartphones and tablets. This will improve accessibility and
user convenience, especially for users on the go.
o Support Features: Integrate online support features such as chatbots or
live customer support systems to assist users with inquiries and issues
promptly. These features will enhance user satisfaction by providing
quick solutions and reducing response times.
o Enhanced Aesthetics and Usability: Revamp design elements, such as
color schemes, typography, and layout, to align with modern UI/UX
trends. Focus on creating a visually appealing and intuitive interface that
makes navigation simple and enjoyable.
o Interactive Features: Introduce interactive elements like dynamic
content, animations, or personalized user dashboards to make the
interface more engaging and interactive.
 Collaborate with Other Platforms:
o Integration with Student Management Systems: Explore the potential
of integrating with existing student management systems to streamline
data flow, reduce redundancy, and improve overall system functionality.
This could help provide a more comprehensive solution for managing
student information and activities.
o Integration with Document Management Software: Investigate the
possibility of connecting the system with document management
platforms to improve document handling, storage, and retrieval. This
would allow for easier access and management of important documents
related to student records or exams.
o Third-Party Service Integrations: Consider incorporating other useful
third-party services, such as payment gateways for transactions or cloud
storage solutions for data backup and security.
 Scalability and Performance Optimization:
o Focus on optimizing the system’s performance to handle high traffic and
large datasets efficiently. Consider implementing scalable cloud
solutions to accommodate future growth and ensure the system performs
reliably under various conditions.
 User Feedback and Continuous Improvement:
o Implement a feedback system to gather user input regularly and
incorporate improvements based on real-world usage. This will help
keep the system up to date with evolving user needs and expectations.

48
REFERENCES

1. Laravel Documentation. (n.d.). Laravel 10.x Documentation. Retrieved from


https://laravel.com/docs
2. PHP Manual. (n.d.). PHP Documentation. Retrieved from
https://www.php.net/manual/en/
3. W3Schools. (n.d.). HTML, CSS, JavaScript Tutorials. Retrieved from
https://www.w3schools.com/
4. Stack Overflow. (n.d.). Programming Q&A Community. Retrieved from
https://stackoverflow.com/
5. MDN Web Docs. (n.d.). Web Development Documentation. Retrieved from
https://developer.mozilla.org/
6. GeeksforGeeks. (n.d.). Programming Tutorials and Practice Problems.
Retrieved from https://www.geeksforgeeks.org/
7. TutorialsPoint. (n.d.). PHP, HTML, and JavaScript Tutorials. Retrieved from
https://www.tutorialspoint.com/

49

You might also like