Đồ án tốt nghiệp - Xây dựng Website E-learning cung cấp khóa học CNTT dùng React.js và Node.js

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HCM
KHOA CÔNG NGHỆ THÔNG TIN
BỘ MÔN CÔNG NGHỆ PHẦN MỀM

ĐẶNG QUANG TRƯỜNG - 21110705
LÊ THÀNH VINH - 21110940

KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT
Đề Tài:

XÂY DỰNG WEBSITE E-LEARNING CUNG
CẤP KHÓA HỌC CNTT DÙNG REACT.JS VÀ
NODE.JS

GIẢNG VIÊN HƯỚNG DẪN
TS. Lê Vĩnh Thịnh

KHÓA 2021 – 2025

LỜI CẢM ƠN
Trước tiên, nhóm chúng em xin bày tỏ lòng biết ơn sâu sắc đến Khoa Công Nghệ Thông
Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh, nơi đã tạo điều kiện
thuận lợi và môi trường học tập chất lượng, giúp chúng em phát triển nền tảng kiến thức
vững chắc và có cơ hội thực hiện đề tài Xây dựng website E-learning cung cấp khóa
học CNTT dùng React.js và Node.js.
Đặc biệt, nhóm xin gửi lời cảm ơn chân thành và sâu sắc đến TS. Lê Vĩnh Thịnh, giảng
viên hướng dẫn, người đã đồng hành, tận tâm hỗ trợ và chỉ dẫn cho chúng em trong suốt
quá trình nghiên cứu và hoàn thành đề tài này. Sự hướng dẫn tận tình của thầy từ những
ngày đầu triển khai đến khi kết thúc không chỉ giúp nhóm hiểu rõ hơn về kiến thức
chuyên môn mà còn mang đến cho chúng em nhiều bài học quý giá trong việc phát triển
kỹ năng làm việc và tư duy sáng tạo.
Nhờ những kiến thức chuyên ngành mà chúng em được học tại Khoa cùng với các kinh
nghiệm thực tế được chia sẻ từ thầy cô và qua quá trình thực tập, nhóm đã tích lũy được
một lượng lớn kiến thức, kinh nghiệm, và động lực để hoàn thành đề tài này. Những
điều đó sẽ là hành trang quý giá cho chúng em khi bước vào cuộc sống và công việc
trong tương lai.
Tuy nhiên, chúng em nhận thấy rằng kiến thức là vô tận và khả năng của nhóm vẫn còn
hạn chế. Mặc dù đã cố gắng hoàn thành đề tài một cách tốt nhất, nhưng chắc chắn vẫn
không tránh khỏi những thiếu sót. Vì vậy, chúng em rất mong nhận được những ý kiến
đóng góp quý báu từ thầy cô để có thể rút ra bài học kinh nghiệm, cải thiện và nâng cao
sản phẩm của mình trong tương lai.
Nhóm xin chân thành cảm ơn!
Nhóm thực hiện
Đặng Quang Trường – 21110705
Lê Thành Vinh – 21110940

ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP
Họ và tên Sinh viên 1: Đặng Quang Trường

MSSV 1: 21110705

Họ và tên Sinh viên 2: Lê Thành Vinh

MSSV 2: 21110940

Thời gian làm luận văn: 10/02/2025 – 18/06/2025
Chuyên ngành: Công nghệ phần mềm
Tên luận văn: Xây dựng website E-learning cung cấp khóa học CNTT dùng React.js và
Node.js.
Giáo viên hướng dẫn: TS. Lê Vĩnh Thịnh
Nhiệm vụ của luận văn:
1. Tìm hiểu và phân tích yêu cầu của hệ thống:
• Nghiên cứu nhu cầu học trực tuyến, đặc biệt sau đại dịch
...

...
oy project lên VPS, cấu hình domain để truy cập website
global.

6.3 NHỮNG HẠN CHẾ CÒN TỒN TẠI
-

Tốc độ phản hồi của Chatbot sử dụng kỹ thuật RAG vẫn còn chậm.

-

Khả năng chịu tải của website vẫn còn thấp.

-

Chưa tự động hóa trong quá trình xét duyệt khóa học.

-

Chưa tập trung cải thiện độ bảo mật của website.

6.4 HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI
-

Cấu hình cân bằng tải cho project trên VPS để có thể chịu được lượng truy cập
lớn trong cùng một thời điểm.

-

Tối ưu hóa kỹ thuật RAG để cải thiện thời gian hỏi – đáp của học viên.

-

Xây dựng tính năng tự động xét duyệt nội dung khóa học.

-

Cải thiện tính bảo mật nội dung, bảo mật thông tin người dùng của website.

-

Ứng dụng giao thức MCP (Model Context Protocol) để mở rộng hệ sinh thái
AI trên website.

-

Xây dựng mô hình giảng viên ảo để hướng đến một website có nội dung đa
dạng hơn, học viên được hỗ trợ mọi lúc, mọi nơi bởi AI.

105

TÀI LIỆU THAM KHẢO
[1] TopDev, Node.js là gì? Tổng hợp kiến thức Node.js từ A – Z,
https://topdev.vn/blog/node-js-la-gi/
[2] TopDev, Expressjs là gì? Framework mạnh mẽ Nodejs Express,
https://topdev.vn/blog/express-js-la-gi/
[3] MongoDB, MongoDB Documentation, https://www.mongodb.com/docs/.
[4] MySQL, MySQL Workbench, MySQL Documentation,
https://dev.mysql.com/doc/workbench/en/.
[5] React, Quick Start, React Documentation, https://react.dev/learn.
[6] Socket.IO, Introduction, Socket.IO Documentation, https://socket.io/docs/v4/.
[7] N8N, n8n Docs, https://docs.n8n.io/
[8] GeeksforGeeks, ML – Content Based Recommender System,
https://www.geeksforgeeks.org/machine-learning/ml-content-based-recommendersystem/
[9] Voiceflow, Voicelow Docs, https://docs.voiceflow.com/docs
[10] GeeksforGeeks, What is Retrieval-Augmented Generation (RAG),
https://www.geeksforgeeks.org/nlp/what-is-retrieval-augmented-generation-rag/
[11] NGINX, Beginner’s Guide, https://nginx.org/en/docs/beginners_guide.html

PHỤ LỤC
PHỤ LỤC A: WORKFLOW N8N

Hình 108: Workflow chức năng Chat AI có sử dụng kỹ thuật Retrieval-Augmented Generation

Hình 109: Workflow chức năng Tóm tắt nội dung bài giảng có sử dụng AI

Hình 110: Workflow chức năng Embedding nội dung bài giảng

Hình 111: Workflow chức năng lên lịch cập nhật ma trận đặc trưng TF-IDF để gợi ý khóa học

PHỤ LỤC B: MỘT SỐ WORKFLOW VOICEFLOW

Hình 112: Flow hướng dẫn sử dụng cho người mới bắt đầu

Hình 113: Flow Tạo khóa học

Hình 114: Flow hướng dẫn tìm kiếm khóa học

Hình 115: Flow hướng dẫn cập nhật thông tin cá nhân