Xây dựng ứng dụng quản lý giám sát việc dọn dẹp trong khách sạn bằng framework angular và nestjs dựa trên nền tảng ngôn ngữ typescript

- ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ c Ki nh tế H uế - - họ KHÓA LUẬN TỐT NGHIỆP Tr ườ ng Đ ại XÂY DỰNG ỨNG DỤNG QUẢN LÝ GIÁM SÁT VIỆC DỌN DẸP TRONG KHÁCH SẠN BẰNG FRAMEWORK ANGULAR VÀ NESTJS DỰA TRÊN NỀN TẢNG NGÔN NGỮ TYPESCRIPT SINH VIÊN THỰC HIỆN BÙI THỊ THU HẰNG Khóa 2017 - 2021 - ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ c Ki nh tế H uế - - họ KHÓA LUẬN TỐT NGHIỆP Tr ườ ng Đ ại XÂY DỰNG ỨNG DỤNG QUẢN LÝ GIÁM SÁT VIỆC DỌN DẸP TRONG KHÁCH SẠN BẰNG FRAMEWORK ANGULAR VÀ NESTJS DỰA TRÊN NỀN TẢNG NGÔN NGỮ TYPESCRIPT Giảng viên hướng dẫn: TS Dương Thị Hải Phương Người thực hiện: Bùi Thị Thu Hằng Mã sinh viên: 17K4081013 Lớp: K51 Tin học kinh tế Huế 01/2021 - LỜI CẢM ƠN uế Sau gần ba tháng thực tập em hồn thành Khóa luận tốt nghiệp Để hồn thành nhiệm vụ giao, nỗ lực học hỏi thân cịn có hướng dẫn tận tình thầy anh chị cơng ty Em xin gửi lời cảm ơn đến Ban lãnh đạo Khoa Hệ thống Thông tin Kinh tế tạo điều kiện cho em thực tập công ty TNHH Phần Mềm Quốc Tế 3S Huế tế H Em xin cảm ơn thầy cô ngành Tin học kinh tế trường Đại học Kinh tế Huế bảo em nhiều điều, đặc biệt cô Dương Thị Hải Phương hướng dẫn em suốt thời gian thực tập, cảm ơn cô không ngần ngại dẫn định hướng cho em để em hồn thành tốt báo cáo họ c Ki nh Em xin chân thành cảm ơn ban lãnh đạo công ty TNHH Phần Mềm Quốc Tế 3S Huế, anh chị công ty đặc biệt anh Võ Tây giúp đỡ em nhiều trình thực tập Với trải nghiệm q giá giúp em hồn thành báo cáo tốt kinh nghiệm để em sau làm việc tốt ại Cuối em xin gửi lời cảm ơn đến gia đình, bạn bè anh chị bên động viên, hỗ trợ em trình thực tập ng Đ Bài báo cáo em có sai sót vốn kinh nghiệm cịn hạn chế, kính mong góp ý đánh giá q thầy để báo cáo hồn thiện Tr ườ Em xin chân thành cảm ơn! Huế, tháng 01 năm 2021 Sinh viên Bùi Thị Thu Hằng I - MỤC LỤC LỜI CẢM ƠN I MỤC LỤC .II uế DANH MỤC TỪ VIẾT TẮT VI H DANH MỤC BẢNG VII tế DANH MỤC SƠ ĐỒ IX nh DANH MỤC HÌNH Ki PHẦN I: MỞ ĐẦU c Lý chọn đề tài họ Mục tiêu nghiên cứu ại Đối tượng phạm vi nghiên cứu Đ Phương pháp nghiên cứu .3 ng Cấu trúc khóa luận ườ PHẦN II: NỘI DUNG .5 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT XÂY DỰNG ỨNG DỤNG QUẢN LÝ GIÁM Tr SÁT VIỆC DỌN DẸP TRONG KHÁCH SẠN 1.1 Tổng quan ứng dụng .5 1.1.1 Giới thiệu chung .5 1.1.2 Các loại ứng dụng 1.2 Các ngôn ngữ để xây dựng ứng dụng II - 1.2.1 HTML 1.2.2 CSS 1.2.3 JavaScript thư viện JavaScript phổ biến .9 1.2.4 Angular Material 10 uế 1.2.5 TypeScript, NestJS Framework Angular Framework 11 H 1.3 Các công cụ xây dựng ứng dụng .12 tế 1.3.1 Visual Studio Code 12 nh 1.3.2 MySQL MySQL Workbench 13 CHƯƠNG 2: GIỚI THIỆU BÀI TOÁN XÂY DỰNG ỨNG DỤNG QUẢN LÝ Ki GIÁM SÁT VIỆC DỌN DẸP TRONG KHÁCH SẠN 15 họ c 2.1 Quy trình dọn dẹp giám sát việc dọn dẹp khách sạn 15 2.2 Thực trạng quản lý giám sát việc dọn dẹp khách sạn .17 ại 2.3 Giải pháp xây dựng ứng dụng quản lý giám sát việc dọn dẹp khách sạn Đ 19 ng 2.3.1 Ý nghĩa thực tiễn 19 ườ 2.3.2 Yêu cầu ứng dụng 20 2.3.3 Phát biểu toán xây dựng ứng dụng quản lý giám sát việc dọn dẹp Tr khách sạn 20 CHƯƠNG 3: PHÂN TÍCH, THIẾT KẾ VÀ XÂY DỰNG ỨNG DỤNG QUẢN LÝ GIÁM SÁT VIỆC DỌN DẸP TRONG KHÁCH SẠN 25 3.1 Các tác nhân hệ thống 25 3.2 Các chức hệ thống .27 III - 3.3 Phân tích ứng dụng 30 3.3.1 Sơ đồ gói 30 3.3.2 Sơ đồ ca sử dụng 32 3.3.3 Sơ đồ trình tự 57 uế 3.4 Thiết kế sở liệu 68 H 3.4.1 Sơ đồ lớp 68 tế 3.4.2 Mơ hình sở liệu quan hệ 72 nh 3.4.3 Thiết kế cấu trúc bảng liệu 75 Ki 3.5 Môi trường xây dựng ứng dụng 92 3.6 Một số giao diện ứng dụng .92 họ c PHẦN III: KẾT LUẬN 105 Kết đạt 105 ại Hạn chế đề tài .105 Đ Hướng phát triển đề tài .106 ng TÀI LIỆU THAM KHẢO .107 Tr ườ PHỤ LỤC .109 IV ng ườ Tr ại Đ c họ nh Ki tế uế H - V - DANH MỤC TỪ VIẾT TẮT STT Từ viết tắt Tiếng Anh Tiếng Việt API Application Programming Interface Giao diện lập trình ứng dụng CRM Customer Relationship Management Quản trị quan hệ khách hàng CSS Cascading Style Sheet Language Ngôn ngữ tạo phong cách cho trang EHMS Ecosystem Software HTML Hypertext Markup Language HTTP HyperText Transfer Protocol Giao thức truyền tải siêu văn SaaS Software-as-a-Service Phần mềm dịch vụ W3C World Wide Web Consortium Tổ chức tiêu chuẩn quốc tế tế H uế Management Phần mềm quản lý hệ sinh thái khách sạn Tr ườ ng Đ ại họ c Ki nh Hotel VI Ngôn ngữ đánh dấu siêu văn - DANH MỤC BẢNG Bảng 1 Các chức phụ thuộc vào ngôn ngữ Visual Studio Code 13 uế Bảng 3.1 Các chức hệ thống 27 H Bảng 3.2 Bảng liệu user 75 tế Bảng 3.3 Bảng liệu application 75 Bảng 3.4 Bảng liệu company 76 nh Bảng 3.5 Bảng liệu function 76 Ki Bảng 3.6 Bảng liệu email_template 77 c Bảng 3.7 Bảng liệu group_user 77 họ Bảng 3.8 Bảng liệu group_user_role 78 Bảng 3.9 Bảng liệu group_user_template 78 ại Bảng 3.10 Bảng liệu site 79 Đ Bảng 3.11 Bảng liệu site_register 79 ng Bảng 3.12 Bảng liệu assignment .80 ườ Bảng 3.13 Bảng liệu booked 80 Bảng 3.14 Bảng liệu check_list 81 Tr Bảng 3.15 Bảng liệu check_list_item 82 Bảng 3.16.Bảng liệu check_list_result .82 Bảng 3.17 Bảng liệu check_list_template 83 Bảng 3.18 Bảng liệu check_list_template_default 83 Bảng 3.19 Bảng liệu check_list_template_default_item 84 VII - Bảng 3.20 Bảng liệu check_list_template_item 84 Bảng 3.21 Bảng liệu check_status .85 Bảng 3.22 Bảng liệu check_status_template .85 Bảng 3.23 Bảng liệu clean 86 uế Bảng 3.24 Bảng liệu clean_status 86 Bảng 3.25 Bảng liệu clean_status_template 87 H Bảng 3.26 Bảng liệu customer 87 tế Bảng 3.27 Bảng liệu floors 88 nh Bảng 3.28 Bảng liệu hotel 88 Bảng 3.29 Bảng liệu hotel_user .89 Ki Bảng 3.30 Bảng liệu public_area .89 c Bảng 3.31 Bảng liệu room 90 họ Bảng 3.32 Bảng liệu room_type 90 ại Bảng 3.33 Bảng liệu room_status 91 Đ Bảng 3.34 Bảng liệu room_status_template 91 Tr ườ ng Bảng 3.35 Bảng liệu table_properties 92 VIII - Trang cho phép người dùng đăng nhập vào ứng dụng tạo thành công tài khoản Các thông tin cần nhập email tên đăng nhập mật Nếu tên đăng nhập mật sai, hình trả thơng báo lỗi u cầu người dùng nhập lại Nếu mật tên đăng nhập người chuyển hướng tới ứng dụng với phân quyền cụ thể c Ki nh tế H uế  Giao diện quản lý khách sạn (Nguồn: Nghiên cứu tác giả) ại họ Hình 3.10 Giao diện quản lý khách sạn Đ Một Admin quản lý nhiều khách sạn, trang cho phép Admin thêm, sửa, xóa thơng tin khách sạn mà quản lý ườ ng Khi chọn nút “Tầng” danh sách tầng khách sạn chọn hiển thị Admin thêm, sửa, xóa thơng tin tầng Tr  Giao diện quản lý nhân viên Trang 95 nh tế H uế - Ki Hình 3.11 Giao diện quản lý nhân viên (Nguồn: Nghiên cứu tác giả) Tr ườ ng Đ ại họ c Giao diện cho phép Admin thêm, sửa, xóa thơng tin nhân viên  Giao diện quản lý khách hàng Hình 3.12 Giao diện quản lý khách hàng (Nguồn: Nghiên cứu tác giả) Trang 96 - nh tế H uế Ngoài việc quản lý giám sát dọn dẹp, ứng dụng cịn có chức quản lý khách hàng lưu trú khách sạn  Giao diện quản lý tầng Hình 3.13 Giao diện quản lý tầng Ki (Nguồn: Nghiên cứu tác giả) Tr ườ ng Đ ại họ c Tại danh sách tầng bao gồm thông tin phịng khu vực cơng cộng, Admin thêm, sửa, xóa thơng tin  Giao diện quản lý danh mục trạng thái phịng Hình 3.14.Giao diện quản lý danh mục (Nguồn: Nghiên cứu tác giả) Trang 97 - họ c Ki nh tế H uế Danh mục bao gồm trạng thái phòng, loại phòng, trạng thái dọn dẹp, trạng thái kiểm tra Để thêm, sửa, xóa thơng tin danh mục Admin sử dụng chức  Giao diện phòng ại Hình 3.15 Giao diện phịng Đ (Nguồn: Nghiên cứu tác giả) ng Tại giao diện phòng hiển thị tất phòng khách sạn bao gồm phòng có người phịng trống, phịng hiển thị thông tin sau: Tr ườ - Tên khách hàng icon thể trạng thái phòng Nếu trạng thái phịng phịng trống khơng hiển thị tên khách hàng - Tên nhân viên dọn dẹp icon thể tình trạng dọn dẹp - Tên nhân viên kiểm tra icon thể tình trạng kiểm tra Ở giao diện quản lý theo dõi tiến độ làm việc nhân viên dựa vào thay đổi màu sắc icon Ngoài ra, giao diện cịn có chức lọc theo khách sạn, tầng, trạng thái phòng, trạng thái dọn dẹp trạng thái kiểm tra Quản lý tìm kiếm phịng cụ thể chức tìm kiếm Trang 98 - Với chức “Hôm nay” quản lý xem phịng phân cơng ngày họ c Ki nh tế H uế  Giao diện khu vực cơng cộng Hình 3.16 Giao diện khu vực công cộng ại (Nguồn: Nghiên cứu tác giả) ng Đ Tại giao diện phòng hiển thị tất khu vực công cộng khách sạn với khu vực hiển thị thông tin sau: ườ - Tên nhân viên dọn dẹp icon thể tình trạng dọn dẹp - Tên nhân viên kiểm tra icon thể tình trạng kiểm tra Tr Ở giao diện quản lý theo dõi tiến độ làm việc nhân viên dựa vào thay đổi màu sắc icon Ngoài ra, giao diện cịn có chức lọc theo khách sạn, tầng, trạng thái phòng, trạng thái dọn dẹp trạng thái kiểm tra Quản lý tìm kiếm khu vực cơng cộng cụ thể chức tìm kiếm Với chức “Hơm nay” quản lý xem phịng phân cơng ngày Trang 99 - Ki nh tế H uế  Giao diện phân công công việc theo phịng họ c Hình 3.17 Giao diện quản lý phân cơng cơng việc theo phịng (Nguồn: Nghiên cứu tác giả) Tr ườ ng Đ ại Để phân công công việc cho nhân viên quản lý chọn nhân viên, sau chọn phịng, thiết lập làm việc cho nhân viên Cuối thiết lập người kiểm tra dọn dẹp phịng phân cơng, nhân viên kiểm tra phải người khác nhân viên dọn dẹp  Giao diện phân công công việc theo khu vực công cộng Trang 100 tế H uế - nh Hình 3.18 Giao diện quản lý phân cơng công việc theo khu vực công cộng Ki (Nguồn: Nghiên cứu tác giả) Tr ườ ng Đ ại họ c Việc phân công dọn dẹp khu vực công cộng tương tự phân cơng phịng Giao diện mobile sử dụng Employee Customer  Giao diện đăng nhập Hình 19 Giao diện đăng nhập (Nguồn: Nghiên cứu tác giả) Trang 101 - Người dùng nhập mật tên đăng nhập, hệ thống đăng nhập vào ứng dụng, sai mật tên đăng nhập hệ thống thơng báo lỗi hình u cầu nhập lại Tr ườ ng Đ ại họ c Ki nh tế H uế  Giao diện phòng cần dọn dẹp Hình 20 Giao diện phịng cần dọn dẹp (Nguồn: Nghiên cứu tác giả) Trang 102 - Tại giao diện hiển thị thơng tin phịng cần làm nhân viên Lúc bắt đầu vào phòng dọn dẹp, nhân viên chọn chức “thông báo khách hàng” để gửi thông báo cho khách hàng biết bạn vào dọn dẹp Tr ườ ng Đ ại họ c Ki nh tế H uế  Giao diện chi tiết cơng việc Hình 21 Giao diện chi tiết công việc (Nguồn: Nghiên cứu tác giả) Giao diện hiển thị công việc mà nhân viên cần phải làm, bao gồm số phòng, tầng, ngày dọn dẹp, tình trạng dọn dẹp thay đổi nhân viên bắt đầu Trang 103 - làm việc nhân viên chọn “hồn tất” Nếu có vấn đề cố trình dọn dẹp, nhân viên gửi phản hồi cho quản lý thông qua button (+) Tr ườ ng Đ ại họ c Ki nh tế H uế  Giao diện phản hồi Hình 22 Giao diện phản hồi (Nguồn: Nghiên cứu tác giả) Khi khách hàng gặp cố việc đồ hay đánh giá chất lượng dọn dẹp nhân viên, họ sử dụng chức để gửi phản hồi cho người quản lý xử lý Trang 104 - PHẦN III: KẾT LUẬN Kết đạt H uế Qua trình nghiên cứu, phân tích với giúp đỡ anh chị sở thực tập, giảng viên hướng dẫn cô Dương Thị Hải Phương nỗ lực thân em hồn thành đề tài với mục tiêu đề đạt kết sau: họ c Ki nh tế - Hoàn thành việc xây dựng ứng dụng với đầy đủ chức đặt như: quản lý hệ thống, quản lý danh mục, quản lý nghiệp vụ , quản lý khách sạn, quản lý nhân viên, quản lý phản hồi quản lý thống kê - Ngoài chức quản lý giám sát việc dọn dẹp, ứng dụng giúp cho quản lý nhận phản hồi cố trực tiếp từ khách hàng để xử lý cách nhanh cho phép quản lý phân công công việc cho nhân viên mà khơng lo bị trùng lặp - Admin quản lý tổng thể khách sạn ng Đ ại Việc xây dựng ứng dụng quản lý giám sát việc dọn dẹp khách sạn dựa vào dự án thực tế đáp ứng nhu cầu quản lý dọn dẹp khách sạn Trong tương lai em cố gắng để hồn thiện website để đáp ứng tổng thể nghiệp vụ cần quản lý khách sạn ườ Hạn chế đề tài Tr - Giao diện đơn giản, chưa thật đẹp mắt hấp dẫn người dùng - Một số chức chưa thật tối ưu, chẳng hạn chức phân cơng cơng việc cịn rườm rà, chức tạo mẫu danh sách dọn dẹp cần người quản lý nhập tay thông tin - Tốc độ tải trang chậm Trang 105 - Hướng phát triển đề tài Trong thời gian tới em học hỏi trau dồi thêm nhiều kiến thức, kỹ kinh nghiệm để khắc phục hạn chế phát triển ứng dụng theo hướng sau: Tr ườ ng Đ ại họ c Ki nh tế H uế - Chỉnh sửa lại giao diện thân thiện đẹp mắt - Cải thiện tốc độ tải trang - Cải thiện chức để tối ưu - Thêm số chức sau: Quản lý việc booking khách sạn, quản lý nhân tiền lương, tích hợp tốn online Trang 106 - TÀI LIỆU THAM KHẢO Trang Chủ, accessed: tế H (2018) Phần mềm ứng dụng gì? , 02/12/2020 uế (2020) Phần mềm ứng dụng Wikipedia tiếng Việt, , accessed: 06/11/2020 Ki nh TheHalfHeart (2015) Bài 01: HTML gì? Bố cục HTML trang web freetuts, , accessed: 01/11/2020 họ c (2019) CSS gì? Hướng Dẫn Hostinger, , accessed: 01/11/2020 Đ ại (2018) JavaScript gì? Giới thiệu JS cho người bắt đầu Hướng Dẫn Hostinger, , accessed: 01/11/2020 ườ ng Đạt Đ.Đ.Đ (2019) JavaScript gì? Cơ ngơn ngữ lập trình tương lai Trung tâm hỗ trợ kỹ thuật | MATBAO.NET, , accessed: 01/11/2020 Tr Hướng dẫn sử dụng vật liệu góc - Điểm , 03/11/2020 hướng dẫn accessed: (2018) Giới thiệu Typescript - Sự khác Typescript Javascript Viblo, , accessed: 01/11/2020 Trang 107 - Documentation | NestJS - A progressive Node.js framework Documentation | NestJS - A progressive Node.js framework, , accessed: 02/11/2020 10 Angular - Managing data , accessed: 03/11/2020 H uế 11 Cường Q.C (2020) Visual Studio Code gì? Tính bật Visual Studio Code Technology Diver, , accessed: 03/11/2020 nh tế 12 (2019) Visual Studio Code Wikipedia tiếng Việt, , accessed: 03/11/2020 Ki 13 MySQL gì? - Học MySQL online - Viettuts , accessed: 06/11/2020 ại họ c 14 (2019) MySQL gì: giải thích tường tận MySQL cho người bắt đầu Hướng Dẫn Hostinger, , accessed: 06/11/2020 ườ ng Đ 15 tailieuxanh.com (2015) Bài giảng Phân tích thiết kế hướng đối tượng: Chương Nguyễn Ngọc Duy tailieuxanh.com, , accessed: 22/12/2020 Tr 16 Use case gì? phan mem , 20/12/2020 Trang 108 case accessed: - PHỤ LỤC Tr ườ ng Đ ại họ c Ki nh tế H uế Kết kiểm tra đạo văn khóa luận Trang 109