Xây dựng hệ thống website đặt lịch bảo dưỡng xe

ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM TRẦN ĐÌNH KHANH ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG HỆ THỐNG WEBSITE ĐẶT LỊCH BẢO DƯỠNG XE Kon Tum, tháng năm 2022 ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG HỆ THỐNG WEBSITE ĐẶT LỊCH BẢO DƯỠNG XE GIẢNG VIÊN HƯỚNG DẪN : TS ĐỒNG NGỌC NGUYÊN THỊNH SINH VIÊN THỰC HIỆN LỚP MSSV : TRẦN ĐÌNH KHANH : K12TT : 1817480201009 Kon Tum, tháng năm 2022 LỜI CẢM ƠN Trong trình học tập rèn luyện khoa Cơng Nghệ - Phân hiệu Đại học Đà Nẵng Kon Tum, em q thầy tận tình giúp đỡ, quan tâm truyền đạt kiến thức bổ ích quan trọng trình phát triển thân Ngoài ra, tập thể lớp K12TT chỗ dựa niềm động viên to lớn giúp vượt qua khó khăn q trình học tập Em xin chân thành gửi lời cảm ơn đến Ban Giám Hiệu nhà trường, quý thầy giúp em hồn thành tốt khóa học Đặc biệt, em xin gửi lời cảm ơn sâu sắc đến Tiến sĩ Đồng Ngọc Nguyên Thịnh xếp thời gian quý báu đến hướng dẫn, nhận xét giúp đỡ em hoàn thành đồ án tốt nghiệp Xin cảm ơn tập thể lớp K12TT đồng hành với suốt năm học tập rèn luyện giảng đường đại học Cảm ơn bạn hỗ trợ trình xây đựng đồ án tốt nghiệp Cuối cùng, em xin kính chúc quý thầy cô thật nhiều sức khỏe thành công q trình cơng tác Sinh viên Trần Đình Khanh MỤC LỤC CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 TỔNG QUAN ĐỀ TÀI NGHIÊN CỨU 1.2 LÝ DO CHỌN ĐỀ TÀI 1.3 MỤC TIÊU NGHIÊN CỨU 1.3.1 Về kiến thức 1.3.2 Về kỹ thuật 1.3.3 Về ứng dụng 1.4 PHƯƠNG PHÁP NGHIÊN CỨU 1.4.1 Khảo sát thực tế 1.4.2 Nghiên cứu lý thuyết 1.4.3 Nghiên cứu công nghệ 1.5 PHẠM VI NGHIÊN CỨU CHƯƠNG TỔNG QUAN LÝ THUYẾT 2.1 MƠ HÌNH CLIENT SERVER 2.1.1 Khái niệm 2.1.2 Nguyên tắc hoạt động 2.1.3 Ưu nhược điểm mơ hình Client Server 2.2 MƠ HÌNH MVC 2.2.1 Khái niệm 2.2.2 Luồng tương tác 2.2.3 Ưu nhược điểm MVC 2.3 CÔNG NGHỆ SỬ DỤNG 2.3.1 Frontend 2.3.2 Backend 2.4 CÔNG CỤ SỬ DỤNG 11 2.4.1 Visual Studio Code 11 2.4.2 XAMPP 11 2.4.3 Postman 12 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 13 3.1 TÁC NHÂN HỆ THỐNG 13 3.1.1 Admin 13 3.1.2 Chuyên viên 13 3.1.3 Khách hàng 13 3.2 PHÂN TÍCH CHỨC NĂNG CỦA KHÁCH HÀNG 14 3.2.1 Đăng nhập 14 3.2.2 Đăng ký 14 3.2.3 Tìm kiếm thơng tin 15 3.2.4 Xem thông tin chuyên viên 15 3.2.5 Xem thơng tin gói dịch vụ 15 i 3.2.6 Xem thông tin xưởng dịch vụ 16 3.2.7 Xem lịch làm việc chuyên viên 16 3.2.8 Đặt lịch bảo dưỡng 16 3.3 PHÂN TÍCH CHỨC NĂNG CỦA CHUYÊN VIÊN 17 3.3.1 Đăng nhập 17 3.3.2 Tạo lịch làm việc 18 3.3.3 Quản lý lịch hẹn cá nhân 18 3.4 PHÂN TÍCH CHỨC NĂNG CỦA ADMIN 19 3.4.1 Đăng nhập 19 3.4.2 Quản lý người dùng 19 3.4.3 Quản lý gói dịch vụ 20 3.4.4 Quản lý xưởng dịch vụ 22 3.4.5 Quản lý tin tức 23 3.4.6 Quản lý chuyên viên 24 3.4.7 Quản lý lịch làm việc chuyên viên 25 3.4.8 Quản lý lịch hẹn 25 3.5 MÔ TẢ HỆ THỐNG QUA SƠ ĐỒ 26 3.5.1 Sơ đồ use case 26 3.5.2 Sơ đồ 38 3.5.3 Sơ đồ lớp 64 3.5.4 Lược đồ quan hệ sở liệu 68 3.6 DEMO CHƯƠNG TRÌNH 74 3.6.1 Chức khách hàng 74 3.6.2 Chức chuyên viên 82 3.6.3 Chức admin 85 CHƯƠNG KẾT LUẬN 93 4.1 KẾT QUẢ ĐẠT ĐƯỢC 93 4.2 HẠN CHẾ 93 4.3 HƯỚNG PHÁT TRIỂN 93 DANH MỤC TÀI LIỆU THAM KHẢO 94 GIẤY XÁC NHẬN HOÀN THÀNH ĐỒ ÁN TỐT NGHIỆP 96 ii Số hiệu bảng Bảng 3.1 Bảng 3.2 Bảng 3.3 Bảng 3.4 Bảng 3.5 Bảng 3.6 Bảng 3.7 Bảng 3.8 Bảng 3.9 Bảng 3.10 Bảng 3.11 Bảng 3.12 Bảng 3.13 Bảng 3.14 Bảng 3.15 Bảng 3.16 Bảng 3.17 Bảng 3.18 Bảng 3.19 Bảng 3.20 Bảng 3.21 Bảng 3.22 Bảng 3.23 Bảng 3.24 Bảng 3.25 Bảng 3.26 Bảng 3.27 Bảng 3.28 Bảng 3.29 Bảng 3.30 Bảng 3.31 Bảng 3.32 Bảng 3.33 Bảng 3.34 Bảng 3.35 Bảng 3.36 Bảng 3.37 DANH MỤC BẢNG Tên bảng Mô tả tác nhân Admin Mô tả tác nhân chuyên viên Mơ tả tác nhân khách hàng Phân tích chức đăng nhập khách hàng Phân tích chức đăng ký Phân tích chức tìm kiếm Phân tích chức xem thơng tin chun viên Phân tích chức xem thơng tin gói dịch vụ Phân tích chức xem thơng tin xưởng dịch vụ Phân tích chức xem lịch làm việc chuyên viên Phân tích chức đặt lịch bảo dưỡng Phân tích chức đăng nhập chuyên viên Phân tích chức tạo lịch làm việc Phân tích chức quản lý lịch hẹn cá nhân Phân tích chức đăng nhập Admin Phân tích chức xem danh sách người dùng Phân tích chức tạo người dùng Phân tích chức sửa người dùng Phân tích chức xóa người dùng Phân tích chức xem danh sách gói dịch vụ Phân tích chức tạo gói dịch vụ Phân tích chức sửa gói dịch vụ Phân tích chức xóa gói dịch vụ Phân tích chức xem danh sách xưởng dịch vụ Phân tích chức tạo xưởng dịch vụ Phân tích chức sửa xưởng dịch vụ Phân tích chức xóa xưởng dịch vụ Phân tích chức xem danh sách viết Phân tích chức tạo viết Phân tích chức sửa viết Phân tích chức xóa viết Phân tích chức tạo thơng tin chun viên Phân tích chức sửa thơng tin chuyên viên Phân tích chức quản lý lịch làm việc Phân tích chức xem danh sách lịch hẹn Phân tích chức xóa lịch hẹn Mơ tả thuộc tính use case tổng quát iii Trang 13 13 13 14 14 15 15 16 16 16 17 17 18 18 19 19 19 20 20 20 21 21 21 22 22 22 23 23 23 23 24 24 24 25 25 26 26 Bảng 3.38 Bảng 3.39 Bảng 3.40 Bảng 3.41 Bảng 3.42 Bảng 3.43 Bảng 3.44 Bảng 3.45 Bảng 3.46 Bảng 3.47 Bảng 3.48 Bảng 3.49 Bảng 3.50 Bảng 3.51 Bảng 3.52 Bảng 3.53 Bảng 3.54 Bảng 3.55 Bảng 3.56 Bảng 3.57 Bảng 3.58 Bảng 3.59 Bảng 3.60 Bảng 3.61 Bảng 3.62 Bảng 3.63 Bảng 3.64 Bảng 3.65 Bảng 3.66 Bảng 3.67 Bảng 3.68 Bảng 3.69 Bảng 3.70 Bảng 3.71 Bảng 3.72 Bảng 3.73 Bảng 3.74 Bảng 3.75 Bảng 3.76 Mô tả use case đăng nhập Mô tả use case đăng ký Mơ tả use case tìm kiếm Mô tả use case xem thông tin chuyên viên Mơ tả use case xem thơng tin gói dịch vụ Mô tả use case xem thông tin xưởng dịch vụ Mô tả use case xem tin tức Mô tả use case xem lịch làm việc chuyên viên Mô tả use case đặt lịch bảo dưỡng Mô tả use case tạo lịch làm việc Mô tả use case quản lý lịch hẹn cá nhân Mô tả use case quản lý người dùng Mơ tả use case quản lý gói dịch vụ Mô tả use case quản lý xưởng dịch vụ Mô tả use case quản lý tin tức Mô tả use case quản lý lịch làm việc Mô tả use case quản lý lịch hẹn Mô tả use case quản lý chuyên viên Mô tả sơ đồ đăng nhập Mô tả sơ đồ đăng ký Mơ tả sơ đồ tìm kiếm sản phẩm Mô tả sơ đồ xem thông tin chun viên Mơ tả sơ đồ xem thơng tin gói dịch vụ Mô tả sơ đồ xem thông tin xưởng dịch vụ Mô tả sơ đồ xem tin tức Mô tả sơ đồ xem lịch làm việc chuyên viên Mô tả sơ đồ đặt lịch bảo dưỡng Mô tả sơ đồ quản lý lịch hẹn cá nhân Mô tả sơ đồ tạo lịch làm việc Mô tả sơ đồ xem danh sách người dùng Mô tả sơ đồ tạo người dùng Mô tả sơ đồ sửa người dùng Mơ tả sơ đồ xóa người dùng Mơ tả sơ đồ xem danh sách gói dịch vụ Mơ tả sơ đồ tạo gói dịch vụ Mơ tả sơ đồ sửa gói dịch vụ Mơ tả sơ đồ xóa gói dịch vụ Mô tả sơ đồ xem danh sách xưởng dịch vụ Mô tả sơ đồ tạo xưởng dịch vụ iv 28 28 29 29 30 31 31 32 32 33 33 34 35 35 36 36 37 37 38 39 40 41 41 42 42 43 44 45 45 46 47 48 49 49 50 51 52 53 54 Bảng 3.77 Bảng 3.78 Bảng 3.79 Bảng 3.80 Bảng 3.81 Bảng 3.82 Bảng 3.83 Bảng 3.84 Bảng 3.85 Bảng 3.86 Bảng 3.87 Bảng 3.88 Bảng 3.89 Bảng 3.90 Bảng 3.91 Bảng 3.92 Bảng 3.93 Bảng 3.94 Bảng 3.95 Hình 3.96 Bảng 3.97 Mô tả sơ đồ sửa xưởng dịch vụ Mơ tả sơ đồ xóa xưởng dịch vụ Mơ tả sơ đồ xem danh sách viết Mô tả sơ đồ tạo viết Mô tả sơ đồ sửa viết Mơ tả sơ đồ xóa viết Mô tả sơ đồ tạo thông tin chuyên viên Mô tả sơ đồ sửa thông tin chuyên viên Mô tả sơ đồ quản lý lịch làm việc Mô tả sơ đồ xem danh sách lịch hẹn Mô tả sơ đồ xóa lịch hẹn Mơ tả thuộc tính phương thức sơ đồ lớp Mô tả bảng tbl_users Mô tả bảng tbl_staff_info Mô tả bảng tbl_markdowns Mô tả bảng tbl_news Mô tả bảng tbl_showrooms Mô tả bảng tbl_services Mô tả bảng tbl_schedules Mô tả bảng tbl_allcodes Mô tả bảng tbl_bookings v 55 56 56 57 58 59 60 61 62 63 64 64 69 70 70 71 71 71 72 72 73 DANH MỤC HÌNH Số hiệu hình Tên hình Hình 2.1 Mơ hình Client Server Hình 2.2 Mơ hình MVC Hình 2.3 Ngơn ngữ HTML Hình 2.4 Ngơn ngữ CSS Hình 2.5 Thư viện React Hình 2.6 Thư viện Redux Hình 2.7 Bootstrap Hình 2.8 Nodejs Hình 2.9 Framework Express Hình 2.10 Hệ quản trị sở liệu MySQL Hình 2.11 Trình soạn thảo Visual Studio Code Hình 2.12 Phần mềm XAMPP Hình 2.13 Phần mềm Postman Hình 3.1 Sơ đồ use case tổng quát Hình 3.2 Đặc tả use case đăng nhập Hình 3.3 Đặc tả use case đăng ký Hình 3.4 Đặc tả use case tìm kiếm Hình 3.5 Đặc tả use case xem thơng tin chun viên Hình 3.6 Đặc tả use case xem thơng tin gói dịch vụ Hình 3.7 Đặc tả use case xem thơng tin xưởng dịch vụ Hình 3.8 Đặc tả use case xem tin tức Hình 3.9 Đặc tả use case xem lịch làm việc chuyên viên Hình 3.10 Đặc tả use case đặt lịch bảo dưỡng Hình 3.11 Đặc tả use case tạo lịch làm việc Hình 3.12 Đặc tả use case quản lý lịch hẹn cá nhân Hình 3.13 Đặc tả use case quản lý người dùng Hình 3.14 Đặc tả use case quản lý gói dịch vụ Hình 3.15 Đặc tả use case quản lý xưởng dịch vụ Hình 3.16 Đặc tả use case quản lý tin tức Hình 3.17 Đặc tả use case quản lý lịch làm việc Hình 3.18 Đặc tả use case quản lý lịch hẹn Hình 3.19 Đặc tả use case quản lý chuyên viên Hình 3.20 Sơ đồ đăng nhập Hình 3.21 Sơ đồ đăng ký Hình 3.22 Sơ đồ tìm kiếm sản phẩm Hình 3.23 Sơ đồ xem thơng tin chun viên Hình 3.24 Sơ đồ xem thơng tin gói dịch vụ vi Trang 8 10 10 11 11 12 12 27 27 28 29 29 30 30 31 31 32 33 33 34 34 35 36 36 37 37 38 39 40 41 41 Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình 3.25 3.26 3.27 3.28 3.29 3.30 3.31 3.32 3.33 3.34 3.35 3.36 3.37 3.38 3.39 3.40 3.41 3.42 3.43 3.44 3.45 3.46 3.47 3.48 3.49 3.50 3.51 3.52 3.53 3.54 3.55 3.56 3.57 3.58 3.59 3.60 3.61 3.62 3.63 Sơ đồ xem thông tin xưởng dịch vụ Sơ đồ xem tin tức Sơ đồ xem lịch làm việc chuyên viên Sơ đồ đặt lịch bảo dưỡng Sơ đồ quản lý lịch hẹn cá nhân Sơ đồ tạo lịch làm việc Sơ đồ xem danh sách người dùng Sơ đồ tạo người dùng Sơ đồ sửa người dùng Sơ đồ xóa người dùng Sơ đồ xem danh sách gói dịch vụ Sơ đồ tạo gói dịch vụ Sơ đồ sửa gói dịch vụ Sơ đồ xóa gói dịch vụ Sơ đồ xem danh sách xưởng dịch vụ Sơ đồ tạo xưởng dịch vụ Sơ đồ sửa xưởng dịch vụ Sơ đồ xóa xưởng dịch vụ Sơ đồ xem danh sách viết Sơ đồ tạo viết Sơ đồ sửa viết Sơ đồ xóa viết Sơ đồ tạo thơng tin chuyên viên Sơ đồ sửa thông tin chuyên viên Sơ đồ quản lý lịch làm việc Sơ đồ xem danh sách lịch hẹn Sơ đồ xóa lịch hẹn Sơ đồ lớp Lược đồ quan hệ sở liệu Header banner Các gói dịch vụ Các xưởng dịch vụ Các chuyên viên Các viết Review trải nghiệm bảo dưỡng xưởng Huyndai Footer Header sau khách hàng đăng nhập thành công Đăng nhập không thành công Đăng ký thành công vii 42 42 43 43 44 45 46 46 47 48 49 50 51 52 53 53 54 55 56 57 58 59 60 61 62 63 63 67 68 74 74 75 75 75 75 76 76 76 77 3.6.2 Chức chuyên viên a Đăng nhập Để tiến hành thực chức chuyên viên, chuyên viên cần phải đăng nhập Chuyên viên truy cập vào trang đăng hệ thống nhập tài khoản cấp vào form đăng nhập bao gồm email mật bấm nút đăng nhập Trong trường hợp chuyên viên nhập tài khoản hệ thống chuyển chuyên viên trang quản lý, hệ thống hiển thị chữ xin chào, tên chuyên viên Trong trường hợp nhập sai tài khoản nhận thông báo email không tồn mật khơng xác, vui lịng kiểm tra lại Trong trường hợp trường tên tài khoản email bị bỏ trống hệ thống hiển thị thơng báo lỗi Hình 3.75: Trang chủ chuyên viên đăng nhập thành cơng Hình 3.76: Chun viên đăng nhập khơng thành cơng 82 b Tạo lịch làm việc Chuyên viên tiến hành tạo lịch làm việc cá nhân cách đăng nhập vào trang quản lý vào chọn vào mục tạo lịch làm việc Hệ thống hiển thị giao diện tạo lịch làm việc Chuyên viên cần chọn ngày tháng khung mong muốn nhấn vào nút lưu thông tin Trong trường hợp chuyên viên chọn đầy đủ ngày tháng khung làm việc, hệ thống thông báo: Tạo lịch làm việc thành công Trong trường hợp, chuyên viên không chọn ngày khung giờ, hệ thống thông báo: Chưa chọn ngày làm việc chưa chọn khung làm việc Hình 3.77: Tạo lịch làm việc thành cơng Hình 3.78: Tạo lịch làm việc không thành công c Quản lý lịch hẹn cá nhân Để xác nhận lịch hẹn hoàn thành gửi hóa đơn cho khách hàng, chuyên viên chọn vào mục xác nhận lịch hẹn chọn ngày tháng Trong trường hợp, ngày chun viên chọn khơng có lịch hẹn hệ thống hiển thị khơng có lịch hẹn Trong trường hợp, ngày chuyên viên chọn có lịch hẹn hệ thống hiển thị danh sách lịch hẹn ngày Ở lịch hẹn có thông tin tương ứng nút xác nhân Chuyên viên tiếp tục nhấn vào nút xác nhận lịch hẹn mong muốn Sau hệ thống hiển thị giao diện gửi hóa đơn Chuyên viên chọn file hóa đơn tùy chọn thay đổi địa email khách hàng sau nhấn gửi Hệ thống thơng báo: Gửi hóa đơn thành cơng xóa lịch hẹn khỏi giao diện Nếu trường emai khách hàng để trống khơng chọn file hóa đơn, hệ thống thơng báo: Gửi hóa đơn khơng thành cơng 83 Hình 3.79: Xem danh sách lịch hẹn cá nhân Hình 3.80: Gửi hóa đơn thành cơng Hình 3.81: Gửi hóa đơn khơng thành cơng Hình 3.82: Email hóa đơn 84 3.6.3 Chức admin a Đăng nhập Để tiến hành thực chức quản trị viên, quản trị viên cần phải đăng nhập Quản trị viên truy cập vào trang đăng hệ thống nhập tài khoản cấp vào form đăng nhập bao gồm email mật bấm nút đăng nhập Trong trường hợp quản trị viên nhập tài khoản hệ thống chuyển quản trị viên trang quản lý, hệ thống hiển thị chữ xin chào, tên quản trị viên Trong trường hợp nhập sai tài khoản nhận thơng báo email khơng tồn mật khơng xác, vui lịng kiểm tra lại Hình 3.83: Trang chủ Admin đăng nhập thành cơng Hình 3.84: Admin đăng nhập khơng thành công b Quản lý người dùng Chức giúp quản trị viên quản lý người dùng hệ thống thông qua thao tác: xem danh sách, tạo mới, chỉnh sửa xóa Để truy cập đến trang quản lý người dùng, quản trị viên cần phải đăng nhập vào hệ thống quản lý chọn vào mục quản lý người dùng Ở trang quản lý người dùng, quản trị viên xem danh sách người dùng Tiến hành tạo người dùng cách nhập đầy đủ thông tin vào form nhấn nút lưu người dùng, để trống trường quy định hệ thống báo lỗi Quản trị viên chỉnh sửa người dùng cách nhấn vào biếu tượng chỉnh sửa người dùng mong muốn Sau thông tin người dùng lên form quản trị viên chỉnh sửa 85 nhấn nút lưu thay đổi Cuối cùng, quản trị viên xóa người dùng thơng qua thao tác nhấn vào biểu tượng xóa người dùng mong muốn Sau hệ thống đưa thơng báo xác nhận xóa, quản trị viên xác nhận người dùng xóa hệ thống đưa thơng báo xóa người dùng thành cơng Hình 3.85: Xem danh sách người dùng Hình 3.86: Tạo người dùng thành cơng Hình 3.87: Sửa người dùng thành cơng 86 Hình 3.88: Xóa người dùng thành cơng c Quản lý gói dịch vụ Chức giúp quản trị viên quản lý gói dịch vụ hệ thống thông qua thao tác: xem danh sách, tạo mới, chỉnh sửa xóa Để truy cập đến trang quản lý gói dịch vụ, quản trị viên cần phải đăng nhập vào hệ thống quản lý chọn vào mục quản lý gói dịch vụ Ở trang quản lý gói dịch vụ, quản trị viên xem danh sách gói dịch vụ Tiến hành tạo gói dịch vụ cách nhập đầy đủ thơng tin vào form nhấn nút lưu gói dịch vụ, để trống trường quy định hệ thống báo lỗi Quản trị viên chỉnh sửa gói dịch vụ cách nhấn vào biểu tượng chỉnh sửa gói dịch vụ mong muốn Sau thơng tin gói dịch vụ lên form quản trị viên chỉnh sửa nhấn nút lưu thay đổi Cuối cùng, quản trị viên xóa gói dịch vụ thông qua thao tác nhấn vào biểu tượng xóa gói dịch vụ mong muốn Sau hệ thống đưa thơng báo xác nhận xóa, quản trị viên xác nhận gói dịch vụ xóa hệ thống đưa thơng báo xóa gói dịch vụ thành cơng Hình 3.89: Xem danh sách gói dịch vụ Hình 3.90: Tạo gói dịch vụ thành cơng 87 Hình 3.91: Sửa gói dịch vụ thành cơng Hình 3.92: Xóa gói dịch vụ thành cơng d Quản lý xưởng dịch vụ Chức giúp quản trị viên quản lý xưởng dịch vụ hệ thống thông qua thao tác: xem danh sách, tạo mới, chỉnh sửa xóa Để truy cập đến trang quản lý xưởng dịch vụ, quản trị viên cần phải đăng nhập vào hệ thống quản lý chọn vào mục quản lý xưởng dịch vụ Ở trang quản lý xưởng dịch vụ, quản trị viên xem danh sách xưởng dịch vụ Tiến hành tạo xưởng dịch vụ cách nhập đầy đủ thông tin vào form nhấn nút lưu xưởng dịch vụ, để trống trường quy định hệ thống báo lỗi Quản trị viên chỉnh sửa xưởng dịch vụ cách nhấn vào biếu tượng chỉnh sửa gói dịch vụ mong muốn Sau thơng tin xưởng dịch vụ lên form quản trị viên chỉnh sửa nhấn nút lưu thay đổi Cuối cùng, quản trị viên xóa xưởng dịch vụ thơng qua thao tác nhấn vào biểu tượng xóa xưởng dịch vụ mong muốn Sau hệ thống đưa thơng báo xác nhận xóa, quản trị viên xác nhận xưởng dịch vụ xóa hệ thống đưa thơng báo xóa xưởng dịch vụ thành cơng Hình 3.93: Xem danh sách xưởng dịch vụ 88 Hình 3.94: Tạo xưởng dịch vụ thành cơng Hình 3.95: Sửa xưởng dịch vụ thành cơng Hình 3.96: Xóa xưởng dịch vụ thành cơng e Quản lý tin tức Chức giúp quản trị viên quản lý viết hệ thống thông qua thao tác: xem danh sách, tạo mới, chỉnh sửa xóa Để truy cập đến trang quản lý tin tức, quản trị viên cần phải đăng nhập vào hệ thống quản lý chọn vào mục quản lý tin tức Ở trang quản lý xưởng tin tức, quản trị viên xem danh sách viết Tiến hành tạo viết cách nhập đầy đủ thông tin vào form nhấn nút lưu viết, để trống trường quy định hệ thống báo lỗi Quản trị viên chỉnh sửa viết cách nhấn vào biểu tượng chỉnh sửa viết mong muốn Sau thông tin viết lên form quản trị viên chỉnh sửa nhấn nút lưu thay đổi Cuối cùng, quản trị viên xóa viết thơng qua thao tác nhấn vào biểu tượng xóa viết mong muốn Sau hệ thống đưa thơng báo xác nhận xóa, quản trị viên xác nhận viết xóa hệ thống đưa thơng báo xóa viết thành cơng Hình 3.97: Xem danh sách viết 89 Hình 3.98: Tạo viết thành cơng Hình 3.99: Sửa viết thành cơng Hình 3.100: Xóa viết thành cơng f Quản lý chuyên viên Chức giúp quản trị viên quản lý thông tin chuyên viên hệ thống thông qua thao tác: tạo chỉnh sửa Để truy cập đến trang quản lý chuyên viên, quản trị viên cần phải đăng nhập vào hệ thống quản lý chọn vào mục quản lý chuyên viên Ở trang quản lý chuyên viên, quản trị viên tiến hành tạo thông tin chuyên viên cách chọn vào chun viên chưa có thơng tin nhập đầy đủ thông tin, không nhập đầy đủ thơng tin hệ thống báo lỗi Nếu thơng tin nhập đầy đủ hệ thống thơng báo lưu thông tin chuyên viên thành công Quản trị viên chỉnh sửa thơng tin chun viên cách chọn vào chun viên có thơng tin Sau thơng tin chun viên hiển thị form, quản trị viên chỉnh sửa thông tin mong muốn nhấn lưu thay đổi Nếu thông tin đầy đủ, hệ thống thông báo chỉnh sửa thông tin chuyên viên thành công ngược lại thơng báo khơng thành cơng 90 Hình 3.101: Tạo thơng tin chun viên thành cơng Hình 3.102: Sửa thông tin chuyên viên g Quản lý lịch hẹn Chức giúp quản trị viên quản lý lịch hẹn hệ thống thông qua thao tác: xem danh sách xóa Để truy cập đến trang quản lý lịch hẹn, quản trị viên cần phải đăng nhập vào hệ thống quản lý chọn vào mục quản lý lịch hẹn Ở trang quản lý lịch hẹn, quản trị viên xem danh sách lịch hẹn hồn thành Quản trị viên xóa lịch hẹn cách nhấn vào biểu tượng xóa lịch hẹn Sau hệ thống đưa thơng báo xác nhận xóa Nếu quản trị viên xác nhận xóa lịch hẹn xóa thành cơng Hình 3.103: Xem danh sách lịch hẹn 91 Hình 3.104: Xóa lịch hẹn thành công h Quản lý lịch làm việc Chức giúp quản trị viên tạo lịch làm việc cho chuyên viên hệ thống Để truy cập đến trang quản lý lịch làm việc, quản trị viên cần phải đăng nhập vào hệ thống quản lý chọn vào mục quản lý lịch làm việc Ở trang quản lý lịch làm việc, quản trị viên tạo lịch làm việc cho chuyên viên cách chọn vào chuyên viên, chọn ngày, chọn khung làm việc nhấn lưu thông tin Nếu không chọn đầy đủ trường hệ thống báo lỗi Nếu chọn đầy đủ, hệ thống thông báo tạo lịch làm việc thành cơng Hình 3.105: Tạo lịch làm việc cho chun viên thành cơng Hình 3.106: Tạo lịch làm việc cho chuyên viên không thành công 92 CHƯƠNG KẾT LUẬN 4.1 KẾT QUẢ ĐẠT ĐƯỢC Sau q trình học tập, tìm hiểu, khai thác thơng tin triển khai đồ án tốt nghiệp, em đạt kết sau:  Nâng cao khả tìm kiếm tài liệu tự học  Nâng cao kỹ quản lý thời gian, xếp công việc  Củng cố nâng cao kỹ lập trình Website Hiểu quy trình xử lý hoạt động website  Xây dựng hệ thống Website đặt lịch bảo dưỡng xe với chức đề chương phân tích thiết kế hệ thống 4.2 HẠN CHẾ  Giao diện hạn chế, chưa đẹp mắt  Tốc độ Website chậm chưa tối ưu  Đồ án cần phát triển thêm số tính như: Đánh giá chun viên, bình luận, đổi mật khẩu, quên mật khẩu, đếm lịch hẹn chuyên viên, gói dịch vụ, xưởng dịch vụ để hiển thị phần mục bật xem lịch sử đặt lịch dành cho khách hàng 4.3 HƯỚNG PHÁT TRIỂN  Phát triển tính nêu phần hạn chế  Phát triển tối ưu hóa chức xây dựng  Thiết kế tối ưu giao diện cách đẹp mắt, thuận lợi trình khách hàng trải nghiệm Website  Nâng cao bảo mật hệ thống  Nghiên cứu tài liệu để triển khai hệ thống lên môi trường Production 93 DANH MỤC TÀI LIỆU THAM KHẢO Tiếng Việt [1] ESCAPE, Redux gì? Hướng dẫn sử dụng Redux, Địa chỉ: https://inf-tonghop.webflow.io/blog/redux-la-gi, Ngày truy cập: 25/04/2022 [2] HOSTINGER, React gì? Và Reactjs hoạt động nào?, Địa chỉ: https://www.hostinger.vn/huong-dan/react-la-gi-va-no-hoat-dong-nhu-the-nao, Ngày truy cập: 25/04/2022 [3] ICONICJOB, Giới thiệu Nodejs Nodejs hoạt động nào?, Địa chỉ: https://iconicjob.vn/blog/node-js-la-gi-node-js-dung-de-lam-gi, Ngày truy cập: 28/04/2022 [4] KUNGFUTECH, Postman gì, cách sử dụng Postnam để tiến hành test api, Địa chỉ: https://kungfutech.edu.vn/bai-viet/spring-boot/gioi-thieu-postman/, Ngày truy cập: 30/04/2022 [5] MATBAO, MySQL gì, Địa chỉ: https://wiki.matbao.net/mysql-la-gi-huong-dantoan-tap-ve-mysql/, Ngày truy cập: 02/05/2022 [6] SOURCE, Sơ lược CSS Tổng quát kiến thức CSS cách sử dụng CSS, Địa chỉ: https://tuhoclaptrinh.edu.vn/bai-viet/ngon-ngu-css-la-gi-21321.html, Ngày truy cập: 02/05/2022 [7] THEGIOIDIDONG, XAMPP gì? Cách cài đặt sử dụng XAMPP, Địa chỉ: https://www.thegioididong.com/hoi-dap/xampp-la-gi-cach-cai-dat-va-su-dunglocalhost-tren-may-1339338, Ngày truy cập: 12/05/2022 [8] THEGIOIMAY, Visual Studio Code Là Gì? Cách cài đặt Visual Studio Code, Địa chỉ: https://thegioimay.org/visual-studio-code-la-gi-va-cach-cài-dat/, Ngày truy cập: 12/05/2022 [9] VIETNIX, Tìm hiểu mơ hình MVC Ưu nhược điểm mơ hình MVC xây dựng Website, Địa chỉ: https://vietnix.vn/tim-hieu-mo-hinh-mvc-la-gi/, Ngày truy cập: 14/05/2022 [10] VIETNIX, Mơ hình cấu trúc client server gì? Phương thức hoạt động mơ hình client server, Địa chỉ: https://vietnix.vn/mo-hinh-client-server/, Ngày truy cập: 14/05/2022 [11] VIBLO, Bài - Bootstrap gì?, Địa chỉ: https://viblo.asia/p/bai-1-bootstrap-la-gigioi-thieu-ve-bootstrap-DzVkpLbDknW, Ngày truy cập: 20/05/2022 [12] VIBLO, NodeJs Với Express FrameWork? Tổng quan kiến thức Express, Địa chỉ: https://viblo.asia/p/nodejs-voi-express-framework-rQOvPKVgpkYj, Ngày truy cập: 22/05/2022 [13] WEBICO, Ngôn ngữ HTML gì? Vai trị ngơn ngữ HTML thiết kế Website, Địa chỉ: https://blog.webico.vn/ngon-ngu-html-la-gi-vai-tro-cua-htmltrong-lap-trinh-web/, Ngày truy cập: 22/05/2022 94 Tiếng Anh [14] W3SCHOOLS, React Tutorial Learning by Examples Learning by Exercises, Địa chỉ: https://www.w3schools.com/react/, Ngày truy cập: 22/05/2022 [15] W3SCHOOLS, Nodejs Tutorial Examples in Each Chapter Node.js Reference, Địa chỉ: https://www.w3schools.com/nodejs/, Ngày truy cập: 25/05/2022 [16] W3SCHOOLS, JavaScript Tutorial Examples in Each Chapter, JavaScript Tutorial, Địa chỉ: https://www.w3schools.com/js/, Ngày truy cập: 25/05/2022 95 GIẤY XÁC NHẬN HOÀN THÀNH ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Trần Đình Khanh Lớp: K12TT Mã sinh viên: 1817480201009 Xác nhận sinh viên Trần Đình Khanh chỉnh sửa báo cáo đồ án tốt nghiệp theo ý kiến Giảng viên hướng dẫn Hội đồng đánh giá Tên đồ án tốt nghiệp: Xây dựng hệ thống website đặt lịch bảo dưỡng xe Kon Tum, ngày tháng năm 2022 Trưởng khoa Người hướng dẫn 96