Hệ thống quản lý công việc nhóm

ĐẠI HỌC QUỐC GIA HÀ NỘI TRƯỜNG ĐẠI HỌC CÔNG NGHỆ HỆ THỚNG QUẢN LÝ CÔNG VIỆC NHĨM Nhóm 19020445 – Bùi Thị Phương Thảo 19020331 – Nguyễn Thế Khải 19020386 – Nguyễn Minh Ngọc BÁO CÁO CUỐI KỲ MÔN DỰ ÁN - INT3509 Giảng viên: TS Ma Thị Châu Hà Nội – 2023 ĐẠI HỌC QUỐC GIA HÀ NỘI TRƯỜNG ĐẠI HỌC CÔNG NGHỆ HỆ THỐNG QUẢN LÝ CÔNG VIỆC NHĨM Nhóm 19020445 – Bùi Thị Phương Thảo 19020331 – Nguyễn Thế Khải 19020386 - Nguyễn Minh Ngọc BÁO CÁO CUỐI KỲ MÔN DỰ ÁN - INT3509 Giảng viên hướng dẫn: TS Ma Thị Châu Hà Nội - 2023 PHÂN CÔNG CÔNG VIỆC STT Họ tên Mã SV Vị trí Đóng góp Bùi Thị Phương Thảo 19020445 Trưởng nhóm 40% Nguyễn Thế Khải 19020331 30% Nguyễn Minh Ngọc 19020386 30% Công việc chung • Thu thập yêu cầu - Xác định mục tiêu, đối tượng, phạm vi dự án Xác định yêu cầu chức phi chức hệ thống • Phân tích u cầu, nghiệp vụ: Phân tích yêu cầu chức phi chức Trong đó, làm rõ nghiệp vụ chức • Lựa chọn công nghệ: Lựa chọn ngôn ngữ lập trình, cơng nghệ, cơng cụ dịch vụ • Thiết kế hệ thống: Chia hệ thống thành module Cơng việc cá nhân • Dev Frontend (Bùi Thị Phương Thảo) - Thiết kế giao diện người dùng: Thiết kế màn, giao diện chức hệ thống dựa phân tích yêu cầu (Thiết kế giao diện (Figma)) Xây dựng giao diện người dùng: Tạo giao diện, xử lý logic, thao tác, - liệu phía client; kiểm thử giao diện, chức (Mã nguồn Frontend) Deploy Client: Triển khai phía Client (Sản phẩm demo) - • Dev Backend (Nguyễn Thế Khải, Nguyễn Minh Ngọc) Công việc chung: - Viết API thiết kế sở liệu cho đối tượng: Dự án, Người dùng Nhiệm vụ (Mã nguồn Backend) - Deploy Server: Triển khai phía Server (API docs) Cơng việc cá nhân: - Viết API thiết kế sở liệu cho đối tượng: Xác thực, Kế hoạch, Đánh giá Phân tích (Nguyễn Thế Khải) - Viết API thiết kế sở liệu cho đối tượng: Thông báo Lưu trữ tài liệu (Nguyễn Minh Ngọc) LỜI CẢM ƠN Chúng em xin gửi lời cảm ơn chân thành đến cô TS Ma Thị Châu – Giảng viên hướng dẫn môn Dự án INT3509 1, Trường Đại học Công nghệ, Đại học Quốc Gia Hà Nội, người đồng hành hướng dẫn chúng em suốt thời gian làm báo cáo vừa qua Chúng em xin chân thành cảm ơn! TÓM TẮT Hiện nay, hệ thống quản lý cơng việc nhóm mợt giải pháp cơng nghệ hỗ trợ phân công, theo dõi đánh giá công việc thành viên nhóm Hệ thống tăng cường giao tiếp, hợp tác tương tác nhóm, nâng cao suất chất lượng cơng việc Do đó, báo cáo nhóm chúng em muốn giới thiệu “Hệ thống quản lý cơng việc nhóm” nhóm xây dựng Báo cáo tập trung trình bày đặc điểm bản, chức chính, công nghệ sử dụng, sở liệu phân tích thiết kế hệ thống MỤC LỤC MỞ ĐẦU CHƯƠNG GIỚI THIỆU CHUNG 1.1 Đặt vấn đề 1.2 Một số hệ thống tương tự 1.2.1 Trello 1.2.2 Jira 1.2.3 Notion 1.3 Tổng quan 1.3.1 Mục tiêu 1.3.2 Đối tượng 1.3.3 Phạm vi CHƯƠNG 2: CÔNG NGHỆ SỬ DỤNG 10 2.1 Frontend 10 2.1.1 Next.js 10 2.1.2 Tailwind CSS 11 2.1.3 Figma 13 2.2 Backend 14 2.2.1 Node.js Express 14 2.2.2 MongoDB 15 2.2.3 Swagger 16 2.3 Các công nghệ khác 17 2.3.1 AWS EC2 17 2.3.2 AWS S3 18 2.3.3 Github 19 CHƯƠNG PHÂN TÍCH THIẾT KẾ 20 3.1 Mơ hình ca sử dụng 20 3.1.1 Góc nhìn cá nhân 20 3.1.2 Góc nhìn nhóm/dự án 21 3.2 Kiến trúc hệ thống 21 3.2.1 Tổng quan 21 3.2.2 Tầng giao diện 24 3.2.3 Tầng máy chủ 55 3.2.4 Tầng CSDL 84 CHƯƠNG KẾT QUẢ CÀI ĐẶT VÀ HƯỚNG PHÁT TRIỂN 92 4.1 Mã nguồn deploy 92 4.1.1 Backend 92 4.1.2 Frontend 93 4.2 Sản phẩm demo 94 4.3 Hướng phát triển .109 KẾT LUẬN 111 DANH MỤC BẢNG BIỂU Bảng 3.1 Bảng quy định thời gian nhiệm vụ 40 Bảng 3.2 Bảng mẫu thiết kế collection folder 85 Bảng 3.3 Bảng mẫu thiết kế collection notifications 86 Bảng 3.4 Bảng mẫu thiết kể collection projectInvites 86 Bảng 3.5 Bảng mẫu thiết kế collection projects 87 Bảng 3.6 Bảng mẫu thiết kế collection reviews 88 Bảng 3.7 Bảng mẫu thiết kế collection tasks 89 Bảng 3.8 Bảng mẫu thiết kế collection users 90 DANH MỤC HÌNH VẼ Chương 1: Giới thiệu chung Hình 1.1 Mơ tả mơ hình làm việc nhóm Hình 1.2 Ứng dụng Trello Hình 1.3 Ứng dụng Jira Hình 1.4 Ứng dụng Notion Chương 2: Cơng nghệ sử dụng Hình 2.1 Framework Next.js 10 Hình 2.2 Framework Tailwind CSS 12 Hình 2.3 Cơng cụ thiết kế giao diện Figma 13 Hình 2.4 Một ảnh chụp Swagger UI hệ thống 17 Chương 3: Phân tích thiết kế Hình 3.1 Biểu đồ ca sử dụng góc nhìn cá nhân 20 Hình 3.2 Biểu đồ ca sử dụng góc nhìn nhóm/dự án 21 Hình 3.3 Kiến trúc hệ thống tầng 23 Hình 3.4 Biểu đồ hoạt động cho chức Đăng ký 25 Hình 3.5 Biểu đồ hoạt động cho chức Đăng nhập 27 Hình 3.6 Biểu đồ hoạt động cho chức Thay đổi thông tin cá nhân 29 Hình 3.7 Biểu đồ hoạt động cho chức Thay đổi mật 31 Hình 3.8 Biểu đồ hoạt đợng cho chức Tạo dự án 33 Hình 3.9 Biểu đồ hoạt đợng cho chức Thay đổi thông tin dự án 34 Hình 3.10 Biểu đồ hoạt đợng cho chức Xem danh sách dự án 36 Hình 3.11 Biểu đồ hoạt đợng cho chức Rời dự án 37 Hình 3.12 Biểu đồ hoạt động cho chức Thiết lập mục tiêu 38 Hình 3.13 Biểu đồ hoạt động cho chức Thiết lập giai đoạn 39 Hình 3.14 Biểu đồ hoạt động cho chức Thêm nhiệm vụ 41 Hình 3.15 Biểu đồ hoạt đợng cho chức Xem nhiệm vụ 42 Hình 4.9 Giao diện Trang chủ • Cập nhật thơng tin cá nhân: Hình 4.10 Giao diện Cập nhật thơng tin cá nhân • Thay đổi mật khẩu: 98 Hình 4.11 Giao diện Thay đổi mật • Xem danh sách dự án gồm danh mục: Danh sách dự án tiến hành Hình 4.12 Giao diện Danh sách dự án tiến hành người dùng Danh sách dự án hồn thành 99 Hình 4.13 Giao diện Danh sách dự án hoàn thành người dùng Danh sách lời mời tham gia dự án Hình 4.14 Giao diện Danh sách lời mời tham gia dự án • Tạo dự án 100 Hình 4.15 Giao diện Tạo dự án Giao diện dự án gồm tab: tổng quan, kế hoạch, nhiệm vụ, tài liệu phân tích Hình 4.16 Giao diện Tổng quan dự án • Thiết lập kế hoạch 101 Hình 4.17 Giao diện Thiết lập kế hoạch • Danh sách nhiệm vụ dự án Danh sách nhiệm vụ dự án hiển thị dạng bảng Kanban, cho phép người dùng kéo thả nhiệm vụ Hình 4.18 Giao diện Danh sách nhiệm vụ dự án Người dùng kéo thả nhiệm vụ vào cột trạng thái xếp theo nhu cầu 102 Hình 4.19 Thao tác kéo thả nhiệm vụ • Tạo nhiệm vụ Hình 4.20 Giao diện Tạo nhiệm vụ • Xem chi tiết, bình luận thay đổi nhiệm vụ 103 Hình 4.21 Giao diện Chi tiết nhiệm vụ Hình 4.22 Giao diện Chi tiết nhiệm vụ (tiếp) • Lưu trữ tài liệu 104 Hình 4.23 Giao diện Lưu trữ tài liệu • Đánh giá phân tích Đánh giá đối tượng dự án Hình 4.24 Giao diện Đánh giá dự án Phân tích dự án: - Phân tích thời gian hồn thành giai đoạn dự án 105 Hình 4.25 Biểu đồ phân tích thời gian hồn thành giai đoạn - Phân tích tiến đợ dự án Hình 4.26 Biểu đồ phân tích tiến đợ dự án - Phân tích nhiệm vụ dự án 106 Hình 4.27 Biểu đồ phân tích số lượng nhiệm vụ dự án Hình 4.28 Biểu đồ phân tích số lượng nhiệm vụ giai đoạn • Danh sách nhiệm vụ cá nhân 107 Hình 4.29 Giao diện Danh sách nhiệm vụ cá nhân • Thơng báo Hình 4.30 Giao diện Thơng báo • Liên hệ 108 Hình 4.31 Giao diện Liên hệ 4.3 Hướng phát triển Dự án quản lý cơng việc nhóm có tiềm phát triển rợng lớn thực hướng mở rợng cải tiến sau: • Tích hợp cơng cụ ứng dụng khác: Hướng phát triển tích hợp hệ thống quản lý cơng việc nhóm với cơng cụ ứng dụng khác trò chuyện trực tuyến, hệ thống họp trực tuyến cợng tác nhóm Điều giúp tăng cường tính tồn diện hiệu dự án, cho phép người dùng truy cập quản lý tất khía cạnh cơng việc nhóm từ mợt tảng • Tích hợp trí tuệ nhân tạo tự đợng hóa: Sử dụng trí tuệ nhân tạo tự đợng hóa nâng cao hiệu suất tiện ích hệ thống quản lý cơng việc nhóm Ví dụ, triển khai chatbot trợ lý ảo để trợ giúp người dùng việc tạo quản lý nhiệm vụ, cung cấp thơng tin hữu ích đề xuất hành đợng tối ưu Tự đợng hóa quy trình làm việc thơng báo tiến đợ, nhắc nhở gửi email tối ưu hóa thời gian cơng sức người dùng • Phân tích liệu trích xuất thơng tin: Phát triển khả phân tích liệu trích xuất thơng tin từ liệu cơng việc hồn thành mang lại thông điệp quan trọng hiệu suất xu hướng công việc Các biểu đồ, báo cáo số hiệu suất cải thiện cung cấp nhìn sâu tiến trình dự án, cho phép người dùng đánh giá đưa định dựa liệu thống kê 109 • Mở rợng tính bảo mật quản lý quyền truy cập: Đảm bảo tính bảo mật quyền riêng tư thông tin công việc yếu tố quan trọng Các cải tiến liên quan đến bảo mật quản lý quyền truy cập, chẳng hạn xác thực hai yếu tố, mã hóa liệu quản lý quyền truy cập chi tiết, áp dụng để đảm bảo an toàn bảo mật cho hệ thống Tóm lại, dự án quản lý cơng việc nhóm có tiềm để phát triển cải thiện hiệu suất làm việc nhóm Việc tích hợp cơng cụ ứng dụng khác, sử dụng trí tuệ nhân tạo tự đợng hóa, phân tích liệu trích xuất thơng tin cải thiện tính bảo mật quản lý quyền truy cập đóng góp vào phát triển dự án mang lại giá trị tốt cho người dùng 110 KẾT LUẬN Dự án quản lý cơng việc nhóm đặt mục tiêu xây dựng một hệ thống hỗ trợ quản lý công việc nhóm hiệu Dự án tập trung vào cải thiện tổ chức quản lý cơng việc, tối ưu hóa quy trình làm việc, tăng cường tương tác phối hợp nhóm, quản lý tiến đợ hiệu suất cơng việc, tăng cường tính minh bạch truy cập thông tin, tăng cường khả theo dõi báo cáo Hệ thống thiết kế để phục vụ đối tượng sử dụng bao gồm thành viên nhóm, quản lý nhóm người đánh giá Thành viên nhóm sử dụng hệ thống để thực công việc phân công một cách dễ dàng hiệu Quản lý nhóm hỗ trợ việc lập kế hoạch, phân công theo dõi công việc thành viên nhóm, đồng thời có khả xem đánh giá hiệu suất công việc Người đánh giá sử dụng hệ thống để đánh giá tiến độ hiệu suất dự án thông qua số liệu thống kê, giúp đưa định dựa liệu xác Hệ thống quản lý cơng việc nhóm cung cấp mợt loạt tính chức quan trọng Các tính bao gồm quản lý nhiệm vụ công việc, quản lý dự án, giao tiếp cộng tác, theo dõi đánh giá, thống kê phân tích liệu, quản lý tài liệu, quyền truy cập bảo mật Nhờ vào tính này, người dùng dễ dàng tạo, phân công, giao tiếp theo dõi tiến đợ cơng việc, đồng thời có khả đo lường đánh giá hiệu suất, phân tích liệu quản lý tài liệu một cách thuận tiện hiệu Dự án đóng góp quan trọng vào việc nâng cao hiệu suất làm việc nhóm, tăng cường tổ chức tương tác nhóm, đảm bảo tính minh bạch bảo mật thơng tin Bằng cách cung cấp liệu xác đáng tin cậy, hệ thống hỗ trợ quản lý dự án đưa định dựa liệu thống kê, từ cải thiện q trình quản lý giúp đạt mục tiêu dự án một cách hiệu 111 TÀI LIỆU THAM KHẢO “Next.js documentation”, Next.js, https://nextjs.org/docs “Tailwind CSS documentation”, Tailwind CSS, https://tailwindcss.com/docs “Node.js documentation”, Node.js, https://nodejs.org/en/docs “Express routing guide”, Express, https://expressjs.com/en/guide/routing.html “MongoDB documentation”, MongoDB, https://www.mongodb.com/docs “Swagger documentation”, Swagger, https://swagger.io/docs “AWS EC2 documentation”, AWS EC2, https://docs.aws.amazon.com/ec2/index.html?nc2=h_ql_doc_ec2 “AWS S3 documentation”, AWS S3, https://docs.aws.amazon.com/s3/index.html?nc2=h_ql_doc_s3 “Mơ hình lớp gì?”, TopDev.vn, https://topdev.vn/blog/mo-hinh-3-lop-la-gi/ “Vercel documentation”, Vercel, https://vercel.com/docs