Xây dựng ứng dụng đặt phòng

ĐỒ ÁN SE121.N21.PMCL ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN ĐỒ ÁN MƠN HỌC XÂY DỰNG ỨNG DỤNG ĐẶT PHỊNG GIẢNG VIÊN GIẢNG DẠY THS.THÁI THỤY HÀN UYỂN Thành viên nhóm: Trần Dư Gia Bảo – 20520409 Bùi Lương Hiếu – 20520994 TP HỒ CHÍ MINH, 2023 ĐỒ ÁN SE121.N21.PMCL LỜI CẢM ƠN Trước bước vào phần báo cáo đồ án, nhóm chúng em trân trọng gửi lời cảm ơn đến cô Thái Thụy Hàn Uyển tạo điều kiện cho chúng em có hội thực đồ án nhiệt tình góp ý, giúp đỡ chúng em lớp, cung cấp cho chúng em nhiều kiến thức kinh nghiệm hữu ích ngồi mảng lập trình di động Dù vậy, trình học tập, làm đồ án thời gian kiến thức có hạn nên nhóm em khơng thể tránh khỏi thiếu sót Nhóm em mong nhận thơng cảm, đóng góp xây dựng từ để nhóm em có thêm nhiều kiến thức có ích ngày hồn thiện Stelio Nhóm thực Trường Đại học Cơng nghệ Thơng tin, tháng năm 2023 ĐỒ ÁN SE121.N21.PMCL MỤC LỤC CHƯƠNG I GIỚI THIỆU ĐỀ TÀI 12 Giới thiệu chung: 12 Mục tiêu đề tài: 12 2.1 Lý thuyết: 12 2.2 Mục tiêu 13 Quá trình thực 13 Tổng quan chức 13 CHƯƠNG II CƠ SỞ LÝ THUYẾT React Native 15 1.1 Tổng quan lịch sử 15 1.2 Thành phần React Native 16 1.3 Một số đặc điểm bật 17 1.4 Ưu nhược điểm React Native: 18 1.4.1 Ưu điểm: 18 1.4.2 Nhược điểm: 19 Ngơn ngữ lập trình JavaScript 19 2.1 Tổng quan 19 2.2 Tại React Native chọn JavaScript? 20 Hệ quản trị sở liệu Firebase 21 3.1 Firebase gì? 21 3.2 Firebase Realtime database 21 3.3 Firebase Authentication 21 3.4 Firebase Hosting 21 3.5 Ưu điểm Firebase 22 3.6 Nhược điểm Firebase 22 CHƯƠNG III XÂY DỰNG HỆ THỐNG 15 Xây dựng kiến trúc hệ thống: 24 24 1.1 Công nghệ sử dụng: 24 1.2 Kiến trúc hệ thống: Mơ hình Client-Server: 24 1.3 Kiến trúc ứng dụng: Mơ hình MVC: 25 ĐỒ ÁN SE121.N21.PMCL 1.4 Mô tả thành phần hệ thống: 26 1.5 Sơ đồ Use case: 26 1.6 Mô tả Use case 28 1.7 Đặc tả use case 29 1.7.1 Đăng ký 29 1.7.2 Đăng nhập với email mật 31 1.7.3 Yêu thích sản phẩm 32 1.7.4 Tạo đơn hàng 33 1.7.5 Thêm mã giảm giá 34 1.7.6 Chọn phương thức toán 35 1.7.7 Thanh tốn 36 1.7.8 Tìm kiếm 37 1.7.9 Lọc 39 1.7.10 Sắp xếp 40 1.7.11 Xem đơn đặt phòng 41 1.7.12 Đánh giá homestay 42 1.7.13 Cài đặt cá nhân 44 1.7.14 Chỉnh sửa thông tin cá nhân 45 1.7.15 Đăng xuất 46 Mơ tả hình: 47 2.1 Màn hình đăng nhập: 47 2.2 Màn hình đăng ký: 49 2.3 Màn hình trang chủ: 51 2.4 Màn hình thơng báo: 52 2.5 Màn hình chi tiết Homestay: 54 2.6 Màn hình chọn ngày booking: 56 2.7 Màn hình đề xuất homestay: 58 2.8 Màn hình đặt nhanh Homestay: 59 2.9 Màn hình thêm Homestay vào danh sách Fast booking: 61 2.10 Màn hình ưu đãi: 63 2.11 Màn hình chi tiết ưu đãi: 64 2.12 Màn hình thơng tin tài khoản: 65 ĐỒ ÁN 2.13 SE121.N21.PMCL Màn hình homestay u thích: 67 Sơ đồ lớp: 68 Sơ đồ hoạt động: 69 4.1 Hoạt động đăng ký: 69 4.2 Hoạt động đặt phòng: 70 4.3 Hoạt động tìm kiếm sản phẩm: 71 CHƯƠNG IV KẾT LUẬN 72 Kết đạt được: 72 Ưu điểm: 72 Nhược điểm giải pháp: 72 TÀI LIỆU THAM KHẢO 73 ĐỒ ÁN SE121.N21.PMCL DANH MỤC HÌNH ẢNH CHƯƠNG I GIỚI THIỆU ĐỀ TÀI 12 Giới thiệu chung: 12 Mục tiêu đề tài: 12 2.1 Lý thuyết: 12 2.2 Mục tiêu 13 Quá trình thực 13 Tổng quan chức 13 CHƯƠNG II CƠ SỞ LÝ THUYẾT React Native 15 1.1 Tổng quan lịch sử 15 1.2 Thành phần React Native 16 1.3 Một số đặc điểm bật 17 1.4 Ưu nhược điểm React Native: 18 1.4.1 Ưu điểm: 18 1.4.2 Nhược điểm: 19 Ngơn ngữ lập trình JavaScript 19 2.1 Tổng quan 19 2.2 Tại React Native chọn JavaScript? 20 Hệ quản trị sở liệu Firebase 21 3.1 Firebase gì? 21 3.2 Firebase Realtime database 21 3.3 Firebase Authentication 21 3.4 Firebase Hosting 21 3.5 Ưu điểm Firebase 22 3.6 Nhược điểm Firebase 22 CHƯƠNG III XÂY DỰNG HỆ THỐNG 15 Xây dựng kiến trúc hệ thống: 24 24 1.1 Công nghệ sử dụng: 24 1.2 Kiến trúc hệ thống: Mơ hình Client-Server: 24 1.3 Kiến trúc ứng dụng: Mơ hình MVC: 25 ĐỒ ÁN SE121.N21.PMCL 1.4 Mô tả thành phần hệ thống: 26 1.5 Sơ đồ Use case: 26 1.6 Mô tả Use case 28 1.7 Đặc tả use case 29 1.7.1 Đăng ký 29 1.7.2 Đăng nhập với email mật 31 1.7.3 Yêu thích sản phẩm 32 1.7.4 Tạo đơn hàng 33 1.7.5 Thêm mã giảm giá 34 1.7.6 Chọn phương thức toán 35 1.7.7 Thanh tốn 36 1.7.8 Tìm kiếm 37 1.7.9 Lọc 39 1.7.10 Sắp xếp 40 1.7.11 Xem đơn đặt phòng 41 1.7.12 Đánh giá homestay 42 1.7.13 Cài đặt cá nhân 44 1.7.14 Chỉnh sửa thông tin cá nhân 45 1.7.15 Đăng xuất 46 Mơ tả hình: 47 2.1 Màn hình đăng nhập: 47 2.2 Màn hình đăng ký: 49 2.3 Màn hình trang chủ: 51 2.4 Màn hình thơng báo: 52 2.5 Màn hình chi tiết Homestay: 54 2.6 Màn hình chọn ngày booking: 56 2.7 Màn hình đề xuất homestay: 58 2.8 Màn hình đặt nhanh Homestay: 59 2.9 Màn hình thêm Homestay vào danh sách Fast booking: 61 2.10 Màn hình ưu đãi: 63 2.11 Màn hình chi tiết ưu đãi: 64 2.12 Màn hình thông tin tài khoản: 65 ĐỒ ÁN 2.13 SE121.N21.PMCL Màn hình homestay u thích: 67 Sơ đồ lớp: 68 Sơ đồ hoạt động: 69 4.1 Hoạt động đăng ký: 69 4.2 Hoạt động đặt phòng: 70 4.3 Hoạt động đánh giá sản phẩm: Error! Bookmark not defined 4.4 Hoạt động tìm kiếm sản phẩm: 71 CHƯƠNG IV KẾT LUẬN 72 Kết đạt được: 72 Ưu điểm: 72 Nhược điểm giải pháp: 72 TÀI LIỆU THAM KHẢO 73 ĐỒ ÁN SE121.N21.PMCL DANH MỤC BẢNG CHƯƠNG I GIỚI THIỆU ĐỀ TÀI 12 Giới thiệu chung: 12 Mục tiêu đề tài: 12 2.1 Lý thuyết: 12 2.2 Mục tiêu 13 Quá trình thực 13 Tổng quan chức 13 CHƯƠNG II CƠ SỞ LÝ THUYẾT React Native 15 1.1 Tổng quan lịch sử 15 1.2 Thành phần React Native 16 1.3 Một số đặc điểm bật 17 1.4 Ưu nhược điểm React Native: 18 1.4.1 Ưu điểm: 18 1.4.2 Nhược điểm: 19 Ngơn ngữ lập trình JavaScript 19 2.1 Tổng quan 19 2.2 Tại React Native chọn JavaScript? 20 Hệ quản trị sở liệu Firebase 21 3.1 Firebase gì? 21 3.2 Firebase Realtime database 21 3.3 Firebase Authentication 21 3.4 Firebase Hosting 21 3.5 Ưu điểm Firebase 22 3.6 Nhược điểm Firebase 22 CHƯƠNG III XÂY DỰNG HỆ THỐNG 15 Xây dựng kiến trúc hệ thống: 24 24 1.1 Công nghệ sử dụng: 24 1.2 Kiến trúc hệ thống: Mơ hình Client-Server: 24 1.3 Kiến trúc ứng dụng: Mơ hình MVC: 25 ĐỒ ÁN SE121.N21.PMCL 1.4 Mô tả thành phần hệ thống: 26 1.5 Sơ đồ Use case: 26 1.6 Mô tả Use case 28 1.7 Đặc tả use case 29 1.7.1 Đăng ký 29 1.7.2 Đăng nhập với email mật 31 1.7.3 Yêu thích sản phẩm 32 1.7.4 Tạo đơn hàng 33 1.7.5 Thêm mã giảm giá 34 1.7.6 Chọn phương thức toán 35 1.7.7 Thanh tốn 36 1.7.8 Tìm kiếm 37 1.7.9 Lọc 39 1.7.10 Sắp xếp 40 1.7.11 Xem đơn đặt phòng 41 1.7.12 Đánh giá homestay 42 1.7.13 Cài đặt cá nhân 44 1.7.14 Chỉnh sửa thông tin cá nhân 45 1.7.15 Đăng xuất 46 Mơ tả hình: 47 2.1 Màn hình đăng nhập: 47 2.2 Màn hình đăng ký: 49 2.3 Màn hình trang chủ: 51 2.4 Màn hình thơng báo: 52 2.5 Màn hình chi tiết Homestay: 54 2.6 Màn hình chọn ngày booking: 56 2.7 Màn hình đề xuất homestay: 58 2.8 Màn hình đặt nhanh Homestay: 59 2.9 Màn hình thêm Homestay vào danh sách Fast booking: 61 2.10 Màn hình ưu đãi: 63 2.11 Màn hình chi tiết ưu đãi: 64 2.12 Màn hình thơng tin tài khoản: 65 10