Đồ án xây dựng chương trình tìm kiếm đội nhóm dự án

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN Đề tài: XÂY DỰNG CHƯƠNG TRÌNH TÌM KIẾM ĐỘI NHĨM DỰ ÁN Giảng viên hướng dẫn: Nguyễn Tấn Toàn Sinh viên thực hiện: Nguyễn Huỳnh Gia Huy 20520544 Nguyễn Gia Bảo 20520406 Thành phố Hồ Chí Minh ngày tháng năm 2023 NHẬN XÉT CỦA GIẢNG VIÊN TPHCM, Ngày … Tháng … Năm … Người nhận xét (Ký tên) LỜI CẢM ƠN Để hồn thành đề tài có kiến thức ngày hơm nay, nhóm chúng em xin gửi lời cảm ơn đến thầy Tồn tận tình hỗ trợ, truyền đạt kiến thức kinh nghiệm quý báu cho chúng em suốt trình học tập nghiên cứu Trong thời gian thực đề tài, nhóm vận dụng kiến thức tảng tích lũy đồng thời kết hợp với việc học hỏi tiếp thu kiến thức Chúng em cố gắng vận dụng thu thập để hồn thành đồ án tốt Tuy nhiên, q trình thực hiện, khơng tránh khỏi thiếu sót, chúng em mong nhận thơng cảm góp ý chân thành từ thầy Cuối cùng, chúng em xin gửi lời chúc thân đến thầy Mục lục LỜI CẢM ƠN MỞ ĐẦU I GIỚI THIỆU TỔNG QUAN Thơng tin nhóm Tổng quan đề tài 2.1 Lý chọn đề tài 2.2 Phạm vi nghiên cứu 10 2.3 Nội dung nghiên cứu 10 2.4 Kết hướng tới 10 Công cụ sử dụng 11 II CÔNG NGHỆ .12 ReactJs 12 1.1 Giới thiệu chung 12 1.2 Các từ khoá (key concepts) 13 1.2.1 Component-based approach 13 1.2.2 Virtual DOM 13 1.2.3 Props - State 14 1.2.4 Component Lifecycle 15 1.2.5 React Hook 16 1.3 Cách thức hoạt động ReactJS 17 1.4 Một số thư viện - package phổ biến sử dụng ReactJS 17 1.4.1 React Hook 17 1.4.2 React Router 19 1.4.3 React Redux - Redux toolkit 20 NodeJs 21 2.1 Giới thiệu chung 21 2.2 Cách thức hoạt động 22 2.3 Cấu trúc Node.js 22 2.3.1 Mô-đun 22 2.3.2 Console 23 2.3.3 Cluster 24 2.3.4 Global 24 2.3.5 Error Handling 25 2.3.6 Streaming 25 2.3.7 Buffer 26 2.3.8 Domain 26 2.3.9 DNS 26 2.3.10 Debugger 27 2.4 Ưu điểm 27 JavaScript 27 MySql 28 4.1 Định nghĩa 29 4.2 Lịch sử hình thành phát triển MySQL 29 4.3 Phương thức hoạt động 30 4.4 Ưu điểm 30 4.5 Nhược điểm 31 III Website tìm kiếm thành viên đội nhóm dự án .32 Giới thiệu đề tài 32 1.1 Đặt vấn đề 32 1.2 Mục tiêu và chức 33 1.3 Định hướng giải vấn đề 33 1.4 Yêu cầu toán 33 1.4.1 Tổng quan 33 1.4.2 Các hoạt động hệ thống 34 1.4.3 Các yêu cầu hệ thống 35 1.4.4 Yêu cầu phi chức 37 1.5 Mã nguồn 37 Phân tích kiến trúc hệ thống 38 2.1 Khái niệm 38 2.2 Nguyên tắc hoạt động 38 2.3 Ưu điểm 39 2.4 Kiến trúc hệ thống 40 Đặc tả use case 41 3.1 Use case toàn hệ thống 41 3.1.1 Web Admin: 41 3.1.2 Web người dùng: 42 3.2 Đặc tả 43 3.2.1 Đăng nhập 43 3.2.2 Đăng kí 44 3.2.3 Đăng xuất 45 3.2.4 Quản lý danh sách dự án 45 3.2.5 Quản lý danh sách người dùng 46 3.2.6 Quản lý danh sách tài khoản admin 47 3.2.7 Quản lý danh sách chuyên môn 48 3.2.8 Xem thống kê tổng số dự án/tài khoản tạo 49 3.2.9 Quản lý thông tin cá nhân 49 3.2.10 Tìm kiếm dự án 50 3.2.11 Ứng tuyển vào dự án 51 3.2.12 Lưu dự án quan tâm 52 3.2.13 Tạo dự án 53 3.2.14 Chỉnh sửa thông tin dự án 54 3.2.15 Quản lý nhân dự án 54 3.2.16 Xem chi tiết dự án 55 3.2.17 Xem chi tiết người dùng 56 3.2.18 Đổi mật 57 Thiết kế sở liệu 58 4.1 Sơ đồ sở liệu 58 4.2 Mô tả chi tiết bảng liệu 59 Thiết kế giao diện 60 5.1 Danh sách giao diện 60 5.2 Chi tiết giao diện 62 5.2.1 Header 62 5.2.2 Footer 63 5.2.3 Sidebar 63 5.2.4 Trang chủ (Admin) 64 5.2.5 Danh sách dự án (admin) 65 5.2.6 Danh sách chuyên môn 65 5.2.7 Danh sách tài khoản 66 5.2.8 Đăng nhập 66 5.2.9 Đăng kí 67 5.2.10 Trang chủ 68 5.2.11 Thông tin cá nhân 69 5.2.12 Tạo dự án 70 5.2.13 Danh sách dự án tham gia 70 5.2.14 Thống kê dự án 71 5.2.15 Chi tiết dự án 72 5.2.16 Chỉnh sửa dự án 73 5.2.17 Giới thiệu 74 5.2.18 Liên hệ 76 5.2.19 Đổi mật 77 5.2.20 Thông tin người dùng 78 IV Cài đặt thử nghiệm: 79 V Nhận xét kết luận 81 Nhận xét 81 Kết luận 81 Hướng phát triển 81 VI Bảng phân công công việc: 82 VII Phụ lục 83 MỞ ĐẦU Hiện nay, công nghiệp 4.0 ngày phát triển, thúc đẩy hoạt động phát triển theo, đặc biệt thông tin, tin tức ngành nghề, lĩnh vực Thông tin nhu cầu công việc ngày nhiều, làm để thông tin dễ dàng đến với người, dễ dang tìm kiếm, trao đổi thương lượng công việc Nhu cầu tìm kiếm cơng việc hay cơng ty cần tìm đối tác tăng cao website tuyển việc làm cần thiết để công ty đối tác dễ dàng tìm kiếm trao đổi mang lại hiệu công việc cao, tiết kiệm chi phí Với nhu cầu tìm kiếm việc làm tăng cao để cá nhân, công ty muốn tìm việc làm phù hợp hay lưu lại thơng tin cơng ty mà quan tâm, để việc quản lý thơng tin trở nên dễ dàng tiện lợi Ứng tuyển công việc từ xa, chào giá công việc trở nên thuận lợi tiết kiệm Các công ty đăng tin tuyển dụng dễ dàng quản lý cơng việc đăng tuyển, xem hồ sơ ứng tuyển ứng viên cách nhanh chóng thuận tiện Việc quản lý lưu trữ hay quan tâm tới ứng viên tiềm năng, có đủ lực phù hợp với yêu cầu cơng ty trở nên dễ dàng Thay nhận đơn ứng tuyển hồ sơ thủ công tốn thời gian, không gian để lưu trữ mà hiệu cơng việc đem lại khơng cao đơi cịn xảy sai sót, mát, thất lạc hồ sơ ứng viên Hay việc quản lý hạn đăng tin tuyển dụng tự động hóa Vì với website tuyển dụng việc làm trọng vào đối tượng cơng ty, nhà thầu có đấu giá gói thầu tồn cơng việc tồn công việc Website giúp công ty, nhà thầu dễ dàng tìm đối tác kết hợp với để hồn thành cơng việc hiệu I GIỚI THIỆU TỔNG QUAN Thơng tin nhóm MSSV Họ tên Email 20520544 Nguyễn Huỳnh Gia Huy 20520544@gm.uit.edu.vn 20520406 Nguyễn Gia Bảo 20520406@gm.uit.edu.vn Tổng quan đề tài 2.1 Lý chọn đề tài Trong trình khảo sát, nhóm em nhận thấy hầu hết trang web tìm kiếm thành viên dự án chủ yếu tập trung vào ngành nghề Công nghệ thông tin, kinh doanh trang web làm đến nhà thầu tìm kiếm đối tác để chia sẻ giai đoạn, quy trình phát triển tồn dự án Vì nhà thầu cần đến trang web để dăng tải thơng tin liên quan đến quy trình phát triển dự án mà cần tìm đối tác, đồng thời đánh giá đối tác qua lần hợp tác Việc phát triển website đăng tin tuyển dụng việc làm giúp nhàu thầu, cá nhân, doanh nghiệp: Dễ dàng quản lý công việc, đối tác - Dễ dàng đánh giá đối tác qua lần hợp tác - Dễ dàng tìm kiếm, quan tâm đến đối tác, công việc phù hợp 5.2.11 Thông tin cá nhân Hình 5.11: Màn hình thơng tin cá nhân Mơ tả: Hiện thị đầy đủ thông tin cá nhân người dùng, cho phép thay đổi 69 5.2.12 Tạo dự án Hình 5.12: Màn hình tạo dự án Mơ tả: hình dạng form để khởi tạo dự án 5.2.13 Danh sách dự án tham gia Hình 5.13: Màn hình danh sách dự án tham gia Mô tả: Hiển thị tất dự án người dùng tham gia 70 5.2.14 Thống kê dự án Hình 5.14: Màn hình thống kê dự án Mô tả: Thống kê chung dự án người dùng tham gia 71 5.2.15 Chi tiết dự án Hình 5.15: Màn hình chi tiết dự án Mô tả: Hiển thị chi tiết dự án 72 5.2.16 Chỉnh sửa dự án Hình 5.16: Màn hình chỉnh sửa dự án Mô tả: Hiển thị chi tiết dự án để chỉnh sửa bao gồm việc thêm tài nguyên, thêm thành viên, phân công công việc đánh giá mức độ hoàn thành cho người tham gia 73 5.2.17 Giới thiệu 74 Hình 5.17: Màn hình giới thiệu Mô tả: Giới thiệu sơ lược website 75 5.2.18 Liên hệ Hình 5.18: Màn hình liên hệ Mơ tả: Cho phép người dùng gửi phản hồi đến quản trị viên 76 5.2.19 Đổi mật Hình 5.19: Màn hình đổi mật Mơ tả: Hiển thị dạng form để đổi mật 77 5.2.20 Thông tin người dùng Hình 5.20: Màn hình thơng tin người dùng Mơ tả: Hiển thị thông tin người dùng bao gồm thông tin bản, kĩ tổng số dự án tham gia người 78 IV Cài đặt thử nghiệm: STT Chức Mức độ hồn thành (%) Đăng nhập 100 Đăng kí 100 Đăng xuất 100 Quản lý danh sách 100 dự án Quản lý danh sách 100 người dùng Quản lý danh sách 100 tài khoản admin Quản lý danh sách 100 chuyên môn Xem thống kê tổng số dự án/tài khoản 100 tạo 79 Ghi Quản lý thông tin 100 cá nhân Bộ tìm kiếm chưa 10 Tìm kiếm dự án 70 đa dạng trực quan 11 Ứng tuyển vào dự 100 án 12 Lưu dự án quan tâm 100 13 Tạo dự án 100 14 15 16 17 Chỉnh sửa thông tin 100 dự án Quản lý nhân dự 100 án Xem chi tiết dự án 100 Xem chi tiết người 100 dùng 80 V Nhận xét kết luận Nhận xét  Hoàn thiện tất nhiệm vụ giao  Giao diện làm chỉnh chu, dễ dàng thao tác cho người dùng  Có phân quyền kết hợp với việc mã hóa mật giúp ứng dụng có tính bảo mật cao  Có thống kê tổng số dự án dạng đồ thị giúp dễ dàng thống kê  Hỗ trợ doanh nghiệp quản lý dự án cách tối ưu thơng qua tích hợp việc lưu trữ tài ngun  Cơng việc nhóm hồn thành  Chương trình đóng gói cài đặt hoàn Kết luận  Ưu điểm Hoàn thành đồ án tiến độ Đáp ứng đầy đủ yêu cầu toàn Phát triển thêm số chức  Nhược điểm Tốc độ xử lý hạn chế nên áp dụng cho quy mô vừa nhỏ Chưa có chức chat để tương tác thành viên với Hướng phát triển  Cải thiện giao diện trực quan, bắt mắt  Tối ưu hóa tối độ xử lý  Bổ sung thêm tính chat, gọi điện, chatbot 81 VI Bảng phân công công việc: Công việc 20520406 20520544 X X Giới thiệu toán cần giải mơ tả quy trình thực cơng việc Xác định mơ hình hóa u cầu X phần mềm Thiết kế hệ thống X Thiết kế liệu X Thiết kế giao diện X Cài đặt X X Kiểm chứng X X Viết báo cáo X Thuyết trình X X Mức độ hồn thành (%) 100 100 82 VII Phụ lục Tài liệu tham khảo: Reactjs: https://legacy.reactjs.org/docs/getting-started.html NodeJs: https://nodejs.org/en/docs ExpressJs: https://expressjs.com/ MySql: https://dev.mysql.com/doc/ Stackoverflow: https://stackoverflow.com/ 83