(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự

(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự(Đồ án tốt nghiệp) Xây dựng Website quản lý nhân sự

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE QUẢN LÝ NHÂN SỰ SVTH MSSV NGUYỄN ÚT THIỆN 16110573 LẦU VIỆT VĂN 16110581 Khóa: 2016 Nghành: CÔNG NGHỆ THÔNG TIN GVHD: THS LÊ THỊ MINH CHÂU Tp Hồ Chí Minh, tháng 12 năm 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE QUẢN LÝ NHÂN SỰ SVTH MSSV NGUYỄN ÚT THIỆN 16110573 LẦU VIỆT VĂN 16110581 Khóa: 2016 Nghành: CÔNG NGHỆ THÔNG TIN GVHD: THS LÊ THỊ MINH CHÂU Tp Hồ Chí Minh, tháng 12 năm 2020 LỜI CẢM ƠN Để hồn thành tốt đề tài khóa luận tốt nghiệp này, ngồi nỗ lực từ thân, nhóm em cịn nhận quan tâm giúp đỡ, bảo tận tình nhiều cá nhân, tập thể Người mà chúng em không quên gửi lời cảm ơn sâu sắc Đầu tiên, nhóm em xin chân thành cảm ơn khoa Đào tạo Chất lượng cao – nghành Công nghệ thông tin, trường Đại học Sư Phạm Kỹ Thuật TP Hồ Chí Minh thầy Nguyễn Đăng Quang – trưởng nghành CNTT tạo điều kiện thuận lợi cho chúng em thực đề tài Chúng em xin gửi lời cảm ơn chân thành đến cô Lê Thị Minh Châu, người tận tình bảo hướng dẫn nhóm em suốt q trình thực đề tài Bên cạnh đó, chúng em xin gửi lời cảm ơn đến thầy cô giảng viên trường Đại học Sư Phạm Kỹ Thuật TP Hồ Chí Minh nói chung thầy cô giảng viên khoa Đào tạo Chất lượng cao, nghành Cơng nghệ thơng tin nói riêng, người giảng dạy, tích lũy cho chúng em kiến thức quý báu năm học vừa qua Đó tảng giúp chúng em làm nên đề tài tiền đề giúp chúng em tiến xa tương lai Dù cố gắng hồn thành đề tài khóa luận u cầu, thời gian hạn hẹp khả hạn chế nên chắn nhóm khơng tránh khỏi nhiều thiếu sót Chúng em mong nhận thơng cảm tận tình bảo thầy bạn Nhóm chúng em lần xin chân thành cảm ơn Trân trọng i TÓM TẮT ĐỒ ÁN TỐT NGHIỆP Đề tài: XÂY DỰNG WEBSITE QUẢN LÝ NHÂN SỰ Ngày với phát triển xã hội nói chung phát triển cơng nghệ thơng tin nói riêng nhu cầu người ngày cao việc quản lý nhân cho cơng ty Ngồi việc hồn thành quản lý chặt chẽ thơng qua hồ sơ giấy cơng nghệ thơng tin khơng giúp họ có quản lý chặt chẽ thực nhanh chóng mà khơng phải bận tâm suy nghĩ lưu trữ hồ sơ nơi hợp lý, tiết kiệm lớn lượng giấy để bảo vệ môi trường thực trạng Nhìn thấy xu hướng ấy, nhóm chúng em xây dựng nên website quản lý nhân - website cho người quản lý nhân viên thực thao tác nhanh chóng cần thực yêu cầu cho công việc với ii MỤC LỤC ĐỒ ÁN TỐT NGHIỆP i NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ii PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN iii LỜI CẢM ƠN i TÓM TẮT ĐỒ ÁN TỐT NGHIỆP ii MỤC LỤC iii DANH MỤC CÁC TỪ VIẾT TẮT vi DANH MỤC CÁC BẢNG BIỂU vii DANH MỤC CÁC BIỂU ĐỒ VÀ HÌNH ẢNH x CHƯƠNG 1: TỔNG QUAN .1 1.1.Tính cấp thiết đề tài 1.1.1.Vấn đề đặt 1.1.2.Khảo sát trạng 1.1.3.Hướng giải 1.2.Mục tiêu đề tài 1.3.Đối tượng nghiên cứu CHƯƠNG 2: CÔNG NGHỆ NỀN TẢNG 2.1.Nền tảng phát triển 2.1.1.Nền tảng công nghệ 2.2.Công nghệ sử dụng 2.2.1.ReactJS .2 2.2.2.Redux-Saga 2.2.3.NodeJS .5 2.2.4.Database PostgresSQL [2] 2.2.5.Jenkins [3] 2.2.6.Docker [4] 10 2.3.Cài đặt môi trường hệ thống .11 2.3.1.Cài đặt framework ReactJS 11 iii 2.3.2.Cài đặt NodeJS 12 CHƯƠNG 3: YÊU CẦU HỆ THỐNG .13 3.1.Yêu cầu người dùng 13 3.2.Yêu cầu hệ thống .13 3.2.1.Yêu cầu chức 13 3.2.2.Yêu cầu phi chức .27 CHƯƠNG 4: THIẾT KẾ HỆ THỐNG .28 4.1.Tổng quan hệ thống 28 4.1.1.Mơ hình Client-server 28 4.1.2.Class Diagram 29 4.2.Database 30 4.2.1.ERD 30 4.2.2.Physical diagram 31 4.2.3.Đặc tả chi tiết database .31 4.3.Sequence diagram 36 4.3.1.SQ001_UC001 Đăng nhập 36 4.3.2.SQ002_UC004 Quản lý tài khoản Staff 37 4.3.3.SQ003_UC0012 Quản lý user Admin 37 4.3.4.SQ004_UC005b Quản lý lương Manger 39 4.3.5.SQ005_UC007b Quản lý phòng ban manager 39 4.3.6.SQ006_UC0010 Quản lý Export Excel 40 4.4.Thiết kế giao diện 40 4.4.1.Giao diện Staff 40 4.4.2.Giao diện Manager 54 4.4.3.Giao diện Admin 67 CHƯƠNG 5: KẾT LUẬN 75 5.1.Kết đạt .75 5.1.1.Kiến thức thực nghiệm 75 5.1.2.Ưu điểm nhược điểm 75 5.2.Thách thức .75 5.3.Kế hoạch phát triển tương lai 75 iv TÀI LIỆU THAM KHẢO 77 v DANH MỤC CÁC TỪ VIẾT TẮT Admin: Administration (Người quản trị) MVC: Model-View-Controller ERD: Entity Relationship Diagram API: Application Programming Interface (Giao diện lập trình ứng dụng) SQL: Structured Query Language HTML: HyperText Markup Language CRUD: Create – Read – Update – Delete CMND: Chứng Minh Nhân Dân vi DANH MỤC CÁC BẢNG BIỂU Bảng 2-1 Nền tảng công nghệ sử dụng Bảng 3-1 Yêu cầu người dùng 13 Bảng 3-2 Actor 13 Bảng 3-3 Chức actor Staff 13 Bảng 3-4 Chức actor Manager 14 Bảng 3-5 Chức actor Admin 14 Bảng 3-6 Bảng danh sách use case 19 Bảng 3-7 Mô tả usecase UC001.Đăng nhập 20 Bảng 3-8 Mô tả usecase UC002.Đăng xuất .20 Bảng 2-9 Mô tả usecase UC003 Thay đổi mật 20 Bảng 3-10 Mô tả usecase UC004.Quản lý tài khoản .21 Bảng 2-11 Mô tả usecase UC005a Quản lý lương staff 21 Bảng 3-12 Mô tả usecase UC005b Quản lý lương manager 22 Bảng 3-13 Mô tả usecase UC006 Quản lý hợp đồng staff .22 Bảng 3-14 Mô tả usecase UC006b.Quản lý hợp đồng admin 22 Bảng 3-15 Mô tả usecase UC007a.Quản lý phòng ban staff 23 Bảng 3-16 Mơ tả usecase UC007b.Quản lý phịng ban Admin 24 Bảng 3-17 Mô tả usecase UC0018a Quản lý yêu cầu staff 24 Bảng 3-18 Mô tả usecase UC008b Quản lý yêu cầu manager 25 Bảng 3-19 Mô tả usecase UC009a Quản lý task staff 25 Bảng 3-20 Mô tả usecase UC009b Quản lý task manager .25 Bảng 3-21 Mô tả usecase UC0010 Quản lý Export report .26 Bảng 3-22 Mô tả usecase UC0011 Quản lý staff manager 26 Bảng 3-23 Mô tả usecase UC0012 Quản lý user admin 26 Bảng 3-24 Yêu cầu phi chức 27 Bảng 4-1 Bảng Employee 31 Bảng 4-2 Bảng Salary 32 Bảng 4-3 Bảng Contract .32 Bảng 4-4 Bảng Date-off 33 Bảng 4-5 Bảng Department 33 Bảng 4-6 Bảng project 33 Bảng 4-7 Bảng Task 34 Bảng 4-8 Bảng Project_member 34 Bảng 4-9 Bảng Role .34 vii Bảng 4-10 Bảng Tax 34 Bảng 4-11 Bảng Position 35 Bảng 4-12 Bảng salary_other .35 Bảng 4-13 Bảng insurance 35 Bảng 4-14 Bảng task_detail 35 Bảng 4-15 Bảng feedback 36 Bảng 4-16 Bảng bank_account 36 Bảng 4-17 Bảng bank 36 Bảng 4-18 Danh sách hình Staff 40 Bảng 4-19 Mô tả chi tiết hình STAFF001 Login 41 Bảng 3-20 Mơ tả chi tiết hình STAFF002.Dashboard .42 Bảng 4-21 Mô tả chi tiết hình STAFF003.Time-Sheet 44 Bảng 4-22 Mơ tả chi tiết hình STAFF0003 Date-off .44 Bảng 4-23 Mô tả chi tiết hình STAFF005 Information 47 Bảng 4-24 Mơ tả chi tiết hình STAFF006 Directory 51 Bảng 4-25 Mô tả chi tiết hình STAFF007 Position .54 Bảng 4-26 Danh sách hình Manager .54 Bảng 4-27 Mô tả chi tiết hình MANAGER001 Dashboard 55 Bảng 4-28 Mơ tả chi tiết hình MANAGER002 Directory .56 Bảng 4-29 Mô tả chi tiết popup tạo tài khoản .57 Bảng 4-30 Mơ tả chi tiết hình MANAGER003 Position .58 Bảng 4-31 Mô tả chi tiết hình popup tạo vị trí làm việc 59 Bảng 4-32 Mô tả chi tiết hình MANAGER004 Salaries 61 Bảng 4-33 Bảng Mơ tả chi tiết hình popup xuất file báo cáo 62 Bảng 4-34 Mô tả chi tiết hình MANAGER005 Department 63 Bảng 4-35 Mơ tả chi tiết hình MANAGER006 Information 64 Bảng 4-36 Mô tả chi tiết hình danh mục quản lý tài khoản ngân hàng 65 Bảng 4-37 Mơ tả chi tiết hình danh mục quản lý hợp đồng .66 Bảng 4-38 Mơ tả chi tiết hình danh mục quản lý bảo hiểm 66 Bảng 4-39 Mơ tả chi tiết hình danh mục quản lý bảo hiểm 67 Bảng 4-40 Danh sách hình Admin 67 Bảng 4-41 Mơ tả chi tiết hình ADM001 Directory 68 Bảng 4-42 Mô tả chi tiết popup tạo tài khoản .69 Bảng 4-43 Mô tả chi tiết hình ADMIN002 Department 70 Bảng 4-44 Mơ tả chi tiết hình ADMIN003 Information 71 Bảng 4-45 Mô tả chi tiết hình danh mục quản lý tài khoản ngân hàng 72 viii Khi click chuyển đến hình tài khoản ngân hàng Hình 4.35 Màn hình danh mục quản lý tài khoản ngân hàng Bảng 4-36 Mơ tả chi tiết hình danh mục quản lý tài khoản ngân hàng Yêu Kiểu ST Hành Tên cầu dữ Reference Ghi T động liệu liệu Tạo Enter True Text Click để tạo ngân hàng Chỉnh sửa Click False Icon Khi click, chuyển đến hình Edit thơng tin ngân hàng Khi click chuyển đến danh mục quản lý hợp đồng Hình 4.36 Màn hình danh mục quản lý hợp đồng 65 Bảng 4-37 Mô tả chi tiết hình danh mục quản lý hợp đồng Yêu Kiểu ST Hành Tên cầu dữ Reference Ghi T động liệu liệu Tạo Enter True Text Click để tạo hợp đồng Chỉnh sửa Click False Icon Khi click, chuyển đến hình Edit thông tin hợp đồng Khi click chuyển đến danh mục quản lý bảo hiểm Hình 4.37 Màn hình danh mục quản lý bảo hiểm Bảng 4-38 Mơ tả chi tiết hình danh mục quản lý bảo hiểm Yêu Kiểu Hành STT Tên cầu dữ Reference Ghi động liệu liệu Click để lưu thông tin 1Lưu Click bảo hiểm Khi click, popup thời 2Thời gian Click True Date gian chọn ngày phù hiệu lực bảo hiểm Mã số bảo Enter True Text Nhập mã số bảo hiểm hiểm 66 Bệnh viện đăng ký khám Enter True Text Nhập địa bệnh viện đăng ký Khi click chuyển đến danh mục quản lý dự án Hình 4.38 Màn hình danh mục quản lý dự án Bảng 4-39 Mơ tả chi tiết hình danh mục quản lý bảo hiểm Yêu Kiểu Hành STT Tên cầu dữ Reference động liệu liệu Tạo dự 1 Click False Label án Chỉnh sửa 2 Click False Icon dự án Ghi Click để tạo dự án Click để chỉnh sửa dự án 4.4.3 Giao diện Admin 4.4.3.1 Danh sách hình Admin Bảng 4-40 Danh sách hình Admin ID ADM001 ADM002 Tên hình Dashboard Like Chi tiết Giao diện trang chủ admin Giao diện quản lý lượt thích 67 ADM003 Manager Giao diện quản lý người dùng ADM004 Recipes Giao diện quản lý công thức 4.4.3.2 Đặc tả chi tiết hình Manager 4.4.3.2.1 ADM001 Directory Hình 4.39 Màn hình ADM001 Directory Bảng 4-41 Mơ tả chi tiết hình ADM001 Directory Tạo tài khoản Click Yêu Kiểu cầu dữ liệu liệu False Label Chỉnh sửa nhân viên Click False STT Tên Hành động Icon Reference Ghi Khi click, popup để thực đăng kí tài khoản cho nhân viên Khi click, liệu hiển thị hình ADMIN003 Khi click, popup để thực đăng kí tài khoản cho nhân viên 68 Hình 4.40 Màn hình popup tạo tài khoản Bảng 4-42 Mô tả chi tiết popup tạo tài khoản Enter Tên tài khoản Mật Yêu Kiểu cầu dữ liệu liệu True Text Enter True Đóng Thêm Click Click False False STT Tên Hành động Text Reference Ghi Nhập thông tin tên cho tài khoản Nhập thông tin mật cho tài khoản Click để đóng popup Click để tạo tài khoản cho nhân viên 69 4.4.3.2.2 ADMIN002 Department Hình 4.41 Màn hình ADMIN002 Department Bảng 4-43 Mơ tả chi tiết hình ADMIN002 Department Tìm kiếm Enter Yêu Kiểu cầu dữ liệu liệu True Text Tạo Click False Button Chỉnh sửa Click False Icon ST T Tên Hành động Reference Ghi Nhập từ khóa để tìm kiếm phịng ban Click để tạo phịng ban Khi click, chuyển đến hình Edit thông tin 70 4.4.3.2.3 ADMIN003 Information Hình 4.42 Màn hình ADMIN003 Information Bảng 4-44 Mơ tả chi tiết hình ADMIN003 Information Hành Yêu cầu Kiểu STT Tên Reference Ghi động liệu liệu Thông Click Fasle Hiển thị thông cá tin cá nhân hình nhân Thơng Click Fasle Khi click chuyển tin tài đến hình tài khoản khoản ngân hàng ngân hàng Hợp Click Fasle Khi click chuyển đồng đến danh mục quản lý hợp đồng Bảo Click Fasle Khi click chuyển hiểm đến danh mục quản lý bảo hiểm Thông Click Fasle Khi click chuyển tin dự đến danh mục quản án lý dự án 71 Khi click chuyển đến hình tài khoản ngân hàng Hình 4.43 Màn hình danh mục quản lý tài khoản ngân hàng Bảng 4-45 Mơ tả chi tiết hình danh mục quản lý tài khoản ngân hàng Yêu Kiểu ST Hành Tên cầu dữ Reference Ghi T động liệu liệu Tạo Enter True Text Click để tạo ngân hàng Chỉnh sửa Click False Icon Khi click, chuyển đến hình Edit thơng tin ngân hàng Khi click chuyển đến danh mục quản lý hợp đồng Hình 4.44 Màn hình danh mục quản lý hợp đồng 72 Bảng 4-46 Mô tả chi tiết hình danh mục quản lý hợp đồng Yêu Kiểu ST Hành Tên cầu dữ Reference Ghi T động liệu liệu Tạo Enter True Text Click để tạo hợp đồng Chỉnh sửa Click False Icon Khi click, chuyển đến hình Edit thông tin hợp đồng Khi click chuyển đến danh mục quản lý bảo hiểm Hình 4.45 Màn hình danh mục quản lý bảo hiểm Bảng 4-47 Mơ tả chi tiết hình danh mục quản lý bảo hiểm Yêu Kiểu Hành STT Tên cầu dữ Reference Ghi động liệu liệu Click để lưu thông tin 1Lưu Click bảo hiểm Khi click, popup thời 2Thời gian Click True Date gian chọn ngày phù hiệu lực bảo hiểm Mã số bảo Enter True Text Nhập mã số bảo hiểm hiểm 73 Bệnh viện đăng ký khám Enter True Text Nhập địa bệnh viện đăng ký Khi click chuyển đến danh mục quản lý dự án Hình 4.46 Màn hình danh mục quản lý dự án Bảng 4-48 Mơ tả chi tiết hình danh mục quản lý bảo hiểm Yêu Kiểu Hành STT Tên cầu dữ Reference động liệu liệu Tạo dự Click False Label án Chỉnh sửa Click False Icon dự án Ghi Click để tạo dự án Click để chỉnh sửa dự án 74 CHƯƠNG 5: KẾT LUẬN 5.1 Kết đạt 5.1.1 Kiến thức thực nghiệm 5.1.1.1 Về kiến thức - Nắm cú pháp ngôn ngữ NodeJS - Hiểu cấu trúc cách vận hành ứng dụng xây dựng ReactJS - Kỹ phát triển webistie - Biết sử dụng github để quản lý sourcecode trình làm việc nhóm - Tìm hiểu jenkins, docker 5.1.1.2 Về thực nghiệm Áp dụng kiến thức tìm hiểu vào xây dựng website với chức năng: - Xác thực phân quyền - Quản lý công việc - Quản lý thông tin cá nhân - Quản lý phòng ban - Quản lý requet - Quản lý lương với công thức cho nhân viên - Kết xuất báo cáo xuất file excel - Người quản lý gửi thông tin báo cáo cho nhân viên 5.1.2 Ưu điểm nhược điểm 5.1.2.1 Ưu điểm - Đáp ứng đầy đủ chức 5.1.2.2 Nhược điểm - Code chưa tối ưu hóa - Giao diện chưa tối ưu 5.2 Thách thức - Tìm hiểu cơng nghệ - Cách để thiết kế phần mềm cách chuyên nghiệp - Xử lý logic chưa tối ưu 5.3 Kế hoạch phát triển tương lai - Thiết kế cải thiện giao diện, trải nghiệm người dùng - Tích hợp toán lương cho nhân viên qua thẻ ngân hàng - Hồn thiện chức chấm cơng, chế độ nghỉ phép 75 - Hồn thiện tối ưu quy trình đánh giá hiệu suất nhân viên KPI 76 TÀI LIỆU THAM KHẢO [1] © F Inc., "ReactJS," [Online] Available: https://reactjs.org/ [Accessed 2020] [2] T P G D Group, “PostgreSQL 9.4.26 Documentation,” hostinger, 1996 [Trực tuyến] Available: https://www.postgresql.org/files/documentation/pdf/9.4/postgresql-9.4-A4.pdf [Đã truy cập 20 06 2020] [3] BOSS, jenkins, 2017 [Trực tuyến] Available: https://www.jenkins.io/doc/book/ [Đã truy cập 2020] [4] C © 2.-2 D I A r reserved., “Docker for Windows release notes,” 2013 [Trực tuyến] Available: https://docs.docker.com/docker-for-windows/releasenotes/ [Đã truy cập 21 10 2020] 77 S K L 0