(Đồ án tốt nghiệp) xây dựng hệ thống website quản lý phòng họp áp dụng tại trung tâm codegym đà nẵng

NĂM 2022 TÊN ĐỀ TÀI: XÂY DỰNG HỆ THỐNG WEBSITE QUẢN LÝ PHÓNG HỌP ÁP DỤNG TẠI TRUNG TÂM CODEGYM ĐÀ NẴNG ĐẠ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: XÂY DỰNG HỆ THỐNG WEBSITE QUẢN LÝ PHÒNG HỌP ÁP DỤNG TẠI TRUNG TÂM CODEGYM ĐÀ NẴNG Sinh viên thực : Trần Minh Khoa Mã sinh viên : 1811505310221 Lớp : 18T2 Người hướng dẫn : ThS Đỗ Phú Huy Trần Minh Khoa Đà Nẵng, 06/2022 ĐẠ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: XÂY DỰNG HỆ THỐNG WEBSITE QUẢN LÝ PHÒNG HỌP ÁP DỤNG TẠI TRUNG TÂM CODEGYM ĐÀ NẴNG Sinh viên thực : Trần Minh Khoa Mã sinh viên : 1811505310221 Lớp : 18T2 Người hướng dẫn : ThS Đỗ Phú Huy Giảng viên hướng dẫn duyệt Đà Nẵng, 06/2022 NHẬN XÉT CỦA NGƯỜI HƯỚNG DẪN NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN TÓM TẮT Tên đề tài: Xây dựng hệ thống website quản lý phòng họp áp dụng Trung Tâm CodeGym Đà Nẵng Sinh viên thực hiện: Trần Minh Khoa Mã SV: 1811505310221 Lớp: 18T2 Đồ án với đề tài Website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng xây dựng với ngơn ngữ lập trình Java, sử dụng Spring framework, Angular dùng hệ quản trị sở liệu MySQL plugin hỗ trợ Bootstrap, JQuery,Ajax Website với chức như: Cập nhật lịch họp, phòng đặt Cho phép xem thơng tin chi tiết phịng họp Tính lọc danh sách phòng họp theo tên, thời gian để đỡ rối mắt lịch họp dày đặc Có calender cho phép tìm kiếm theo ngày Đặt phịng họp theo nhu cầu Khơng cho phép người dùng đặt lịch họp ngày liên tục mà cần admin cần kiểm duyệt Cho phép user xem chi tiết tổng quan thơng tin chi tiết liên quan phịng họp Thơng báo trạng thái phịng, phịng hỏng, sức chứa, hình ảnh phịng Xem tài sản có phịng phép sử dụng Cho phép thay đổi chỉnh sửa phòng họp trạng thái chờ, chưa xét duyệt Thống kê số lần sử dụng phòng theo thời gian tuỳ chỉnh Phản hồi phòng họp điều hồ nóng, hay phản hồi lỗi kỹ thuật hệ thống để gửi cho admin dễ quản lý giải Quản lý tài sản phòng họp Quản lý người dùng nhiều tính khác NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Giảng viên hướng dẫn: ThS Đỗ Phú Huy Sinh viên thực hiện: Trần Minh Khoa Mã SV: 1811505310221 Tên đề tài Xây dựng hệ thống website quản lý phòng họp áp dụng Trung Tâm CodeGym Đà Nẵng Các số liệu, tài liệu ban đầu − Dựa qui định upload tài liệu, qui tắc đặt câu hỏi − Tài liệu tham khảo: https://levunguyen.com/ Nội dung đồ án Q trình xây dựng website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng: − − − − − − − Thu thập thông tin tài liệu liên quan khảo sát thực tế Phân tích thiết kế chức hệ thống Phân tích thiết kế sơ liệu Thiết kế giao diện cho chức Xây dựng hệ thống website Kiểm thử chương trình Hồn thành báo cáo tổng hợp Các sản phẩm dự kiến − Website quản lý phịng họp − File báo cáo hồn chỉnh Ngày giao đồ án: 14/02/2022 Ngày nộp đồ án: 20/06/2022 Đà Nẵng, ngày 20 tháng 06 năm 2022 Trưởng Bộ mơn Người hướng dẫn LỜI NĨI ĐẦU Lời đầu tiên, em xin gởi lời cảm ơn chân thành đến quý thầy cô giúp đỡ chúng em thực đề tài Đặc biệt ThS Đỗ Phú Huy tận tình giúp đỡ em suốt trình thực đề tài tốt nghiệp Đồng thời, chúng em xin cảm ơn quý thầy cô thuộc ngành Công Nghệ Thông Tin – Khoa công nghệ số, trường Đại học Sư Phạm Kỹ Thuật - Đại Học Đà Nẵng truyền đạt kiến thức cần thiết kinh nghiệm quý báu cho chúng em suốt thời gian năm giảng đường để em thực tốt đề tài Đặc biệt, em xin gởi lời cảm ơn chân thành tới TS Hoàng Thị Mỹ Lệ, ThS Đỗ Phú Huy, ThS Lê Vũ - giáo viên chủ nhiệm lớp 18T2 giúp đỡ em nhiều trình học tập cơng việc Trong q trình thực đề tài, kiến thức thời gian hạn chế nên khơng thể tránh khỏi sai sót Vì em mong q thầy, thơng cảm góp ý để em hồn thiện đề tài Và lời góp ý giúp em tránh sai lầm sau Em xin chân thành cảm ơn! Đà Nẵng, ngày 20 tháng 06 năm 2022 Sinh viên thực i CAM ĐOAN Em xin cam đoan: - Những nội dung luận văn em thực hướng dẫn thầy Đỗ Phú Huy - Mọi tham khảo luận văn trích dẫn rõ ràng tên tác giả, tên - cơng trình, thời gian, địa điểm cơng bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, em xin chịu hoàn toàn trách nhiệm Sinh viên thực ii MỤC LỤC MỤC LỤC iii DANH MỤC BẢNG BIỂU ix DANH MỤC HÌNH VẼ xi DANH MỤC CHỮ VIẾT TẮT TIẾNG VIỆT xiii DANH MỤC CHỮ VIẾT TẮT TIẾNG ANH xiv 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 Ngôn ngữ lập trình Java 1.1.1 Java gì? 1.1.2 Lịch sử phát triển 1.2 Spring Framework 1.2.1 Đôi nét lịch sử 1.2.2 Tổng quan Spring 1.3 Tổng quan hệ quản trị sở liệu MySQL 1.4 Restful API (RestController Spring Boot) 1.5 Bootstrap responsive iii 1.6 Typescript Angular Framework 1.6.1 TypeScript 1.6.2 Angular Chương PHÂN TÍCH THIẾT KẾ HỆ THỐNG 10 2.1 Khảo sát hệ thống 10 2.1.1 Khảo sát thực tế 10 2.1.2 Khảo sát người dùng 10 2.2 Đặc tả yêu cầu phần mềm 10 2.2.1 Xác định tác nhân 10 2.2.2 Các yêu cầu chức 10 2.2.3 Yêu cầu phi chức 11 2.3 Biểu đồ Use Case 11 2.3.1 Đăng nhập 11 2.3.2 Quản lý phòng họp 12 2.3.3 Tìm kiếm phịng họp 13 2.3.4 Đăng ký phòng họp 13 2.3.5 Quản lý lịch sử đăng ký phòng 14 2.3.6 Thống kê 14 2.3.7 Xem danh sách phòng họp 15 2.3.8 Phản hồi 15 2.3.9 Xử lý phản hồi 16 2.3.10 Quản lý người dùng 16 2.3.11 Quản lý tài sản 17 2.4 Kịch cho Use Case 17 2.4.1 Kịch Use-case “Đăng nhập” 17 iv Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.3 Giao diện tìm kiếm phịng trống Giao diện tìm kiếm phịng trống mơ tả thơng tin bạn muốn tìm phịng trả danh sách phịng trống tìm Hình 3.3: Giao diện tìm kiếm phịng trống SVTH: Trần Minh Khoa 48 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.4 Giao diện người dùng_Danh sách phòng họp Giao diện người dùng_Danh sách phịng họp mơ tả với quyền user người dùng xem danh sách phòng họp, xem chi tiết phịng tìm kiếm phịng họp Hình 3.4: Giao diện người dùng_Danh sách phòng họp SVTH: Trần Minh Khoa 49 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.5 Giao diện Admin_Danh sách phòng họp Giao diện Admin_Danh sách phịng họp mơ tả với quyền admin người dùng xem danh sách phòng họp, xem chi tiết, thêm mới, xóa, sửa thơng tin phịng họp tìm kiếm phịng họp Hình 3.5: Giao diện Admin_Danh sách phòng họp SVTH: Trần Minh Khoa 50 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.6 Giao diện Người dùng_Danh sách phản hồi Giao diện Người dùng_Danh sách phản hồi mô tả danh sách thông tin phản hồi mà người dùng yêu cầu gửi đến admin để xử lý Hình 3.6: Giao diện Người dùng_Danh sách phản hồi SVTH: Trần Minh Khoa 51 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.7 Giao diện Người dùng_Phản hồi phòng họp Giao diện Người dùng_Phản hồi phịng họp mơ tả form phản hồi phòng họp, người dùng cần điền đầy đủ thơng tin để gửi phản hồi Hình 3.7: Giao diện Người dùng_Phản hồi phòng họp SVTH: Trần Minh Khoa 52 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.8 Giao diện Người dùng_Phản hồi lỗi kỹ thuật Giao diện Người dùng_Phản hồi lỗi kỹ thuật mô tả form phản hồi lỗi kỹ thuật, người dùng cần điền đầy đủ thơng tin để gửi phản hồi Hình 3.8: Giao diện Người dùng_Phản hồi lỗi kỹ thuật SVTH: Trần Minh Khoa 53 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.9 Giao diện Admin_Danh sách phản hồi Giao diện Admin_Danh sách phản hồi mô tả danh sách thông tin mà admin cần xử lý, cho biết trạng thái phản hồi, tìm kiếm xóa phản hồi Hình 3.9: Giao diện Admin_Danh sách phản hồi SVTH: Trần Minh Khoa 54 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.10 Giao diện Admin_Xử lý phản hồi phòng họp Giao diện Admin_Xử lý phản hồi phịng họp mơ tả form xử lý phản hồi phòng họp, Admin cần chọn nhân viên xử lý phản hồi để gửi lại phản hồi cho người dùng Hình 3.10: Giao diện Admin_Xử lý phản hồi phòng họp SVTH: Trần Minh Khoa 55 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.11 Giao diện Admin_Xử lý phản hồi lỗi kỹ thuật Giao diện Admin_Xử lý phản hồi lỗi kỹ thuật mô tả formxXử lý phản hồi lỗi kỹ thuật, Admin cần chọn nhân viên xử lý phản hồi để gửi lại phản hồi cho người dùng Hình 3.11: Giao diện Admin_Xử lý phản hồi lỗi kỹ thuật SVTH: Trần Minh Khoa 56 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.12 Giao diện Lịch sử đăng ký Giao diện lịch sử đăng ký mô tả thông tin phịng họp đăng ký, tìm kiếm lịch sử đăng ký phịng theo nhiều tiêu chí, xóa phịng với trạng thái chưa sử dụng Hình 3.12: Giao diện lịch sử đăng ký SVTH: Trần Minh Khoa 57 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.13 Giao diện Thống kê Giao diện thống kê mô tả tần suất phòng sử dụng theo danh sách theo biểu đồ cột Hình 3.13: Giao diện thống kê SVTH: Trần Minh Khoa 58 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.14 Giao diện Admin_Quản lý tài sản Giao diện Admin_ Quản lý tài sản mô tả danh sách loại tài sản, xem chi tiết, thêm, sửa, xóa , tìm kiếm loại tài sản phịng họp Hình 3.14: Giao diện Admin_ Quản lý tài sản SVTH: Trần Minh Khoa 59 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 3.2.15 Giao diện Admin_Quản lý người dùng Giao diện Admin_Quản lý người dùng mô tả danh sách người dùng, thêm, sửa, xóa, tìm kiếm người dùng Hình 3.15: Giao diện Admin_ Quản lý người dùng SVTH: Trần Minh Khoa 60 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 3.3 Kết luận 3.3.1 Về cơng nghệ − Tìm hiểu nắm bắt công cụ thiết kế web − − Biết thiết kế web động cách tổ chức sở liệu Hiểu sâu Spring Framework, Angular − Hiểu sâu vận dụng thành thạo mơ hình MVC, kiến thức hổ trợ − trình xây dụng hệ thống: CSS, HTML, MySQL, Javascript, Ajax, … Tích lũy kinh nghiệm xây dụng kế hoạch cho việc phát triển phần mềm hồn chỉnh, cách bố trì quản lý thời gian cho hợp lý 3.3.2 Về ứng dụng Xây dựng thành cơng “Website quản lý phịng họp áp dụng trung tâm CodeGym Đà Nẵng” với chức đáp ứng nhu cầu đăng ký, đặt trước phòng họp Giúp giảng viên nắm bắt cơng nghệ theo dõi đặt ký phòng họp áp dụng nơi làm việc, học tập 3.4 Hướng phát triển − Xây dựng thêm số chức − Tối ưu hóa hệ thống để website hoạt động nhanh Nâng cấp hoàn thiện giao diện người dùng, chức tính bảo mật hệ thống − SVTH: Trần Minh Khoa 61 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng TÀI LIỆU THAM KHẢO [1] Bootstrap, https://getbootstrap.com/docs/3.4/css/ [2] levunguyen Học lập trình Spring Framework: https://levunguyen.com/hoc-laptrinh-spring-web/ [3] levunguyen Học lập trình Angular: https://levunguyen.com/hoc-lap-trinhangular/ [4] NgoLeQuan (2021) Lập trình web nâng cao DaNang [5] topdev Restful API: https://topdev.vn/blog/restful-api-la-gi/ [6] wikipedia (2022, 12) Retrieved from Java programing: https://en.wikipedia.org/wiki/Java_(programming_language) SVTH: Trần Minh Khoa 62 ... 11 Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng 2.3.2 Quản lý phịng họp Hình 2.2: Use case quản lý phòng họp SVTH: Trần Minh Khoa 12 Xây dựng hệ thống website quản. .. Khoa Xây dựng hệ thống website quản lý phòng họp áp dụng trung tâm CodeGym Đà Nẵng Chương PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Khảo sát hệ thống 2.1.1 Khảo sát thực tế Hiện nay, hệ thống quản lý phòng. .. tài: Xây dựng hệ thống website quản lý phòng họp áp dụng Trung Tâm CodeGym Đà Nẵng Sinh viên thực hiện: Trần Minh Khoa Mã SV: 1811505310221 Lớp: 18T2 Đồ án với đề tài Website quản lý phòng họp áp