Đồ án xây dựng ứng dụng booking khách sạn và xe kết hợp với

ĐẠ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 ứng dụng booking khách sạn xe kết hợp với review du lịch GV HƯỚNG DẪN: Thầy Huỳnh Tuấn Anh SV THỰC HIỆN: 20520327 - Trần Hữu Trí 20520459 - Nguyễn Huy Trí Dũng TP HỒ CHÍ MINH, Năm 2023 LỜI CẢM ƠN Trong trình học tập, nghiên cứu phát triển đề tài “Xây dựng ứng dụng booking khách sạn xe kết hợp với review du lịch” chúng em nhận giúp đỡ, bảo nhiệt tình thầy để hồn thành đồ án Nhóm em xin chân thành gửi lời cảm ơn đến thầy Huỳnh Tuấn Anh – Giảng viên Khoa Công nghệ phần mềm, Trường Đại học Công nghệ thông tin, Đại học Quốc gia Thành phố Hồ Chí Minh - giảng viên dạy hướng dẫn mơn Đồ án 1, tận tình hướng dẫn giúp đỡ kiến thức , phương pháp cho chúng em suốt q trình thực hồn thành đồ án Hi vọng với bảo góp ý từ thầy, nhóm đề tài tiếp tục phát triển để ứng dụng ngày mở rộng phục vụ tốt cho người dùng Mặc dù có nhiều cố gắng suốt q trình thực đề tài, song tránh khỏi hạn chế, thiếu sót Chúng em mong nhận đóng góp nhận xét chân thành từ thầy, bạn sinh viên người dùng trình sử dụng phần mềm để phần mềm ngày hoàn thiện Mọi đóng góp xin vui lịng gửi địa email: 20520327@gm.uit.edu.vn Mỗi ý kiến đóng góp thầy bạn nguồn động lực to lớn chúng em để chúng em cải thiện phần mềm tốt xây dựng phần mềm hữu ích người dùng Chúng em xin trân trọng cảm ơn Thành phố Hồ Chí Minh, ngày 20 tháng 12 năm 2021 MỤC LỤC Chương 1: GIỚI THIỆU 1.1 Đặt vấn đề: 1.2 Cách giải quyết: 1.3 Lý chọn đề tài này: 1.4 Đối tượng: .2 1.5 Mục tiêu: .2 Chương 2: TỔNG QUAN 2.1 Tổng quan đồ án: 2.1.1 Tên đồ án: 2.1.2 Link github quản lý source code: .4 2.2 Cơ sở lý thuyết: 2.2.1 Nền tảng Cross Platform 2.2.1.1 Cross Platform ? 2.2.1.2 Ưu điểm, hạn chế Cross Platform: 2.2.2 Restful API: 2.2.2.1 Restful API ? 2.2.2.2 Hoạt động restful API: 2.2.2.3 Express JS: .7 2.2.3 WebSocket: 2.2.3.1 Khái niệm: 2.2.3.2 Ưu nhược điểm: 2.3 Công nghệ sử dụng: .9 2.3.1 Flutter: 2.3.1.1 Flutter ? 2.3.1.2 Flutter giúp phát triển ứng dụng ? 2.3.2 JWT for authentication: 11 2.3.2.1 JWT ? 11 2.3.2.2 JWT hoạt động ? 11 2.3.2.3 JWT có lợi ích authentication ? 12 2.3.3 Node js: .12 2.3.4 Ngôn ngữ Dart: 13 2.3.4.1 Dart gì? .13 2.3.4.2 Lịch sử hình thành ngơn ngữ dart: 14 2.3.4.3 Lợi ích ngơn ngữ dart: 14 2.3.5 Ngôn ngữ JavaScript: .15 2.3.5.1 JavaScript gì: 15 2.3.5.2 Lịch sử phát triển JavaScript: .15 2.3.5.3 Ưu nhược điểm sử dụng JavaScript: 16 2.3.6 Mơ hình Bloc Flutter: .17 2.3.6.1 Bloc ? 17 2.3.6.2 Lợi ích việc sử dụng Bloc ? 17 2.3.7 Công cụ Intellij IDEA: 18 2.3.7.1 Intellij IDEA gì: .18 2.3.7.2 Những lợi ích Intellij IDEA: 19 2.3.8 Dịch vụ GitHub: 19 Chương 3: PHÂN TÍCH, THIẾT KẾ 21 3.1 Cơ sở liệu: .21 3.1.1 Sơ đồ lớp: 21 3.1.2 Mô tả sở liệu: 21 3.1.2.1 User: 21 3.1.2.2 Tour: .22 3.1.2.3 Rating: 23 3.1.2.4 JWT: .23 3.1.2.5 Hotel Room: 24 3.1.2.6 Hotel: .24 3.1.2.7 Files: 25 3.1.2.8 Favorite: 25 3.1.2.9 Date Booking: .26 3.1.2.10 Car Service: 26 3.1.2.11 Avatar: 27 3.1.2.12 Destination: 27 3.2 Danh sách yêu cầu: 28 3.2.1 Danh sách chức chính: 28 3.3 Danh sách usecase: 34 3.3.1 Sơ đồ usecase: 34 3.3.2 Mô tả tác nhân: 35 3.3.3 Mô tả use case: 35 3.3.4 Đặc tả use case: 36 3.4 Thiết kế giao diện .66 3.4.1 Đăng nhập: .66 3.4.2 Đăng ký: 66 3.4.3 Giao diện chính: .67 3.4.4 Xem danh sách tour .69 3.4.5 Xem danh sách hotel .70 3.4.6 Xem danh sách xe 71 3.4.7 Giao diện tìm kiếm 72 3.4.8 Giao diện xem lịch sử đơn 73 3.4.9 Giao diện thông tin tài khoản 73 3.4.10 Giao diện thiết lập tài khoản 74 3.4.11 Giao diện quản lý dịch vụ .74 3.4.12 Giao diện quản lý đăng .75 3.4.13 Giao diện quản lý đơn booking 76 3.4.14 Giao diện tạo hotel 77 3.4.15 Giao diện tạo xe .77 3.4.16 Giao diện tạo tour 78 3.4.17 Giao diện tạo destination 78 3.4.18 Giao diện chỉnh sửa hotel .79 3.4.19 Giao diện chỉnh sửa xe 79 3.4.20 Giao diện chỉnh sửa destination .80 3.4.21 Giao diện chỉnh sửa tour .80 3.4.22 Giao diện booking hotel 81 3.4.23 Giao diện booking xe .81 3.4.24 Giao diện đặt đơn thành công xe hotel 82 3.4.25 Giao diện danh sách yêu thích 82 Chương 4: KẾT LUẬN 83 4.1 Kết đạt được: 83 4.1.1 Chủ đề cấp độ Error! Bookmark not defined 4.1.1.1 Chủ đề cấp độ Error! Bookmark not defined 4.2 Đánh giá ứng dụng: 83 4.3 Hướng phát triển mở rộng: 83 4.4 Yêu cầu cài đặt: 84 Chương 5: PHÂN CÔNG CÔNG VIỆC 85 TÀI LIỆU THAM KHẢO 87 DANH MỤC BIỂU ĐỒ Biểu đồ Sơ đồ lớp sở liệu 21 Biểu đồ Sơ đồ usecase ứng dụng 34 Biểu đồ Sơ đồ hoạt động UC1_đăng ký 37 Biểu đồ Sơ đồ hoạt động UC2_đăng nhập 38 Biểu đồ Sơ đồ hoạt động UC3_Thay đổi mật 39 Biểu đồ Sơ đồ hoạt động UC4_Thiết lập tài khoản 40 Biểu đồ Sơ đồ hoạt động UC5_Tìm kiếm tour dịch vụ 41 Biểu đồ Sơ đồ hoạt động UC6_CRUD Tour 45 Biểu đồ Sơ đồ hoạt động UC7_CRUD Destination 48 Biểu đồ 10 Sơ đồ hoạt động UC8_Booking 49 Biểu đồ 11 Sơ đồ hoạt động UC9_Thêm vào mục yêu thích 50 Biểu đồ 12 Sơ đồ hoạt động UC10_CRUD Đánh giá 54 Biểu đồ 13 Sơ đồ hoạt động UC11_CRUD hotel 57 Biểu đồ 14 Sơ đồ hoạt động UC12_CRUD hotel room 61 Biểu đồ 15 Sơ đồ hoạt động UC13_CRUD vehicle 64 Biểu đồ 16 Sơ đồ hoạt động UC14_thay đổi trạng thái booking 65 DANH MỤC HÌNH Hình 1.Cross Platform Hình Cross-platform mobile development Hình Intellij IDEA .19 Hình 4.Giao diện đăng nhập 66 Hình Giao diện đăng ký 67 Hình Giao diện 68 Hình Giao diện xem danh sách tour 69 Hình Giao diện xem danh sách hotel 70 Hình Giao diện xem danh sách xe 71 Hình 10 Giao diện xem danh sách xe 72 Hình 11 Giao diện xem lịch sử booking 73 Hình 12 Giao diện thơng tin tài khoản .74 Hình 13 Giao diện thiết lập tài khoản 74 Hình 14 Giao diện quản lý dịch vụ 75 Hình 15 Giao diện quản lý đăng 75 Hình 16 Giao diện quản lý đơn booking 76 Hình 17 Giao diện tạo hotel .77 Hình 18 Giao diện tạo xe 77 Hình 19 Giao diện tạo tour .78 Hình 20 Giao diện tạo destination 78 Hình 21 Giao diện chỉnh sửa hotel 79 Hình 22 Giao diện chỉnh sửa xe .79 Hình 23 Giao diện chỉnh sửa destination 80 Hình 24 Giao diện chỉnh sửa tour 80 Hình 25 Giao diện booking hotel .81 Hình 26 Giao diện booking xe 81 Hình 27 Giao diện booking thành công 82 Hình 28 Giao diện danh sách yêu thích 82 DANH MỤC BẢNG Bảng Bảng thuộc tính model User 22 Bảng Bảng thuộc tính model Tour 23 Bảng Bảng thuộc tính model Rating 23 Bảng Bảng thuộc tính model JWT 24 Bảng Bảng thuộc tính model Hotel Room 24 Bảng Bảng thuộc tính model Hotel 25 Bảng Bảng thuộc tính model Files 25 Bảng Bảng thuộc tính model Favorite 26 Bảng Bảng thuộc tính model DateBooking 26 Bảng 10 Bảng thuộc tính model Car Service 27 Bảng 11 Bảng thuộc tính model Avatar 27 Bảng 12 Bảng thuộc tính model Destination 28 Bảng 13 Bảng chức ứng dụng 33 Bảng 14 Bảng mô tả tác nhân 35 Bảng 15 Bảng mô tả use case 36 Bảng 16 Bảng mô tả use case đăng ký 37 Bảng 17 Bảng mô tả use case Đăng nhập 38 Bảng 18 Bảng mô tả use case thay đổi mật 39 Bảng 19 Bảng mô tả use case thiết lập tài khoản 40 Bảng 20 Bảng mô tả use case tra cứu tour dịch vụ 41 Bảng 21 Bảng mô tả use case CRUD_tour 43 Bảng 22 Bảng mô tả use case CRUD destination 47 Bảng 23 Bảng mô tả use case Booking 49 Bảng 24 Bảng mô tả use case thêm vào mục ưa thích 50 Bảng 25 Bảng mô tả use case CRUD đánh giá 52 Bảng 26 Bảng mô tả use case CRUD hotel 56 Bảng 27 Bảng mô tả use case CRUD hotel room 59 3.4.8 Giao diện xem lịch sử đơn Hình 11 Giao diện xem lịch sử booking 73 3.4.9 Giao diện thơng tin tài khoản Hình 12 Giao diện thơng tin tài khoản 3.4.10.Giao diện thiết lập tài khoản Hình 13 Giao diện thiết lập tài khoản 74 3.4.11.Giao diện quản lý dịch vụ Hình 14 Giao diện quản lý dịch vụ 3.4.12.Giao diện quản lý đăng Hình 15 Giao diện quản lý đăng 75 3.4.13.Giao diện quản lý đơn booking Hình 16 Giao diện quản lý đơn booking 76 3.4.14.Giao diện tạo hotel Hình 17 Giao diện tạo hotel 3.4.15.Giao diện tạo xe Hình 18 Giao diện tạo xe 77 3.4.16.Giao diện tạo tour Hình 19 Giao diện tạo tour 3.4.17.Giao diện tạo destination Hình 20 Giao diện tạo destination 78 3.4.18.Giao diện chỉnh sửa hotel Hình 21 Giao diện chỉnh sửa hotel 3.4.19.Giao diện chỉnh sửa xe Hình 22 Giao diện chỉnh sửa xe 79 3.4.20.Giao diện chỉnh sửa destination Hình 23 Giao diện chỉnh sửa destination 3.4.21.Giao diện chỉnh sửa tour Hình 24 Giao diện chỉnh sửa tour 80 3.4.22.Giao diện booking hotel Hình 25 Giao diện booking hotel 3.4.23.Giao diện booking xe Hình 26 Giao diện booking xe 81 3.4.24.Giao diện đặt đơn thành công xe hotel Hình 27 Giao diện booking thành cơng 3.4.25.Giao diện danh sách u thích Hình 28 Giao diện danh sách yêu thích 82 Chương 4: KẾT LUẬN 4.1 Kết đạt được: Phát triển thành công ứng dụng nhằm phát triển xúc tiến du lịch Việt Nam Có đầy đủ tính từ chia sẻ địa điểm đáng ghé thăm đến dịch vụ khách sạn, lại, điều đảm bảo đem lại trải nghiệm tốt cho người dùng phổ thơng, người tìm cho chuyến nghỉ dưỡng Đồng thời, ứng dụng hứa hẹn đem lại lợi nhuận cho chủ dịch vụ mà đem đến kết nối người tiêu dùng sản phẩm, thuận tiện việc đặt lịch dịch vụ 4.2 Đánh giá ứng dụng: * Ưu điểm: - Xây dựng đầy đủ tính ứng dụng nhằm xúc tiên phát triển du lịch - Giao diện thân thiện đại - Xây dựng server với yêu cầu bảo mật bảo đảm * Nhược điểm: - Chưa đảm bảo hoàn thiện business logic ứng dụng quản lý dịch vụ - Chưa tối ưu luồng liệu client để đạt hiệu suất tốt - UX design nhiều điểm bất cập gây bất tiện 4.3 Hướng phát triển mở rộng: Phát triển hoàn thiện hệ thống chức quản lý xe khách sạn, xây dựng client riêng biệt hoàn chỉnh đêr người dùng quản lý dịch vụ bao gồm phần quyền nhân viên 83 Phát triển hệ thống account với điều kiện định để tải kinh doanh dịch vụ Phát triển app dành cho admin hệ thống nhằm ngăn chặn loại bỏ nhũng nọi dung không phù hợp, ngăn chặn người dùng với ý đồ xấu Phát triển úng dụng cho ngi dùng phổ thơng nhũng tảng khác web , ios, 4.4 Yêu cầu cài đặt: • Server: - Yêu cầu sở liệu mongoDb pỏt mặc định 27107 - Yêu cầu cài đặt node - Cài đặt pagkages yêu cầu package.json • Client: - Yêu cầu điệm thoại hệ điều hành android với api level 27 trở lên 84 Chương 5: PHÂN CÔNG CÔNG VIỆC BẢNG PHÂN CÔNG THỰC HIỆN ĐỒ ÁN MƠN HỌC Họ tên SV1: Trần Hữu Trí MSSV: 20520327 Họ tên SV2: Nguyễn Huy Trí Dũng MSSV: 20520459 Thiết kế, xây dựng UI, UX Lên ý tưởng chức Xây dựng view logic, logic app áp dụng design pattern Bloc Lên ý tưởng chức Nghiên cứu triển khai biểu đồ Thiết kế components Thiết kế xây dựng server ExpressJS Duy trì phương pháp hữu ích nhằm cải thiện giao diện Thiết kế use-case Xây dựng logic app Kiểm thử fix bug Kiểm thử fix bug Làm báo cáo Hỗ trợ làm báo cáo Thiết kế animation Xây dựng base instance Vẽ sơ đồ cho báo cáo Tối ưu event handle Thiết kế sở liệu Thiết lập kết nối RealTime 85 ĐÁNH GIÁ ĐÁNH GIÁ 50% 50% 86 TÀI LIỆU THAM KHẢO [1] Cross Platform gì? Phân biệt Cross Platform Native App Link: https://bizfly.vn/techblog/cross-platform-la-gi.html Link: https://vietnix.vn/cross-platform-la-gi/ [2] RESTful API gì? Link: https://viblo.asia/p/restful-api-la-gi-1Je5EDJ4lnL [3] Flutter với dart ? Link: https://topdev.vn/blog/flutter-la-gi/ Link: https://viblo.asia/p/tim-hieu-ve-ngon-ngu-dart-phan-i-bJzKmykwK9N [4] WebSocket ? Ưu nhược điểm websocket bạn cần biết Link: https://stringee.com/vi/blog/post/websocket-la-gi [5] JavaScript ? Link: https://vietnix.vn/javascript-la-gi/ [6] Introduction to JSON Web Tokens Link: https://jwt.io/introduction/ 87