Đồ án tốt nghiệp - Xây dựng website học tiếng Anh trực tuyến sử dụng React.js, Java spring boot

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TPHCM
KHOA CÔNG NGHỆ THÔNG TIN
NGÀNH CÔNG NGHỆ THÔNG TIN
-oOo-

KHÓA LUẬN TỐT NGHIỆP
XÂY DỰNG WEBSITE HỌC TIẾNG ANH
TRỰC TUYẾN SỬ DỤNG REACT.JS,
JAVA SPRING BOOT

GVHD: TS. Lê Vĩnh Thịnh
Sinh viên thực hiện

MSSV

1. Hoàng Công Thành Nhân

20110687

2. Đoàn Võ Nhựt Hào

20110641

Hồ Chí Minh, tháng 7 năm 2024

CỘNG HÒA 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: Hoàng Công Thành Nhân
MSSV: 20110687
Họ và tên Sinh viên: Đoàn Võ Nhựt Hào
MSSV: 20110641
Ngành: Công nghệ thông tin
Tên đề tài: Xây dựng website học tiếng Anh trực tuyến sử dụng React.Js, Java Spring
Boot, Firebase
Họ và tên Giảng viên hướng dẫn: TS. Lê Vĩnh Thịnh
NHẬN XÉT
1. Về nội dung đề tài &amp khối lượng thực hiện:
- Về lý thuyết: đề tài Xây Dựng Website Học Tiếng Anh Trực Tuyến đáp ứng nhu
cầu thực tế của người dùng trong việc học tiếng Anh hiệu quả và tiện lợi. Nhóm đã
thực hiện đầy đủ các bước từ khảo sát hiện trạng, phân tích yêu cầu, thiết kế hệ thống
đến triển khai và kiểm thử. Khối lượng công việc được phân chia hợp lý và hoàn
thành một cách chi tiết và khoa học.
2. Ưu điểm: Ứng dụng cung cấp nhiều tính năng tiện ích như học từ vựng, kiểm tra
kiến thức, và theo dõi tiến trình học tập. Nhóm sinh viên đã thể hiện sự chăm chỉ, tận
tâm và chủ động trong quá trình thực hiện dự án. Họ luôn hoàn thành nhiệm vụ đúng
hạn và có tinh thần học hỏi cao. Nhóm cũng thể hiện khả năng làm việc nhóm tốt,
phân công công việc rõ ràng và hiệu quả.
3. Khuyết điểm: Sinh viên cần trang bị kiến thức về AI để xây dựng App dụng hiệu
quả hơn về các lớp học ảo.
4. Đánh giá loại: Khá Giỏi
5. Điểm:
8.5 (Bằng chữ: ……………………………………………)
TP.HCM, Ngày…. Tháng 07 năm 2024
Giảng viên hướng dẫn
(Ký &amp ghi rõ họ tên)
Lê Vĩnh Thịnh

CỘNG HÒA 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 PHẢN BIỆN
Họ và tên Sinh viên: Hoàng Công Thành Nhân
MSSV: 20110687
Họ và tên Sinh viên: Đoàn Võ Nhựt Hào
MSSV: 20110641
Ngành: Công nghệ thông tin
Tên đề tài: Xây dựng website học tiếng Anh trực tuyến sử dụng React.Js, Java Spring
Boot, Firebase
Họ và tên Giảng viên hướng dẫn: TS. Huỳnh Xuân Phụng
NHẬN XÉT
1. Về nội dung đề tài &amp khối lượng thực hiện:
- Về lý thuyết:
………………………………………………………………………………………….
………………………………………………………………………………………….
- Về thực hành:
………………………………………………………………………………………….
………………………………………………………………………………………….
2. Ưu điểm:
………………………………
...

...
ương 6: Kết luận và hướng phát triển
bản thân.

thành Khóa

Tuy nhiên nội dung cung cấp trong mỗi từ vựng

luận tốt

như hình ảnh hay video chưa được phong phú như

nghiệp:

WordUp.

10/10

Ngoài ra WordUp có một số tính năng về AI nằm
trong gói Premium. VocaHype cũng đã có một số
tính năng về AI đã được lên kế hoạch cho Khóa
luận tốt nghiệp.

6.5. Hướng phát triển
Sau thời gian phát triển các tính năng của trang web, nhóm có một số ý
tưởng nhằm phát triển hệ thống tốt hơn và khắc phục các hạn chế mà sản phẩm hiện
tại của nhóm đang có. Nhưng do vấn đề về mặt thời gian nên nhóm sẽ chỉ trình bày
các ý tưởng này và thực hiện các ý tưởng đó trong tương lai
6.5.1. Phát triển ứng dụng di động
Ứng dụng Vocahype hiện có thể truy cập trên thiết bị di động thông qua trình
duyệt, thế nhưng cách này mang lại khá nhiều hạn chế và giao diện không được tối
ưu tốt. Thế nên, một hướng phát triển quan trọng là xây dựng ứng dụng di động cho
VocaHype. Với sự phổ biến của điện thoại thông minh, việc học từ vựng sẽ trở nên
dễ dàng và thuận tiện hơn khi người dùng có thể học mọi lúc mọi nơi. Ứng dụng di
động sẽ đồng bộ hóa với phiên bản web, cho phép người dùng duy trì tiến độ học
tập của họ bất kể họ đang sử dụng thiết bị nào.
6.5.2. Thêm chế độ học theo nhóm
Tạo chế độ học theo nhóm cho phép người dùng mời bạn bè hoặc gia đình
cùng học và thi đua với nhau. Chế độ học nhóm có thể bao gồm các tính năng như
tạo nhóm học tập, chia sẻ từ vựng, và tổ chức các buổi thi đua. Việc học theo nhóm
sẽ tăng tính cạnh.

115

Tài nguyên mã nguồn

TÀI NGUYÊN MÃ NGUỒN
1. Liên kết đến github: Front-end
https://github.com/hctxnhan/vocahype-fe
2. Liên kết đến github Back-end
https://github.com/haodoan147/vocahype

116

Tài liệu tham khảo

TÀI LIỆU THAM KHẢO
[1] Spring Boot, 24/12/2023, https://spring.io/projects/spring-boot/
[2] ReactJS, 24/12/2023, https://react.dev/
[3] Firebase, 24/12/2023, https://firebase.google.com/
[4] Netlify, 24/12/2023, https://www.netlify.com/
[5] Tailwind CSS, 24/12/2023, https://tailwindcss.com/
[6] Shadcn, 24/12/2023, https://ui.shadcn.com/
[7] SWR, 24/12/2023, https://swr.vercel.app/
[8] PostgreSQL, 24/12/2023, https://www.postgresql.org/
[9] Hibernate, 24/12/2023, https://hibernate.org/
[10] Liquibase, 24/12/2023, https://www.liquibase.org/
[11]

Spring

Data

JPA,

24/12/2023,

https://spring.io/projects/spring-data-jpa/
[3] WordsAPI, 14/07/2024, https://rapidapi.com/dpventures/api/wordsapi
[4] OpenAI, 14/07/2024, https://openai.com/

117