Xây dựng ứng dụng luyện thi đạt chuẩn đầu ra ngoại ngữ cho hệ chính qui đại trà UIT (báo cáo cuối kì đồ án 1)

ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

Nguyễn Thành Đạt - 19520040
Nguyễn Hoàng Nam - 19520171

ĐỒ ÁN 1
XÂY DỰNG ỨNG DỤNG LUYỆN THI ĐẠT CHUẨN ĐẦU
RA NGOẠI NGỮ CHO HỆ CHÍNH QUI ĐẠI TRÀ UIT

GIẢNG VIÊN HƯỚNG DẪN
Thạc sĩ: Huỳnh Hồ Thị Mộng Trinh

TP. HỒ CHÍ MINH, 2022


THÔNG TIN HỘI ĐỒNG CHẤM ĐỒ ÁN 1

Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số
…………………… ngày ………………….. của Hiệu trưởng Trường Đại học Công
nghệ Thông tin.
1. …………………………………………. – Chủ tịch.
1. …………………………………………. – Thư ký.
1. …………………………………………. – Ủy viên.
1. …………………………………………. – Ủy viên.

1


ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC

Độc Lập - Tự Do - Hạnh Phúc

CÔNG NGHỆ THÔNG TIN

TP. HCM, ngày tháng năm 2022

NHẬN XÉT ĐỒ ÁN 1
(CỦA CÁN BỘ HƯỚNG DẪN)
Tên đồ án 1:
Xây dựng ứng dụng luyện thi đạt chuẩn đầu ra ngoại ngữ cho hệ chính qui đại trà UIT
Nhóm sinh viên thực hiện:

Cán bộ hướng dẫn:

Nguyễn Thành Đạt

19520040

Ths. Huỳnh Hồ Thị Mộng Trinh

Nguyễn Hoàng Nam

19520171

Đánh giá Đồ án 1:

1. Về cuốn báo cáo:
Số trang

Số chương

Số bảng số liệu

Số hình vẽ

Số tài liệu tham khảo

Sản phẩm

Một số nhận xét về hình thức cuốn báo cáo:
●
2. Về nội dung nghiên cứu:
●
●
3. Về chương trình ứng dụng:
●
2


●
4. Về thái độ làm việc của sinh viên:
Đánh giá chung:
Điểm từng sinh viên:
Nguyễn Thành Đạt: ………../10
Nguyễn Hoàng Nam: ………../10

Người nhận xét
(Ký và ghi rõ họ tên)

Huỳnh Hồ Thị Mộng Trinh

3


ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC

Độc Lập – Tự Do – Hạnh Phúc

CÔNG NGHỆ THÔNG TIN

TP. HCM, ngày tháng năm 2022

NHẬN XÉT ĐỒ ÁN 1
(CỦA CÁN BỘ PHẢN BIỆN)
Tên khóa luận:
Xây dựng ứng dụng luyện thi đạt chuẩn đầu ra ngoại ngữ cho hệ chính đại trà UIT
Nhóm sinh viên thực hiện:

Cán bộ phản biện:

Nguyễn Thành Đạt

19520040

ThS. Huỳnh Hồ Thị Mộng Trinh

Nguyễn Hồng Nam

19520171

Đánh giá Khóa luận:
5. Về cuốn báo cáo:
Số trang

Số chương

Số bảng số liệu

Số hình vẽ

Số tài liệu tham khảo

Sản phẩm

Một số nhận xét về hình thức cuốn báo cáo:
●
6. Về nội dung nghiên cứu:
●
●
4

7. Về chương trình ứng dụng:
●
●
8. Về thái độ làm việc của sinh viên:
Đánh giá chung:
Điểm từng sinh viên:
Nguyễn Thành Đạt: ………../10
Nguyễn Hoàng Nam: ………../10

Người nhận xét
(Ký và ghi rõ họ tên)

5


LỜI CẢM ƠN
Sau quá trình học tập và rèn luyện tại khoa Công nghệ phần mềm trường Đại học
Công nghệ Thông tin – ĐHQG TP.HCM chúng em đã được trang bị các kiến thức cơ
bản và các kỹ năng thực tế để có thể hồn thành Đồ án 1 của mình.
Để hồn thành Đồ án 1, chúng em xin gửi lời cảm ơn chân thành đến:
Ban Giám hiệu trường Đại học Cơng nghệ Thơng tin – ĐHQG TP.HCM vì đã tạo
điều kiện về cơ sở vật chất với hệ thống thư viện hiện đại, đa dạng các loại sách và
tài liệu thuận lợi cho việc tìm kiếm và nghiên cứu thơng tin.
Cơ Huỳnh Hồ Thị Mộng Trinh đã tận tình giúp đỡ, định hướng cách tư duy và cách
làm việc khoa học. Đó là những góp ý hết sức quý báu khơng chỉ trong q trình thực
hiện đồ án này mà còn là hành trang tiếp bước cho chúng em trong quá trình học tập
và lập nghiệp sau này.
Và cuối cùng, chúng em xin gửi lời cảm ơn đến gia đình, tất cả thầy cơ trong khoa,
bạn bè và tập thể lớp KTPM2019 là những người luôn sẵn sàng sẻ chia và giúp đỡ
trong học tập và cuộc sống. Mong rằng, chúng ta sẽ mãi mãi gắn bó với nhau.

Trong q trình làm đồ án này chúng em khơng tránh khỏi được những sai sót, chúng
em kính mong nhận được sự chỉ dẫn và góp ý của q thầy cơ để đồ án được hoàn
thiện hơn.
Chúng em xin chân thành cảm ơn. Xin chúc những điều tốt đẹp nhất sẽ ln đồng
hành cùng mọi người.
Thành phố Hồ Chí Minh, … tháng … năm 2022
Sinh viên

NGUYỄN THÀNH ĐẠT
NGUYỄN HOÀNG NAM

6


ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC

Độc Lập - Tự Do - Hạnh Phúc

CÔNG NGHỆ THÔNG TIN

TP. HCM, ngày….. tháng ….. năm 2022

ĐỀ CƯƠNG CHI TIẾT
TÊN ĐỀ TÀI: Xây dựng ứng dụng luyện thi đạt chuẩn đầu ra ngoại ngữ cho hệ
chính qui đại trà UIT
TÊN ĐỀ TÀI (TIẾNG ANH):

Cán bộ hướng dẫn: ThS. Huỳnh Hồ Thị Mộng Trinh
Thời gian thực hiện: Từ ngày 21/02/2022 đến ngày 11/06/2022
Sinh viên thực hiện:
Nguyễn Thành Đạt – 19520040
Nguyễn Hoàng Nam – 19520171
Nội dung đề tài
1. Lý do chọn đề tài:
Tiếng anh là ngôn ngữ vô cùng cần thiết. Đối với sinh viên trường UIT, việc học
tiếng anh không chỉ giúp đạt chuẩn tốt nghiệp mà cịn ảnh hưởng đến cơng việc sau
này.
Phần lớn quỹ thời gian của sinh viên dành cho việc học tập trên trường, làm các bài
tập và đồ án. Do đó, họ khơng đủ thời gian để học tập và rèn luyện tiếng anh tại các
trung tâm.
Để giải quyết được tình trạng đó, chúng em quyết định chọn đề tài này để giúp tất
cả sinh viên có thể học tập thường xuyên mà không cần phải tới các lớp tiếng anh
hay trung tâm.

7


Tình trạng các trang web học tiếng anh hiện nay:
-

Trả phí để được sử dụng tính năng

-

Thiếu một số các tính năng cần thiết

-

Một số trang web bắt buộc người dùng phải theo một khởi đầu cơ bản nên
khó tiếp cận đối với những người đã ở mức điểm cao

-

Hầu hết các trang web chỉ nổi bật một số tính năng cịn lại thì khơng tốt.

⇒ Với những ngun nhân trên, chúng em quyết định chọn đề tài xây dựng ứng
dụng luyện thi đạt chuẩn đầu ra ngoại ngữ cho hệ chính qui đại trà UIT để tiến hành
nghiên cứu và xây dựng. Mục đích chính trong lần nghiên cứu này là tạo ra một
trang web với giao diện thân thiện cung cấp cho sinh viện đại trà UIT các tình năng
tiện ích để học tập tiếng anh phục vụ cho nhu cầu tốt nghiệp.
2. Mục tiêu:
_ Xây dựng trang web gồm những chức năng chính như sau:
+ Học từ vựng
+ Ôn tập từ vựng
+ Học ngữ pháp
+ Luyện thi Toeic
+ Luyện nghe Toeic
+ Kho lưu từ vựng được đánh dấu
3. Phạm vi:
Phạm vi môi trường: Web.
Phạm vi chức năng:
− Học từ vựng:
▪ Học từ vựng theo từng chủ đề
▪ Cung cấp các bộ từ (vd: 600 toeic, chủ đề nhà cửa, chủ đề cảm
xúc …)
▪ Học từ vựng theo 1 danh sách (truyền thống, liệt kê tất cả các từ
của 1 bộ từ và người dùng tự đọc tự học)

8


▪ Ơn tập từ vựng siêu tốc (hình thức trắc nghiệm, 5s mỗi câu)
− Ôn tập từ vựng:
+ Ôn tập siêu tốc
− Học ngữ pháp:
+ Danh sách các dạng ngữ pháp
+ Mỗi bài học có: Lý thuyết + Ví dụ
− Luyện thi Toeic
+ Cung cấp các bộ đề thi
+ Chấm điểm + tính giờ
+ Xem lại kết quả và đáp án + giải thích những bài thi
− Luyện nghe Toeic
+ Danh sách các bộ luyện nghe
− Kho lưu từ vựng được đánh dấu
+ Lưu từ vựng được người dùng đánh dấu
4. Đối tượng sử dụng: Sinh viên đại trà trường UIT và những người cần luyện thi
Toeic.
5. Phương pháp thực hiện:
Phương pháp làm việc: Làm việc nhóm 2 thành viên thông qua cả 2 phương thức
online và offline dưới sự hướng dẫn của giảng viên hướng dẫn.
Phương pháp nghiên cứu:
− Phân tích nhu cầu sử dụng của đối tượng người dùng.
− Nghiên cứu tài liệu các công nghệ liên quan.
Phương pháp cơng nghệ:
− Tìm hiểu về các ngơn ngữ lập trình mới.
− Xây dựng giao diện web để tương tác với người dùng.
− Tìm hiểu hoạt động của các tính năng trang web
6. Nền tảng công nghệ:

− Frontend: HTML, CSS, Javascript, ReactJS.
9


− Backend: Javascript, NodeJS (Express).
− Database: MogoDB.
7. Kết quả mong đợi:
−

Trang web có khả năng tương tác với người dùng ổn định.

−

Các chức năng của trang web hoạt động đúng đắn, dễ sử dụng.

8. Hướng phát triển của đề tài:
Đề tài cho phép chúng ta mở rộng và phát triển nhằm xây dựng một ứng dụng hoàn
chỉnh:
− Cung cấp đầy đủ chức năng và tiện ích về việc học từ vựng, luyện nghe, học
ngữ pháp, luyện thi và lưu trữ từ vựng khó.
− Trang blog
− Trang cung cấp tài liệu (Các đề thi, đề nghe, pdf từ vựng...)
− Tập trung nâng cao hiệu quả học
− Tạo ghi chú ở bất kỳ trang nào
− Lưu lại các câu khó trong các đề thi/ đề nghe
− Tạo lịch trình học theo điểm số
− Trang cộng đồng (Đăng bài, trả lời, ...)

9. Kế hoạch làm việc:
Thời gian thực hiện từ ngày 21/02/2022 đến ngày 11/06/2022.

Các giai đoạn triển khai cơ bản như sau:
Giai đoạn 1: Hoàn thiện các chức năng cơ bản. Giai đoạn này gồm 3 sprint:
Thời gian: 21/02/2022 – 21/03/2022.
Sprint 1: Tìm hiểu cơng nghệ.
Sprint 2: Phân tích u cầu và chức năng, xây dựng CSDL và thiết kế giao diện.

10


Sprint 3: Xây dựng và phát triển ứng dụng ở mức độ sơ khai.
Sprint

Thời gian

Sprint 1 21/02/2022

Công việc
- Lựa chọn đề tài.

- 03/02/2022 - Tìm hiểu cơng nghệ.
- Khảo sát các ứng dụng liên quan.
Sprint 2 04/03/2022

- Phân tích yêu cầu và chức năng.

- 08/03/2022 - Xây dựng CSDL.
- Tìm hiểu xử lý ngôn ngữ tự nhiên.
Sprint 3 09/03/2022

- Xây dựng server

- 21/03/2022 - Xây dựng giao diện web.
- Xây dưng 1 số chức năng như luyện nghe, khóa học từ
vựng
- Test thử lần 1.
Giai đoạn 2: Hoàn thiện các chức năng trong giai đoạn 1, đồng thời xây dựng hoàn
thiện các chức năng, triển khai viết báo cáo. Giai đoạn này gồm 2 sprint:
Thời gian: 22/03/2022 – 11/06/2022.
Sprint 4: Hoàn thiện các chức năng ở giai đoạn 1. Xây dựng hồn thiện các chức
năng cịn lại.
Sprint 5: Triển khai và viết báo cáo.
Sprint

Thời gian

Cơng việc

Sprint 4 22/03/2022 - Hồn thiện các thành phần ở giai đoạn 1.
- 04/06/2022 - Xây dựng, hồn thiện các chức năng cịn lại
- Tìm và sửa lỗi.
Sprint 5 05/06/2022 - Triển khai sản phẩm.
- 11/06/2022 - Viết báo cáo.
10. Phân công công việc
11


Cơng việc
Cơng việc - Phân tích u cầu, chức năng.
chung
- Xây dựng CSDL.

- Xây dựng Server.
- Kiểm thử phần mềm.
- Viết báo cáo.
Nguyễn Thành Đạt

Nguyễn Hồng Nam

Cơng việc - Xây dựng các trang:
cá nhân
• Đăng nhập, đăng xuất,
• Luyện thi
• Khóa học từ vựng.

Xác nhận của CBHD

- Xây dựng các trang:
• Luyện nghe
• Ngữ pháp
• Kho người dùng

TP. HCM, ngày 12 tháng 06 năm 2022

(Ký tên và ghi rõ họ tên)

12


MỤC LỤC

Lý do chọn đề tài ..................................................................................... 20

Tính năng mới/khác biệt ........................................................................... 20
Đối tượng nghiên cứu ............................................................................... 20
Phạm vi nghiên cứu .................................................................................. 21
Phương pháp thực hiện ............................................................................. 22

Mơ hình MVC ......................................................................................... 23
Khái niệm ......................................................................................... 23
Cấu trúc mơ hình MVC ...................................................................... 23
Tầng xử lý – Controller................................................................. 23
Tầng logic dữ liệu – Model ........................................................... 24
Tầng giao diện – View .................................................................. 24
Mơ hình MVC trong ứng dụng web ..................................................... 24
HTML .................................................................................................... 25
CSS ........................................................................................................ 26
ReactJS ................................................................................................... 26
NodeJS (Express) ..................................................................................... 26
Javascript ................................................................................................ 26
MongoDB ............................................................................................... 27

Phân loại các yêu cầu phần mềm ............................................................... 28
Yêu cầu nghiệp vụ ............................................................................. 28
Yêu cầu chất lượng ............................................................................ 28
13


Use case .................................................................................................. 29
Use case tổng quát ............................................................................. 29
Danh sách các Actor .......................................................................... 30
Danh sách các use case thành phần ...................................................... 30
Đặt tả Usecase ................................................................................... 32

USECASE Khóa học từ vựng ........................................................ 32
USECASE Luyện nghe ................................................................. 33
USECASE Luyện thi .................................................................... 34
USECASE Ngữ Pháp ................................................................... 34
USECASE Kho từ vựng................................................................ 35
USECASE Thông tin người dung .................................................. 36
USECASE Đăng ký...................................................................... 37
USECASE Đăng nhập .................................................................. 37
Activity Diagram ............................................................................... 39
Activity Diagram Khóa học từ vựng .............................................. 39
Activity Diagram Ôn tập siêu tốc ................................................... 40
Activity Diagram Luyện nghe ....................................................... 41
Activity Diagram Luyện thi ........................................................... 42
Activity Diagram Ngữ pháp .......................................................... 43
Activity Diagram Kho của tôi ........................................................ 44
Activity Diagram Đăng nhập ......................................................... 45
Activity Diagram Đăng ký ............................................................ 46
Thiết kế cơ sở dữ liệu ............................................................................... 47
Sơ đồ ERD ........................................................................................ 47
Sơ đồ ERD Khóa học từ vựng ....................................................... 47

14


Sơ đồ ERD Luyện nghe ................................................................ 48
Sơ đồ ERD Luyện thi ................................................................... 49
Sơ đồ ERD Ngữ pháp ................................................................... 50
Sơ đồ ERD Kho từ vựng ............................................................... 50
Danh sách các bảng dữ liệu ................................................................ 51
Mô tả từng bảng dữ liệu ..................................................................... 52

Bảng users ................................................................................... 52
Bảng userprocesses ...................................................................... 52
Bảng list_voca ............................................................................. 53
Bảng list_topic ............................................................................. 53
Bảng wordcourses ........................................................................ 54
Bảng vocatopic ............................................................................ 54
Bảng words ................................................................................. 54
Bảng meaning .............................................................................. 55
Bảng example .............................................................................. 55
Bảng wordstore .......................................................................... 55
Bảng lstopics ............................................................................. 56
Bảng lscourses ........................................................................... 56
Bảng lsparts ............................................................................... 56
Bảng lsquestions ........................................................................ 57
Bảng lsminquestions ................................................................... 57
Bảng answers ............................................................................. 58
Bảng grammartopics ................................................................... 58
Bảng grammarparts .................................................................... 58
Bảng exams ............................................................................... 58

15


Bảng bigquestions ...................................................................... 59
Bảng smquestions ....................................................................... 59
Thiết kế giao diện .................................................................................... 60
Danh sách các màn hình ..................................................................... 60
Màn hình đăng nhập ..................................................................... 60
Màn hình đăng ký ........................................................................ 61
Màn hình khóa học từ vựng ........................................................... 62

Màn hình danh sách chủ đề từ vựng ............................................... 62
Màn hình học từ vựng ................................................................... 63
Màn hình ơn tập siêu tốc ............................................................... 64
Màn hình chủ đề ngữ pháp ............................................................ 64
Màn hình nội dung ngữ pháp ......................................................... 65
Màn hình khóa luyện nghe ............................................................ 66
Màn hình đề luyện nghe theo phần ............................................... 66
Màn hình luyện nghe .................................................................. 67
Màn hình danh sách đề thi ........................................................... 68
Màn hình làm đề thi .................................................................... 68
Màn hình Kho từ vựng ................................................................ 69

Ưu điểm .................................................................................................. 70
Nhược điểm............................................................................................. 70
Kết quả đạt được ...................................................................................... 70
Link source code ............................................................................... 70
Về mặt nghiên cứu ............................................................................. 70
Về mặt sản phẩm ............................................................................... 70

16


Hướng phát triển ...................................................................................... 71

DANH MỤC HÌNH ẢNH
Hình 1

Mơ hình MVC ................................................................................... 23

Hình 2 Mơ hình MVC trong lập trình web ........................................................ 24

Hình 3 Sơ đồ Use case ........................................................................................ 29
Hình 4 Sơ đồ Activity Khóa học từ vưng.............................................................. 39
Hình 5 Sơ đồ Activity Ơn tập siêu tốc .................................................................. 40
Hình 6 Sơ đồ Activity Luyện nghe ...................................................................... 41
Hình 7 Sơ đồ Activity Luyện thi .......................................................................... 42
Hình 8 Sơ đồ Activity Ngữ Pháp ......................................................................... 43
Hình 9 Sơ đồ Activity Kho của tơi ....................................................................... 44
Hình 10 Sơ đồ Activity Đăng nhập ...................................................................... 45
Hình 11 Sơ đồ Activity Đăng ký ......................................................................... 46
Hình 12 Sơ đồ ERD Khóa học từ vựng ................................................................ 47
Hình 13 Sơ đồ ERD Luyện nghe ......................................................................... 48
Hình 14 Sơ đồ ERD Luyện thi ............................................................................ 49
Hình 15 Sơ đồ ERD Ngữ Pháp ............................................................................ 50
Hình 16 Sơ đồ ERD Kho từ vựng ........................................................................ 50
Hình 17 Màn hình đăng nhập .............................................................................. 60
Hình 18 Màn hình đăng ký ................................................................................. 61
Hình 19 Màn hình danh sách khóa học từ vựng..................................................... 62
Hình 20 Màn hình danh sách chủ đề từ vựng ........................................................ 62
Hình 21 Màn hình học từ vựng ............................................................................ 63
Hình 22 Màn hình ơn tập siêu tốc ........................................................................ 64
Hình 23 Màn hình chủ đề ngữ pháp ..................................................................... 64
Hình 24 Màn hình nội dung ngữ pháp .................................................................. 65
Hình 25 Màn hình khóa luyện nghe ..................................................................... 66
Hình 26 Màn hình đề luyện nghe theo phần .......................................................... 66
17


Hình 27 Màn hình luyện nghe ............................................................................. 67
Hình 28 Màn hình danh sách đề luyện thi ............................................................. 68
Hình 29 Màn hình làm đề thi............................................................................... 68

Hình 30 Màn hình kho từ vựng chưa đăng nhập .................................................... 69
Hình 31 Màn hình kho từ vựng đã đăng nhập ....................................................... 69

DANH MỤC BẢNG
Bảng 1 Danh sách các Actor ............................................................................... 30
Bảng 2 Danh sách các use case thành phần ........................................................... 30
Bảng 3 Đặc tả use case Khóa học từ vựng ............................................................ 32
Bảng 4 Đặc tả use case Luyện nghe ..................................................................... 33
Bảng 5 Đặc tả use case Luyện thi ........................................................................ 34
Bảng 6 Đặc tả use case Ngữ pháp ........................................................................ 34
Bảng 7 Đặc tả use case Kho từ vựng .................................................................... 35
Bảng 8 Đặc tả use case Thông tin người dùng....................................................... 36
Bảng 9 Đặc tả use case Đăng ký .......................................................................... 37
Bảng 10 Đặc tả use case Đăng nhập ..................................................................... 37
Bảng 11 Danh sách các bảng dữ liệu .................................................................... 51
Bảng 12 Bảng users............................................................................................ 52
Bảng 13 Bảng userprocesses ............................................................................... 52
Bảng 14 Bảng list_voca ...................................................................................... 53
Bảng 15 Bảng list_topic...................................................................................... 53
Bảng 16 Bảng wordcourses ................................................................................. 54
Bảng 17 Bảng vocatopic ..................................................................................... 54
Bảng 18 Bảng words .......................................................................................... 54
Bảng 19 Bảng meaning....................................................................................... 55
Bảng 20 Bảng example ....................................................................................... 55
Bảng 21 Bảng wordstore..................................................................................... 55
Bảng 22 Bảng lstopics ........................................................................................ 56
18


Bảng 23 Bảng lscourses ...................................................................................... 56

Bảng 24 Bảng lsparts.......................................................................................... 56
Bảng 25 Bảng lsquestions ................................................................................... 57
Bảng 26 Bảng lsminquestions ............................................................................. 57
Bảng 27 Bảng answers ....................................................................................... 58
Bảng 28 Bảng grammartopics ............................................................................. 58
Bảng 29 Bảng grammarparts ............................................................................... 58
Bảng 30 Bảng exams .......................................................................................... 58
Bảng 31 Bảng bigquestions ................................................................................. 59
Bảng 32 Bảng smquestions ................................................................................. 59

19


GIỚI THIỆU CHUNG
Lý do chọn đề tài
-

Tiếng anh là ngôn ngữ vô cùng cần thiết. Đối với sinh viên trường UIT,
việc học tiếng anh không chỉ giúp đạt chuẩn tốt nghiệp mà cịn ảnh hưởng
đến cơng việc sau này.

-

Phần lớn quỹ thời gian của sinh viên dành cho việc học tập trên trường, làm
các bài tập và đồ án. Do đó, họ khơng đủ thời gian để học tập và rèn luyện
tiếng anh tại các trung tâm.

-

Để giải quyết được tình trạng đó, chúng em quyết định chọn đề tài này để

giúp tất cả sinh viên có thể học tập thường xuyên mà không cần phải tới
các lớp tiếng anh hay trung tâm.

-

Tình trạng các trang web học tiếng anh hiện nay:
• Trả phí để được sử dụng tính năng
• Thiếu một số các tính năng cần thiết
• Một số trang web bắt buộc người dùng phải theo một khởi đầu cơ
bản nên khó tiếp cận đối với những người đã ở mức điểm cao
• Hầu hết các trang web chỉ nổi bật một số tính năng cịn lại thì không
tốt.

⇒ Với những nguyên nhân trên, chúng em quyết định chọn đề tài xây dựng
ứng dụng luyện thi đạt chuẩn đầu ra ngoại ngữ cho hệ chính qui đại trà UIT để
tiến hành nghiên cứu và xây dựng. Mục đích chính trong lần nghiên cứu này là
tạo ra một trang web với giao diện thân thiện cung cấp cho sinh viện đại trà
UIT các tình năng tiện ích để học tập tiếng anh phục vụ cho nhu cầu tốt nghiệp.
Tính năng mới/khác biệt
Đối tượng nghiên cứu
-

Cơng nghệ:
• Frontend: HTML, CSS, ReactJS, Javascript.
• Backend: Javascript và NodeJS (Express).
20


• Database: MongoDB.
• IDE: Visual Studio Code.

-

Đối tượng phạm vi đề tài hướng đến:
• Sinh viên hệ đại trà trường UIT.
• Người có nhu cầu luyện thi Toeic.

Phạm vi nghiên cứu
-

Phạm vi mơi trường: Web.

-

Phạm vi chức năng:
• Học từ vựng:
▪ Học từ vựng theo từng chủ đề
▪ Cung cấp các bộ từ (vd: 600 toeic, chủ đề nhà cửa, chủ đề cảm
xúc …)
▪ Học từ vựng theo 1 danh sách (truyền thống, liệt kê tất cả các
từ của 1 bộ từ và người dùng tự đọc tự học)
▪ Ôn tập từ vựng siêu tốc (hình thức trắc nghiệm, 5s mỗi câu)
• Học ngữ pháp:
▪ Danh sách các dạng ngữ pháp
▪ Mỗi bài học có: Lý thuyết + Ví dụ
• Luyện thi Toeic
▪ Cung cấp các bộ đề thi
▪ Chấm điểm + tính giờ
▪ Xem lại kết quả và đáp án + giải thích những bài thi
• Luyện nghe Toeic
▪ Danh sách các bộ luyện nghe

• Kho lưu từ vựng được đánh dấu
▪ Lưu từ vựng được người dùng đánh dấu
• Trang cá nhân
▪ Xem thơng tin cá nhân

21


Phương pháp thực hiện
-

Phương pháp làm việc: Làm việc nhóm 2 thành viên thông qua cả 2 phương
thức online và offline dưới sự hướng dẫn của giảng viên hướng dẫn.

-

Phương pháp nghiên cứu:
• Phân tích nhu cầu sử dụng của đối tượng người dùng.
• Nghiên cứu tài liệu các cơng nghệ liên quan.

-

Phương pháp cơng nghệ:
• Tìm hiểu về các ngơn ngữ lập trình mới.
• Xây dựng giao diện web để tương tác với người dùng.
• Tìm hiểu hoạt động của các tính năng trang web

22

KIẾN THỨC NỀN TẢNG
Mơ hình MVC
Khái niệm
Mơ hình MVC (Model – View – Controller) là một trong những mơ hình kiến trúc ứng
dụng phổ biến nhất. Ban đầu mơ hình này được áp dụng chủ yếu ở các ứng dụng
desktop, nhưng sau này ý tưởng về mơ hình MVC được ứng dụng cho các nền tảng khác
như web.

Hình 1 Mơ hình MVC
Cấu trúc mơ hình MVC
Tầng xử lý – Controller
Xử lí logic của ứng dụng, là cầu nối giữa View và Model. Hay nói một cách cụ thể,
Controller sẽ nhận yêu cầu được gửi từ View và thực hiện xử lí yêu cầu, truy vấn hoặc
thao tác dữ liệu lên Model. Sau khi xử lý xong, kết quả sẽ được trả về lại cho View.

23


Tầng logic dữ liệu – Model
Model là trung gian giữa ứng dụng và hệ quản trị cơ sở dữ liệu để cung cấp và quản lí
mơ hình và các thao tác lên dữ liệu. Thông thường, Model sẽ kết nối với một hoặc nhiều
cơ sở dữ liệu để thực hiện các thao tác lên dữ liệu.
Tầng giao diện – View
Thể hiện giao diện người dùng, là thành phần giao tiếp giữa người dùng (user) và ứng
dụng (application).
Mơ hình MVC trong ứng dụng web
Với sự phát triển của các công nghệ xây dựng web ở cả frontend và backend, các nhà
phát triển có thể xây dựng và phát triển ứng dụng web một cách độc lập nhưng vẫn
đảm bảo được tính kiến trúc của ứng dụng.

Hình 2 Mơ hình MVC trong lập trình web

24