TRƯỜNG ĐẠI HỌC THỦY LỢI HỌ VÀ TÊN NGUYỄN ĐẮC DUY ANH TRANG WEB QUẢN LÝ CÔNG VIỆC THEO NHÓM OPWORK ĐỒ ÁN TỐT NGHIỆPKHÓA LUẬN TỐT NGHIỆP HÀ NỘI, NĂM 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO BỘ NÔNG NGHIỆP VÀ PTNT T.
TRƯỜNG ĐẠI HỌC THỦY LỢI HỌ VÀ TÊN: NGUYỄN ĐẮC DUY ANH TRANG WEB QUẢN LÝ CƠNG VIỆC THEO NHĨM OPWORK ĐỒ ÁN TỐT NGHIỆP/KHÓA LUẬN TỐT NGHIỆP HÀ NỘI, NĂM 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO BỘ NÔNG NGHIỆP VÀ PTNT TRƯỜNG ĐẠI HỌC THỦY LỢI HỌ VÀ TÊN: NGUYỄN ĐẮC DUY ANH TRANG WEB QUẢN LÝ CÔNG VIỆC THEO NHĨM OPWORK Ngành: Hệ Thống Thơng Tin Mã số: 175A071247 Người hướng dẫn: TS Lương Thị Hồng Lan HÀ NỘI, NĂM 2022 LỜI CAM ĐOAN Em xin cam đoan Đồ án tốt nghiệp/ Khóa luận tốt nghiệp thân em Các kết Đồ án tốt nghiệp/Khóa luận tốt nghiệp trung thực, không chép từ nguồn hình thức nào.Việc tham khảo nguồn tài liệu (nếu có) thực trích dẫn ghi nguồn tài liệu tham khảo quy định Hà Nội, ngày… tháng… năm 2022 Sinh viên Duy Anh Nguyễn Đắc Duy Anh • DANH MỤC CÁC TỪ VIẾT TẮT STT Từ viết Tên đầy đủ tắt Giải thích API Application Programming Interface DOM Document Object Các đối tượng thao tác văn Model XHTML Extensible HyperText Markup Language Ngôn ngữ Đánh dấu Siêu văn Mở rộng XML eXtensible Markup Language Ngôn ngữ đánh dấu mở rộng W3C đề nghị với mục đích tạo ngôn ngữ đánh dấu khác Giao diện lập trình ứng dụng Ngơn ngữ đánh dấu (markup language) XML dùng để miêu tả hình ảnh Vector đồ họa véc tơ hai chiều, tĩnh hoạt hình, thường dành cho ứng dụng trang mạng SVG Scalable Graphics UML Ngôn ngữ mô hình gồm ký hiệu đồ Unified Modeling họa mà phương pháp hướng đối Language tượng sử dụng để thiết kế hệ thống thông tin cách nhanh chóng CSDL Cơ sở liệu 1- TÊN ĐỀ TÀI: TRANG WEB QUẢN LÝ CƠNG VIỆC THEO NHĨM OPWORK 2- NỘI DUNG CÁC PHẦN THUYẾT MINH VÀ TÍNH TỐN: • • Chương 1: Tổng quan công nghệ Chương 2: Phân tích thiết kế hệ thống Chương 3: Xây dựng ứng dụng 3- GIÁO VIÊN HƯỚNG DẪN TỪNG PHẦN Phần CHƯƠNG CHƯƠNG CHƯƠNG Họ tên giáo viên hướng dẫn TS Lương Thị Hồng Lan TS Lương Thị Hồng Lan TS Lương Thị Hồng Lan 4- NGÀY GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Ngày ……tháng ……năm 2022 Trưởng Bộ môn Giáo viên hướng dẫ (Ký ghi rõ Họ tên) (Ký ghi rõ Họ Nhiệm vụ Đồ án tốt nghiệp Hội đồng thi tốt nghiệp Khoa thông qua Ngày……tháng……năm 2022 Chủ tịch Hội đồng (Ký ghi rõ Họ tên) Sinh viên hoàn thành nộp Đồ án tốt nghiệp cho Hội đồng thi Ngày……tháng……năm 2022 Sinh viên làm Đồ án tốt nghiệp (Ký ghi rõ Họ tên) • • DANH MỤC HÌNH ẢNH Hình 1: Mơ hình UML Hình 2: Mơ Hình Phát triển RUP Hình 3: Tiến trình hướng đối tượng • Hình 1Biểu đồ Use case đăng nhập/Đăng xuất Hình 2Biểu đồ Use case đăng ký Hình 3Biểu đồ use case quản lý người dùng Hình 4Biểu đồ Use case quản lý danh sách cơng việc Hình 5Use case quản lý tài khoản cá nhân Hình 6Usecase quản lý cơng việc Hình 7Biểu đồ hoạt động chức đăng ký Hình 8Biểu đồ hoạt động chức đăng nhập Hình 9Biểu đồ hoạt động chức thêm cơng việc Hình 10Biểu đồ hoạt động chức sửa công việc Hình 11Biểu đồ hoạt động chức xóa viết Hình 12Biểu đồ hoạt động chức xóa người dùng Hình 13Biểu đồ trình tự đăng nhập Hình 14 Biểu đồ trình tự đăng ký Hình 15Biều đồ quản lý công việc Hình 16Biều đồ thêm công việc Hình 17Biều đồ sửa cơng việc Hình 18Biểu đồ lớp • Hình 1Code quản lý vai trò Hình 2Code quản lý thành viên Hình 3Code quản lý công việc Hình 4Code quản lý giai đoạn Hình Code quản lý đơn vị làm việc Hình Giao diện quản trị hệ thống Hình 7Giao diện quản lý loại công việc Hình 8Giao diện quản lý loại dự án Hình 9Giao diện quản lý đơn vị làm việc Hình 10Giao diện quản lý công việc Hình 11Giao diện quản lý dự án Hình 12Giao diện thống kê • • LỜI CÁM ƠN Đồ án tốt nghiệp kết khóa học thành lao động đáng ghi nhận Để thực hoàn thành đồ án này, em nhận giúp đỡ hướng dẫn tận tình thầy, bạn khoa Em xin gửi lời cảm ơn chân thành sâu sắc tới thầy cô khoa, cảm ơn thầy, người tận tình giảng dạy truyền đạt kiến thức cần thiết, kinh nghiệm quý báu cho em suốt năm học Trường đại học Thủy Lợi để em tự tin thực đồ án Đặc biệt em xin chân thành cảm ơn cô Lương Thị Hồng Lan người tận tình hướng dẫn, bảo, động viên hỗ trợ em suốt trình thực đề tài Trong thời gian làm đồ án cô, em học hỏi kiến thức mà học hỏi khả làm việc nghiêm túc, độc lập có trách nhiệm với cơng việc Cuối cùng, em xin bày tỏ lịng biết ơn vơ hạn cha mẹ gia đình người thân xung quanh ln động viên, khích lệ tạo điều kiện tốt cho em trình học tập Mặc dù em có cố gắng hồn thiện đồ án phạm vi khả cho phép chắn không tránh khỏi thiếu sót Em kính mong nhận cảm thơng góp ý q thầy bạn Hà Nội, … tháng….năm 2022 Sinh viên thực LỜI NÓI ĐẦU Ngày nay, với phát triển mạnh mẽ khoa học công nghệ, Công nghệ Thông tin ngành có vị dẫn đầu có vai trị lớn phát triển chung Các ứng dụng cơng nghệ thơng tin áp dụng lĩnh vực nghiên cứu khoa học lĩnh vực đời sống Là phần Công nghệ Thông tin, Công nghệ web có phát triển mạnh mẽ phổ biến nhanh lợi ích mà mang lại cho cộng đồng lớn • Cùng với phát triển vượt bậc khoa học kỹ thuật cơng nghệ thơng tin thương mại điện tử lĩnh vực trội, có nhiều đóng góp thiết thực cho kinh tế Công nghệ thông tin thương mại điện tử có mặt hầu hết lĩnh vực sống trở thành công cụ hỗ trợ đắc lực công tác quản lý, kinh doanh Đối với công việc, quản lý cách thức làm cho cơng việc hồn thành tiến độ, khơng bị thiếu sót, bỏ lỡ cơng việc Để đảm bảo xếp thời gian thư giãn có thêm nhiều hoạt động bổ ích bên ngồi Mặc dù có nhiều lợi ích thế, việc quản lý cơng việc tay khó khăn, vấn đề nhức nhối người làm Vì em chọn đề tài báo cáo đồ án “Quản lý cơng việc theo nhóm - OPWORK ” với chức bao gồm: phân loại công viêc, phân loại dự án, đơn vị làm việc, danh sách công việc, danh sách dự án Nội dung đề tài gồm chương: Chương Tổng quan công nghệ Chương Phân tích thiết kế hệ thống Chương Chương trình cài đặt CHƯƠNG 1: TỔNG QUAN VÀ CƠNG NGHỆ • • Đặt vấn đề Trong thời đại người có nhiều cơng việc cần phải làm ngày Từ công việc cá nhân, cơng việc cơng ty, cơng việc gia đình… nhiều đầu việc liệt kê ngày nên việc cần tạo phần mềm quản lý cơng việc để giúp nhớ việc cần làm ngày từ nâng cao hiệu cơng việc Là sinh viên em thấy phần mềm thích hợp với đối tượng học sinh sinh viên, đối tượng mà đầu việc ngày không qúa nhiều khơng q ít, từ góp phần nhắc nhở giúp phần • Mục tiêu nghiên cứu Từ lý vừa nói mục tiêu nghiên cứu tìm hiểu phần mềm quản lý thời gian có sẵn từ tự phát triển lên phần mềm quản lý riêng từ tạo nên phần mềm hồn thiện giúp người quản lý thời gian cách hiệu • Câu hỏi nghiên cứu Những câu hỏi cần tìm câu trả lời sau nghiên cứu: • Phần mềm hướng tới đối đượng nào? • Phần mềm cần sử ngơn ngữ lập trình để code? • Đối tượng phạm vi nghiên cứu Đối tượng nghiên cứu phần mềm quản lý thời gian cá nhân có sẵn tìm hiểu học hỏi, bổ xung phần thiếu phần mềm Về phạm vi nghiên cứu: phạm vi nghiên nằm mơ hình nhỏ cỡ nhóm sinh viên, hay tập thể gồm vài chục người nhằm lắng nghe đưa đánh giá nhóm để hồn thiện sản phầm Về thời gian: ứng dụng quản lý thời gian cá nhân thịnh hành khoảng 7-8 nằm gần nên phạm vi thời gian khoảng từ 2015-2016 tới • Phương pháp nghiên cứu Sử dụng số phương pháp phương pháp thu thập số liệu Phương pháp phân tích số liệu • Dự kiến kết đạt Thu thập ý kiến hoàn thiện chức phần mềm quản lý cơng việc cá nhân • Cơ sở lý thuyết kỹ thuật, cơng cụ sử dụng • Phương pháp phân tích, thiết kế hướng đối tượng • Các nội dung ngơn ngữ mơ hình hóa thống UML Hình 1: Mơ hình UML Ngơn ngữ mơ hình hóa thống UML ngơn ngữ đồ họa để trực • Biểu đồ hoạt động • Biểu đồ hoạt động chức đăng ký Hình 7Biểu đồ hoạt động chức đăng ký • Biểu đồ hoạt động chức đăng nhập Hình 8Biểu đồ hoạt động chức đăng nhập • Biểu đồ hoạt động chức thêm Biểu đồ hoạt động cho chức thêm bao gồm: Thêm cơng việc Hình 9Biểu đồ hoạt động chức thêm cơng việc • Biểu đồ hoạt động chức sửa Hình 10Biểu đồ hoạt động chức sửa cơng việc • Biểu đồ hoạt động chức xóa Hình 11Biểu đồ hoạt động chức xóa viết • Biểu đồ hoạt động chức xóa người dùng Hình 12Biểu đồ hoạt động chức xóa người dùng • Biểu đồ • Biểu đồ trình tự đăng nhập Hình 13Biểu đồ trình tự đăng nhập • Biểu đồ trình tự đăng ký Hình 14 Biểu đồ trình tự đăng ký • Biểu đồ quản lý cơng việc Hình 15Biều đồ quản lý cơng việc • Biểu đồ thêm cơng việc Hình 16Biều đồ thêm cơng việc • Biểu đồ sửa cơng việc Hình 17Biều đồ sửa cơng việc • Biểu đồ lớp Hình 18Biểu đồ lớp • Thiết kế sở liệu • Bảng failed_jobs(bảng việc thất bại) Stt Tên id uuid connection queue payload exception failed_at • id migration batch • email token created_at • Khó a PK mã uuid Kết nối Xếp hàng Khối hàng Ngoại lệ Sai lúc Ghi Kiểu liệu int varchar int Độ dài 11 11 15 Mơ tả Khóa Mã dịch chuyển Tên dịch chuyển Số chuyến PK Ghi Kiểu liệu varchar varchar timestamp Độ dài 11 11 15 Mô tả Khóa Ghi email Mã token Thời gian tạo Bảng users( bảng người dùng) Stt Tên Mô tả Bảng password_resets Stt Tên Độ dài 20 225 Bảng migrations (bảng dịch chuyển) Stt Tên Kiểu liệu bigint varchar text text longtext longtext timestam p id Kiểu Độ liệu dài bigint 20 Mô tả Mã Khóa người PK Ghi name email varchar phone varchar email_verified_at tinyint 225 password avatar status remember_token varchar varchar tinyint varchar 225 225 100 10 created_at timestamp 11 updated_at timestamp • id tên Thgian_bd Thgian_kt buocgia Id_lcv Id_gd Id_tt Id_dvt Id_user Id_user_update mamau Id_vaitro • 20 Bảng cơng việc Stt Tên 10 11 12 13 varchar dùng Tên người dùng email pk Điện thoại Xác minh email Mật Hình ảnh Trạng thái Ghi nhớ token Thời gian tạo Thời gian sửa Bảng thành viên Kiểu liệu bigint varchar time time int int int int int int int varchar int Độ dài 20 255 11 11 11 11 11 11 255 11 Khóa PK Ghi Stt Tên Kiểu liệu id bigint tên varchar sdt int ngaysinh datetime diachi varchar email varchar email_verified_at tinyint password varchar Id_dvlv int Id_nnd int 10 • PK Khóa PK Bảng dự án Stt Tên Kiểu Độ liệu dài id bigint ten varchar Thgian_bd time Thgian_kt time Id_tt int 11 Id_Ida int 11 Id_user int 11 • Ghi 255 225 255 11 11 Kiểu Độ liệu dài bigint 20 time time int 11 int 11 id Thgian_bd Thgian_kt Id_tv Id_cv • Khóa Bảng thực Stt Tên Độ dài 20 255 11 Bảng giai đoạn Khóa 20 PK 225 Ghi Ghi Stt Tên Kiểu Độ liệu dài id bigint ten varchar Thgian_bd time Thgian_kt time Id_da int • 225 11 Bảng kiện Kiểu Độ liệu dài id bigint ten varchar Thgian_bd time Thgian_kt time Id_tv int 11 Id_mau int 11 Id_cv int 11 Khóa Ghi 20 PK 225 Bảng tv_cv Stt Tên Kiểu Độ liệu dài id bigint Id_tv int 11 Id_cv int 11 • Ghi 20 PK Stt Tên • Khóa Khóa Ghi 20 PK Bảng màu Stt Tên Kiểu Độ liệu dài Khóa Ghi id bigint Ten Varchar • 20 PK 255 Bảng loại cv Stt Tên Kiểu Độ liệu dài id bigint Ten Varchar • 255 Bảng thuộc tính Kiểu Độ liệu dài id bigint Ten Varchar Ghi 255 Bảng ct_thamgia Kiểu Độ liệu dài id bigint Id_da int 11 Id_tv int 11 Id_vt int 11 Khóa Ghi 20 PK Bảng tình trạng Stt Tên Kiểu Độ liệu dài id bigint Ten Varchar • Khóa 20 PK Stt Tên • Ghi 20 PK Stt Tên • Khóa Bảng tiên Khóa 20 PK 255 Ghi Stt Tên Kiểu Độ liệu dài id int Id_cv int • 10 Bảng loại dự án Kiểu Độ liệu dài id bigint Ten Varchar Ghi 255 Bảng vai trò Kiểu Độ liệu dài id bigint Ten Varchar Khóa Ghi 20 PK 255 Bảng nhóm người dùng Stt Tên Kiểu Độ liệu dài id bigint Ten Varchar • Khóa 20 PK Stt Tên • Ghi 10 PK Stt Tên • Khóa Khóa Ghi 20 PK 255 Bảng daugia Stt Tên Kiểu Độ liệu dài id bigint giadau int Thgian_daugia time Khóa 20 PK 11 Ghi Id_tv int Id_cv int • 11 11 Bảng ct_thuoctinh Stt Tên Kiểu Độ liệu dài id bigint Id_tht int 11 Id_sk int 11 giatri Varchar 255 • Bảng đơn vị làm việc Kiểu Độ liệu dài id bigint Ten Varchar Khóa Ghi 20 PK 255 Bảng tình trạng Stt Tên Kiểu Độ liệu dài id bigint Ten Varchar • Ghi 20 PK Stt Tên • Khóa Khóa Ghi 20 PK 255 Bảng tv_sk Stt Tên Kiểu Độ liệu dài id bigint Id_tv int 11 Id_sk int 11 Khóa 20 PK Ghi • CHƯƠNG 3: CHƯƠNG TRÌNH CÀI ĐẶT • u cầu trang thiết bị phần mềm hệ thống - Xác định yêu cầu trang thiết bị CNTT - Xác định yêu cầu phần mềm hệ thống : Hệ thống có trang giao diện quản trị, quản lý chức quản lý công việc, quản lý thành viên, quản lý vai trị, quản lí giai đoạn, quản lý đơn vị làm việc với giao diện đẹp dễ nhìn, dễ sử dụng • Giao diện hệ thống Giao diện trang quản trị hệ thống Hình Giao diện quản trị hệ thống Trên trang quản trị có tìm kiếm, tìm cơng việc theo tên, chọn loại dự án, lọc liệu, xem ngày tháng,… Giao diện quản lý loại cơng việc Hình 7Giao diện quản lý loại cơng việc Ở giao diện quản lý loại dự án, danh mục loại cơng việc có hệ thống quản lý với chức thêm, sửa, xóa Thông tin danh mục loại công việc quản lý bao gồm tên loại công việc,… Giao diện quản lý loại dự án Hình 8Giao diện quản lý loại dự án Ở giao diện quản lý loại dự án, danh mục loại dự án làm việc có hệ thống quản lý với chức thêm, sửa, xóa Thơng tin danh mục loại dự án làm việc quản lý bao gồm tên loại dự án làm việc, … Giao diện Quản lý đơn vị làm việc Hình 9Giao diện quản lý đơn vị làm việc Ở giao diện quản lý đơn vị làm việc, danh mục đơn vị làm việc có hệ thống quản lý với chức thêm, sửa, xóa Thơng tin danh mục đơn vị làm việc quản lý bao gồm tên đơn vị làm việc,… Giao diện Quản lý cơng việc Hình 10Giao diện quản lý công việc Ở giao diện quản lý cơng việc, danh mục cơng việc có hệ thống quản lý với chức thêm, sửa, xóa Thơng tin danh mục cơng việc quản lý bao gồm: tên công việc, thời gian bắt đầu, thời gian kết thúc, vai trò, số người làm, loại cơng việc,… Giao diện quản lý dự án Hình 11Giao diện quản lý dự án Ở giao diện quản lý dự án, danh mục dự án có hệ thống quản lý với chức thêm, sửa, xóa Thơng tin dự án quản lý bao gồm: tên dự án, loại dự án, thời gian bắt đầu, thời gian kết thúc, trạng thái ,… Giao diện thống kê Hình 12Giao diện thống kê Thống kê đánh giá công việc theo trạng thái: tiến hành, hồn thành, dời lịch, hủy,… • Lập trình, tích hợp hệ thống 4.1.2.1 Lập trình phần quản lý vai trị Hình 1Code quản lý vai trị 4.1.2.2 Lập trình phần quản lý thành viên Hình 2Code quản lý thành viên 4.1.2.3 Lập trình phần quản lý cơng việc Hình 3Code quản lý cơng việc 4.1.2.4 Lập trình phần quản lý giai đoạn Hình 4Code quản lý giai đoạn 4.1.2.5 Lập trình phần quản lý đơn vị làm việc Hình Code quản lý đơn vị làm việc • Thử nghiệm hệ thống • Chuẩn bị chiến lược kiểm tra (Preparing the test Strategy) Tiếp cận ban đầu, xác định chiến lược kiểm thử, tùy theo yêu cầu công việc mà ưu tiên kiểm thử nội dung trước, nội dung sau Giai đoạn thường phải đặt câu hỏi: Kiểm thử kiểm thử nào? • Chuẩn bị kế hoạch kiểm tra Bước cần phải làm làm lập kế hoạch kiểm thử Xác định phân chia cách hợp lý thời gian, nhân sự, công cụ sử dụng cho chức • Tạo mơi trường thử nghiệm Ở bước bạn cần phải chuẩn bị môi trường, tảng cho cơng việc kiểm thử phần mềm gồm: Hệ điều hành (win 7, win 8, linux, IOS…), Trình duyệt (IE, Safari, Opera…), thiết bị (Moblie, tablet, deskop…) • Viết trường hợp thử nghiệm / tập lệnh kiểm tra Viết testcase cho trường hợp test bao gồm trường hợp: True, Fail không xác định kết case nảy sinh, khơng có tài liệu đặc tả Viết test script có dùng tool để thực automation test cho test chức năng, giao diện kịch • Thực tập lệnh kiểm tra/ trường hợp thử nghiệm Tiến hành thực thi Case testcase/test scrips để thực việc kiểm thử Q trình update thêm số case thiết case phát sinh thêm • Thực kiểm tra hồi quy Test quy hồi sau bug fixed • Thử nghiệm Kết thúc công việc kiểm thử cần báo cáo ghi lại kinh nghiệm gặp phải trình test mình, vấn đề “can not fix” đồng thời thống kê lại số liệu bug • Đánh giá hệ thống • Tính phù hợp Hệ thống đánh giá phải phù hợp với mục tiêu quản lý, phục vụ mục tiêu quản lý Đồng thời, phải có liên quan rõ ràng yếu tố chủ yếu công việc xác định thơng qua phân tích cơng việc với tiêu đánh giá thiết kế phiếu đánh giá • Tính tin cậy Hệ thống đánh giá phải có cơng cụ đo lường có khả phân biệt người hồn thành tốt cơng việc người khơng hồn thành tốt cơng việc Kết luận • Kết đạt • Kết đạt được: • Sau thời gian tập trung triển khai đề tài, em hồn thành “Quản lý cơng việc theo nhóm - OPWORK” với giao diện dễ nhìn, thao tác sử dụng dễ dàng, thân thiện với người dùng • Các chức hoạt động tốt, thực quy trình nghiệp vụ hệ thống Giao diện gần gũi, thao tác thuận lợi, thân thiện với người dùng Mức độ bảo mật liệu mức tương đối • Sau hoàn thành xong được “Quản lý cơng việc theo nhóm OPWORK”, em có thêm kỹ tảng để xây dựng website ngôn ngữ PHP MySQL, áp dụng kiến thức HTML, CSS Javascript học vào việc phát triển ứng dụng web Bên cạnh đó, em mở rộng thêm kiến thức chuyên ngành nhờ việc tìm hiểu số kiến thức lập trình để áp dụng vào việc phát triển ứng dụng Nhờ vậy, kỹ tự học vận dụng kỹ em nâng cao • Khi thực hoàn thành đồ án, em biết thêm nhiều kinh nghiệm quý giá xây dựng website nói riêng phát triển phần mềm Những kỹ tảng để giúp em nâng cao trình độ thân, kinh nghiệm thực tế để làm việc ngồi doanh nghiệp sau ... cơng việc, … Giao diện quản lý dự án Hình 11Giao diện quản lý dự án Ở giao diện quản lý dự án, danh mục dự án có hệ thống quản lý với chức thêm, sửa, xóa Thơng tin dự án quản lý bao gồm: tên dự án, ... Trong thời đại người có nhiều công việc cần phải làm ngày Từ công việc cá nhân, công việc công ty, công việc gia đình… nhiều đầu việc liệt kê ngày nên việc cần tạo phần mềm quản lý công việc để... Biểu đồ trình tự đăng ký Hình 14 Biểu đồ trình tự đăng ký • Biểu đồ quản lý cơng việc Hình 15Biều đồ quản lý cơng việc • Biểu đồ thêm cơng việc Hình 16Biều đồ thêm cơng việc • Biểu đồ sửa cơng việc