Đồ án tốt nghiệp - Xây dựng Website dạy học cho học sinh tiểu học sử dụng Spring Boot, NextJS

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

BÙI THIÊN KIM - 21110521
NGUYỄN QUỲNH MY - 21110548
Đề tài:

XÂY DỰNG WEBSITE DẠY HỌC CHO HỌC SINH TIỂU
HỌC SỬ DỤNG SPRINGBOOT, NEXTJS

KHÓA LUẬN TỐT NGHIỆP

GIẢNG VIÊN HƯỚNG DẪN
TS. LÊ VĂN VINH

KHÓA 2021 – 2025

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

BÙI THIÊN KIM - 21110521
NGUYỄN QUỲNH MY - 21110548
Đề tài:

XÂY DỰNG WEBSITE DẠY HỌC CHO HỌC SINH TIỂU
HỌC SỬ DỤNG SPRINGBOOT, NEXTJS

KHÓA LUẬN TỐT NGHIỆP

GIẢNG VIÊN HƯỚNG DẪN
TS. LÊ VĂN VINH

KHÓA 2021 - 2025

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
***-Tp. Hồ Chí Minh, ngày

tháng

năm 2025

NHIỆM VỤ KHÓA LUẬN TỐT NGHIỆP
Họ và tên sinh viên 1: Bùi Thiên Kim

MSSV 1: 21110521

Họ và tên sinh viên 2: Nguyễn Quỳnh My

MSSV 2: 21110548

Thời gian thực hiện: Từ 06/01/2025 đến 15/06/2025
Chuyên ngành: Công nghệ phần mềm
Tên đề tài: Xây dựng website dạy học cho học sinh tiểu học sử dụng Spring Boot,
NextJS
Họ và tên Giảng viên hướng dẫn: TS. Lê Văn Vinh
Nội dung:
Lý thuyết:
- Tìm hiểu về các công nghệ: ReactJS, NextJS, Spring Framework, Spring Boot,
MongoDB, Json Web Token
- Khảo sát các website khác có cùng chủ đề để cải thiện các chức năng và trải
nghiệm người dùng
Thực hành:
- Áp dụng các công nghệ vào Website dạy học cho học sinh tiểu học
TRƯỞNG NGHÀNH
(Ký, ghi rõ họ tên)

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

LỜI CẢM ƠN
Lời đầu tiên, nhóm em xin gửi lời tri â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 vì đã tạo điều kiện thuận
lợi cho chúng em trong suốt quá trình học tập và thực hiện đề tài. Sự hỗ trợ và môi
trường học thuật từ Khoa là nền tảng quan trọng giúp chúng em phát triển kiến thức
chuyên môn vững vàng.
Đặc biệt, nhóm em xin gửi lời cảm ơn chân thành đến thầy Lê Văn Vinh, người đã tận
tâm hướng dẫn và đóng góp những ý kiến vô cùng quý báu trong suốt quá trình thực
hiện đề tài, từ những bước khởi đầu cho đến khi hoàn thiện. Sự chỉ dẫn tận tình của thầy
đã giúp chúng em định hướng đúng đắn và giải quyết những khó khăn gặp phải trong
quá trình thực hiện.
Những kiến thức chuyên ngành được học tại trường kết hợp với trải nghiệm thực tế qua
các đợt thực tập đã trang bị cho chúng em nền tảng vững chắc để hoàn thành đề tài này.
Công lao của tập thể thầy cô trong Khoa, đặc biệt là thầy Lê Văn Vinh, không chỉ giúp
chúng em có được hành trang quý giá về mặt họ
...

...
ệc nhóm, tư duy giải quyết vấn đề, và quản lý dự
án theo phương pháp Agile.
1.2. VỀ ỨNG DỤNG
Ứng dụng đã hoàn thiện các chức năng cơ bản theo kế hoạch dự kiến:
- Quản lý tài khoản người dùng: Đăng ký, đăng nhập, quên mật khẩu, thay đổi
thông tin cá nhân và đổi mật khẩu.
- Học toán trực tuyến: Bao gồm bài học, bài kiểm tra, theo dõi tiến độ học tập,
và thống kê kết quả.
- Quản lý nội dung: Quản lý bài học theo cấp độ và chủ đề
- Chức năng cho phụ huynh: Giúp phụ huynh theo dõi tiến độ học tập và kết
quả của học sinh.
- Đấu trường học tập: Giúp học sinh ôn lại kiến thức đã học cũng như thi đấu
với các bạn học sinh khác.
2. ƯU ĐIỂM
Ứng dụng của chúng em có những ưu điểm sau:
- Phát triển theo hướng module hóa và component-based, dễ dàng bảo trì và
mở rộng.
- Sử dụng CI/CD với GitHub Actions giúp đẩy nhanh việc phát hành và cập
nhật tính năng.
183

- Ứng dụng Công nghệ Json Web Token giúp bảo mật dữ liệu ẩn trong trình
duyệt giúp hạn chế các cuộc tấn công mạng làm ảnh hưởng đến dữ liệu hệ
thống.
- Người dùng cuối dễ dàng truy cập và sử dụng nhờ giao diện bắt mắt, thân
thiện.
3. NHƯỢC ĐIỂM
Do giới hạn về thời gian và nhân lực, ứng dụng cũng có một số nhược
điểm như sau:
- Chưa có chức năng thêm bài học vào nhật ký học tập
- Bên cạnh đó, website chưa hỗ trợ giao diện di động.
4. HƯỚNG PHÁT TRIỂN
Để xây dựng được ứng dụng đầy đủ và hoàn thiện hơn, chúng em hướng đến:
- Tiếp tục phát triển, xây dựng thêm chức năng: chức năng thêm bài học vào
nhật ký học tập.
- Tích hợp trí tuệ nhân tạo vào đấu trường học tập, cho phép học sinh chọn độ
khó và thi đấu trực tiếp với đối thủ AI được điều chỉnh theo trình độ, mang
đến trải nghiệm học tập cá nhân hóa, thử thách và hấp dẫn hơn.

184

TÀI LIỆU THAM KHẢO
[1] ITviec. (2023, June 29). MongoDB là gì? Hiểu rõ A-Z về cơ sở dữ liệu MongoDB.
ITviec. https://itviec.com/blog/mongodb-la-gi/
[2]

Spring

Framework.

(n.d.).

Spring

Framework

overview.

Spring.

https://docs.spring.io/spring-framework/reference/overview.html
[3] Techworks. (2024, October 10). Kiến trúc Spring Boot: Ưu và nhược điểm.
Techworks. https://techworks.vn/blog/kien-truc-spring-boot
[4] Next.js Tutorial. https://www.geeksforgeeks.org/nextjs/
[5] Что такое Next.js и для чего он нужен?. https://pxstudio.pw/blog/chto-takoe-nextjs-i-dlya-chego-on-nuzhen
[6] Getting Started Promise based HTTP client for the browser and node.js.
https://axios-http.com/docs/intro
[7] Material UI - Overview. https://mui.com/material-ui/getting-started/

185