BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO
--

KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT
ĐỀ TÀI:

XÂY DỰNG WESITE HỖ TRỢ HỌC TẬP VÀ
ĐÁNH GIÁ NĂNG LỰC
Giảng viên hướng dẫn:

Th.S Nguyễn Trần Thi Văn

Sinh viên thực hiện:

Phan Cao Cường

Hồ Chí Minh, tháng 12 năm 2022

18110087

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO
--

KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT
ĐỀ TÀI:

XÂY DỰNG WESITE HỖ TRỢ HỌC TẬP VÀ
ĐÁNH GIÁ NĂNG LỰC
Giảng viên hướng dẫn:

Th.S Nguyễn Trần Thi Văn

Sinh viên thực hiện:

Phan Cao Cường

Hồ Chí Minh, tháng 12 năm 2022

18110087

CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT
NAM
Độc lập – Tự do – Hạnh Phúc

*******
NHIỆM VỤ CỦA KHÓA LUẬN TỐT NGHIỆP
Sinh viên: Phan Cao Cường

MSSV: 18110087

Chuyên ngành: Công nghệ thông tin
Giảng viên hướng dẫn: Thạc sĩ Nguyễn Trần Thi Văn
Ngày nhận: 05/09/2022

Ngày nộp: 20/12/2022

1. Tên đề tài: Xây dựng Website hỗ trợ học tập và đánh giá năng lực
2. Nội dung thực hiện:
• Lý thuyết:
- Tìm hiểu công nghệ MERN
- Tìm hiểu lập trình ReactJs, Nodejs
- Tìm hiểu RESTful API
•

Thực hành:
-

Xây dựng website cho phép người dùng củng cố kiến thức theo chủ đề, từng chủ đề
sẽ có nội dung riêng biệt.

-

Hệ thống lại các đề kiểm tra qua các năm cho người dùng luyện tập.

-

Xây dựng cơ chế mua các gói dịch vụ nâng cao tính năng so với người dùng cơ bản.

-

Xây dựng các bài kiểm tra theo chủ đề.

-

Xây dựng hệ thống cho người quản lý.

TRƯỞNG NGÀNH
(Ký và ghi rõ họ tên)

GIẢNG VIÊN HƯỚNG DẪN
(Ký và ghi rõ họ tên)

CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh Phúc

*******
PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
Họ và tên Sinh viên: Phan Cao Cường
MSSV: 18110087
Ngành: Công nghệ thông tin
Tên đề tài: Xây dựng Website hỗ trợ học tập và đánh giá năng lực
Họ và tên Giáo viên hướng dẫn: Th.S Nguyễn Trần Thi Văn
.................................................................................................................................................
NHẬN XÉT
1. Về nội dung đề tài &amp khối lượng thực hiện:
.................................................................................................................................................
.................................................................................................................................................
................................................................................................................
...

...
point

-

NodeJs: Xây dựng server

• Frontend :
-

ReactJs

• Thirdly Party
-

NodeMailer: Gửi mail

-

Paypal Sandbox: Thanh toán

-

GoogleAPI : Đăng nhập bằng email

-

FaceBookApi: Đăng nhập bằng tài khoản facebook

6.3. Quản lý Source code
-

Version control : Gitlab

67

-

Source: https://gitlab.com/phancaocuong0000/project_final.git

6.4. Kiểm thử
6.4.1. Kiểm thử chức năng đăng ký

Hình 6.1. Kiểm thử chức năng đăng ký
6.4.2. Kiểm thử tạo topic

68

Hình 6.2. Kiểm thử chức năng tạo topic
6.4.3. Kiểm thử tạo bài kiểm tra

69

Hình 6.3. Kiểm thử chức năng tạo bài kiểm tra

70

Chương 7. TỔNG KẾT
7.1. Nội dung thực hiện được
Sau khi nghiên cứu, tìm hiểu, nhóm đã thực hiện được các công việc sau:
• Database:
-

Tiếp cận được một cơ sở dữ liệu mới

-

Sử dụng được các query mà Mongodb hỗ trợ

• Back-end
-

Xậy dựng mô hình hiện đang phổ biến là MVC thông qua
boilerplate

-

Tạo ra endpoint hỗ trợ cho Frontend

-

Các đồng bộ hóa các tiến trình, giảm thiểu xung đột

• Front-end
-

Tìm hiểu được tính năng, cơ chế vận hành của ReactJs

-

Thiết kế giao diện kết hợp ReactJs và các thư viện khác.

-

Sử dụng một số thư viện phổ biếng hiện nay giải quyết các vấn đề
cụ thể nhanh chóng.

-

Hoàn thành các tính năng mà người dùng có thể sư dụng

• Kinh nghiệm nhận được
-

Tự dựng được một chương trình hoàn chỉnh và có thể sử dụng.

-

Áp dụng các kiến thức được học vào đề tài

-

Ứng dụng một số công nghệ mới

7.2. Ưu và nhược điểm
7.2.1. Ưu điểm
-

Chương trình có giao diện dễ nhìn, trực quan, sinh động giúp người
dùng thoải mái khi sử dụng.

-

Đáp ứng các chức năng cơ bản của một website luyện thi: Củng cố kiến
thức, năng cấp để có tính năng mới

-

Có phân cấp quyền đăng nhập theo 3 dạng người dùng

-

Chương trình có Verify theo gmail cung cấp

-

Các dữ liệu các nhân riêng tư được mã hóa trước khi lưu vào database
71

7.2.2. Nhược điểm
-

Chương trình còn khá đơn giản.
Chưa deploy lên hệ thống thực tế.
Vẫn chưa có nhiều chức năng mở rộng.

7.3. Hướng phát triển
-

Tìm hiểu thêm các tính năng nâng cao.
Phát triển trên hệ thống FlashForm khác
Tối ưu hóa hệ thống tốt hơn, tăng tính bảo mật

TÀI LIỆU THAM KHẢO
[1]. Kiến thức cơ bản về React
https://topdev.vn/blog/reactjs-nhung-dieu-ban-can-phai-biet/
72

[2].Tìm hiểu về Mongodb
https://viblo.asia/p/tim-hieu-ve-mongodb-4P856ajGlY3
[3]. Kỳ thi đánh giá năng lực
https://thinangluc.vnuhcm.edu.vn/dgnl/
[4]. Google API
https://console.cloud.google.com/

73

S

K

L

0

0

2

1

5

4