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

NGUYỄN ĐÔNG HƯỚNG – 18110299
NGUYỄN THANH NHÂN – 18110328
Đề Tài:
XÂY DỰNG TRANG WEB DẠY HỌC LẬP TRÌNH ONLINE
KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT

GIÁO VIÊN HƯỚNG DẪN
ThS. NGUYỄN HỮU TRUNG

TP. Hồ Chí Minh, tháng 07 năm 2022

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

NGUYỄN ĐÔNG HƯỚNG – 18110299
NGUYỄN THANH NHÂN – 18110328
Đề Tài:

XÂY DỰNG TRANG WEB DẠY HỌC LẬP TRÌNH ONLINE
KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT

GIÁO VIÊN HƯỚNG DẪN
ThS. NGUYỄN HỮU TRUNG

TP. Hồ Chí Minh, tháng 07 năm 2022

2
2

Trường ĐH Sư Phạm Kỹ Thuật TP.HCM
Khoa : CNTT

NHIỆM VỤ CỦA KHÓA LUẬN TỐT NGHIỆP
Họ và Tên SV thực hiện 1 : Nguyễn Thanh Nhân

Mã Số SV : 18110328

Họ và Tên SV thực hiện 2 : Nguyễn Đông Hướng

Mã Số SV : 18110299

Thời gian làm luận văn từ: ……….14/02/2022 ............. đến: ………10/07/2022 ..............
Chuyên ngành : Công nghệ phần mềm
Tên luận văn : Xây dựng trang Web dạy học lập trình (ASP.NET Core, ReactJS, Docker)
GV hướng dẫn : ThS. Nguyễn Hữu Trung
NHIỆM VỤ CỦA LUẬN VĂN
1. Nghiên cứu thực trạng và tìm hiểu về tính cấp thiết của trang Web dạy học lập
trình
2. Phân tích hệ thống và đưa ra những yêu cầu cơ bản và nâng cao của phần mềm
3. Triển khai được ReactJS, .NET Core, Docker trên đề tài
4. Kiểm thử và đưa ra những phương hướng phát triển và mở rộng phần mềm
Đề cương viết luận văn : (theo kiểu mục lục các phần, chương mục …)
(gồm các phần sau đây)
MỤC LỤC
Chương 1. MỞ ĐẦU
1.1. Lý do chọn đề tài
1.2. Mục tiêu
1.3. Cách tiếp cận và phương pháp nghiên cứu
• Đối tượng nghiên cứu

• Phạm vi nghiên cứu
1.4. Kết quả dự kiến
Chương 2. CƠ SỞ LÝ THUYẾT
2.1. ReactJS
2.2. PostgreSQL
2.3. .NET
2.4. Docker
2.5. Dịch vụ bên thứ 3
Chương 3. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
3.1. Khảo sát hiện trạng
3.2. Yêu cầu cho hệ thống
3.3. Thiết kế hệ thống
Chương 4. VẬN DỤNG
4.1. Trang quản lý
4.2. Trang người dùng
Chương 5. CÀI ĐẶT VÀ KIỂM THỬ
5.1. Cài đặt
5.2. Khởi chạy
5.3. Kiểm thử
Chương 6. TỔNG KẾT
6.1. Kết quả đạt được
6.2. Ưu điểm &amp hạn chế
6.3. Hướng phát triển
Tài liệu tham khảo
[1]…
[2]…

KẾ HOẠCH THỰC HIỆN
STT

Thời gian

Công việc

1

14/02-01/03

Khảo sát để tài qua các trang Web
CodeLearn, Kteam, CodinGame.

2

01/03-10/03

Nghiên cứu cơ sở lý thuyết &amp tham
khảo thực hành về ReactJS, ASP
.NET Core, Docker.

3

10/03-15/03

Đưa ra các chức năng cơ bản và
nâng cao.

4

15/03-20/03

Xác định y
...

...
ên phân tích bài việc có thỏa
mãn yêu cầu bằng cách tích hợp AI
• Xây dựng chức năng đóng góp bài tập để mọi người cùng chung tay xây dựng
Website
• Xây dựng chức năng thi đấu để mọi người cùng nhau tranh tài

115

PHÂN CÔNG

Nguyễn Thanh Nhân

Nguyễn Đông Hướng

•

Tìm hiểu về ReactJS

•

Xác định chức năng Project

•

Thiết kế Database

•

Lập trình Front-end

•

Viết báo cáo

•

Tìm hiểu về ASP.NET Core

•

Xác định chức năng Project

•

Nghiên cứu các bên thứ 3

•

Lập trình Back-end

•

Set up CI/CD

•

Viết báo cáo

116

TÀI LIỆU THAM KHẢO
Link Tiếng Việt
[1]ReactJS là gì? Những điều cần biết về ReactJS theo Editor Freephp, ngày truy
cập: 22/12/2021, link truy cập: https://viblo.asia/p/reactjs-la-gi-nhung-dieu-can-biet-vereactjsc-djeZ1GJo5Wz
[2]ReactJS – Những điều bạn cần phải biết theo topdev, ngày truy cập:
22/12/2021, link truy cập: https://topdev.vn/blog/reactjs-nhung-dieu-ban-can-phai-biet/
[3]Cùng tìm hiểu về các hook trong React hooks theo Tran Duc Trung, ngày truy
cập: 22/12/2021, link truy cập: https://viblo.asia/p/cung-tim-hieu-ve-cac-hook-trong-reacthooks-Ljy5VYgjlra
[4]Tìm hiểu redux-toolkit theo Nguyen Huy Cuong, ngày truy cập: 22/12/2021,
link truy cập: https://viblo.asia/p/tim-hieu-redux-toolkit-phan-1-YWOZrN3vZQ0
[5]Postgresql là gì? Tìm hiểu về cơ sở dữ liệu mã nguồn mở tiên tiến nhất thế giới
theo Vinh Phạm, ngày truy cập: 22/12/2021, link truy cập: https://bizflycloud.vn/tintuc/postgresql-la-gi-tim-hieu-ve-co-so-du-lieu-ma-nguon-mo-tien-tien-nhat-the-gioi20180919175924611.htm
[6]Introducing .NET 5 theo Lander, Ngày truy cập: 22/12/2021, link truy cập:
https://devblogs.microsoft.com/dotnet/introducing-net-5/
[7]What is ASP.NET Core 5 theo kudvenkat, ngày truy cập: 22/12/2021, link truy
cập: https://www.youtube.com/watch?v=t3zj0c244UE&ampab_channel=kudvenkat
[9]Docker là gì? theo Thaycacac, ngày truy cập: 22/12/2021, link truy cập:
https://viblo.asia/p/docker-la-gi-L4x5x12bKBM
[11]Các khái niệm liên quan về Docker theo topdev, ngày truy cập: 22/12/2021,
link truy cập: https://topdev.vn/blog/docker-la-gi

117

Link Tiếng Anh
[8]Migration from Asp.NET Core 3.1 to 5.0 and publish to azure theo achraf, ngày
truy cập: 22/12/2021, link truy cập https://achrafbenalaya.com/2020/11/12/migration-fromasp-net-core-3-1-to-5-0-and-publish-to-azure/
[10]Docker (software) theo Wikipedia, ngày truy cập: 22/12/2021, link truy cập:
https://en.wikipedia.org/wiki/Docker_(software)

118