Xây dựng website cộng đồng hỗ trợ học tập học siêu dễ easy learn

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
THÀNH PHỐ HỒ CHÍ MINH

ĐỒ ÁN TỐT NGHIỆP
NGÀNH CƠNG NGHỆ THÔNG TIN

XÂY DỰNG WEBSITE CỘNG ĐỒNG
HỖ TRỢ HỌC TẬP HỌC SIÊU DỄ - EASY LEARN

GVHD: ThS. MAI ANH THƠ
SVTH : TRƯƠNG NGỌC PHƯƠNG
TRẦN LƯU THẾ ANH

SKL011393

Tp. Hồ Chí Minh, năm 2023


TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH
KHOA CÔNG NGHỆ THÔNG TIN
BỘ MÔN CÔNG NGHỆ PHẦN MỀM

KHÓA LUẬN TỐT NGHIỆP
Đề tài:

XÂY DỰNG WEBSITE CỘNG ĐỒNG HỖ TRỢ HỌC TẬP
HỌC SIÊU DỄ - EASY LEARN

GIÁO VIÊN HƯỚNG DẪN
ThS. MAI ANH THƠ

NHÓM SINH VIÊN THỰC HIỆN:
TRƯƠNG NGỌC PHƯƠNG 19110441
TRẦN LƯU THẾ ANH

19110324

KHÓA: 2019 – 2023
1


ĐH SƯ PHẠM KỸ THUẬT TP. HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
KHOA CNTT

Độc lập – Tự do – Hạnh phúc

*******

*******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
Họ và tên Sinh viên 1: Trương Ngọc Phương

MSSV 1: 19110441

Họ và tên Sinh viên 2: Trần Lưu Thế Anh

MSSV 2: 19110324

Ngành: Công nghệ Thông tin

Tên đề tài: Xây dựng website cộng đồng hỗ trợ học tập Học Siêu Dễ - Easy Learn
Họ và tên Giảng viên hướng dẫn: ThS. Mai Anh Thơ
NHẬN XÉT
1. Về nội dung đề tài và khối lượng thực hiện:

2. Ưu điểm:

3. Khuyết điểm

4. Đề nghị cho bảo vệ hay khơng?
5. Đánh giá loại:
6. Điểm:
Tp. Hồ Chí Minh, ngày tháng năm 2023
Giảng viên hướng dẫn
(Ký và ghi rõ họ tên)

3


ĐH SƯ PHẠM KỸ THUẬT TP. HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
KHOA CNTT

Độc lập – Tự do – Hạnh phúc

*******

*******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN
Họ và tên Sinh viên 1: Trương Ngọc Phương

MSSV 1: 19110441

Họ và tên Sinh viên 2: Trần Lưu Thế Anh

MSSV 2: 19110324

Ngành: Công nghệ Thông tin
Tên đề tài: Xây dựng website cộng đồng hỗ trợ học tập Học Siêu Dễ - Easy Learn
Họ và tên Giảng viên phản biện: ThS. Nguyễn Hữu Trung
NHẬN XÉT
1. Về nội dung đề tài và khối lượng thực hiện:

2. Ưu điểm:

3. Khuyết điểm

4. Đề nghị cho bảo vệ hay khơng?
5. Đánh giá loại:
6. Điểm:
Tp. Hồ Chí Minh, ngày tháng năm 2023
Giảng viên phản biện
(Ký và ghi rõ họ tên)

4


LỜI CẢM ƠN
Trước tiên, chúng em muốn gửi lời cảm ơn chân thành đến với Khoa Công
Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh đã

tạo điều kiện cho nhóm được học tập và phát triển những kiến thức về cả chuyên môn
và kỹ năng mềm.
Bên cạnh đó, nhóm chúng em xin gửi lời cảm ơn chân thành và sâu sắc nhất
đến cô Mai Anh Thơ là giảng viên hướng dẫn của nhóm. Cơ đã nhiệt tình hướng dẫn
và đưa ra những góp ý q báu cho nhóm trong suốt q trình từ lúc bắt đầu cũng như
kết thúc đề tài này. Tuy nhiên, trong q trình làm sẽ khơng tránh khỏi những sai sót,
chúng em mong nhận được sự góp ý tận tình của q thầy (cơ) qua đó nhóm có thể rút
ra được bài học kinh nghiệm, hoàn thiện và cải thiện nâng cấp lại sản phẩm của mình
một cách tốt nhất có thể.
Chúng em xin chân thành cảm ơn!

Nhóm thực hiện
Trương Ngọc Phương – 19110441
Trần Lưu Thế Anh – 19110324

5


ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP
Họ và tên Sinh viên 1: Trương Ngọc Phương

MSSV 1: 19110441

Họ và tên Sinh viên 2: Trần Lưu Thế Anh

MSSV 2: 19110324

Thời gian làm luận văn: Từ 07/09/2022 đến 08/07/2023.
Chuyên ngành: Công nghệ phần mềm
Tên luận văn: Xây dựng website cộng đồng hỗ trợ học tập Học Siêu Dễ - Easy

Learn Giảng viên hướng dẫn: ThS. Mai Anh Thơ
Nhiệm vụ của luận văn:
1. Lý thuyết:
Tìm hiểu các công nghệ: MERN Stack (MongoDB, Express, React, Node), JWT,
Material UI, Tailwindcss,…
2. Thực hành:
-

Xây dựng RESTful API sử dụng Express và Node.js để thực hiện các thao tác
CRUD trên dữ liệu.

-

Triển khai cơ sở dữ liệu MongoDB để lưu trữ và truy xuất dữ liệu từ RESTful
API.

-

Xây dựng giao diện người dùng sử dụng Material UI, Tailwindcss, React để
hiển thị và tương tác với dữ liệu từ API.

-

Sử dụng JWT để xác thực người dùng và ủy quyền truy cập cho các API.

Đề cương viết luận văn:


MỤC LỤC
CHƯƠNG 1: TỔNG QUAN ỨNG DỤNG

1.1. Lý do chọn đề tài
1.2. Tính cấp thiết của đề tài
1.3. Mục tiêu xây dựng ứng dụng
1.4. Đối tượng nghiên cứu
1.5. Phạm vi nghiên cứu
CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU
2.1. Đánh giá tổng quan website dạy học số tương tự
2.2. Các chức năng đặc biệt của từng trang web
2.3. Đặc tả yêu cầu người dùng
2.4. Đặc tả yêu cầu hệ thống
CHƯƠNG 3: CƠ SỞ LÝ THUYẾT
3.1. MERN Stack
3.2. Các công nghệ sử dụng ở Back-end
3.3. Các công nghệ sử dụng ở Front-end
CHƯƠNG 4. THIẾT KẾ HỆ THỐNG PHẦN MỀM
4.1. Sơ đồ phân rã chức năng
4.2. Sơ đồ lớp
4.3. Mơ hình hố u cầu
4.4. Thiết kế cơ sở dữ liệu
4.5. Thiết kế giao diện
CHƯƠNG 5. CÀI ĐẶT VÀ KIỂM THỬ
5.1. Cài đặt
5.2. Kiểm thử
CHƯƠNG 6: KẾT LUẬN
6.1. Kết quả đạt được
6.2. Ưu điểm
6.3. Nhược điểm
6.4. Hướng phát triển

KẾ HOẠCH THỰC HIỆN
STT Thời gian
1
07/09/2022 – 20/09/2022

Công việc

Ghi chú

+ Khảo sát hiện trạng.

Bắt

+ Thiết kế cơ sở dữ liệu.

đầu

luận
ngành.

+ Thiết kế usecase.
2

21/09/2022 – 01/10/2022

+ Tìm hiểu về MERN
Stack
+ Tìm hiểu về JS, HTML,
CSS

3

02/10/2022 – 10/10/2022

+ Chỉnh sửa cơ sở dữ liệu.
+ Tìm hiểu về JSON WEB
TOKEN.
+ Tìm hiểu các xây dựng
RESTful API.

4

11/10/2022 – 20/10/2022

+ Tiến hành codebase của
dự án bao gồm front-end
và back-end.

5

21/10/2022 – 01/11/2022

+ Xây dựng API cho
backend.
+ Thiết kế bản mẫu giao
diện.

6

02/11/2022 – 20/12/2022

+ Tiến hành phát triển
back-end.
+ Tiến hành phát triển
front-end.

tiểu

chuyên


7

21/12/2022 – 24/12/2022

Lắp ráp và kiểm thử hệ
thống, tiến hành sửa lỗi.

8

24/12/2022 – 28/12/2022

Viết và hoàn thiện báo cáo. Kết thúc tiểu
luận

chuyên

ngành.
9

17/03/2023 – 25/03/2023

Đọc lại code, xác định Bắt đầu khóa
phần cần thêm, bảo dưỡng luận tốt nghiệp.
trong dự án.

10

26/03/2023 – 30/04/2023

+ Maintenance, tối ưu hóa
lại các API, các hàm, thêm
các xử lý ngoại lệ.
+ Thiết kế lại giao diện.

11

01/05/2023 – 10/06/2023

+ Xây dựng và phát triển
front-end.
+ Xây dựng và phát triển
back-end.

12

11/06/2023 – 20/06/2023

Lắp ráp, kiểm thử hệ
thống, tiến hành sửa lỗi.

13

21/06/2023 – 28/06/2023

Tìm hiểu và thực hành
deploy.

14

29/06/2023 – 08/07/2023

Viết và hoàn thành báo
cáo.


Ngày 08 tháng 07 năm 2023
Ý kiến của giảng viên hướng dẫn

Người viết đề cương

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

Trương Ngọc Phương
Trần Lưu Thế Anh


MỤC LỤC
DANH MỤC HÌNH........................................................................................................ 1
DANH MỤC BẢNG ...................................................................................................... 3

DANH MỤC TỪ VIẾT TẮT ......................................................................................... 5
CHƯƠNG 1: TỔNG QUAN ỨNG DỤNG.................................................................... 6
1.1. Lý do chọn đề tài ..................................................................................................... 6
1.2. Tính cấp thiết của đề tài ........................................................................................... 6
1.3. Mục tiêu xây dựng ứng dụng ................................................................................... 7
1.4. Đối tượng nghiên cứu .............................................................................................. 7
1.5. Phạm vi nghiên cứu ................................................................................................. 8
CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU ...................... 9
2.1 Đánh giá tổng quan website dạy học số tương tự ..................................................... 9
2.2 Các chức năng đặc biệt của từng trang web ........................................................... 10
2.3. Đặc tả yêu cầu người dùng .................................................................................... 11
2.3.1. Yêu cầu về Quản trị viên ........................................................................... 11
2.3.2 Yêu cầu về Trợ giảng .................................................................................. 11
2.3.3. Yêu cầu về Người dùng ............................................................................. 11
2.4. Đặc tả yêu cầu hệ thống ......................................................................................... 12
2.4.1. Yêu cầu về giao diện .................................................................................. 12
2.4.2. Yêu cầu về Internet .................................................................................... 12
2.4.3. Yêu cầu về hệ điều hành ............................................................................ 12
2.4.4. Kiến trúc hệ thống...................................................................................... 12
CHƯƠNG 3: CƠ SỞ LÝ THUYẾT ............................................................................. 13
3.1. MERN Stack .......................................................................................................... 13
3.1.1. Khái niệm ................................................................................................... 13
3.1.2. Cách thức hoạt động .................................................................................. 14
3.1.3. Ưu điểm ..................................................................................................... 14
3.1.4. Nhược điểm................................................................................................ 15
3.1.4. Áp dụng MERN Stack cho dự án .............................................................. 15
3.2. Các công nghệ sử dụng ở Back-end ...................................................................... 16
3.2.1. Nodejs ........................................................................................................ 16
3.2.2. Express ....................................................................................................... 18
3.2.3. MongoDB .................................................................................................. 19

3.2.4. Cloudinary ................................................................................................. 20
3.3. Các công nghệ sử dụng ở Front-end ...................................................................... 21
3.3.1. React Framework ....................................................................................... 21
3.3.2. Tailwind CSS ............................................................................................. 23


3.3.3. React Query ............................................................................................... 24
3.3.4. Các thư viện hỗ trợ khác ............................................................................ 25
CHƯƠNG 4. THIẾT KẾ HỆ THỐNG PHẦN MỀM .................................................. 26
4.1. Sơ đồ phân rã chức năng ....................................................................................... 26
4.2. Sơ đồ lớp ................................................................................................................ 26
4.3. Mơ hình hố u cầu ............................................................................................. 27
4.3.1. Lược đồ Usecase ........................................................................................ 27
4.3.2. Lược đồ tuần tự và mô tả chi tiết chức năng ............................................. 31
4.4. Thiết kế cơ sở dữ liệu ............................................................................................ 63
4.4.1. Nhóm cơ sở dữ liệu người dùng ................................................................ 68
4.4.2. Nhóm cơ sở dữ liệu bài viết ....................................................................... 68
4.4.3. Nhóm cơ sở dữ liệu khoá học .................................................................... 73
4.5. Thiết kế giao diện .................................................................................................. 79
4.5.1. Giao diện cho khách (chưa đăng nhập) ..................................................... 79
4.5.2. Giao diện cho người dùng.......................................................................... 82
4.5.3. Giao diện cho trợ giảng.............................................................................. 89
4.5.4. Giao diện cho quản trị viên ........................................................................ 93
CHƯƠNG 5. CÀI ĐẶT VÀ KIỂM THỬ .................................................................... 97
5.1. Cài đặt .................................................................................................................... 97
5.1.1. Truy cập bằng Visual Studio Code ............................................................ 97
5.1.2. Truy cập bằng trình duyệt web .................................................................. 97
5.2. Kiểm thử ................................................................................................................ 98
5.2.1. Kế hoạch kiểm thử ..................................................................................... 98
5.2.2. Quy trình kiểm thử ................................................................................... 101

5.2.3. Kết quả kiểm thử...................................................................................... 102
CHƯƠNG 6. KẾT LUẬN .......................................................................................... 106
6.1. Kết quả đạt được .................................................................................................. 106
6.1.1. Về lý thuyết:............................................................................................. 106
6.1.2. Về kĩ năng: ............................................................................................... 106
6.1.3. Về ứng dụng:............................................................................................ 107
6.2. Ưu điểm ............................................................................................................... 107
6.3. Nhược điểm ......................................................................................................... 108
6.4. Hướng phát triển .................................................................................................. 108
DANH MỤC TÀI LIỆU THAM KHẢO ................................................................... 109
BẢNG PHÂN CÔNG CÔNG VIỆC .......................................................................... 110


DANH MỤC HÌNH
Hình 3-1 Mơ hình hoạt động MERN Stack .......................................................................................... 14
Hình 3-2 Code minh hoạ sử dụng thư viện Paginate ............................................................................ 17
Hình 3-3 Code minh hoạ sử dụng Express............................................................................................ 19
Hình 3-4 Code giá tiền của một sản phẩm ............................................................................................ 22
Hình 3-5 Code minh hoạ sử dụng Tailwind trong hình ảnh................................................................. 23
Hình 3-6 Code minh hoạ sử dụng useQuery để gọi API....................................................................... 24
Hình 3-7 Code minh hoạ sử dụng useMutation để gọi API .................................................................. 25
Hình 4-1 Sơ đồ phân rã chức năng........................................................................................................ 26
Hình 4-2 Sơ đồ lớp................................................................................................................................ 26
Hình 4-3 Usecase Khách ....................................................................................................................... 27
Hình 4-4 Usecase Người dùng .............................................................................................................. 28
Hình 4-5 Usecase Trợ giảng ................................................................................................................. 29
Hình 4-6 Usecase Quản trị .................................................................................................................... 30
Hình 4-7 Sequence Diagram Đăng nhập............................................................................................... 31
Hình 4-8 Sequence Diagram Đăng ký .................................................................................................. 32
Hình 4-9 Sequence Diagram Quên mật khẩu........................................................................................ 34

Hình 4-10 Sequence Diagram Chỉnh sửa thơng tin tài khoản ............................................................... 35
Hình 4-11 Sequence Diagram Tìm kiếm .............................................................................................. 36
Hình 4-12 Sequence Diagram Tạo bài viết ........................................................................................... 38
Hình 4-13 Sequence Diagram Quản lý bài viết .................................................................................... 39
Hình 4-14 Sequence Diagram Xem bảng xếp hạng .............................................................................. 42
Hình 4-15 Sequence Diagram Điểm danh ............................................................................................ 43
Hình 4-16 Sequence Diagram Cho điểm người trả lời ......................................................................... 44
Hình 4-17 Sequence Diagram Hỏi và trả lời ......................................................................................... 45
Hình 4-18 Sequence Diagram Bình chọn câu trả lời ............................................................................ 47
Hình 4-19 Sequence Diagram Báo cáo bài viết .................................................................................... 48
Hình 4-20 Sequence Diagram Đăng ký làm trợ giảng .......................................................................... 49
Hình 4-21 Sequence Diagram Trợ giảng đăng ký trả lời và hỗ trợ ....................................................... 50
Hình 4-22 Sequence Diagram Quản trị xét duyệt ................................................................................. 52
Hình 4-23 Sequence Diagram Tạo khố học ........................................................................................ 53
Hình 4-24 Sequence Diagram Quản lý khố học .................................................................................. 54
Hình 4-25 Sequence Diagram Quản lý giỏ hàng .................................................................................. 57
Hình 4-26 Sequence Diagram Thanh tốn ............................................................................................ 59
Hình 4-27 Sequence Diagram Đổi điểm thưởng................................................................................... 60
Hình 4-28 Sequence Diagram Xem thống kê ....................................................................................... 61
Hình 4-29 Nhóm cơ sở dữ liệu người dùng .......................................................................................... 63
Hình 4-30 Nhóm cơ sở dữ liệu bài viết ................................................................................................. 68
Hình 4-31 Nhóm cơ sở dữ liệu khố học .............................................................................................. 73
Hình 4-32 Trang chủ cho khách............................................................................................................ 79
Hình 4-33 Trang tìm kiếm .................................................................................................................... 79
Hình 4-34 Trang đăng kí ....................................................................................................................... 80
Hình 4-35 Trang đăng nhập .................................................................................................................. 80
Hình 4-36 Trang bảng xếp hạng ........................................................................................................... 81
Hình 4-37 Trang khóa học .................................................................................................................... 81
Hình 4-38 Trang chi tiết khóa học ........................................................................................................ 82
Hình 4-39 Trang chủ cho người dùng đã đăng nhập............................................................................. 82

Hình 4-40 Trang cá nhân ...................................................................................................................... 83
Hình 4-41 Trang khóa học của tơi ........................................................................................................ 83

Trang 1


Hình 4-42 Trang đơn hàng .................................................................................................................... 84
Hình 4-43 Trang điểm........................................................................................................................... 84
Hình 4-44 Trang danh sách u thích ................................................................................................... 85
Hình 4-45 Trang bạn bè ........................................................................................................................ 85
Hình 4-46 Trang nhiệm vụ .................................................................................................................... 86
Hình 4-47 Trang giỏ hàng ..................................................................................................................... 86
Hình 4-48 Trang thơng tin thanh tốn................................................................................................... 87
Hình 4-49 Trang thanh tốn .................................................................................................................. 87
Hình 4-50 Trang hỏi gia sư ................................................................................................................... 88
Hình 4-51 Trang quản lý câu hỏi gia sư................................................................................................ 88
Hình 4-52 Trang trợ giảng .................................................................................................................... 89
Hình 4-53 Trang đăng kí làm trợ giảng ................................................................................................ 89
Hình 4-54 Trang quản lý khố học ....................................................................................................... 90
Hình 4-55 Trang quản lý khố học ....................................................................................................... 90
Hình 4-56 Trang hỗ trợ khố học.......................................................................................................... 91
Hình 4-57 Trang hỗ trợ câu hỏi............................................................................................................. 91
Hình 4-58 Trang xem thống kê của trợ giảng ....................................................................................... 92
Hình 4-59 Trang đổi điểm thưởng ........................................................................................................ 92
Hình 4-60: Trang chủ quản trị viên....................................................................................................... 93
Hình 4-61: Trang quản lí người dùng ................................................................................................... 93
Hình 4-62 Trang quản lí trợ giảng ........................................................................................................ 94
Hình 4-63 Trang xét duyệt trợ giảng..................................................................................................... 94
Hình 4-64: Trang xét duyệt quy đổi điểm thưởng từ trợ giảng ............................................................. 95
Hình 4-65: Trang quản lí bài viết vi phạm ............................................................................................ 95

Hình 4-66: Trang quản lí quảng cáo ..................................................................................................... 96
Hình 4-67 Trang quản lý bài viết gia sư ............................................................................................... 96

Trang 2


DANH MỤC BẢNG
Bảng 2-1 Đánh giá các webite dạy học số tương tự .............................................................................. 10
Bảng 2-2 Phân tích chức năng của các website tương tự ...................................................................... 10
Bảng 4-1 Usecase Đăng nhập ............................................................................................................... 32
Bảng 4-2 Usecase Đăng ký tài khoản ................................................................................................... 33
Bảng 4-3 Usecase Quên mật khẩu ........................................................................................................ 35
Bảng 4-4 Usecase Chỉnh sửa thông tin tài khoản ................................................................................. 36
Bảng 4-5 Usecase Tìm kiếm ................................................................................................................. 37
Bảng 4-6 Usecase Tạo bài viết.............................................................................................................. 39
Bảng 4-7 Usecase Xem danh sách bài viết ........................................................................................... 40
Bảng 4-8 Usecase Chỉnh sửa bài viết.................................................................................................... 41
Bảng 4-9 Usecase Xoá bài viết ............................................................................................................. 41
Bảng 4-10 Usecase Xem bảng xếp hạng ............................................................................................... 43
Bảng 4-11 Usecase Điểm danh mỗi ngày ............................................................................................. 44
Bảng 4-12 Usecase Cho điểm người trả lời .......................................................................................... 45
Bảng 4-13 Usecase Bình luận bài viết .................................................................................................. 46
Bảng 4-14 Usecase Bình chọn câu trả lời ............................................................................................. 48
Bảng 4-15 Usecase Báo cáo bài viết ..................................................................................................... 49
Bảng 4-16 Usecase Đăng ký làm trợ giảng ........................................................................................... 50
Bảng 4-17 Usecase Trợ giảng đăng ký trả lời và hỗ trợ ....................................................................... 51
Bảng 4-18 Usecase Quản trị xét duyệt .................................................................................................. 53
Bảng 4-19 Usecase Tạo khoá học ......................................................................................................... 54
Bảng 4-20 Usecase Xem khoá học ....................................................................................................... 55
Bảng 4-21 Usecase Chỉnh sửa khoá học ............................................................................................... 56

Bảng 4-22 Usecase Xoá khoá học......................................................................................................... 56
Bảng 4-23 Usecase Thêm khoá học vào giỏ hàng ................................................................................ 58
Bảng 4-24 Usecase Xoá khoá học trong giỏ hàng ................................................................................ 58
Bảng 4-25 Usecase Thanh toán ............................................................................................................. 60
Bảng 4-26 Usecase Đổi điểm thưởng .................................................................................................... 61
Bảng 4-27 Usecase Xem thống kê......................................................................................................... 62
Bảng 4-28 Model User .......................................................................................................................... 64
Bảng 4-29 Model Rank ......................................................................................................................... 65
Bảng 4-30 Model OTP .......................................................................................................................... 65
Bảng 4-31 Model Point ......................................................................................................................... 66
Bảng 4-32 Model HistoryPoint ............................................................................................................. 66
Bảng 4-33 Model Mission .................................................................................................................... 67
Bảng 4-34 Model ViewMission ............................................................................................................ 67
Bảng 4-35 Model Notification .............................................................................................................. 68
Bảng 4-36 Model Post .......................................................................................................................... 69
Bảng 4-37 Model Comment.................................................................................................................. 70
Bảng 4-38 Model React ........................................................................................................................ 70
Bảng 4-39 Model ObIClass và Subject ................................................................................................. 71
Bảng 4-40 Model Assistant ................................................................................................................... 72
Bảng 4-41 Model Attachment ............................................................................................................... 72
Bảng 4-42 Model Advertise .................................................................................................................. 73
Bảng 4-43 Model CategoryCourse ....................................................................................................... 74
Bảng 4-44 Model CategoryCourse ....................................................................................................... 75

Trang 3


Bảng 4-45 Model VideoCourse ............................................................................................................ 75
Bảng 4-46 Model ViewVideoCourse .................................................................................................... 76
Bảng 4-47 Model RatingCourse ........................................................................................................... 76

Bảng 4-48 Model Cart .......................................................................................................................... 77
Bảng 4-49 Model BillRecord ................................................................................................................ 77
Bảng 4-50 Model AssistantCourse ....................................................................................................... 78
Bảng 4-51 Model CourseWishList ....................................................................................................... 78
Bảng 5-1 Phạm vi kiểm thử ................................................................................................................ 100
Bảng 5-2 Rủi ro và các vấn đề ............................................................................................................ 101
Bảng 5-3 Kiểm thử chức năng phía người dùng ................................................................................. 103
Bảng 5-4 Kiểm thử chức năng người dùng đã đăng nhập................................................................... 105
Bảng 5-5 Kiểm thử chức năng phía Trợ giảng.................................................................................... 105
Bảng 5-6 Kiểm thử chức năng phía Quản trị viên .............................................................................. 105

Trang 4


CHƯƠNG 1: TỔNG QUAN ỨNG DỤNG

DANH MỤC TỪ VIẾT TẮT
STT

Từ viết tắt

Ý nghĩa

1

Web

Website

2

API

Application Programming Interface

3

JS

Javascript

4

HTML

HyperText Markup Language

5

CSS

Cascading Style Sheets

6

JSON

JavaScript Object Notation

7

HTTP

Hyper Text Transfer Protocol

8

JWT

JSON Web Tokens

9

URL

Uniform Resource Locator

10

CDN

Content Delivery Network

11

MVC

Model-View-Controller

12

UI

User Interface

13

XML

Extensible Markup Language

Trang 5


CHƯƠNG 1: TỔNG QUAN ỨNG DỤNG

CHƯƠNG 1. TỔNG QUAN ỨNG DỤNG
1.1. LÝ DO CHỌN ĐỀ TÀI
Trong thời đại hiện đại, công nghệ thông tin và internet đã thay đổi cách chúng ta
liên lạc, trao đổi thông tin và học tập. Trước đây, việc trau dồi kiến thức và trao đổi
bài tập khó thường yêu cầu chúng ta phải đến trường để hỏi thầy cơ, tìm kiếm sách
giải hoặc nhờ sự trợ giúp của bạn bè. Tuy nhiên, không phải tất cả học sinh hoặc sinh
viên đều có điều kiện về di chuyển, thời gian và tiền bạc để làm điều này.
Ngoài ra, từ khi đại dịch Covid-19 bùng phát, việc hạn chế tiếp xúc giữa con
người đã trở thành một ưu tiên hàng đầu để tránh nhiễm bệnh và lây lan dịch. Do đó,
mọi người đã phải chuyển sang làm việc và học tập trực tuyến nhiều hơn.
Từ những nhận thức đó, chúng tơi nhận thấy tầm quan trọng cần thiết phải có một
nơi để mọi người có thể cùng nhau học tập, chia sẻ kiến thức. Vì vậy, nhóm chúng tôi
đã quyết định thực hiện đề tài "Xây dựng website cộng đồng hỗ trợ học tập: Học Siêu
Dễ - Easy Learn". Mục tiêu của chúng tôi là phát triển một cộng đồng học tập trực

tuyến riêng biệt, với phương châm "Học siêu dễ - Học siêu dễ mọi lúc - Học siêu dễ
mọi nơi".
1.2. TÍNH CẤP THIẾT CỦA ĐỀ TÀI
Trong thời đại Cách mạng Công nghệ 4.0 và sự phát triển nhanh chóng của
Internet, chúng ta đã trải qua một cuộc cách mạng trong việc học tập trực tuyến. Giờ
đây, mọi người có thể tiếp cận nhiều tiện ích hơn trong cuộc sống, trong đó việc học
trực tuyến đóng vai trị quan trọng. Thay vì đến lớp học truyền thống, chúng ta có thể
học tập ở bất kỳ đâu và bất kỳ lúc nào.
Đi theo xu hướng đó, nhóm chúng tôi quyết định thực hiện đề tài "Xây dựng
website cộng đồng hỗ trợ học tập: Học siêu dễ - Easy learn", hoạt động theo mơ hình
mạng xã hội giáo dục. Trang web này sẽ kết nối các gia sư và học sinh với nhau, tạo
ra một cộng đồng học tập đầy đủ và sôi động. Các tương tác giữa thành viên sẽ diễn ra
như một mạng xã hội thông qua giao diện trực quan và thân thiện.
Website "Học siêu dễ - Easy learn" sẽ cung cấp các chức năng hỗ trợ việc học tập
một cách nhanh chóng và hiệu quả nhất. Đây là một nền tảng giúp người học và người

Trang 6


CHƯƠNG 1: TỔNG QUAN ỨNG DỤNG

dạy có thể tương tác, chia sẻ kiến thức, tư vấn và giải đáp câu hỏi. Các tài liệu, bài
giảng và bài tập sẽ được cập nhật đều đặn để đảm bảo người học có nguồn kiến thức
phong phú và đa dạng.
Với đề tài này, chúng tơi hy vọng có thể tận dụng tối đa lợi ích của cơng nghệ để
tạo ra một mơi trường học tập trực tuyến thú vị và hữu ích, giúp mọi người tiếp cận
kiến thức một cách dễ dàng và nâng cao khả năng học tập của mình.

1.3. MỤC TIÊU XÂY DỰNG ỨNG DỤNG
Ứng dụng được xây dựng nhằm tạo ra một nền tảng học tập trực tuyến phổ biến,

kết nối gia sư và học sinh. Chúng tôi tập trung vào việc cung cấp môi trường học tập
đa dạng và phong phú, giúp người học tiếp cận kiến thức dễ dàng và nâng cao khả
năng học tập.

1.4. ĐỐI TƯỢNG NGHIÊN CỨU
Người dùng: người dùng đăng nhập và sử dụng các chức năng với vai trị học sinh
sẽ có thể xem, đăng các câu hỏi và trả lời các câu hỏi của người khác. Tham gia học
các khóa học được bán trên trang web. Tham gia hỏi bài trực tiếp với gia sư và tham
gia các hoạt động kiếm điểm thưởng để tích lũy thành tích lên bảng xếp hạng, đổi các
quà tặng giá trị.
Trợ giảng: sau khi được phê duyệt làm gia sư, gia sư sẽ có thể tích lũy điểm
thưởng đổi ra quà hoặc tiền bằng cách tham gia hỗ trợ trả lời thắc mắc của các khóa
học hoặc tham gia trả lời trực tiếp với học sinh.
Quản trị viên: có thể quản lý tài khoản người dùng trên web (gmail, tên đăng
nhập, ngày sinh, ngày tạo tài khoản, vai trị người dùng). Quản lý các bài đăng, thơng
báo, khóa học, quảng cáo,... Xem báo cáo của website về lượt truy cập, lượng tương
tác của người dùng với website, tổng kết theo từng tháng, quý, năm.

Trang 7


CHƯƠNG 1: TỔNG QUAN ỨNG DỤNG

1.5. PHẠM VI NGHIÊN CỨU
Website chủ yếu tập trung đi vào việc xử lý các nghiệp vụ cốt lõi của một website
cộng đồng học tập, như những website thực tế hiện nay. Cụ thể là: đăng ký có sự xác
nhận của email, bài đăng có thể tải lên với nhiều định dạng, theo sát tình hình học trên
các khóa học,…Về ban quản trị, xây dựng đầy đủ các chức năng thêm, xóa, sửa, tìm
kiếm người dùng, khóa học.

Trang 8