Xây dựng ứng dụng hỗ trợ học tập nhóm cho học sinh, sinh viên
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (3.61 MB, 124 trang )
ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM
NGUYỄN HỒNG KHOA – NGUYỄN TIẾN DŨNG
KHÓA LUẬN TỐT NGHIỆP
XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC TẬP NHÓM
CHO HỌC SINH, SINH VIÊN
Build an application to support group learning for students
KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM
TP. HỒ CHÍ MINH, 2021
ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM
NGUYỄN HỒNG KHOA – 17520087
NGUYỄN TIẾN DŨNG - 17520376
KHÓA LUẬN TỐT NGHIỆP
XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC TẬP NHÓM
CHO HỌC SINH, SINH VIÊN
Build an application to support group learning for students
KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM
GIẢNG VIÊN HƯỚNG DẪN
ThS. NGUYỄN THỊ THANH TRÚC
TP. HỒ CHÍ MINH, 2021
THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP
Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số ……………………
ngày ………………….. của Hiệu trưởng Trường Đại học Công nghệ Thông tin.
1. ………………………. – Chủ tịch.
2. .……………...………. – Thư ký.
3. ………………………. – Ủy viên.
4. ………………………. – Ủy viên.
ĐHQG TP. HỒ CHÍ MINH
CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM
TRƯỜNG ĐẠI HỌC
Độc Lập – Tự Do – Hạnh Phúc
CƠNG NGHỆ THƠNG TIN
TP. HCM, ngày……tháng……năm 2020
NHẬN XÉT KHĨA LUẬN TỐT NGHIỆP
(CỦA CÁN BỘ HƯỚNG DẪN)
Tên khóa luận:
XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC TẬP NHĨM
CHO HỌC SINH, SINHVIÊN
Nhóm SV thực hiện:
Nguyễn Hồng Khoa – 17520087
Nguyễn Tiến Dũng – 17520376
Cán bộ hướng dẫn:
ThS. Nguyễn Thị Thanh Trúc
Đánh giá Khóa luận:
1. Về cuốn báo cáo:
Số trang
……… Số chương
………
Số bảng số liệu
………
………
Số tài liệu tham khảo
……… Sản phẩm
Số hình vẽ
………
Một số nhận xét về hình thức cuốn báo cáo:
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………
2. Về nội dung nghiên cứu:
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………
3. Về chương trình ứng dụng:
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………
4. Về thái độ làm việc của sinh viên:
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………
Đánh giá chung: Khóa luận đạt/khơng đạt u cầu của một khóa luận tốt nghiệp kỹ
sư/cử nhân, xếp loại Giỏi/Khá/Trung bình.
Điểm từng sinh viên:
Nguyễn Hồng Khoa:………../10.
Nguyễn Tiến Dũng:……….../10.
Người nhận xét
(Ký tên và ghi rõ họ tên)
NGUYỄN THỊ THANH TRÚC
ĐHQG TP. HỒ CHÍ MINH
CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM
TRƯỜNG ĐẠI HỌC
Độc Lập – Tự Do – Hạnh Phúc
CƠNG NGHỆ THƠNG TIN
TP. HCM, ngày……tháng……năm 2020
NHẬN XÉT KHĨA LUẬN TỐT NGHIỆP
(CỦA CÁN BỘ PHẢN BIỆN)
Tên khóa luận:
XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC TẬP NHĨM
CHO HỌC SINH, SINH VIÊN
Nhóm SV thực hiện:
Nguyễn Hồng Khoa – 17520087
Nguyễn Tiến Dũng – 17520376
Cán bộ hướng dẫn:
ThS. Nguyễn Thị Thanh Trúc
Đánh giá Khóa luận:
5. Về cuốn báo cáo:
Số trang
………
Số chương
………
Số bảng số liệu
………
Số hình vẽ
………
Số tài liệu tham khảo
……… Sản phẩm
………
Một số nhận xét về hình thức cuốn báo cáo:
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………
6. Về nội dung nghiên cứu:
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………
7. Về chương trình ứng dụng:
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………
8. Về thái độ làm việc của sinh viên:
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………
Đánh giá chung: Khóa luận đạt/khơng đạt u cầu của một khóa luận tốt nghiệp kỹ
sư/cử nhân, xếp loại Giỏi/Khá/Trung bình.
Điểm từng sinh viên:
Nguyễn Hồng Khoa:………../10.
Nguyễn Tiến Dũng:……….../10.
Người nhận xét
(Ký tên và ghi rõ họ tên)
LỜI CẢM ƠN
Khóa luận tốt nghiệp với đề tài “Xây dựng ứng dụng hỗ trợ học tập nhóm cho
học sinh, sinh viên” là kết quả, tâm huyết và sự tích lũy kiến thức của nhóm chúng em
trong suốt 4 năm học tại trường đại học Công nghệ Thông tin ĐHQG TPHCM. Với đề
tài này, chúng em mong muốn giá trị mà nó mang lại cho xã hội sẽ thay cho lời cảm ơn
đến với tất cả những người đã hỗ trợ, giúp đỡ và ủng hộ chúng em hoàn thành khóa
luận.
Nhóm chúng em xin cảm ơn tập thể quý thầy cô Trường Đại học Công nghệ
Thông tin – ĐHQG TP.HCM, đặc biệt là quý thầy cô khoa Công Nghệ Phần Mềm đã
trao cho chúng em những kiến thức giá trị làm nền tảng để thực hiện khóa luận này.
Đặc biệt, nhóm chúng em xin gửi lời cảm ơn chân thành và trân trọng nhất tới
cô Nguyễn Thị Thanh Trúc, giáo viên hướng dẫn đã trực tiếp theo dõi, góp ý, hỗ trợ và
đưa ra những lời khuyên quý giá cho chúng em trong suốt q trình thực hiện khóa
luận.
Cảm ơn giảng viên phản biện và các thầy cô trong hội đồng chấm luận văn với
những lời khuyên, góp ý quý báu và bổ ích. Từ đó bài luận văn của chúng em được trở
nên hoàn thiện hơn.
Lời cuối, chúng em xin gửi tất cả sự biết ơn và trân trọng của mình đến với
những người thân, bạn bè đã ủng hộ và động viên chúng em trong những giai đoạn đầy
khó khăn và thử thách khi thực hiện khóa luận này.
TP. HCM, tháng 05 năm 2021
Sinh viên
Nguyễn Tiến Dũng
Nguyễn Hồng Khoa
ĐHQG TP. HỒ CHÍ MINH
CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT
TRƯỜNG ĐẠI HỌC
NAM
CÔNG NGHỆ THÔNG TIN
Độc Lập - Tự Do - Hạnh Phúc
ĐỀ CƯƠNG CHI TIẾT
Tên đề tài:
Xây dựng ứng dụng hỗ trợ học tập nhóm cho học sinh, sinh viên
Cán bộ hướng dẫn: ThS. Nguyễn Thị Thanh Trúc
Thời gian thực hiện: Từ ngày 08/03/2021 đến ngày 08/06/2021
Sinh viên thực hiện:
1. Nguyễn Hồng Khoa – 17520087
2. Nguyễn Tiến Dũng – 17520376
Nội dung đề tài:
Mục tiêu:
- Xây dựng ứng dụng web để tạo ra một mơi trường hoạt động nhóm phù
hợp, tiện lợi. Giúp các nhóm của học sinh, sinh viên có một cơng cụ tin cậy
trong việc quản lý các nhóm mơn học ở trường hoặc nhóm trong các hoạt
động khác.
- Giúp cải thiện chất lượng làm việc nhóm, thay đổi thói quen của các bạn
học sinh, sinh viên còn đang dùng những nền tảng, cơng cụ chưa phù hợp để
quản lý nhóm của mình.
-
Tìm hiểu và ứng dụng các công nghệ mới, nâng cao kỹ năng và kiến thức
phát triển phần mềm.
Phạm vi:
Đề tài tập trung vào xây dựng ứng dụng trên nền tảng web, với các chức năng
chính như:
- Tạo nhóm: nhóm trưởng tạo nhóm và mời các thành viên khác tham gia với
email hoặc mã code của nhóm. Có thể chuyển quyền Leader trong nhóm
cho một thành viên khác.
- Tạo cơng việc: Leader tạo các cơng việc nhóm với các thơng tin: nội dung,
deadline, độ ưu tiên, độ khó,….. và giao cơng việc cho thành viên nhóm.
- Thực hiện cơng việc: thành viên cập nhật các thơng tin: tiến độ, trạng thái,
bình luận,… với các cơng việc của mình.
- Báo cáo tiến độ: mọi người xem được tiến độ (dạng biểu đồ, thống kê) của
các cơng việc nhóm hoặc những cơng việc của bản thân.
- Nhắn tin: mọi người liên lạc, trao đổi với nhau thông qua tin nhắn cá nhân
hoặc tin nhắn nhóm.
-
Nhắc nhở cơng việc: cảnh báo, nhắc nhở về những công việc bị sắp tới
deadline hoặc trễ tiến độ hằng ngày.
- Chia sẻ tệp: upload các tệp lên nhóm để phục vụ cho nhu cầu chia sẻ tài
liệu.
- Một số chức năng khác như: chấm điểm thành viên (cho Leader), tìm kiếm
cơng việc, hiển thị cơng việc với kanban hoặc tạo gantt chart,…
Đối tượng sử dụng:
Ứng dụng hướng đến những người dùng trên nền tảng web, cụ thể như:
- Các học sinh, sinh viên muốn tạo và quản lý các nhóm trong các mơn học
hoặc các nhóm đồ án ở trường.
- Những người dùng muốn có một mơi trường làm việc hiệu quả, có thể quản
lý cơng việc và theo dõi được năng suất làm việc của bản thân.
Phương pháp thực hiện:
- Khảo sát đề tài: nhu cầu và những công cụ làm việc nhóm phổ biến.
- Đánh giá ưu, nhược điểm, rút ra kinh nghiệm và chức năng cho ứng dụng.
- Lập kế hoạch, bước vào thực hiện đề tài theo mơ hình Agile.
Kết quả mong đợi:
- Hồn thành được đề tài với tất cả các chức năng đã đặt ra.
- Sản phẩm có tính thực tế cao và có thể áp dụng ngay vào thực tiễn.
- Hiểu rõ các công nghệ đã áp dụng như: ReactJS, .NET Core, mySQL, Push
Notification,……
Kế hoạch thực hiện:
Với thời gian thực hiện từ 08/03/2021 tới 08/06/2021, nhóm chia thành 6 sprint
với 2 giai đoạn cụ thể:
- Giai đoạn 1: Khảo sát hiện trạng, hoàn thiện ứng dụng với các chức năng cơ
bản.
+ Sprint 1: Tìm hiểu, khảo sát về các nhu cầu và chức năng học sinh, sinh
viên cần khi quản lý và làm việc nhóm. Tìm hiểu, đánh giá và rút kinh
nghiệm từ các ứng dụng web, phần mềm quản lý nhóm đang phổ biến. Tìm
hiểu các cơng nghệ áp dụng: ReactJS, .NET Core, mySQL.
+ Sprint 2: Phân tích, thiết kế chức năng ứng dụng và cơ sở dữ liệu.
+ Sprint 3: Xây dựng các API, xây dựng giao diện ứng dụng để thực hiện các
chức năng đã được xác định ở sprint 2.
+ Sprint 4: Xây dựng các chức năng với API đã có ở sprint 3.
Sprint
NGUYỄN TIẾN DŨNG
NGUYỄN HỒNG KHOA
1
-
Tìm hiểu ReactJS.
(08/03/2021 –
-
Khảo sát với google form
nhu cầu học nhóm và
21/03/2021)
-
mySQL.
-
-
Tìm hiểu tài liệu các
phương pháp quản lý nhóm.
quản lý nhóm của học
sinh, sinh viên.
Tìm hiểu .NET Core,
-
Khảo sát ứng dụng liên
Tìm hiểu các nên tảng
quan: Trello, MS Team,
phổ biển nhưng thiếu hiệu
Open Project.
quả: Facebook Group,
Zalo, Messenger.
2
-
Thiết kế chức năng ứng
-
dụng, cơ sở dữ liệu.
(21/03/2021 –
Thiết kế chức năng ứng
dụng, cơ sở dữ liệu.
23/03/2021)
3
(24/03/2021 –
09/04/2021)
-
Xây dựng giao diện, chức
-
Xây dựng API.
năng: đăng ký, đăng nhập,
-
Xây dựng giao diện, chức
tạo nhóm, giao việc,
năng: Tạo và cập nhật cơng
thống kê tiến độ.
việc, gửi thông báo, nhắn
tin.
-
4
(10/04/2021 –
05/05/2021)
Hoàn thành các chức
Hoàn thành các chức năng:
-
năng: đăng ký, đăng nhập,
Tạo công việc, cập nhật
tạo biểu đồ tiến độ cơng
cơng việc, bình luận, tìm
việc, tạo nhóm, mời thành
kiếm công việc theo tên
viên, giao công việc,
hoặc ngày, lưu lịch sử
ghim thông báo, lập báo
chỉnh sửa công việc, upload
cáo công việc nhóm
tệp tin.
(excel), chấm điểm
(Leader), chế độ quản lý
cơng việc (Kanban/
Gantt).
- Giai đoạn 2: Tinh chỉnh ứng dụng , kiểm thử, viết báo cáo đề tài.
+ Sprint 5: Hiệu chỉnh giao diện, tối ưu thao tác và hiệu suất các chức năng.
Có thể thêm những chức năng nâng cao nếu cần thiết.
+ Sprint 6: Tiến hành kiểm thử, viết báo cáo.
Sprint
5
(05/05/2021 –
20/05/2021)
NGUYỄN TIẾN DŨNG
NGUYỄN HỒNG KHOA
-
Tối ưu hóa, chỉnh sửa giao
diện ứng dụng.
-
Tối ưu các API, chỉnh sửa
giao diện ứng dụng.
6
-
Tiến hành kiểm thử.
-
Tiến hành kiểm thử.
(20/05/2021 –
-
Viết báo cáo.
-
Viết báo cáo.
08/06/2021)
Xác nhận của CBHD
TP. HCM, ngày … tháng … năm …..
(Ký tên và ghi rõ họ tên)
Sinh viên
(Ký tên và ghi rõ họ tên)
NGUYỄN THỊ THANH TRÚC
NGUYỄN HỒNG
NGUYỄN TIẾN
KHOA
DŨNG
MỤC LỤC
TÓM TẮT KHÓA LUẬN ............................................................................................... 1
Chương 1. TỔNG QUAN ĐỀ TÀI ................................................................................ 3
1.1. Giới thiệu đề tài ............................................................................................... 3
1.1.1.
Hiện trạng và nhu cầu học tập nhóm ở Việt Nam................................. 3
1.1.2.
Lý do chọn đề tài................................................................................... 4
1.2. Khảo sát hiện trạng các ứng dụng tương tự ..................................................... 5
1.2.1.
Trello ..................................................................................................... 5
1.2.2.
MS Teams ............................................................................................. 6
1.3. Mục tiêu và ý nghĩa đề tài ................................................................................ 7
1.3.1.
Mục tiêu ................................................................................................ 7
1.3.2.
Đối tượng người dùng ........................................................................... 7
1.3.3.
Ý nghĩa thực tiễn ................................................................................... 7
1.3.4.
Kết quả dự kiến ..................................................................................... 8
Chương 2. CƠ SỞ LÝ THUYẾT VÀ CÔNG NGHỆ ................................................... 9
2.1. Phương pháp và thuật toán sử dụng ................................................................. 9
2.1.1.
Kanban board ........................................................................................ 9
2.1.2.
Thuật toán Lexorank (Lexicalgraphical ranking) ............................... 10
2.1.3.
Gantt chart ........................................................................................... 14
2.2. Công nghệ sử dụng ........................................................................................ 15
2.2.1.
ReactJS ................................................................................................ 15
2.2.2.
Redux .................................................................................................. 17
2.2.3.
ASP.NET Core .................................................................................... 19
2.2.4.
SignalR ................................................................................................ 20
2.2.5.
Amazon Web Service ......................................................................... 22
2.2.6.
Firebase ............................................................................................... 23
2.2.7.
Github Actions .................................................................................... 24
Chương 3. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ............................................... 26
3.1. Phân tích yêu cầu hệ thống ............................................................................ 26
3.1.1.
Yêu cầu chức năng .............................................................................. 26
3.1.1.1. Yêu cầu về lưu trữ ............................................................................... 26
3.1.1.2. Yêu cầu về tính năng ........................................................................... 27
3.1.2.
Yêu cầu phi chức năng ........................................................................ 27
3.2. Sơ đồ Use case ............................................................................................... 28
3.2.1.
Sơ đồ Use case: ................................................................................... 28
3.2.1.1. Use case module Quản lý và cài đặt tài khoản .................................... 28
3.2.1.2. Use case module Quản lý và tương tác nhóm ..................................... 29
3.2.1.3. Use case module Các chức năng chung .............................................. 30
3.2.2.
Danh sách Actors ................................................................................ 31
3.2.3.
Danh sách Use cases ........................................................................... 31
3.2.4.
Đặc tả một số Use cases chính ............................................................ 33
3.2.4.1. Chức năng Đăng nhập ......................................................................... 33
3.2.4.2. Chức năng Đăng ký tài khoản ............................................................. 36
3.2.4.3. Chức năng Lấy lại mật khẩu ............................................................... 38
3.2.4.4. Chức năng Cập nhật thông tin tài khoản ............................................. 41
3.2.4.5. Chức năng Tạo nhóm .......................................................................... 43
3.2.4.6. Chức năng Tham gia nhóm ................................................................. 45
3.2.4.7. Chức năng Tạo bài viết ....................................................................... 47
3.2.4.8. Chức năng Tạo công việc .................................................................... 49
3.2.4.9. Chức năng Cập nhật công việc ............................................................ 51
3.2.4.10. Chức năng Nhắn tin............................................................................. 53
3.2.4.11. Chức năng Xem thơng báo .................................................................. 55
3.2.4.12. Chức năng Lập báo cáo nhóm ............................................................. 57
3.2.4.13. Chức năng Tải tệp ............................................................................... 59
3.3. Thiết kế giao diện .......................................................................................... 62
3.3.1.
Một số wireframe chính cho giao diện ............................................... 62
3.3.2.
Giao diện ứng dụng ............................................................................. 65
3.3.2.1. Màn hình Tổng quan ........................................................................... 65
3.3.2.2. Màn hình Bản tin ................................................................................. 65
3.3.2.3. Màn hình Danh sách nhóm ................................................................. 66
3.3.2.4. Màn hình Thơng tin nhóm................................................................... 66
3.3.2.5. Màn hình Quản lý cơng việc ............................................................... 67
3.3.2.6. Màn hình Quản lý tệp tin .................................................................... 69
3.3.2.7. Màn hình Thống kê tiến độ cơng việc ................................................. 70
3.3.2.8. Màn hình Thống kê đóng góp của thành viên nhóm........................... 70
3.3.2.9. Màn hình Nhắn tin .............................................................................. 71
3.3.2.10. Màn hình Cài đặt ................................................................................. 72
3.3.2.11. Màn hình Phản hồi và đóng góp ......................................................... 72
Chương 4. CÀI ĐẶT VÀ PHÁT TRIỂN HỆ THỐNG ............................................... 74
4.1. Thiết kế cơ sở dữ liệu .................................................................................... 74
4.1.1.
Lược đồ cơ sở dữ liệu ......................................................................... 74
4.1.2.
Mô tả các bảng dữ liệu ........................................................................ 75
4.1.2.1. Bảng User ............................................................................................ 75
4.1.2.2. Bảng Team .......................................................................................... 76
4.1.2.3. Bảng Kanban_board ............................................................................ 77
4.1.2.4. Bảng Kanban_list ................................................................................ 77
4.1.2.5. Bảng Task ............................................................................................ 78
4.1.2.6. Bảng Post............................................................................................. 80
4.1.2.7. Bảng Post_react ................................................................................... 80
4.1.2.8. Bảng Comment.................................................................................... 81
4.1.2.9. Bảng Group_chat ................................................................................ 82
4.1.2.10. Bảng Message ..................................................................................... 82
4.1.2.11. Bảng User_connection ........................................................................ 83
4.1.2.12. Bảng Notification ................................................................................ 84
4.1.2.13. Bảng Handle_task ............................................................................... 85
4.1.2.14. Bảng Task_version .............................................................................. 86
4.1.2.15. Bảng File ............................................................................................. 87
4.2. Thiết kế kiến trúc hệ thống ............................................................................ 88
4.3. Triển khai hệ thống ........................................................................................ 89
4.3.1.
Triển khai Web API ............................................................................ 89
4.3.2.
Triển khai Web App............................................................................ 90
Chương 5. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ................................................. 92
5.1. Kết quả đạt được ............................................................................................ 92
5.2. Thuận lợi và khó khăn ................................................................................... 93
5.2.1.
Thuận lợi ............................................................................................. 93
5.2.2.
Khó khăn ............................................................................................. 93
5.3. Hạn chế .......................................................................................................... 94
5.4. Hướng phát triển ............................................................................................ 94
TÀI LIỆU THAM KHẢO ............................................................................................. 96
DANH MỤC HÌNH
Hình 1-1. Logo ứng dụng Trello ...................................................................................... 5
Hình 1-2. Logo ứng dụng Microsfot Teams .................................................................... 6
Hình 2-1. Minh họa thuật tốn sắp xếp thẻ Kanban thơng thường ................................ 11
Hình 2-2. Minh họa thuật tốn Lexorank ....................................................................... 12
Hình 2-3. Minh họa thuật toán Lexorank trường hợp cần thêm chuỗi phụ ................... 13
Hình 2-4. Minh họa đoạn code tìm chuỗi thứ tự chèn giữa hai chuỗi của Lexorank .... 13
Hình 2-5. Logo thư viện ReactJS ................................................................................... 15
Hình 2-6. Logo thư viện Redux ..................................................................................... 17
Hình 2-7. Minh họa cách vận hành của Redux .............................................................. 18
Hình 2-8. Logo framwork ASP.NET Core .................................................................... 19
Hình 2-9. Logo thư viện SignalR ................................................................................... 20
Hình 2-10. Minh họa xử lý của SignalR ........................................................................ 21
Hình 2-11. Logo nền tảng đám mây Amazon Web Services ......................................... 22
Hình 2-12. Logo dịch vụ Firebase.................................................................................. 23
Hình 2-13. Logo dịch vụ Github Actions ...................................................................... 24
Hình 3-1. Lược đồ Use case module Quản lý và cài đặt tài khoản ................................ 28
Hình 3-2. Lược đồ Use case module Quản lý và tương tác nhóm ................................. 29
Hình 3-3. Lược đồ Use case module Các chức năng chung .......................................... 30
Hình 3-4. Lược đồ tuần tự cho thao tác Đăng nhập ....................................................... 36
Hình 3-5. Lược đồ tuần tự cho thao tác Đăng ký tài khoản ........................................... 38
Hình 3-6. Lượt đồ tuần tự cho thao tác Khơi phục mật khẩu ........................................ 41
Hình 3-7. Lược đồ tuần tự cho thao tác Cập nhật thông tin tài khoản ........................... 43
Hình 3-8. Lược đồ tuần tự cho thao tác Tạo nhóm ........................................................ 45
Hình 3-9. Lược đồ tuần tự cho thao tác Tham gia nhóm ............................................... 47
Hình 3-10. Lược đồ tuần tự cho thao tác Tạo bài viết ................................................... 49
Hình 3-11. Lược đồ tuần tự cho thao tác Tạo công việc ................................................ 51
Hình 3-12. Lược đồ tuần tự cho thao tác Cập nhật cơng việc ....................................... 53
Hình 3-13. Lược đồ tuần tự cho thao tác Nhắn tin ........................................................ 55
Hình 3-14. Lược đồ tuần tự cho thao tác Xem thông báo .............................................. 57
Hình 3-15. Lược đồ tuần tự cho thao tác Lập báo cáo ................................................... 59
Hình 3-16. Lược đồ tuần tự cho thao tác Tải tệp ........................................................... 61
Hình 3-17. Wireframe màn hình Tổng quan .................................................................. 62
Hình 3-18. Wireframe màn hình Bản tin ....................................................................... 62
Hình 3-19. Wireframe màn hình Danh sách nhóm ........................................................ 63
Hình 3-20. Màn hình Tin nhắn nhóm ............................................................................ 63
Hình 3-21. Màn hình Danh sách tệp tin ......................................................................... 64
Hình 3-22. Màn hình Quản lý cơng việc ........................................................................ 64
Hình 3-23. Màn hình Tổng quan .................................................................................... 65
Hình 3-24. Màn hình Bản tin ......................................................................................... 65
Hình 3-25. Màn hình Danh sách nhóm .......................................................................... 66
Hình 3-26. Màn hình Thơng tin nhóm ........................................................................... 66
Hình 3-27. Màn hình Quản lý cơng việc (Chế độ xem Kanban board) ......................... 67
Hình 3-28. Màn hình Quản lý cơng việc (Chế độ xem Danh sách) ............................... 67
Hình 3-29. Màn hình Quản lý cơng việc (chế độ xem Gantt Chart) .............................. 68
Hình 3-30. Popup để hiển thị thơng tin và cập nhật chi tiết cơng việc .......................... 68
Hình 3-31. Màn hình Quản lý tệp tin nhóm ................................................................... 69
Hình 3-32. Màn hình Thống kê tiến độ cơng việc nhóm ............................................... 70
Hình 3-33. Màn hình Thống kê đóng góp của thành viên nhóm ................................... 70
Hình 3-34. Màn hình Nhắn tin ....................................................................................... 71
Hình 3-35. Màn hình Cài đặt.......................................................................................... 72
Hình 3-36. Màn hình Phản hồi và đóng góp .................................................................. 72
Hình 4-1. Lược đồ cơ sở dữ liệu của ứng dụng ............................................................. 75
Hình 4-2. Minh họa kiến trúc hệ thống của ứng dụng ................................................... 88
Hình 4-3. Service file giúp duy trì ứng dụng .NET Core ln chạy trên Ubuntu .......... 89
Hình 4-4. Kiểm tra trạng thái service ............................................................................. 90
Hình 4-5. Cấu hình NGINX cho Web API .................................................................... 90
Hình 4-6. Ứng dụng đang chạy được quản lý bởi PM2 ................................................. 91
Hình 4-7. Cấu hình NGINX cho Web App .................................................................... 91
DANH MỤC BẢNG
Bảng 3-1. Danh sách các Actors trong Lược đồ Use case ............................................. 31
Bảng 3-2. Danh sách các Use case của ứng dụng .......................................................... 33
Bảng 3-3. Bảng đặc tả Use case chức năng Đăng nhập ................................................. 35
Bảng 3-4. Bảng đặc tả Use case chức năng Đăng ký tài khoản ..................................... 38
Bảng 3-5. Bảng đặc tả Use case chức năng Khôi phục mật khẩu .................................. 40
Bảng 3-6. Bảng đặc tả Use case chức năng Cập nhật thông tin tài khoản ..................... 43
Bảng 3-7. Bảng đặc tả Use case chức năng Tạo nhóm .................................................. 45
Bảng 3-8. Bảng đặc tả Use case chức năng Tham gia nhóm ......................................... 46
Bảng 3-9. Bảng đặc tả Use case chức năng Tạo bài viết ............................................... 48
Bảng 3-10. Bảng đặc tả Use case chức năng Tạo công việc .......................................... 51
Bảng 3-11. Bảng đặc tả Use case chức năng Cập nhật công việc .................................. 53
Bảng 3-12. Bảng đặc tả Use case chức năng Nhắn tin .................................................. 54
Bảng 3-13. Bảng đặc tả Use case chức năng Xem thông báo ........................................ 56
Bảng 3-14. Bảng đặc tả Use case chức năng Lập báo cáo nhóm ................................... 58
Bảng 3-15. Bảng đặc tả Use case chức năng Tải tệp ..................................................... 60
Bảng 4-1. Danh sách thuộc tính của bảng User ............................................................. 76
Bảng 4-2. Danh sách thuộc tính của bảng Team............................................................ 77
Bảng 4-3. Danh sách thuộc tính của bảng KanbanBoard .............................................. 77
Bảng 4-4. Danh sách thuộc tính của bảng KanbanList .................................................. 78
Bảng 4-5. Danh sách thuộc tính của bảng Task ............................................................. 80
