Nhân viên sau khi đăng nhập hệ thống thì có thể xem danh sách thiết bị có thể mượn, đăng ký mượn thiết bị và xem danh sách những thiết bị mình đang mượn. Quản trị viên là người quản trị cao nhất của hệ thống, quản lý được danh mục thiết bị, thiết bị, phòng ban, người dùng. Quản trị viên có thể thêm thiết bị bằng file excel, tải xuống file excel danh sách tất cả thiết bị, tải xuống file excel danh sách các thiết bị đang mượn của phòng ban, xuất mã QR cho từng thiết bị.
ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: PHÁT TRIỂN HỆ THỐNG WEBSITE QUẢN LÝ TRANG THIẾT BỊ DÀNH CHO CÔNG TY Sinh viên thực : Nguyễn Hồng Sơn Mã sinh viên : 1911505310146 Lớp : 19T1 Người hướng dẫn : PGS.TS Võ Trung Hùng NĂM 2023 – PHÁT TRIỂN HỆ THỐNG WEBSITE QUẢN LÝ TRANG THIẾT BỊ DÀNH CHO CÔNG TY – ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ SỐ Nguyễn Hồng Sơn Đà Nẵng, tháng 3/2023 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ SỐ ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: PHÁT TRIỂN HỆ THỐNG WEBSITE QUẢN LÝ TRANG THIẾT BỊ DÀNH CHO CÔNG TY Giảng viên hướng dẫn duyệt: PGS.TS Võ Trung Hùng Đà Nẵng, tháng 3/2023 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Đà Nẵng, ngày tháng năm 2023 Giảng viên hướng dẫn NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN Đà Nẵng, ngày tháng năm 2023 Người phản biện TÓM TẮT Tên đề tài: Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty Sinh viên thực hiện: Nguyễn Hồng Sơn Mã SV: 1911505310146 Lớp: 19T1 Đề tài nhằm nghiên cứu xây dựng hệ thống Website để hỗ trợ quản lý trang thiết bị công ty Hệ thống phục vụ chủ yếu cho 02 đối tượng nhân viên quản trị viên Nhân viên sau đăng nhập hệ thống xem danh sách thiết bị mượn, đăng ký mượn thiết bị xem danh sách thiết bị mượn Quản trị viên người quản trị cao hệ thống, quản lý danh mục thiết bị, thiết bị, phòng ban, người dùng Quản trị viên thêm thiết bị file excel, tải xuống file excel danh sách tất thiết bị, tải xuống file excel danh sách thiết bị mượn phòng ban, xuất mã QR cho thiết bị TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CÔNG NGHỆ SỐ Độc lập - Tự - Hạnh phúc NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Giảng viên hướng dẫn: PGS.TS Võ Trung Hùng Sinh viên thực hiện: Nguyễn Hồng Sơn Mã SV: 1911505310146 Tên đề tài: Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty Các số liệu, tài liệu ban đầu: -Tài liệu Laravel, MySQL, HTML, CSS Nội dung đồ án: - Khảo sát yêu cầu - Phân tích thiết kế ứng dụng - Xây dựng hệ thống website giúp việc quản lý dễ dàng, thuận tiện Một số chức hệ thống giúp nâng cao trải nghiệm người dùng như: thêm trang thiết bị, phòng ban, nhân viên, nhận yêu cầu thiết bị từ nhân viên, nhập/xuất danh sách file excel, tạo mã QR cho thiết bị, thống kê thiết bị, nhân viên, phòng ban - Thử nghiệm đánh giá Các sản phẩm dự kiến Hệ thống website đầy đủ chức giúp người dùng quản lý trang thiết bị công ty Ngày giao đồ án: 06/03/2023 Ngày nộp đồ án: 07/06/2023 Đà Nẵng, ngày tháng Trưởng Bộ mơn năm 2023 Người hướng dẫn LỜI NĨI ĐẦU Trong bối cảnh cách mạng công nghệ thông tin diễn mạnh mẽ công việc quản lý trang thiết bị ngày trở nên phức tạp, việc áp dụng cơng nghệ để tối ưu hóa q trình yêu cầu cấp thiết Với mong muốn đó, em xin trân trọng giới thiệu đề tài "Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty" khuôn khổ đồ án tốt nghiệp Đồ án nhằm mục tiêu xây dựng hệ thống quản lý trang thiết bị thông qua website đại tiện ích Hệ thống giúp cho công ty quản lý trang thiết bị cách hiệu hơn, từ việc lưu trữ thông tin, tình trạng, lịch sử sử dụng, đến việc theo dõi báo cáo số quan trọng Với giao diện thân thiện tính linh hoạt, hệ thống giúp cho trình quản lý trở nên dễ dàng tiết kiệm thời gian Trong trình thực đồ án, em áp dụng phương pháp phát triển phần mềm đại sử dụng công nghệ web tiên tiến HTML, CSS, JavaScript, sở liệu SQL để xây dựng hệ thống Đồng thời, em tìm hiểu áp dụng nguyên tắc quản lý dự án để đảm bảo tiến độ chất lượng công việc Trong trình nghiên cứu phát triển, em đặc biệt quan tâm đến việc tối ưu hóa hiệu suất, tính bảo mật khả mở rộng hệ thống Em hi vọng cơng trình mang lại giá trị thực tế đóng góp tích cực vào việc cải thiện q trình quản lý trang thiết bị cho công ty Cuối cùng, em xin chân thành cảm ơn Thầy/Cô dành thời gian quan tâm để đồng hành em trình thực đề tài Hy vọng đồ án tốt nghiệp đáp ứng kỳ vọng đạt thành công định Em xin chân thành cảm ơn! i CAM ĐOAN Em xin cam đoan đồ án “Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty” cơng trình nghiên cứu độc lập hướng dẫn giảng viên PGS.TS Võ Trung Hùng Ngồi khơng có chép người khác Đề tài, nội dung báo cáo đồ án sản phẩm mà em nỗ lực nghiên cứu trình học tập trường Các kết trình bày báo cáo hoàn toàn trung thực, em xin chịu hoàn toàn trách nhiệm, kỷ luật trưởng mơn nhà trường đề có vấn đề xảy Sinh viên thực Nguyễn Hồng Sơn ii MỤC LỤC MỤC LỤC iii DANH MỤC BẢNG BIỂU vii DANH MỤC HÌNH VẼ viii DANH MỤC CHỮ VIẾT TẮT TIẾNG VIỆT x DANH MỤC CHỮ VIẾT TẮT TIẾNG ANH xi MỞ ĐẦU 1 Mục tiêu đề tài Đối tượng nghiên cứu phạm vi nghiên cứu a Đối tượng nghiên cứu b Phạm vi nghiên cứu Phương pháp nghiên cứu Giải pháp công nghệ Cấu trúc đồ án Chương CƠ SỞ LÝ THUYẾT 1.1 Tổng quan ngôn ngữ lập trình 1.1.1 HTML 1.1.2 CSS 1.1.3 PHP 1.2 Hệ quản trị sở liệu MySQL 1.3 Framework thư viện hỗ trợ 1.3.1 Laravel 1.3.2 Bootstrap 1.3.3 Jquery iii Chương PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Tác nhân 2.2 Mô tả yêu cầu nghiệp vụ 2.2.1 Nhân viên 2.2.2 Quản trị viên 2.3 Đặc tả yêu cầu phần mềm 2.3.1 Nhân viên 2.3.2 Quản trị viên 2.4 Sơ đồ Usecase 2.5 Kịch cho Usecase 10 2.5.1 Nhân viên 10 2.5.1.1 Đăng nhập 10 2.5.1.2 Xem danh sách thiết bị đăng ký mượn 10 2.5.1.3 Xem danh sách thiết bị mượn 11 2.5.1.4 Đăng ký mượn thiết bị 11 2.5.2 Quản trị viên 12 2.5.2.1 Quản lý loại thiết bị 12 2.5.2.2 Quản lý thiết bị 12 2.5.2.3 Quản lý phòng ban 12 2.5.2.4 Quản lý yêu cầu thiết bị 13 2.5.2.5 Quản lý người dùng 13 2.5.2.6 Thêm thiết bị file excel 14 2.5.2.7 Xuất file excel danh sách thiết bị có 14 2.5.2.8 Xem lịch sử sử dụng thiết bị 15 2.5.2.9 Xuất thiết bị cho phòng ban 15 iv Phát triển hệ thống Website quản lý trang thiết bị dành cho cơng ty 2.6.2.5 Quản lý người dùng Hình 2.10: Sơ đồ hoạt động chức quản lý người dùng 2.6.2.6 Thêm thiết bị file excel Hình 2.11: Sơ đồ hoạt động chức thêm thiết bị file excel 2.6.2.7 Xuất file excel danh sách thiết bị có Hình 2.12: Sơ đồ hoạt động chức xuất file excel danh sách thiết bị 2.6.2.8 Xem lịch sử sử dụng thiết bị Hình 2.13: Sơ đồ hoạt động chức xem lịch sử sử dụng thiết bị 2.6.2.9 Xuất thiết bị cho phịng ban Hình 2.14: Sơ đồ hoạt động chức xuất thiết bị cho phòng ban SVTH: Nguyễn Hồng Sơn 20 Phát triển hệ thống Website quản lý trang thiết bị dành cho cơng ty 2.6.2.10 Trả thiết bị mượn phịng ban Hình 2.15: Sơ đồ hoạt động chức trả thiết bị mượn phòng ban 2.6.2.11 Xuất file excel thiết bị mượn phịng ban Hình 2.16: Sơ đồ hoạt động chức xuất file excel thiết bị mượn phòng ban 2.7 Thiết kế ERD Mơ hình ERD (Entity-Relationship Diagram) cơng cụ phổ biến lĩnh vực quản lý sở liệu Nó sử dụng để biểu diễn mơ hình liệu hệ thống thông tin sở liệu Mục đích mơ hình ERD mơ cấu trúc liệu mối quan hệ đối tượng liệu hệ thống Nó giúp hiểu rõ cách thực thể (entities) hệ thống tương tác giao tiếp với thông qua quan hệ (relationships) Mơ hình ERD cung cấp cách trực quan logic để mô tả cấu trúc liệu, cho phép nhà phát triển người quản lý dự án có nhìn tổng quan hệ thống Hình 2.17: Sơ đồ quan hệ SVTH: Nguyễn Hồng Sơn 21 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty Chương XÂY DỰNG CHƯƠNG TRÌNH 3.1 Cơng cụ xây dựng chương trình 3.1.1 Visual Studio Code Visual Studio Code (VS Code) trình soạn thảo mã nguồn mở miễn phí Microsoft Nó thiết kế đặc biệt để hỗ trợ việc xây dựng website VS Code cung cấp loạt tính mạnh mẽ gợi ý mã, dị lỗi, định dạng tự động tích hợp Git Nó hỗ trợ nhiều ngơn ngữ lập trình framework phổ biến mở rộng thơng qua tiện ích phần mở rộng bổ sung Đồng thời, VS Code có giao diện đẹp tùy chỉnh Với tính này, VS Code trở thành công cụ lý tưởng để phát triển dự án website dễ dàng hiệu Hình 3.1: Giao diện Visual Studio Code 3.1.2 Git Git hệ thống quản lý phiên phân tán phổ biến mạnh mẽ cho việc theo dõi quản lý thay đổi mã nguồn trình phát triển phần mềm SVTH: Nguyễn Hồng Sơn 22 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty GitHub dịch vụ lưu trữ mã nguồn hợp tác phát triển phần mềm tảng Git Nó cung cấp giao diện web dễ sử dụng để quản lý chia sẻ mã nguồn, theo dõi lịch sử thay đổi hợp tác với nhà phát triển khác dự án phần mềm Hình 3.2: Giao diện GitHub 3.1.3 Docker Docker công cụ mã nguồn mở cho phép đóng gói chạy ứng dụng môi trường cô lập gọi container Container cho phép ứng dụng chạy cách đồng máy tính mơi trường, đồng thời tối ưu hóa di chuyển triển khai ứng dụng Hình 3.3: Giao diện Docker SVTH: Nguyễn Hồng Sơn 23 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty 3.1.4 Dbeaver DBeaver công cụ quản lý sở liệu đa tảng, dễ sử dụng mạnh mẽ Nó hỗ trợ nhiều hệ quản trị sở liệu cung cấp giao diện đồ họa trực quan để thao tác với cấu trúc bảng, liệu, truy vấn SQL nhiều tính khác Hình 3.4: Giao diện DBeaver 3.2 Giao diện chương trình 3.2.1 Giao diện đăng nhập hệ thống Giao diện đăng nhập hệ thống phần truy cập cho người dùng, yêu cầu thông tin đăng nhập mật cấp để xác thực danh tính trước truy cập vào hệ thống Nó đảm bảo tính bảo mật kiểm sốt truy cập Hình 3.5: Giao diện đăng nhập hệ thống SVTH: Nguyễn Hồng Sơn 24 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty 3.2.2 Giao diện nhân viên 3.2.2.1 Giao diện sau đăng nhập với quyền nhân viên Sau đăng nhập, nhân viên thực tất chức hệ thống Mặc định sau đăng nhập dẫn đến trang Dashboard Hình 3.6: Giao diện sau đăng nhập với quyền nhân viên 3.2.2.2 Giao diện danh sách thiết bị đăng ký mượn Nhân viên xem danh sách yêu cầu mượn thiết bị đăng ký, tìm kiếm, xếp theo tên, ngày yêu cầu Hình 3.7: Giao diện danh sách thiết bị đăng ký mượn SVTH: Nguyễn Hồng Sơn 25 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty 3.2.2.3 Giao diện danh sách thiết bị mượn Nhân viên xem danh sách thiết bị mượn, tìm kiếm, xếp theo tên, loại thiết bị, ngày mượn Hình 3.8: Giao diện danh sách thiết bị mượn 3.2.2.4 Giao diện đăng ký mượn thiết bị Nhân viên xem danh sách thiết bị mượn, chọn thiết bị muốn mượn mà nhấn nút yêu cầu, nhập ghi gửi yêu cầu Hình 3.9: Giao diện danh sách thiết bị mượn SVTH: Nguyễn Hồng Sơn 26 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty Hình 3.10: Giao diện nhập ghi đăng ký mượn thiết bị 3.2.3 Giao diện quản trị viên 3.2.3.1 Giao diện sau đăng nhập với quyền quản trị viên Sau đăng nhập, quản trị viên thực tất chức hệ thống Mặc định sau đăng nhập dẫn đến trang Dashboard Hình 3.11: Giao diện sau đăng nhập với quyền quản trị viên SVTH: Nguyễn Hồng Sơn 27 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty 3.2.3.2 Giao diện quản lý loại thiết bị Quản trị viên xem danh sách loại thiết bị, thêm, xóa, tìm kiếm, xếp loại thiết bị Hình 3.12: Giao diện quản lý loại thiết bị 3.2.3.3 Giao diện quản lý thiết bị Quản trị viên xem danh sách loại thiết bị, thêm, xóa, tìm kiếm, xếp thiết bị, nhập/xuất thiết bị file excel Hình 3.13: Giao diện quản lý thiết bị SVTH: Nguyễn Hồng Sơn 28 Phát triển hệ thống Website quản lý trang thiết bị dành cho cơng ty 3.2.3.4 Giao diện quản lý phịng ban Quản trị viên xem danh sách phịng ban, thêm, xóa, tìm kiếm, xếp phịng ban Hình 3.14: Giao diện quản lý phòng ban 3.2.3.5 Giao diện quản lý yêu cầu thiết bị Quản trị viên xem danh sách yêu cầu thiết bị, tìm kiếm, xếp yêu cầu thiết bị, chấp nhận từ chối yêu cầu thiết bị Hình 3.15: Giao diện quản lý yêu cầu thiết bị SVTH: Nguyễn Hồng Sơn 29 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty 3.2.3.6 Giao diện quản lý người dùng Quản trị viên xem danh sách người dùng, thêm, sửa, xóa, tìm kiếm, xếp người dùng Hình 3.16: Giao diện quản lý người dùng 3.2.3.7 Giao diện thêm thiết bị file excel Quản trị viên thêm thiết bị file excel cách nhấn vào nút Nhập file excel trang danh sách thiết bị Sau xuất hộp thoại để tải lên file excel chứa thơng tin thiết bị muốn thêm Hình 3.17: Giao diện thêm thiết bị file excel SVTH: Nguyễn Hồng Sơn 30 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty 3.2.3.8 Giao diện lịch sử sử dụng thiết bị Quản trị viên vào trang chi tiết thiết bị xem lịch sử sử dụng thiết bị Hình 3.18: Giao diện lịch sử sử dụng thiết bị 3.2.3.9 Giao diện xuất thiết bị cho phòng ban Quản trị viên vào trang chi tiết thiết bị, sau nhấn nút Xuất cho phòng ban, xuất hộp thoại chọn phịng ban, sau chọn xong nhấn nút Chọn để xuất thiết bị cho phòng ban Hình 3.19: Giao diện xuất thiết bị cho phịng ban SVTH: Nguyễn Hồng Sơn 31 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty 3.2.3.10 Giao diện xuất file excel thiết bị mượn phòng ban Quản trị viên vào trang chi thiết phòng ban, sau nhấn nút Xuất file excel, hệ thống tải xuống file excel chưa danh sách thiết bị phịng ban sử dụng Hình 3.20: Giao diện xuất file excel thiết bị mượn phòng ban SVTH: Nguyễn Hồng Sơn 32 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 3.3 Kết luận Bài báo cáo đề tài “Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty” xây dựng mơ hình MVC với ngơn ngữ lập trình PHP Laravel framework kết hợp với hệ quản trị sở liệu MySQL Với chức sở liệu nghiên cứu, ứng dụng mơ hình quản lý thiết bị, giúp cải thiện khó khăn cho người quản lý, thuận tiện cho người dùng Tuy nhiên, thời gian hoàn thành đề tài có hạn kinh nghiệm nghiệp vụ chưa sâu nên đề tài cịn nhiều thiếu sót nghiệp vụ chuyên môn Em mong nhận ý kiến, góp ý thầy bạn để phát triển hồn thiện website tương lai 3.4 Hướng phát triển - Tăng mức độ thân thiện với người dùng - Tiếp tục phát triển tính cao cho hệ thống - Nâng cấp hiệu website - Xây dựng ứng dụng dành cho thiết bị di động SVTH: Nguyễn Hồng Sơn 33 Phát triển hệ thống Website quản lý trang thiết bị dành cho công ty TÀI LIỆU THAM KHẢO [1] Tài liệu PHP: https://www.php.net/ [2] Tài liệu Laravel: https://laravel.com/ [3] Tài liệu jQuery: https://jquery.com/ [4] Tài liệu Bootstrap: https://getbootstrap.com/ [5] Tài liệu Javascript: https://www.javascript.com/ [6] Tài liệu MySQL: https://www.mysql.com/ SVTH: Nguyễn Hồng Sơn 34