Đồ án tốt nghiệp - Xây dựng website học tiếng Anh

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM
KHOA CÔNG NGHỆ THÔNG TIN

KHÓA LUẬN TỐT NGHIỆP
XÂY DỰNG WEBSITE HỌC TIẾNG ANH

GIẢNG VIÊN HƯỚNG DẪN:
ThS. NGUYỄN TRẦN THI VĂN
SINH VIÊN THỰC HIỆN:
NGUYỄN TRỌNG TÍN

19110033

KHOÁ 2019
Thành phố Hồ Chí Minh tháng 7 năm 2024

Trường đại học Sư Phạm Kỹ Thuật TP.HCM
Khoa: CNTT

ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP
Họ và Tên SV: Nguyễn Trọng Tín
Thời gian làm luận văn : từ 04/03/2024 Đến : 15/06/2024
Chuyên ngành : Công nghệ phần mềm
Tên luận văn : Xây dựng website học tiếng Anh
GV hướng dẫn : ThS. Nguyễn Trần Thi Văn
Nhiệm Vụ Của Luận Văn :
1. Xây dựng website cho phép người dùng đăng nhập/đăng ký
2. Xây dựng website cho phép người dùng học các khóa học tiếng Anh
3. Xây dựng website cho phép người dùng theo dõi tiến độ học
4. Xây dựng website dễ sử dụng
5. Xây dựng website quản lý dễ quản lý bài học

MỤC LỤC
PHẦN MỞ ĐẦU
1.1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI
1.2 MỤC TIÊU CỦA ĐỀ TÀI
1.3 ĐỐI TƯỢNG NGHIÊN CỨU
1.4 CÔNG NGHỆ SỬ DỤNG
1.5 PHẠM VI NGHIÊN CỨU
1.6 Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN
PHẦN NỘI DUNG
CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
1.1 EXPRESS JS
1.2 REACT JS

Mở đầu

1.3 MYSQL
1.4 JSON WEB TOKEN
CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU
2.1 KHÁT SÁT HIỆN TRẠNG
2.2 KINH NGHIỆM RÚT RA
2.3 XÁC ĐỊNH YÊU CẦU
2.4 MÔ HÌNH HÓA YÊU CẦU
CHƯƠNG 3: THIẾT KẾ HỆ THỐNG
3.1 MÔ HÌNH HÓA YÊU CẦU
3.2 THIẾT KẾ GIAO DIỆN
3.3 TRẢI NGHIỆM NGƯỜI DÙNG
3.4 THIẾT KẾ XỬ LÝ
CHƯƠNG 4: CÀI ĐẶT VÀ KẾT QUẢ THỬ NGHIỆM
4.1 CÀI ĐẶT
4.2 KẾT QUẢ THỬ NGHIỆM
PHẦN KẾT LUẬN
TÀI LIỆU THAM KHẢO
Kế hoạch thực hiện
Ngày bắt đầu: 04/03/2024
Ngày kết thúc: 15/06/2024
Tuần

Công việc
Tìm hiểu các trang web tương tự,
thực tiễn

Ngày

1+2

04/03/2024
- 17/03/2024

3+4

18/03/2024
31/03/2024

5+6

01/04/2024
14/04/2024

Xác định scope của vấn đề, viết
- usecase
- Chọn stack công nghệ, lên kế
hoạch code

TIỂU LUẬN CHUYÊN NGÀNH

Ghi chú

Mở đầu

7+8

9+10

15/04/2024
28/04/2024

29/04/2024
12/05/2024

13/05/2024
11+12
26/05/2024
13
14
15

27/05/2024
02/06/2024
03/06/2024
09/06/2024
10/06/2024
15/06/2024

Viết API và giao diện cho trang
- user application
Viết API và giao diện cho trang
- admin application

Thêm chức năng trả lời câu hỏi,
sửa các lỗi nhỏ trong quá trình sử
dụng thử
- Viết báo cáo.
-

- Tiếp tục viết và hoàn thiện báo cáo.
- Sửa và hoàn thiện báo cáo.

TIỂU LUẬN CHUYÊN NGÀNH

CỘNG
ĐH SƯHOÀ
PHẠM KỸ THUẬT
TP.HCM
Độc
KHOA CNTT

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ẢNG V
...

...
rên nội dung bài học,
cải thiện trải nghiệm người dùng và gia tăng tính tương tác.

Về ứng dụng
Chúng tôi đã xây dựng thành công ứng dụng với các chức năng cơ bản như sau, đáp
ứng đầy đủ các yêu cầu kỹ thuật đã đề ra:


Quản lý tài khoản người dùng: Đăng ký, đăng nhập, quản lý thông tin cá nhân,
thay đổi mật khẩu.



Học tiếng Anh online: Cung cấp nội dung học tập, bài kiểm tra, và sử dụng AI
để tạo câu hỏi dựa trên bài học.



Responsive và bảo mật: Áp dụng Json Web Token để bảo vệ dữ liệu người dùng
trong trình duyệt.

77

Kết luận

Ưu điểm
Sau khi hoàn thiện ứng dụng nhóm nhận thấy ứng dụng gồm những ưu điểm
sau:
-

Các chức năng được xây dựng bằng các tách thành từng Module và
Component nên dễ dàng sửa đổi, cập nhật và mở rộng.

-

Người dùng cuối dễ dàng truy cập và sử dụng ứng dụng nhờ giao diện thân
thiện, bắt mắt, dễ dùng.

-

Ứng dụng Json Web Token giúp bảo mật dữ liệu ẩn trong trình duyệt, hạn chế
các cuộc tấn công mạng.

-

Ứng dụng chạy chính xác các chức năng được cài đặt.

-

Bên cạnh đó, website còn có Responsive thích ứng với các thiết bị và mọi độ
phân giải màn hình.
Nhược điểm
Bên cạnh, nhưng ưu điểm trên thì nhóm nhận thấy website vẫn còn tồn tại một

số nhược điểm nhất định:
-

Nhóm đã làm nhưng tốc độ cập nhật dữ liệu của website chưa thực sự tốt.

-

Quá trình xử lý và thực hiện các chức năng chưa thực sự nhanh và mượt.
Hướng phát triển

Để việc xây dựng ứng được hoàn thiện và đầy đủ hơn, nhóm hướng đến việc:
-

Tiếp tục phát triển và xây dựng và bổ sung thêm các chức năng cho hệ thống.

-

Thêm tính năng giúp người học có thể luyện tập phát âm

-

Thêm tính năng nhắc nhở học qua email để người dùng không bỏ giữa chừng.

78

Kết luận

TÀI LIỆU THAM KHẢO
1. React. (2024). Tài liệu chính thức của React. Truy cập từ https://react.dev/
2. Prime React. (2024). Tài liệu chính thức của Prime React. Truy cập từ
https://primereact.org/
3. Google AI. (2024). Tài liệu chính thức API của Gemini. Truy cập từ
https://ai.google.dev/gemini-api/docs
4. Express.js. (2024). Tài liệu chính thức API của Express.js. Truy cập từ
https://expressjs.com/
5. Next.js. (2024). Tài liệu chính thức API của Next.js. Truy cập từ
https://nextjs.org/
6. iVietTech. (16/04/2020). Thiết kế cơ sở dữ liệu: Các bước thực hiện. Truy cập
từ https://iviettech.vn/blog/10578-thiet-ke-co-so-du-lieu-cac-buoc-thuchien.html
7. JSON Web Tokens. (n.d.). Introduction to JSON Web Tokens. Truy cập từ
https://jwt.io/introduction

79

S

K

L

0

0

2

1

5

4