Đồ án xây dựng website đặt phòng khách sạn online

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN XÂY DỰNG WEBSITE ĐẶT PHÒNG KHÁCH SẠN ONLINE GV HƯỚNG DẪN: THS HUỲNH HỒ THỊ MỘNG TRINH SV THỰC HIỆN: NGUYỄN NGỌC TRINH - 20520824 NGUYỄN THÀNH TRUNG - 20520831 TP HỒ CHÍ MINH, 2023 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN XÂY DỰNG WEBSITE ĐẶT PHÒNG KHÁCH SẠN ONLINE GV HƯỚNG DẪN: THS HUỲNH HỒ THỊ MỘNG TRINH SV THỰC HIỆN: NGUYỄN NGỌC TRINH - 20520824 NGUYỄN THÀNH TRUNG - 20520831 TP HỒ CHÍ MINH, 2023 LỜI CẢM ƠN Đầu tiên, nhóm chúng em xin gửi lời cảm ơn chân thành đến tập thể Quý Thầy Cô Trường Đại học Công nghệ thông tin – Đại học Quốc gia TP HCM Quý Thầy Cô khoa Công nghệ Phần mềm giảng dạy giúp đỡ chúng em suốt thời gian học tập trường để chúng em có kiến thức quý báu làm tảng để thực đề tài Đặc biệt, chúng em xin gửi lời cảm ơn lòng biết ơn sâu sắc tới Thạc sĩ Huỳnh Hồ Thị Mộng Trinh – giảng viên hướng dẫn nhóm đề tài Cơ trực tiếp hướng dẫn tận tình, sửa chữa đóng góp nhiều ý kiến quý báu giúp chúng em vượt qua khó khăn q trình tìm hiểu thực đề tài Nhờ có giúp đỡ nhiệt tình Cơ mà chúng em hoàn thành đề tài cách tốt Trong thời gian học vừa qua, chúng em nỗ lực áp dụng kiến thức tảng tích lũy đồng thời kết hợp với việc học hỏi nghiên cứu kiến thức Tuy nhiên, kiến thức kinh nghiệm thực nhóm cịn nhiều hạn chế, khó khăn giai đoạn thực hiện, từ dẫn đến sai sót q trình thực đồ án Chính vậy, chúng em mong nhận ý kiến góp ý từ phía Q Thầy Cơ nhằm hồn thiện kiến thức mà chúng em cịn thiếu sót có thêm hành trang để chúng em thực tiếp đề tài khác tương lai Một lần nhóm chúng em xin chân thành gửi lời cảm ơn sâu sắc! Thành phố Hồ Chí Minh, tháng 07 năm 2023 Nguyễn Ngọc Trinh – Nguyễn Thành Trung NHẬN XÉT CỦA GIẢNG VIÊN MỤC LỤC TÓM TẮT ĐỒ ÁN 13 MỞ ĐẦU 15 1.1 Tên đề tài .15 1.2 Lý chọn đề tài 15 1.3 Mục tiêu .16 1.4 Khảo sát website đề tài 16 1.5 Đối tượng yêu cầu 18 1.5.1 Đối tượng 18 1.5.2 Yêu cầu 18 1.5.2.1 Yêu cầu chức .18 1.5.2.2 Yêu cầu phi chức 19 1.6 Thông tin nhóm 20 Chương CƠ SỞ LÝ THUYẾT 21 2.1 Quy trình phát triển phần mềm Scrum – Agile 21 2.1.1 Tổng quan quy trình Scrum – Agile .21 2.1.2 Ưu nhược điểm Scrum 22 2.1.3 Lý lựa chọn quy trình Scrum 23 2.2 Các công nghệ sử dụng 24 2.2.1 ReactJS 24 2.2.2 NodeJS .25 2.2.3 Firebase 26 2.2.3.1 Firebase Authentication 27 2.2.3.2 Firebase Firestore 27 2.2.3.3 Firebase Hosting 28 Chương PHÂN TÍCH THIẾT KẾ HỆ THỐNG HỆ THỐNG 29 3.1 Sơ đồ Use Case 29 3.2 Danh sách Actor 31 3.3 Danh sách Use Case 32 3.4 Đặc tả Use Case 34 3.4.1 Use Case “Đăng nhập” 34 3.4.2 Use Case “Quên mật khẩu” .35 3.4.3 Use Case “Quản lý tài khoản” 37 3.4.4 Use Case “Quản lý thành viên” 38 3.4.5 Use Case “Quản lý khách sạn” 39 3.4.6 Use Case “Quản lý loại khách sạn” 41 3.4.7 Use Case “Quản lý phòng” 42 3.4.8 Use Case “Quản lý loại phòng” 44 3.4.9 Use Case “Quản lý đánh giá” 45 3.4.10 Use Case “Quản lý phiếu đặt phòng” 46 3.4.11 Use Case “Thống kê lập báo cáo” 47 3.4.12 Use Case “Quản lý khuyến mãi” .48 3.4.13 Use Case “Quản lý phiếu đặt phòng” 50 3.4.14 Use Case “Quản lý thông tin cá nhân” 51 3.4.15 Use Case “Phản hồi lại đánh giá khách hàng” 52 3.4.16 Use Case “Đăng nhập” 53 3.4.17 Use Case “Đăng ký” 54 3.4.18 Use Case “Thay đổi mật khẩu” 55 3.4.19 Use Case “Tìm kiếm phịng khách sạn” .56 3.4.20 Use Case “Xem chi tiết khách sạn” 57 3.4.21 Use Case “Xem chi tiết phòng” 57 3.4.22 Use Case “Đặt phòng” .58 3.4.23 Use Case “Thay đổi thơng tin đặt phịng” 59 3.4.24 Use Case “Hủy đặt phòng” 60 3.4.25 Use Case “Đánh giá khách sạn” 60 3.4.26 Use Case “Thêm khách sạn vào danh mục yêu thích” 61 3.4.27 Use Case “Xóa khách sạn khỏi danh mục yêu thích” .62 3.4.28 Use Case “Xem lịch sử đặt phòng” 63 3.4.29 Use Case “Xem chi tiết đặt phòng” 63 3.4.30 Use Case “Quản lý mã khuyến mãi” 64 3.4.31 Use Case “Quản lý thông tin cá nhân” 65 Chương THIẾT KẾ DỮ LIỆU 66 4.1 Sơ đồ logic 66 4.2 Danh sách bảng liệu 66 4.3 Mô tả chi tiết bảng liệu 67 4.3.1 Bảng NguoiDung .67 4.3.2 Bảng ChoO 67 4.3.3 Bảng LoaiChoO 67 4.3.4 Bảng Phong .67 4.3.5 Bảng LoaiPhong 68 4.3.6 Bảng DiaChi 68 4.3.7 Bảng DanhGia 68 4.3.8 Bảng YeuThich 69 4.3.9 Bảng PhieuDatPhong 69 4.3.10 Bảng HoaDon 69 4.3.11 Bảng PhuongThucTT 69 4.3.12 Bảng TienIch .69 Chương THIẾT KẾ GIAO DIỆN 71 5.1 Sơ đồ hình 71 5.2 Danh sách hình 71 5.3 Chi tiết giao diện hình 72 5.3.1 Màn hình trang chủ 72 5.3.2 Màn hình kết tìm kiếm 74 5.3.3 Màn hình chi tiết khách sạn .74 5.3.4 Màn hình đặt phịng 77 5.3.5 Màn hình tốn 78 5.3.6 Màn hình thơng tin tài khoản 78 5.3.7 Màn hình đăng ký 79 5.3.8 Màn hình đăng nhập 79 5.3.9 Màn hình khách sạn u thích 80 5.3.10 Màn hình thay đổi thông tin cá nhân 80 Chương KẾT LUẬN 82 6.1 Các kết đạt 82 6.2 Một vài hạn chế 82 6.3 Hướng phát triển 82 6.3.1 Hướng phát triển mặt tính 82 6.3.2 Hướng phát triển mặt kỹ thuật 82 TÀI LIỆU THAM KHẢO 83 DANH MỤC HÌNH ẢNH Hình 2.1: Tổng quan phương pháp Scrum 21 Hình 3.1: Sơ đồ Use Case Actor Admin 29 Hình 3.2: Sơ đồ Use Case Actor Quản lý khách sạn 30 Hình 3.3: Sơ đồ Use Case Actor Quản lý Khách hàng .31 Hình 4.1: Sơ đồ logic 66 Hình 5.1: Sơ đồ tổng quan hình 71 Hình 5.2: Giao diện hình trang chủ (1) .72 Hình 5.3: Giao diện hình trang chủ (2) .73 Hình 5.4: Giao diện hình trang chủ (3) .73 Hình 5.5: Giao diện hình trang chủ (4) .74 Hình 5.6: Giao diện hình kết tìm kiếm .74 Hình 5.7: Giao diện hình chi tiết khách sạn (1) 75 Hình 5.8: Giao diện hình chi tiết khách sạn (2) 75 Hình 5.9: Giao diện hình chi tiết khách sạn (3) 76 Hình 5.10: Giao diện hình chi tiết khách sạn (4) 76 Hình 5.11: Giao diện hình chi tiết khách sạn (5) 77 Hình 5.12: Giao diện hình đặt phịng (1) 77 Hình 5.13: Giao diện hình đặt phịng (2) 78 Hình 5.14: Giao diện hình tốn .78 Hình 5.15: Giao diện hình thơng tin tài khoản 79 Hình 5.16: Giao diện hình đăng ký 79 Hình 5.17: Giao diện hình đăng nhập .80 Hình 5.18: Giao diện hình khách sạn yêu thích 80 Hình 5.19: Giao diện hình thay đổi thơng tin cá nhân 81 4.3.8 Bảng YeuThich Bảng 4.9: Mơ tả chi tiết bảng YeuThich STT Tên thuộc tính MaYT Kiểu liệu String Ràng buộc Diễn giải PK Mã u thích 4.3.9 Bảng PhieuDatPhong Bảng 4.10: Mơ tả chi tiết bảng PhieuDatPhong STT Tên thuộc tính Kiểu liệu Ràng buộc Diễn giải MaPDP String PK NgayDat Date Time Not Null Ngày đặt phòng TongGT Number Not Null Tổng giá trị phiếu đặt TienConLai Number Not Null Tiền lại Mã phiếu đặt phịng 4.3.10.Bảng HoaDon Bảng 4.11: Mơ tả chi tiết bảng HoaDon STT Tên thuộc tính Kiểu liệu Ràng buộc Diễn giải MaHoaDon String PK TenTK String Not Null Tên chủ tài khoản SoTien Number Not Null Số tiền tốn Mã hóa đơn 4.3.11.Bảng PhuongThucTT Bảng 4.12: Mô tả chi tiết bảng PhuongThucTT STT Tên thuộc tính MaPTTT TenPTTT Kiểu liệu String Ràng buộc Diễn giải PK Mã phương thức toán String Not Null Tên phương thức toán UuDai Number Not Null Ưu đãi GiamGia Number Not Null Tiền giảm giá 4.3.12.Bảng TienIch 69 Bảng 4.13: Mô tả chi tiết bảng TienIch STT Tên thuộc tính Kiểu liệu MaTienIch String PK Mã tiện ích TenTienIch String Not Null Tên tiện ích 70 Ràng buộc Diễn giải Chương THIẾT KẾ GIAO DIỆN Sơ đồ hình 5.1 Hình 5.1: Sơ đồ tổng quan hình 5.2 Danh sách hình Bảng 5.1: Danh sách hình STT Tên hình Ý nghĩa Màn hình giao diện người dùng Màn hình trang chủ Màn hình kết tìm Màn hình hiển thị danh sách khách sạn phù kiếm hợp với thơng tin tìm kiếm người dùng Màn hình chi tiết khách Màn hình hiển thị thơng tin chi tiết khách sạn sạn Màn hình đặt phịng Màn hình mà khách hàng sử dụng để tiến hành nhập thơng tin đặt phịng Màn hình tốn Màn hình khách hàng nhập thơng tin tốn Màn hình thơng tin tài Màn hình hiển thị thơng tin cá nhân tài khoản khoản người dùng 71 Màn hình đăng ký Màn hình mà khách hàng sử dụng để đăng ký tài khoản Màn hình đăng nhập Màn hình khách sạn yêu Màn hình lưu danh sách khách sạn mà khách thích Màn hình mà người dùng sử dụng để đăng nhập hàng quan tâm Màn hình thay đổi Màn hình dùng sử dụng để thay đổi thơng tin cá thông tin cá nhân nhân 10 5.3 Chi tiết giao diện hình 5.3.1 Màn hình trang chủ Hình 5.2: Giao diện hình trang chủ (1) 72 Hình 5.3: Giao diện hình trang chủ (2) Hình 5.4: Giao diện hình trang chủ (3) 73 Hình 5.5: Giao diện hình trang chủ (4) 5.3.2 Màn hình kết tìm kiếm Hình 5.6: Giao diện hình kết tìm kiếm 5.3.3 Màn hình chi tiết khách sạn 74 Hình 5.7: Giao diện hình chi tiết khách sạn (1) Hình 5.8: Giao diện hình chi tiết khách sạn (2) 75 Hình 5.9: Giao diện hình chi tiết khách sạn (3) Hình 5.10: Giao diện hình chi tiết khách sạn (4) 76 Hình 5.11: Giao diện hình chi tiết khách sạn (5) 5.3.4 Màn hình đặt phịng Hình 5.12: Giao diện hình đặt phịng (1) 77 Hình 5.13: Giao diện hình đặt phịng (2) 5.3.5 Màn hình tốn Hình 5.14: Giao diện hình tốn 5.3.6 Màn hình thơng tin tài khoản 78 Hình 5.15: Giao diện hình thơng tin tài khoản 5.3.7 Màn hình đăng ký Hình 5.16: Giao diện hình đăng ký 5.3.8 Màn hình đăng nhập 79 Hình 5.17: Giao diện hình đăng nhập 5.3.9 Màn hình khách sạn u thích Hình 5.18: Giao diện hình khách sạn u thích 5.3.10.Màn hình thay đổi thơng tin cá nhân 80 Hình 5.19: Giao diện hình thay đổi thơng tin cá nhân 81 Chương KẾT LUẬN 6.1 - Các kết đạt Học hỏi nhiều kiến thức kỹ lập trình mới, áp dụng công nghệ phổ biến ReactJS NodeJS - Hiểu rõ cách phát triển vận hành trang web - Có thêm kinh nghiệm làm việc nhóm, tư giải vấn đề, quản lý dự án - Website có đầy đủ yêu cầu bảo mật cần thiết - Website số khuyết điểm nhìn chung hồn thiện hoạt động 6.2 Một vài hạn chế - Trang web chưa tối ưu hồn tồn - Cịn lỗi nhỏ vài tính - Dữ liệu khách sạn bị hạn chế 6.3 Hướng phát triển 6.3.1 Hướng phát triển mặt tính - Thêm phương thức toán đa dạng - Tự động lấy thơng tin khách sạn gần địa điểm tìm kiếm - Tính gợi ý điểm đến thơng minh dựa sở thích - Thêm tính tương tác, nhắn tin với 6.3.2 Hướng phát triển mặt kỹ thuật - Tối ưu hóa trang web cho số lượng người truy cập lớn - Tối ưu việc load liệu, tiết kiệm chi phí trì sever - Tối ưu hóa, clean code nhằm tăng performance cho trang web 82 TÀI LIỆU THAM KHẢO [1] ReactJS Documentation, [Online], Available: https://react.dev/learn [2] Firebase Documentation:, [Online], Available: https://firebase.google.com/docs [3] Figma Documentation:, [Online], Available: https://help.figma.com/hc/en-us [4] Booking.com, [Online], Available: https://www.booking.com/ [5] Airbnb, [Online], Available: https://www.airbnb.com/ [6] Ant Design Component, [Online], Available: https://ant.design/ 83