Xây dựng website hỗ trợ học tiếng anh cho người đi làm

ĐẠ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

ĐỒ ÁN 1

XÂY DỰNG WEBSITE HỖ TRỢ HỌC TIẾNG ANH
CHO NGƯỜI ĐI LÀM

GV HƯỚNG DẪN: TS. Đỗ Thị Thanh Tuyền
SV THỰC HIỆN: Nguyễn Khánh Huyền – 20520558

TP. HỒ CHÍ MINH, 2023


LỜI CẢM ƠN
Em xin chân thành gửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn đến cơ Đỗ Thị Thanh Tuyền vì đãn cơ Đỗ Thị Thanh Tuyền vì đã Thị Thanh Tuyền vì đã Thanh Tuy ền vì đãn vì đã
giúp đ và hướng dẫn em trong suốt q trình hồn thành đồ án xây dựngng dẫn em trong suốt q trình hồn thành đồ án xây dựngn em trong suốt q trình hồn thành đồ án xây dựngt q trình hồn thành đ ồ án xây dựng án xây d ựngng
Website Hỗ Thị Thanh Tuyền vì đã trợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gian học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc tiến cơ Đỗ Thị Thanh Tuyền vì đãng Anh cho người cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãi đi làm. Cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn cơ đã dành th ời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi gian
giúp em hi u rõ hơn đến cô Đỗ Thị Thanh Tuyền vì đãn vền vì đã chủ đề, giải đáp thắc mắc, gợi ý hướng giải quyết các đền vì đã, giảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi đáp thắc mắc, gợi ý hướng giải quyết cácc mắc mắc, gợi ý hướng giải quyết cácc, gợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giani ý h ướng dẫn em trong suốt quá trình hồn thành đồ án xây dựngng gi ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi quy ến cơ Đỗ Thị Thanh Tuyền vì đãt các
v n đền vì đã cũng như các hướng dẫn em trong suốt q trình hồn thành đồ án xây dựngng phát tri n đ đồ án xây dựng án trở nên hoàn thiện hơn. nên hoàn thiện hơn. n hơn đến cơ Đỗ Thị Thanh Tuyền vì đãn.
Nhời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã vào sựng giúp đ tận tình đó, em đã hồn thành đồ án này một cáchn tình đó, em đã hồn thành đồ án xây dựng án này một cácht cách

tốt quá trình hồn thành đồ án xây dựngt nh t có th . Bên cạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngnh đó, em cũng trao dồ án xây dựngi đượ học tiếng Anh cho người đi làm. Cảm ơn cơ đã dành thời gianc nhiền vì đãu hơn đến cơ Đỗ Thị Thanh Tuyền vì đãn các kĩ năng
c ng và cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã các kỹ năng mền vì đãm khác như kỹ năng tư duy, giảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãi quy ến cơ Đỗ Thị Thanh Tuyền vì đãt v n đ ền vì đã, lên
kến cơ Đỗ Thị Thanh Tuyền vì đã hoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngch và ghi chép. Em chân thành cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn những lời động viên, tư vấn vàng lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãi đột cáchng viên, tư v n và
sựng quan tâm củ đề, giải đáp thắc mắc, gợi ý hướng giải quyết cáca cô dành cho em. Những lời động viên, tư vấn vàng lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi đột cáchng viên đó đã giúp em có thêm
đột cáchng lựngc đ hồn thành đồ án xây dựng án, cũng như dần ổn định trên hướng đi của mình.n ổn định trên hướng đi của mình.n đị Thanh Tuyền vì đãnh trên hướng dẫn em trong suốt q trình hồn thành đồ án xây dựngng đi củ đề, giải đáp thắc mắc, gợi ý hướng giải quyết cáca mình.
Em r t mong mình sẽ có cơn đến cơ Đỗ Thị Thanh Tuyền vì đã hột cáchi nhận tình đó, em đã hồn thành đồ án này một cáchn đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc sựng cốt q trình hồn thành đồ án xây dựng v n, hướng dẫn em trong suốt q trình hồn thành đồ án xây dựngng dẫn em trong suốt quá trình hồn thành đồ án xây dựngn củ đề, giải đáp thắc mắc, gợi ý hướng giải quyết cáca cô trong
tươn đến cơ Đỗ Thị Thanh Tuyền vì đãng lai.

Sinh viên thựngc hiện hơn. n: Nguyễn Khánh Huyền.n Khánh Huyền vì đãn.
MSSV: 20520558.

2


MỤC LỤC
CHƯƠNG 1:NG 1: GIỚI THIỆU ĐỀ TÀII THIỆU ĐỀ TÀIU ĐỀ TÀI TÀI.........................................................................................12
1.1. Lí do chọc tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giann đền vì đã tài.............................................................................................................12
1.2. Mục đích nghiên cứuc đích nghiên c u....................................................................................................12
1.3. Phạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngm vi ng dục đích nghiên cứung.........................................................................................................13
1.4. Đốt q trình hồn thành đồ án xây dựngi tượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianng sửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã dục đích nghiên cứung........................................................................................................14
CHƯƠNG 1:NG 2: CÔNG NGHỆU ĐỀ TÀI VÀ PHƯƠNG 1:NG PHÁP THỰC HIỆNC HIỆU ĐỀ TÀIN....................................15
2.1. Các công nghện hơn. , thư viện hơn. n, ngôn ngững lời động viên, tư vấn và, cơng cục đích nghiên cứu đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc sửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã dục đích nghiên cứung........................15
2.1.1. Các ngơn ngững lời động viên, tư vấn và: Typescript, TSX, CSS/SCSS...................................................15
2.1.2. Công nghện hơn. /thư viện hơn. n: React, Redux, Firebase............................................16
2.1.3. Các cơng cục đích nghiên cứu: Github, Figma, Visual Studio Code........................................18
2.1.4. Các thư viện hơn. n khác..................................................................................................18
2.2. Phươn đến cô Đỗ Thị Thanh Tuyền vì đãng pháp phát tri n..............................................................................................18
2.3. Kến cơ Đỗ Thị Thanh Tuyền vì đãt quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã mong đợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giani..........................................................................................................19
CHƯƠNG 1:NG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNGT KẾT KẾ HỆ THỐNG HỆU ĐỀ TÀI THỐNGNG...........................................................20
3.1. Khảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đão sát............................................................................................................................. 20

3.1.1. Khảm ơn đến cô Đỗ Thị Thanh Tuyền vì đão sát giao diện hơn. n người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi dùng qua form:...................................................20
3.1.2. Khảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đão sát các ch c năng qua các Website liên quan:...............................22
3.2. Use-case............................................................................................................................. 24
3.2.1. Use-case “Đăng nhận tình đó, em đã hồn thành đồ án này một cáchp”..........................................................................................28
3.2.2. Use-case “Đăng kí”.................................................................................................30
3.2.3. Use-case “Qn mận tình đó, em đã hồn thành đồ án này một cácht khẩu”u”................................................................................31
3.2.4. Use-case “Cận tình đó, em đã hồn thành đồ án này một cáchp nhận tình đó, em đã hồn thành đồ án này một cácht thông tin cá nhân”.........................................................32
3.2.5. Use-case “Đổn định trên hướng đi của mình.i mận tình đó, em đã hồn thành đồ án này một cácht khẩu”u”...................................................................................33

3


3.2.6. Use-case “L y gợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giani ý lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”....................................................................35
3.2.7. Use-case “Học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc theo lột cách trình”.............................................................................36
3.2.8. Use-case “Luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”...........................................................................................37
3.2.9. Use-case “Đăng bài viến cô Đỗ Thị Thanh Tuyền vì đãt”.....................................................................................38
3.2.10. Use-case “u thích bài viến cơ Đỗ Thị Thanh Tuyền vì đãt”..........................................................................40
3.2.11. Use-case “Bình luận tình đó, em đã hoàn thành đồ án này một cáchn”.........................................................................................41
3.2.12. Use-case “Thêm lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”........................................................................42
3.2.13. Use-case “Cận tình đó, em đã hồn thành đồ án này một cáchp nhận tình đó, em đã hồn thành đồ án này một cácht lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”.................................................................43
3.2.14. Use-case “Xóa lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”.............................................................................45
3.2.15. Use-case “Thêm tài liện hơn. u”..................................................................................46
3.2.16. Use-case “Cận tình đó, em đã hồn thành đồ án này một cáchp nhận tình đó, em đã hồn thành đồ án này một cácht tài liện hơn. u”...........................................................................47
3.2.17. Use-case “Xóa tài liện hơn. u”......................................................................................49
3.2.18. Use-case “Thêm bài luyện hơn. n tận tình đó, em đã hoàn thành đồ án này một cáchp”.....................................................................50
3.2.19. Use-case “Cận tình đó, em đã hồn thành đồ án này một cáchp nhận tình đó, em đã hồn thành đồ án này một cácht bài luyện hơn. n tận tình đó, em đã hoàn thành đồ án này một cáchp”..............................................................51
3.2.20. Use-case “Xóa bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”.........................................................................53
3.3. Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã..............................................................................................................................54
3.3.1. Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã giao diện hơn. n.................................................................................................54
3.3.2. Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã dững lời động viên, tư vấn và liện hơn. u.....................................................................................................57

3.3.3. Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã kiến cơ Đỗ Thị Thanh Tuyền vì đãn trúc.................................................................................................57
CHƯƠNG 1:NG 4: CÀI ĐẶTT.................................................................................................................59
4.1. Màn hình “Đăng nhận tình đó, em đã hồn thành đồ án này một cáchp”.................................................................................................59
4.2. Màn hình “Đăng kí”........................................................................................................61
Màn hình “Qn mận tình đó, em đã hồn thành đồ án này một cácht khẩu”u”................................................................................................63
4.3. Màn hình “Onboarding”...............................................................................................65

4


4.4. Màn hình “Gợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giani ý lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cơ đã dành thời gianc”...................................................................................67
4.5. Màn hình “Trang chủ đề, giải đáp thắc mắc, gợi ý hướng giải quyết các”..................................................................................................69
4.6. Màn hình “Mơ tảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”...........................................................................................70
4.7. Màn hình “Học tiếng Anh cho người đi làm. Cảm ơn cơ đã dành thời gianc theo lột cách trình”....................................................................................72
4.8. Màn hình “Tổn định trên hướng đi của mình.ng kến cơ Đỗ Thị Thanh Tuyền vì đãt bài học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”....................................................................................74
4.9. Màn hình “Luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”..................................................................................................76
4.10. Màn hình “Mơ tảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”............................................................................78
4.11. Màn hình “Làm bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”...............................................................................80
4.12. Màn hình “Kến cơ Đỗ Thị Thanh Tuyền vì đãt quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”.......................................................................82
4.13. Màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đãt quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”........................................................84
4.14. Màn hình “Tài liện hơn. u”.....................................................................................................86
4.15. Màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt tài liện hơn. u”......................................................................................88
4.16. Màn hình “Diễn Khánh Huyền.n đàn”..................................................................................................90
4.17. Màn hình “Tạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngo bài viến cơ Đỗ Thị Thanh Tuyền vì đãt mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”..................................................................................92
4.18. Màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt bài viến cơ Đỗ Thị Thanh Tuyền vì đãt”.....................................................................................94
4.19. Màn hình “Thơng tin cá nhân”................................................................................96
4.20. Màn hình hột cáchp thoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngi “Cận tình đó, em đã hồn thành đồ án này một cáchp nhận tình đó, em đã hồn thành đồ án này một cácht thông tin cá nhân”........................................98
4.21. Màn hình hột cáchp thoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngi “Đổn định trên hướng đi của mình.i mận tình đó, em đã hồn thành đồ án này một cácht khẩu”u”...................................................................99
4.22. Màn hình “Quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cơ đã dành thời gianc”.........................................................................100
4.23. Màn hình hột cáchp thoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngi “Thêm lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”..............................................101

4.24. Màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”.........................................................................102
4.25. Màn hình hột cáchp thoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngi “Thêm chặng mới”ng mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”..........................................................104
4.26. Màn hình hột cáchp thoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngi “Thêm câu mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”...............................................................105
4.27. Màn hình “Quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý tài liện hơn. u”..................................................................................106

5


4.28. Màn hình hột cáchp thoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngi “Thêm tài liện hơn. u mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”........................................................108
4.29. Màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt tài liện hơn. u”...................................................................................109
4.30. Màn hình hột cáchp thoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngi “Thêm thẻ mới” mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”...............................................................110
4.31. Màn hình “Quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”.....................................................................112
4.32. Màn hình hột cáchp thoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngi “Thêm bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp mớng dẫn em trong suốt quá trình hồn thành đồ án xây dựngi”...........................................113
4.33. Màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”......................................................................114
4.34. Màn hình hột cáchp thoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngi “Thêm câu hỏi mới”i mớng dẫn em trong suốt quá trình hồn thành đồ án xây dựngi”.......................................................116
CHƯƠNG 1:NG 5: KẾT KẾ HỆ THỐNGT LUẬNN.........................................................................................................118
5.1. Kến cô Đỗ Thị Thanh Tuyền vì đãt quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã........................................................................................................................... 118
5.2. Ưu đi m/Nhượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc đi m..............................................................................................118
5.2.1. Ưu đi m..................................................................................................................118
5.2.2. Nhượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc đi m..........................................................................................................118
5.3. Hướng dẫn em trong suốt q trình hồn thành đồ án xây dựngng phát tri n........................................................................................................119

6


MỤC LỤC HÌNH ẢNH

Hình 3.1 Khảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đão sát người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi dùng vền vì đã màu sắc mắc, gợi ý hướng giải quyết cácc chủ đề, giải đáp thắc mắc, gợi ý hướng giải quyết các đền vì đã......................................................20
Hình 3.2 Khảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đão sát người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi dùng vền vì đã phong cách...............................................................21
Hình 3.3 Khảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đão sát người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi dùng vền vì đã phơng chững lời động viên, tư vấn và.................................................................21

Hình 3.4 Khảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đão sát người cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãi dùng vền vì đã vị Thanh Tuyền vì đã trí thanh điền vì đãu hướng dẫn em trong suốt q trình hồn thành đồ án xây dựngng......................................22
Hình 3.5 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh use-case Hện hơn. thốt q trình hồn thành đồ án xây dựngng Hỗ Thị Thanh Tuyền vì đã trợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gian học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc tiến cơ Đỗ Thị Thanh Tuyền vì đãng Anh cho người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi đi làm
............................................................................................................................................................. 25
Hình 3.6 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh giao diện hơn. n hồn chỉnhnh..........................................................................55
Hình 3.7 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh Wireframe giao diện hơn. n..........................................................................56
Hình 3.8 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã dững lời động viên, tư vấn và liện hơn. u....................................................................................57
Hình 3.9 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh kiến cơ Đỗ Thị Thanh Tuyền vì đãn trúc Website................................................................................58
Hình 4.1 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Đăng nhận tình đó, em đã hồn thành đồ án này một cáchp”......................................................................59
Hình 4.2 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Đăng kí”.............................................................................61
Hình 4.3 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Qn mận tình đó, em đã hồn thành đồ án này một cácht khẩu”u”.............................................................63
Hình 4.4 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Onboarding”....................................................................65
Hình 4.5 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Gợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giani ý lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”.........................................................67
Hình 4.6 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Trang chủ đề, giải đáp thắc mắc, gợi ý hướng giải quyết các”........................................................................69
Hình 4.7 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Mơ tảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài học tiếng Anh cho người đi làm. Cảm ơn cơ đã dành thời gianc”.................................................................70
Hình 4.8 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Học tiếng Anh cho người đi làm. Cảm ơn cơ đã dành thời gianc theo lột cách trình”..........................................................72
Hình 4.9 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Tổn định trên hướng đi của mình.ng kến cơ Đỗ Thị Thanh Tuyền vì đãt bài học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”..........................................................74
Hình 4.10 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”.....................................................................76
Hình 4.11 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Mơ tảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”..................................................78
Hình 4.12 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Làm bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”.....................................................80
Hình 4.13 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Kến cơ Đỗ Thị Thanh Tuyền vì đãt quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”.............................................82
Hình 4.14 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đãt quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”.............................84
Hình 4.15 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Tài liện hơn. u”..........................................................................86
Hình 4.16 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt tài liện hơn. u”...........................................................88

7


Hình 4.17 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Diễn Khánh Huyền.n đàn”.......................................................................90
Hình 4.18 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Tạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngo bài viến cô Đỗ Thị Thanh Tuyền vì đãt mớng dẫn em trong suốt quá trình hồn thành đồ án xây dựngi”........................................................92
Hình 4.19 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt bài viến cơ Đỗ Thị Thanh Tuyền vì đãt”..........................................................94

Hình 4.20 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Thơng tin cá nhân”.....................................................96
Hình 4.21 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Cận tình đó, em đã hồn thành đồ án này một cáchp nhận tình đó, em đã hồn thành đồ án này một cácht thơng tin cá nhân”..................................98
Hình 4.22 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”..............................................100
Hình 4.23 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Thêm lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc mớng dẫn em trong suốt quá trình hồn thành đồ án xây dựngi”.........................................101
Hình 4.24 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cơ đã dành thời gianc”...............................................102
Hình 4.25 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Thêm chặng mới”ng mớng dẫn em trong suốt quá trình hồn thành đồ án xây dựngi”.....................................................104
Hình 4.26 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Thêm câu mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”..........................................................105
Hình 4.27 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý tài liện hơn. u”........................................................106
Hình 4.28 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Thêm tài liện hơn. u mớng dẫn em trong suốt quá trình hồn thành đồ án xây dựngi”...................................................108
Hình 4.29 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt tài liện hơn. u”.........................................................109
Hình 4.30 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Thêm thẻ mới” mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”..........................................................110
Hình 4.31 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”...........................................112
Hình 4.32 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Thêm bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”......................................113
Hình 4.33 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”............................................114
Hình 4.34 Hình ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãnh màn hình “Thêm câu hỏi mới”i mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”..................................................116

8


MỤC LỤC BẢNG
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 3.1 Danh sách use-case người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi dùng.........................................................................26
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.2 Danh sách use-case quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn trị Thanh Tuyền vì đã viên......................................................................26
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.3 Use-case “Đăng nhận tình đó, em đã hồn thành đồ án này một cáchp”............................................................................................28
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.4 Use-case “Đăng kí”...................................................................................................30
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.5 Use-case “Qn mận tình đó, em đã hoàn thành đồ án này một cácht khẩu”u”..................................................................................31
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.6 Use-case “Cận tình đó, em đã hồn thành đồ án này một cáchp nhận tình đó, em đã hồn thành đồ án này một cácht thông tin người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi dùng”...................................................32
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.7 Use-case “Đổn định trên hướng đi của mình.i mận tình đó, em đã hoàn thành đồ án này một cácht khẩu”u”......................................................................................33
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.8 Use-case “L y gợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giani ý lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”......................................................................35
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 3.9 Use-case “Học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc theo lột cách trình”...............................................................................36
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.10 Use-case “Luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”...........................................................................................37

Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.11 Use-case “Đăng bài viến cơ Đỗ Thị Thanh Tuyền vì đãt”.....................................................................................38
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.12 Use-case “u thích bài viến cơ Đỗ Thị Thanh Tuyền vì đãt”............................................................................40
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.13 Use-case “Bình luận tình đó, em đã hồn thành đồ án này một cáchn”............................................................................................41
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.14 Use-case “Thêm lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”...........................................................................42
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 3.15 Use-case “Cận tình đó, em đã hoàn thành đồ án này một cáchp nhận tình đó, em đã hồn thành đồ án này một cácht lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”....................................................................43
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.16 Use-case “Xố lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”...............................................................................45
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 3.17 Use-case “Thêm tài liện hơn. u”....................................................................................46
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 3.18 Use-case “Cận tình đó, em đã hồn thành đồ án này một cáchp nhận tình đó, em đã hoàn thành đồ án này một cácht tài liện hơn. u”.............................................................................47
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.19 Use-case “Xoá tài liện hơn. u”.........................................................................................49
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.20 Use-case “Thêm bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”........................................................................50
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 3.21 Use-case “Cận tình đó, em đã hoàn thành đồ án này một cáchp nhận tình đó, em đã hồn thành đồ án này một cácht bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”................................................................51
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 3.22 Use-case “Xố bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”............................................................................53
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.1 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã lý màn hình “Đăng nhận tình đó, em đã hoàn thành đồ án này một cáchp”............................................................60
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.2 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Đăng kí”...................................................................61
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.3 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Qn mận tình đó, em đã hồn thành đồ án này một cácht khẩu”u”...................................................63
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.4 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Onboarding”...........................................................65
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.5 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Gợ học tiếng Anh cho người đi làm. Cảm ơn cơ đã dành thời giani ý lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”...............................................67

9


Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.6 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Trang chủ đề, giải đáp thắc mắc, gợi ý hướng giải quyết các”..............................................................69
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.7 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã lý màn hình “Mơ tảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”.......................................................71
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.8 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc theo lột cách trình”................................................72
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.9 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Tổn định trên hướng đi của mình.ng kến cơ Đỗ Thị Thanh Tuyền vì đãt bài học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”................................................74
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.10 Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 3.33 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Luyện hơn. n tận tình đó, em đã hoàn thành đồ án này một cáchp”.....................................77
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.11 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Mơ tảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”........................................78
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.12 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Làm bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”...........................................81
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.13 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã lý màn hình “Kến cơ Đỗ Thị Thanh Tuyền vì đãt quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”...................................82
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.14 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đãt quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”...................85

Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.15 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã lý màn hình “Tài liện hơn. u”.................................................................86
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.16 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt tài liện hơn. u”.................................................88
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.17 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Diễn Khánh Huyền.n đàn”.............................................................91
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.18 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Tạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngo bài viến cơ Đỗ Thị Thanh Tuyền vì đãt mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”..............................................92
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.19 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt bài viến cơ Đỗ Thị Thanh Tuyền vì đãt”................................................95
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.20 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Thơng tin cá nhân”...........................................97
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.21 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Đổn định trên hướng đi của mình.i mận tình đó, em đã hoàn thành đồ án này một cácht khẩu”u”...................................................98
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.22 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”....................................100
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.23 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Thêm lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”...............................101
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.24 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt lột cách trình học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc”.....................................102
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.25 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Thêm chặng mới”ng mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”...........................................104
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.26 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Thêm câu mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”................................................106
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.27 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý tài liện hơn. u”..............................................107
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.28 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã lý màn hình “Thêm tài liện hơn. u mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”.........................................108
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.29 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã lý màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt tài liện hơn. u”...............................................109
Bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng 4.30 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Thêm thẻ mới” mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”................................................111
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.31 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã lý màn hình “Quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”.................................112
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.32 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã lý màn hình “Thêm bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi”............................113
Bảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãng 4.33 Thiến cơ Đỗ Thị Thanh Tuyền vì đãt kến cơ Đỗ Thị Thanh Tuyền vì đã xửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã lý màn hình “Chi tiến cơ Đỗ Thị Thanh Tuyền vì đãt bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp”..................................114

10


11


TĨM TẮT ĐỒ ÁN
Đền vì đã tài đồ án xây dựng án “Xây dựngng Website học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc tiến cơ Đỗ Thị Thanh Tuyền vì đãng Anh cho người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi đi làm” đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc
lên kến cô Đỗ Thị Thanh Tuyền vì đã hoạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngch thựngc hiện hơn. n trong vòng 6 tháng. Vớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi mục đích nghiên cứuc tiêu là tìm hi u đ ền vì đã tài, các
công nghện hơn. liên quan và xây dựngng đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc Website vớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi các ch c năng cơn đến cô Đỗ Thị Thanh Tuyền vì đã bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn.

Đồ án xây dựng án mang đến cơ Đỗ Thị Thanh Tuyền vì đãn một cácht Webiste giúp những lời động viên, tư vấn vàng người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi đi làm nói riêng và
những lời động viên, tư vấn vàng người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi bận tình đó, em đã hồn thành đồ án này một cáchn rột cáchn nói chung có nhu cần ổn định trên hướng đi của mình.u cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi thiện hơn. n tiến cơ Đỗ Thị Thanh Tuyền vì đãng Anh, có th ti ến cơ Đỗ Thị Thanh Tuyền vì đãp
cận tình đó, em đã hồn thành đồ án này một cáchn viện hơn. c học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc ngôn ngững lời động viên, tư vấn và này một cácht cách đơn đến cơ Đỗ Thị Thanh Tuyền vì đãn giảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã, hiện hơn. u quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã và thú vị Thanh Tuyền vì đã.
Đồ án xây dựng án đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc xây dựngng dựnga trên nền vì đãn tảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng Web và cơng nghện hơn. khá phổn định trên hướng đi của mình.
biến cơ Đỗ Thị Thanh Tuyền vì đãn hiện hơn. n nay là ReactJs và Firebase.
Đồ án xây dựng án hoàn thành các ch c năng cơn đến cô Đỗ Thị Thanh Tuyền vì đã bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn, có th đáp ng đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc nhu cần ổn định trên hướng đi của mình.u
đơn đến cơ Đỗ Thị Thanh Tuyền vì đãn giảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn củ đề, giải đáp thắc mắc, gợi ý hướng giải quyết cáca người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi dùng.

Báo cáo gồ án xây dựngm 5 phần ổn định trên hướng đi của mình.n:
1. Giới thiệu đề tài: Trình bày lí do chọn đề tài, giới thiệu sơ lược các chức
năng, đối tượng sử dụng của đề tài.
2. Cơng nghệ và phương pháp thực hiện: Trình bày sự tìm hiểu về các cơng
nghệ sử dụng trong đồ án cùng phương pháp thực hiện đồ án.
3. Phân tích thiết kế hệ thống: Trình bày các phần khảo sát, thiết kế use-case,
thiết kế kiến trúc và thiết kế giao diện người dùng.
4. Cài đặt: Trình bày các màn hình giao diện cùng các xử lý tương tác trên
màn hình.
5. Kết luận: Nêu ra kết quả thực hiện đồ án, những ưu nhược điểm cùng hướng
phát triển đồ án trong tương lai.

12


CHƯƠNG 1: NG 1: GIỚI THIỆU ĐỀ TÀII THIỆU ĐỀ TÀIU ĐỀ TÀI TÀI
1.1. Lí do chọn đề tài
Ngày nay, thến cơ Đỗ Thị Thanh Tuyền vì đã giớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi ngày càng hột cáchi nhận tình đó, em đã hồn thành đồ án này một cáchp. Vì thến cơ Đỗ Thị Thanh Tuyền vì đã, tiến cơ Đỗ Thị Thanh Tuyền vì đãng Anh là vơ cùng c ần ổn định trên hướng đi của mình.n
thiến cơ Đỗ Thị Thanh Tuyền vì đãt đốt q trình hồn thành đồ án xây dựngi vớng dẫn em trong suốt quá trình hoàn thành đồ án xây dựngi hần ổn định trên hướng đi của mình.u hến cơ Đỗ Thị Thanh Tuyền vì đãt mọc tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giani người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi, nhằm có thể bắt kịp nhịp phát triển của thếm có th bắc mắc, gợi ý hướng giải quyết cáct kị Thanh Tuyền vì đãp nhị Thanh Tuyền vì đãp phát tri n c ủ đề, giải đáp thắc mắc, gợi ý hướng giải quyết cáca th ến cô Đỗ Thị Thanh Tuyền vì đã
giớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi. Và Viện hơn. t Nam cũng có xu hướng dẫn em trong suốt q trình hồn thành đồ án xây dựngng này. Nhà nhà h ọc tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc ti ến cô Đỗ Thị Thanh Tuyền vì đãng Anh, ng ười cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi ng ười cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi
học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc tiến cơ Đỗ Thị Thanh Tuyền vì đãng Anh, khơng phân biện hơn. t tuổn định trên hướng đi của mình.i tác. Tuy nhiên, những lời động viên, tư vấn vàng người cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãi đi làm
thười cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng khơng có thời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi gian đ đến cơ Đỗ Thị Thanh Tuyền vì đãn các lớng dẫn em trong suốt q trình hồn thành đồ án xây dựngp học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc cũng như viện hơn. c tiến cơ Đỗ Thị Thanh Tuyền vì đãp thu khơng

hiện hơn. u quảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã do cách học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc không hiện hơn. u quảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã. Từ đó, dễ xảy ra tâm trạng chán nản, từ đó, dễn Khánh Huyền. xảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãy ra tâm trạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngng chán nảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn, t ừ đó, dễ xảy ra tâm trạng chán nản, từ
bỏi mới”.
Hi u đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc tâm lý đó, Website hỗ Thị Thanh Tuyền vì đã trợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gian học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc tiến cô Đỗ Thị Thanh Tuyền vì đãng Anh cho người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi đi làm đ ượ học tiếng Anh cho người đi làm. Cảm ơn cơ đã dành thời gianc
tạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngo ra đ mang lạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngi điền vì đãu kiện hơn. n tốt q trình hồn thành đồ án xây dựngt cho những lời động viên, tư vấn vàng người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi bận tình đó, em đã hoàn thành đồ án này một cáchn rột cáchn có khảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã năng phát
tri n bảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn thân. Website tận tình đó, em đã hoàn thành đồ án này một cáchp trung hỗ Thị Thanh Tuyền vì đã trợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gian 2 kỹ năng nghe-đ ọc tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc. B ằm có thể bắt kịp nhịp phát triển của thếng cách cung
c p nguồ án xây dựngn kiến cô Đỗ Thị Thanh Tuyền vì đãn th c chính xác và phong phú. Vớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi lốt q trình hồn thành đồ án xây dựngi học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc dễn Khánh Huyền. tiến cơ Đỗ Thị Thanh Tuyền vì đãp thu qua các
chủ đề, giải đáp thắc mắc, gợi ý hướng giải quyết các đền vì đã, nhớng dẫn em trong suốt q trình hồn thành đồ án xây dựng sâu các kiến cơ Đỗ Thị Thanh Tuyền vì đãn th c hơn đến cơ Đỗ Thị Thanh Tuyền vì đãn vớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi những lời động viên, tư vấn vàng bài luyện hơn. n tận tình đó, em đã hồn thành đồ án này một cáchp sinh đột cáchng sau m ỗ Thị Thanh Tuyền vì đãi
bài học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc lý thuyến cơ Đỗ Thị Thanh Tuyền vì đãt. Tiến cơ Đỗ Thị Thanh Tuyền vì đãn trình củ đề, giải đáp thắc mắc, gợi ý hướng giải quyết cáca lột cách trình và kến cơ Đỗ Thị Thanh Tuyền vì đãt qu ảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã h ọc tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc t ận tình đó, em đã hồn thành đồ án này một cáchp sẽ đ ượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc l ưu vào
mỗ Thị Thanh Tuyền vì đãi tài khoảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn. Bên cạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngnh đó, chúng ta cịn có một cácht diễn Khánh Huyền.n đàn đ h ỏi mới”i đáp nh ững lời động viên, tư vấn vàng
thắc mắc, gợi ý hướng giải quyết cácc mắc mắc, gợi ý hướng giải quyết cácc, hay chia sẻ mới” những lời động viên, tư vấn vàng kiến cơ Đỗ Thị Thanh Tuyền vì đãn th c mớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi giững lời động viên, tư vấn vàa các người cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đãi dùng. Vớng dẫn em trong suốt quá trình hồn thành đồ án xây dựngi lốt q trình hoàn thành đồ án xây dựngi học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc
dễn Khánh Huyền. dàng tiến cơ Đỗ Thị Thanh Tuyền vì đãp thu, có th học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc mọc tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giani lúc mọc tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giani nơn đến cô Đỗ Thị Thanh Tuyền vì đãi, có n ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi đ chia s ẻ mới” hay h ỏi mới”i đáp
thắc mắc, gợi ý hướng giải quyết cácc mắc mắc, gợi ý hướng giải quyết cácc, đây chính là website giúp cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi thiện hơn. n hay học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc tiến cô Đỗ Thị Thanh Tuyền vì đãng Anh m ột cácht cách hi ện hơn. u
quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã, đáp ng đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc nhu cần ổn định trên hướng đi của mình.u củ đề, giải đáp thắc mắc, gợi ý hướng giải quyết cáca những lời động viên, tư vấn vàng người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi bận tình đó, em đã hoàn thành đồ án này một cáchn rột cáchn.
1.2. Mục đích nghiên cứu
Xây dựngng đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc Website:
 Cung cấp cho người dùng danh sách bài học được hệ thống hóa theo chủ đề,
dễ dàng tiếp thu một cách mau chóng, đầy đủ, chính xác với kho dữ liệu
phong phú liên quan đến các chủ đề trong đời sống và cơng việc.
 Giúp người dùng có hứng thú với việc học tiếng Anh hơn qua những bài
luyện tập và diễn đàn kết nối với cộng đồng sẽ mang lại nhiều động lực hơn.

13


 Phát triển quy mô nhỏ cộng đồng những người có đam mê tiếng Anh.

 Hỗ trợ quản trị viên quản lý các tài liệu, thông tin người dùng.
1.3. Phạm vi ứng dụng
 Nền tảng hỗ trợ: Triển khai trên Website.
 Chức năng:

o Gợi ý lộ trình học: Hệ thống đưa ra một số câu hỏi về tình trạng, mong
muốn của người dùng, dựa vào sự lựa chọn của người dùng để đưa ra lộ
trình gợi ý.
o Học theo lộ trình: Kiến thức được hiển thị theo dạng flash card theo chủ
đề và cấp độ của ngừoi dùng.
o Xem tiến trình học tập theo lộ trình: Người dùng xem được tiến trình học
tập của bản thân.
o Lưu trữ vào mục cần nhớ: Người dùng có thể lưu trữ những bài học, từ
vựng,… vào mục riêng của mỗi tài khoản.
o Luyện tập qua các trị chơi: Người dùng ơn lại kiến thức đã học qua các
trị chơi có lưu trữ, tích lũy điểm thưởng và có thể chia sẻ lên mạng xã
hội hoặc diễn đàn trên website.
o Tạo bài viết trên diễn đàn: Người dùng tạo bài viết cá nhân để chia sẻ
hoặc hỏi đáp thắc mắc, cho phép những người dùng khác tương tác trên
bài viết.
o Quản lý các bài học: Quản trị viên tạo, sửa đổi lộ trình học.
o Quản lý kho tài liệu: Quản trị viên đăng tài liệu, người dùng có thể tìm
kiếm kiến thức qua kho tài liệu.
o Quản lý bài luyện tập: Quản trị viên tạo các bài luyện tập theo chủ đề, có
thể cài đặt nội dung, số điểm thưởng, độ khó,…

14


o Quản lý diễn đàn: Quản trị viên đăng những thơng báo quan trọng hoặc
có quyền xóa những bài viết có nội dung khơng liên quan, khơng lành
mạnh.
o Quản lý người dùng: Quản lý tài khoản người dùng, xem được thành tích
của người dùng.
o Báo cáo và phân tích: Cung cấp thông tin cho quản trị viên nhằm cải

thiện chất lượng website.
1.4. Đối tượng sử dụng
 Người dùng: Tự chọn cấp độ, hoặc dùng chức năng gợi ý lộ trình học, xem
được tiến trình học, lưu trữ những kiến thức cần nhớ, luyện tập qua các trị
chơi, có thể chia sẻ và giải đáp thắc mắc qua diễn đàn.
 Quản trị viên: Quản lý các bài học, kho kiến thức, tạo lộ trình học, các bài
luyện tập, diễn đàn và người dùng, xem báo cáo phân tích.

15


CHƯƠNG 1: NG 2: CÔNG NGHỆU ĐỀ TÀI VÀ PHƯƠNG 1: NG PHÁP TH ỰC HIỆNC HI ỆU ĐỀ TÀIN
2.1. Các công nghệ, thư viện, ngôn ngữ, công cụ được sử dụng
Trong q trình phát tri n ng dục đích nghiên cứung, một cácht sốt q trình hồn thành đồ án xây dựng các công ngh ện hơn. , ngôn ng ững lời động viên, tư vấn và, th ư
viện hơn. n, cơng cục đích nghiên cứu đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc sửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã dục đích nghiên cứung:
 Ngơn ngữ:
o Typescript
o TSX
o CSS/SCSS
 Công nghệ/thư viện:
o React
o Redux
o Firebase
 Công cụ:
o Github
o Figma
o Visual Studio Code
 Các thư viện khác:
o Flexbox Grid
Sau đây, em sẽ đi m qua một cácht vài đi m đặng mới”c biện hơn. t, điền vì đãu khiến cơ Đỗ Thị Thanh Tuyền vì đãn em s ửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã dục đích nghiên cứung

chúng:
2.1.1. Các ngơn ngữ: Typescript, TSX, CSS/SCSS
Đây là các ngôn đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc sửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã dục đích nghiên cứung đ tạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngo nên Website.
 Typescript: là một ngơn ngữ lập trình mở rộng của Javascript, được thiết kế
để giải quyết các vấn đề về kiểm tra lỗi và quản lý mã nguồn trong quá trình
phát triển phần mềm. Việc sử dụng Typescript giúp tăng tính ổn định và tin
cậy của ứng dụng, đồng thời giúp cho quá trình phát triển và bảo trì ứng
dụng trở nên dễ dàng và linh hoạt hơn.

16


 TSX(Typescript Extension): là một phần mở rộng của Typescript, được sử
dụng để phát triển giao diện người dùng trong React. TSX cho phép bạn viết
mã HTML giống như trong React, nhưng với các tính năng của Typescript
như kiểm tra lỗi tĩnh và kiểu dữ liệu tĩnh.
o HTML(Hypertext Markup Language): là một ngôn ngữ đánh dấu
văn bản được sử dụng để tạo nội dung và cấu trúc cho các trang web.
HTML được sử dụng để tạo ra các thành phần trên trang web như
định dạng văn bản, hình ảnh, video, bảng, biểu đồ và các liên kết tới
các trang web khác.
 CSS(Cascading Style Sheets): là một ngôn ngữ định dạng kiểu được sử
dụng để tạo kiểu cho các tài liệu HTML hoặc XML. CSS cho phép bạn kiểm
soát cách mà các phần tử HTML hiển thị trên trang web, bao gồm kích
thước, màu sắc, khoảng cách, vị trí và hình dạng.
o SCSS(Sassy CSS): được phát triển dựa trên cú pháp của CSS và cung
cấp thêm nhiều tính năng và khả năng tùy biến hơn so với CSS. SCSS
cho phép sử dụng các biến, hàm, lồng các quy tắc CSS và các thực thi
điều kiện để giúp tạo ra mã CSS dễ đọc hơn, dễ tái sử dụng hơn và dễ
bảo trì hơn.

2.1.2. Cơng nghệ/thư viện: React, Redux, Firebase
React và Redux là hai công nghện hơn. /thư viện hơn. n đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc sửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã dục đích nghiên cứung xun suốt q trình hồn thành đồ án xây dựngt q
trình phát tri n ng dục đích nghiên cứung. Chúng có mốt q trình hồn thành đồ án xây dựngi quan hện hơn. chặng mới”t chẽ vớng dẫn em trong suốt q trình hồn thành đồ án xây dựngi nhau.
 React:
o React là một thư viện JavaScript mã nguồn mở được phát triển bởi
Facebook, được sử dụng để xây dựng các giao diện người dùng (UI)
động cho các ứng dụng web. React cho phép phát triển các UI phức
tạp bằng cách sử dụng các thành phần (components) độc lập và có thể
tái sử dụng.

17


o React cũng cho phép tích hợp với các thư viện và framework khác
như Redux, React Router, hoặc Axios để tạo ra các ứng dụng web đầy
đủ tính năng.
 Redux:
o Redux là một thư viện JavaScript mã nguồn mở được sử dụng để quản
lý trạng thái (state) của ứng dụng web. Redux cho phép quản lý trạng
thái của ứng dụng một cách dễ dàng và hiệu quả, giúp giảm thiểu các
lỗi và tăng tính ổn định của ứng dụng.
o Redux cũng cho phép tích hợp với các thư viện và framework khác
như React, Angular hoặc Vue để tạo ra các ứng dụng web đầy đủ tính
năng.
Người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi ta thười cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãng sửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã dục đích nghiên cứung cùng lúc hai cơng nghện hơn. này đ xây dựngng m ột cácht
Website hoàn chỉnhnh. Khi kến cơ Đỗ Thị Thanh Tuyền vì đãt hợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianp React và Redux, chúng ta có th t ận tình đó, em đã hồn thành đồ án này một cáchn d ục đích nghiên cứung l ợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời giani
thến cô Đỗ Thị Thanh Tuyền vì đã củ đề, giải đáp thắc mắc, gợi ý hướng giải quyết cáca cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã hai cơng nghện hơn. . React đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc sửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã dục đích nghiên cứung đ xây dựngng các thành phần ổn định trên hướng đi của mình.n
giao diện hơn. n người cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãi dùng đột cáchng, trong khi Redux đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc sửi lời cảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đã dục đích nghiên cứung đ quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý trạnh đó, em cũng trao dồi được nhiều hơn các kĩ năngng
thái củ đề, giải đáp thắc mắc, gợi ý hướng giải quyết cáca các thành phần ổn định trên hướng đi của mình.n này. Viện hơn. c kến cơ Đỗ Thị Thanh Tuyền vì đãt hợ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianp hai công nghện hơn. này giúp cho viện hơn. c
phát tri n ng dục đích nghiên cứung web trở nên hồn thiện hơn. nên dễn Khánh Huyền. dàng hơn đến cơ Đỗ Thị Thanh Tuyền vì đãn, giảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãm thi u các lỗ Thị Thanh Tuyền vì đãi và tăng tính

ổn định trên hướng đi của mình.n đị Thanh Tuyền vì đãnh củ đề, giải đáp thắc mắc, gợi ý hướng giải quyết cáca ng dục đích nghiên cứung.
 Firebase:
o Firebase là một công nghệ của Google được sử dụng để phát triển các
ứng dụng web và di động. Nó cung cấp các công cụ để lưu trữ dữ liệu,
xác thực người dùng, phân tích dữ liệu, cung cấp thơng báo đẩy và
nhiều tính năng khác.
o Firebase cũng cung cấp các thư viện (libraries) cho các ngơn ngữ lập
trình khác nhau như JavaScript, Android, iOS, Unity, và C++. Những
thư viện này giúp cho việc tích hợp các tính năng của Firebase vào
ứng dụng trở nên dễ dàng hơn.

18


2.1.3. Các công cụ: Github, Figma, Visual Studio Code
 Github: là một nền tảng mã nguồn miễn phí, cho phép nhà phát triển lưu trữ,
quản lý, chia sẻ mã nguồn của mình với cộng đồng mạnh mẽ. Các tính năng
khác nổi bật như tự động tích hợp, tự động triển khai. Đây là công cụ được
sử dụng rộng rãi nhất hiện nay.
 Figma: là một ứng dụng thiết kế đồ họa dựa trên đám mây (cloud-based
graphic design tool), cho phép người dùng tạo ra các thiết kế đồ họa, giao
diện người dùng (UI), giao diện trải nghiệm người dùng (UX) và các bản vẽ
khác trên nền tảng web. Cộng đồng của công cụ này vô cùng lớn mạnh.
 Visual Studio Code: là công cụ giúp biên tập, soạn thảo code, đi kèm nhiều
tính năng như debug, IntelliSense, linter, và thay đổi mã nguồn phục hồi,
giúp người dùng tăng tốc độ phát triển và giảm thiểu các lỗi. Nó hỗ trợ nhiều
ngơn ngữ và tích hợp sẵn trình quản lý code Git, Docker,… Bên cạnh đó, nó
hỗ trợ nhiều extension để người dùng có thể mở rộng các tính năng mong
muốn. Cộng đồng của công cụ này vô cùng lớn mạnh.
2.1.4. Các thư viện khác

 Flexbox Grid: thư viện hỗ trợ giao diện người dùng sẽ tương thích nhiều kích
thước thiết bị khác nhau.

2.2. Phương pháp phát triển
Quản lý mã nguồnn lý mã nguồnn: sửi lời cảm ơn đến cô Đỗ Thị Thanh Tuyền vì đã dục đích nghiên cứung Github đ quảm ơn đến cơ Đỗ Thị Thanh Tuyền vì đãn lý.
Các bướng dẫn em trong suốt q trình hồn thành đồ án xây dựngc phát tri n cùng phươn đến cơ Đỗ Thị Thanh Tuyền vì đãng pháp thựngc hiện hơn. n đượ học tiếng Anh cho người đi làm. Cảm ơn cô đã dành thời gianc liện hơn. t kê như bên dướng dẫn em trong suốt quá trình hồn thành đồ án xây dựngi:
 Tìm hiểu các công nghệ React, Redux, Firebase.
 Thu thập yêu cầu thông qua:
o Khảo sát bằng form: giao diện người dùng.
o Khảo sát các ứng dụng liên quan: chức năng.
 Phân tích và xác định yêu cầu:

19


o Khảo sát bằng form để thu thập ý kiến về giao diện người dùng.
o Các ứng dụng liên quan “Doulingo”, “Viblo”... để khảo sát những
chức năng đã có và cần có cho ứng dụng. Đưa ra các yêu cầu chức
năng và phi chức năng.
 Thiết kế:
o Thiết kế giao diện.
o Thiết kế dữ liệu.
 Cài đặt: dựa trên nền tảng công nghệ và sử dụng các thư viện, ngôn ngữ
được nêu ở phần trước.

2.3. Kết quả mong đợi
 Hoàn thiện các chức năng cơ bản của Website.

20