Xây dựng website quản lý nhân sự

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ẽ cịn 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 Bảng 4-46 Mơ tả chi tiết hình danh mục quản lý hợp đồng .73 Bảng 4-47 Mô tả chi tiết hình danh mục quản lý bảo hiểm 73 Bảng 4-48 Mô tả chi tiết hình danh mục quản lý bảo hiểm 74 ix DANH MỤC CÁC BIỂU ĐỒ VÀ HÌNH ẢNH Hình 2.1 Minh họa logo cơng nghệ React Hình 2.2 Mơ hình liên kết React – Reducx – Saga Hình 2.3 Minh họa logo NodeJS Hình 2.4 Minh họa logo PostgresSQL .7 Hình 2.5 Minh họa logo Jenkins .8 Hình 2.6 Sơ đồ hoạt động Jenkins Hình 2.7 Minh họa logo Docker .10 Hình 3.1 Usecase diagram tổng quát .16 Hình 3.2 Usecase actor Staff 17 Hình 3.3 Usecase actor Manager 18 Hình 3.4 Usecase actor Admin 19 Hình 4.1 Mơ hình Client – Server 28 Hình 4.2 Class Diagram 29 Hình 4.3 ERD .30 Hình 4.4 Physical diagram 31 Hình 4.5 SQ001_UC001 Đăng nhập 37 Hình 4.6 SQ002_UC004 Quản lý tài khoản Staff 37 Hình 4.7 SQ003_UC0012 Quản lý user Admin 38 Hình 4.8 SQ004_UC005b Quản lý lương Manger 39 Hình 4.9 SQ005_UC007b Quản lý phịng ban manager 39 Hình 4.10 SQ006_UC0010 Quản lý Export Excel 40 Hình 4.11 Màn hình STAFF001 Login 41 Hình 4.12 Màn hình STAFF002.Dashboard 42 Hình 4.13 Màn hình STAFF003.Time-Sheet 44 Hình 4.14 Màn hình STAFF0003 Date-off 44 Hình 4.15 Màn hình danh mục Summary yêu cầu 46 Hình 4.16 Màn hình danh mục lịch sử yêu cầu tạo .46 Hình 4.17 Màn hình STAFF005 Information 47 Hình 4.18 Màn hình STAFF005 Information - BankAccout 48 Hình 4.19 Màn hình tạo bank accout 49 Hình 4.20 Màn hình chỉnh sửa thông tin accout 49 Hình 4.21 Màn hình xem thơng tin hợp đồng 50 Hình 4.22 Màn hình xem thơng tin bảo hiểm 50 Hình 4.23 Màn hình xem thơng tin dự án 51 x Hình 4.24 Màn hình STAFF006 Directory .51 Hình 4.25 Màn hình STAFF007 Position .53 Hình 4.26 Màn hình MANAGER001 Dashboard 55 Hình 4.27 Màn hình MANAGER002 Directory 56 Hình 4.28 Màn hình popup tạo tài khoản 57 Hình 4.29 Màn hình MANAGER003 Position .58 Hình 4.30 Màn hình popup tạo vị trí làm việc 59 Hình 4.31 Màn hình MANAGER004.Salaries 61 Hình 4.32 Màn hình popup xuất file báo cáo 62 Hình 4.33 Màn hình MANAGER005 Department 63 Hình 4.34 Màn hình MANAGER006 Information 64 Hình 4.35 Màn hình danh mục quản lý tài khoản ngân hàng 65 Hình 4.36 Màn hình danh mục quản lý hợp đồng 65 Hình 4.37 Màn hình danh mục quản lý bảo hiểm 66 Hình 4.38 Màn hình danh mục quản lý dự án 67 Hình 4.39 Màn hình ADM001 Directory .68 Hình 4.40 Màn hình popup tạo tài khoản 69 Hình 4.41 Màn hình ADMIN002 Department .70 Hình 4.42 Màn hình ADMIN003 Information 71 Hình 4.43 Màn hình danh mục quản lý tài khoản ngân hàng 72 Hình 4.44 Màn hình danh mục quản lý hợp đồng 72 Hình 4.45 Màn hình danh mục quản lý bảo hiểm 73 Hình 4.46 Màn hình danh mục quản lý dự án 74 xi 4.4.2.2.5 MANAGER005 Department Hình 4.33 Màn hình MANAGER005 Department Bảng 4-34 Mơ tả chi tiết hình MANAGER005 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 63 4.4.2.2.6 MANAGER006 Information Hình 4.34 Màn hình MANAGER006 Information Bảng 4-35 Mơ tả chi tiết hình MANAGER006 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 Cập Click True Click để lưu thông nhật tin chỉnh sửa 64 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 tốn lương cho nhân viên qua thẻ ngân hàng - Hoà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 ... đổi mật Quản lý tài khoản Quản lý lương staff Quản lý lương manager Quản lý hợp đồng staff Quản lý hợp đồng admin Quản lý phòng ban staff Quản lý phòng ban admin Quản lý yêu cầu staff Quản lý yêu... viên quản lý Quản lý request Phê duyệt yêu cầu mà nhân viên quản lý yêu cầu Quản lý danh sách lương cho nhân viên Quản lý danh sách lương cho nhân viên quản lý theo phịng ban Quản lý task Phân chia... Chức Mô tả Quản lý nhân viên Quản lý nhân viên theo phòng ban thực thao tác: - Tìm kiếm nhân viên theo phịng ban quản lý - Các tác vụ CRUD nhân viên với phòng ban Quản lý phòng ban Quản lý danh