KHÓA LUẬN tốt NGHIỆP xây DỰNG ỨNG DỤNG hỗ TRỢ các DỊCH vụ LIÊN QUAN ở TRỌ

ĐẠ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 TRƯƠNG HỒNG NAM KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỖ TRỢ CÁC DỊCH VỤ LIÊN QUAN Ở TRỌ Building an application to support accommodation related services KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠ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 TRƯƠNG HỒNG NAM - 17520784 KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỖ TRỢ CÁC DỊCH VỤ LIÊN QUAN Ở TRỌ Building an application to support accommodation related services KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN Ths LÊ THANH TRỌNG TP HỒ CHÍ MINH, 2021 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày .của Hiệu trưởng Trường Đại học Công nghệ Thông tin Chủ tịch Thư ký Ủy viên Ủy viên ĐHQG TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc TP HCM, ngày… tháng… năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG ỨNG DỤNG HỖ TRỢ CÁC DỊCH VỤ LIÊN QUAN Ở TRỌ Nhóm SV thực hiện: Cán hướng dẫn: Trương Hồng Nam 17520784 Ths Lê Thanh Trọng Đánh giá Khóa luận Về báo cáo: Số trang 66 Số chương Số bảng số liệu 19 Số hình vẽ 55 Số tài liệu tham khảo 15 Sản phẩm Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung:Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Trương Hồng Nam /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐHQG TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc TP HCM, ngày… tháng… năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: XÂY DỰNG ỨNG DỤNG HỖ TRỢ CÁC DỊCH VỤ LIÊN QUAN Ở TRỌ Nhóm SV thực hiện: Cán phản biện: Trương Hồng Nam 17520784 *Name of lecturer* Đánh giá Khóa luận Về báo cáo: Số trang 66 Số chương Số bảng số liệu 19 Số hình vẽ 55 Số tài liệu tham khảo 15 Sản phẩm Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung:Khóa luận đạt/khơng đạt yêu cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Trương Hoàng Nam /10 Người nhận xét (Ký tên ghi rõ họ tên) LỜI CẢM ƠN Q trình thực khóa luận tốt nghiệp giai đoạn quan trọng đáng nhớ quãng đời sinh viên Khóa luận tốt nghiệp minh chứng cho trình học tập, thể khả áp dụng kiến thức chuyên môn để giải tốn thực tế Bên cạnh đó, Khóa luận tốt nghiệp trang bị cho em kỹ năng, kiến thức quý báu trước trường Trước hết, em xin chân thành cảm ơn đến quý thầy cô Trường Đại học Công nghệ Thông tin, đặc biệt quý thầy cô Khoa Công nghệ Phần mềm tận tình dạy trang bị kiến thức cho em suốt quảng thời gian học tập trường Đó tài sản quý giá, hành trang cho đường nghiệp em sau Em xin gửi lời cảm ơn sâu sắc đến Ths Lê Thanh Trọng, người trực tiếp dẫn, giúp đỡ em lúc khó khăn thực khóa luận tốt nghiệp để khóa luận hoàn thành tiến độ đáp ứng yêu cầu đề Tiếp theo, em xin gửi lời cảm ơn đến quý thầy phản biện hội đồng chấm khóa luận Những lời khun, đóng góp bổ ích q thầy giúp cho khóa luận em trở nên hồn thiện Lời cuối cùng, em xin gửi lời cảm ơn đến gia đình, anh chị, bạn bè ln bên cạnh, giúp đỡ em học tập sống Thành phố Hồ Chí Minh, tháng 06 năm 2021 Sinh viên Trương Hồng Nam ĐHQG TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng ứng dụng hỗ trợ dịch vụ liên quan trọ Cán hướng dẫn: Ths Lê Thanh Trọng Thời gian thực hiện: Từ ngày 05/03/2021 đến ngày 26/06/2021 Sinh viên thực hiện: Trương Hoàng Nam - 17520784 Nội dung đề tài: Ngày smartphone sử dụng rộng rãi, ngày có nhiều tiện ích thiết bị nhỏ gọn Với smartphone, người dùng sử dụng tiện ích giải trí thơng qua trò chơi điện tử, kết nối người mạng xã hội, cập nhật tin tức qua trang báo điện tử… Nhận thấy sinh viên người muốn tìm trọ phải lại để tìm kiếm trọ cho Điều gây khó khăn cho người tìm trọ người cho th trọ Chính lý đó, đề tài đời giúp cho người có nhu cầu tìm trọ tìm kiếm dễ dàng hơn, thông qua smartphone, dù vị trí nào, cần có kết nối internet, người hồn tồn tìm phịng trọ mà mong muốn mà chẳng cần lại để xem xét Ở vị trí người chủ trọ, người cung cấp dịch vụ vận chuyển người có nhu cầu chia sẻ trọ đăng tin để người biết đến dịch vụ Mục Tiêu: - Xây dựng ứng dụng hỗ trợ dịch vụ liên quan đến vấn đề trọ bao gồm: tìm trọ, cho thuê trọ, vận chuyển đồ đạc từ trọ cũ đến trọ mới, chia sẻ chỗ - Ứng dụng có độ hồn thiện cao, có khả triển khai thực tế - Ứng dụng có giao diện thân thiện với người dùng, dễ sử dụng - Thơng qua q trình xây dựng ứng dụng, học tập kiến thức công nghệ Phạm vi: - Ứng dụng xây dựng cho tảng android - Công nghệ sử dụng: React Native, NestJS, Firebase Đối tượng: - Những người có nhu cầu tìm trọ, sử dụng dịch vụ chuyển trọ, chia sẻ chỗ mà chủ yếu sinh viên - Người cung cấp dịch vụ chủ trọ, người cung cấp dịch vụ chuyển đồ, người có nhu cầu chia sẻ chỗ Phương pháp thực hiện: - Làm việc theo hình thức cá nhân với giúp đỡ, tư vấn giảng viên hướng dẫn - Bám sát kế hoạch đề tài liên tục trao đổi với giảng viên hướng dẫn Kết mong đợi: - Đối với chức ứng dụng: - Hoàn thiện chức đề - Cho phép người sử dụng tìm trọ theo nhu cầu - Cho phép người chủ trọ, người vận chuyển, người muốn chia sẻ chỗ đăng tin - Giao diện thân thiện dễ sử dụng Đối với cá nhân người thực đề tài: - Vận dụng kiến thức học vào đề tài - Tìm hiểu cơng nghệ - Có kiến thức, lẫn kinh nghiệm đáp ứng cho doanh nghiệp sau Tìm trọ Chi tiết trọ Tạo trọ Cập nhật xóa trọ Hiển thị danh sách trọ cho phép người dùng tìm kiếm trọ Hiển thị thơng tin chi tiết nhà trọ cho người dùng Cho phép người dùng tạo trọ Cho phép người dùng cập nhật xóa trọ tạo Hiển thị danh sách trọ lên đồ cho Hiển thị trọ lên đồ phép người dùng tìm kiếm dựa địa bán kính tìm kiếm 10 Danh sách trọ đăng 11 Tìm dịch vụ vận chuyển 12 Chi tiết dịch vụ vận chuyển 13 14 15 Hiển thị danh sách trọ mà người dùng tạo Cho phép người dùng tìm kiếm dịch vụ vận chuyển Hiển thị thơng tin chi tiết dịch vụ vận chuyển Danh sách dịch vụ vận Hiển thị danh sách dịch vụ vận chuyển mà chuyển đăng người dùng tạo Tạo dịch vụ vận chuyển Cho phép người dùng thêm dịch vụ vận chuyển Cập nhật xóa dịch vụ Cho phép người dùng cập nhật xóa vận chuyển dịch vụ vận chuyển 52 16 17 18 19 20 Tìm người ghép Cho phép người dùng tìm người ghép thông qua đăng Tạo đăng tìm người Cho phép người dùng tạo đăng để tìm ghép người ghép Chỉnh sửa xóa Cho phép người dùng chỉnh sửa xóa đăng tìm người ghép đăng tìm người ghép Danh sách đăng tìm Hiển thị danh sách đăng tìm người người ghép ghép mà người dùng đăng Tìm đồ dùng cũ Hiển thị danh sách đăng bán đồ dùng cũ, để người dùng liên hệ để mua Tạo đăng bán đồ dùng Cho phép người dùng tạo đăng bán đồ cũ dùng cũ Chỉnh sửa xóa Cho phép người dùng chỉnh sửa xóa đăng bán đồ dùng cũ đăng bán đồ dùng cũ Danh sách đăng bán Hiển thị danh sách đăng bán đồ đồ dùng cũ dùng cũ người dùng 24 Chat Hiển thị danh sách người chat 25 Chi tiết Chat 26 Thông tin cá nhân 27 Chỉnh sửa thông tin cá nhân Cho phép người dùng chỉnh sửa thông tin 21 22 23 Cho phép người dùng chat với người dùng khác Cho phép người dùng xem thông tin cá nhân 53 cá nhân Bảng 2.19: Danh sách hình ứng dụng 2.2.5.2 Giao diện số hình ứng dụng Hình 2.24: Màn hình đăng nhập Hình 2.25: Màn hình đăng nhập số điện thoại Hình 2.26: Màn hình nhập mã xác thực Hình 2.27: Màn hình nhập thơng tin cá nhân 54 Hình 2.28: Màn hình tìm trọ cỡ lớn Hình 2.29: Màn hình tìm trọ cỡ nhỏ Hình 2.30: Màn hình tìm trọ đồ Hình 2.31: Màn hình tạo trọ 55 Hình 2.32: Màn hình trọ đăng Hình 2.33: Màn hình cập nhật trọ Hình 2.34: Màn hình chi tiết trọ Hình 2.35: Màn hình tạo dịch vụ vận chuyển 56 Hình 2.36: Màn hình dịch vụ vận chuyển đăng Hình 2.37: Màn hình chi tiết dịch vụ vận chuyển Hình 2.38: Màn hình cập nhật thơng tin dịch vụ vận chuyển Hình 2.39: Màn hình đăng tìm người ghép 57 Hình 2.40: Màn hình tìm người ghép Hình 2.41: Màn hình đăng tìm người ghép Hình 2.42: Màn hình thơng tin cá nhân Hình 2.43: Màn hình cập nhật thơng tin cá nhân 58 Hình 2.44: Màn hình chat Hình 2.45: Màn hình chi tiết chat Hình 2.46: Màn hình tạo đăng bán đồ dùng cũ Hình 2.47: Màn hình tìm đồ dùng cũ 59 Hình 2.48: Màn hình cập nhật đăng bán đồ dùng cũ Hình 2.49: Đánh giá dịch vụ Hình 2.50: Bình luận 60 Triển khai hệ thống 2.3 2.3.1 Firebase Ứng dụng sử dụng Firebase để lưu trữ hầu hết liệu Plan free Firebase có lợi ích sau: - Cho phép chứng thực 10.000 lần tháng - Firestore cho phép lưu trữ 1GB miễn phí, với việc cho 50000 lượt đọc, 20000 lượt viết 20000 lượt xóa tài liệu miễn phí ngày - Cloud Storage hỗ trợ lưu trữ 5GB để lưu trữ hình ảnh, file liệu ứng dụng Những lợi ích Plan free giúp giảm thiểu chi phí triển khai ứng dụng Đồng thời cho phép triển khai ứng dụng nhanh chóng Hình 2.51: Hình ảnh xác thực tài khoản với firebase authentication 61 Hình 2.52: Hình ảnh lưu trữ liệu với Firestore Database 2.3.2 Algolia Algolia hỗ trợ lưu trữ cho chức yêu cầu hỗ trợ Full Search Text lọc liệu cao mà Firebase khơng đáp ứng Algolia miễn phí 10000 request tháng Hình 2.53: Hình ảnh sử dụng Algolia để lưu trữ thông tin trọ 2.3.3 Ứng dụng di động Ứng dụng cài đặt chạy thiết bị Redmi với hệ điều hành Android 10 62 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 3.1 Kết đạt Về phía ứng dụng, khóa luận hoàn thành chức yêu cầu ứng dụng Ứng dụng hoạt động tốt hỗ trợ cho người dùng nhiều vấn đề việc trọ sau: - Cho phép người dùng tìm trọ phù hợp, chủ trọ đăng trọ lên ứng dụng - Cho phép người dùng tìm dịch vụ vận chuyển cho lần chuyển trọ, chủ dịch vụ vận chuyển đăng dịch vụ vận chuyển - Cho phép người dùng tìm người ghép cách phù hợp với nghề nghiệp, độ tuổi - Cho phép người dùng trao đổi để mua bán đồ dùng cũ - Cho phép người dùng đánh giá trọ dịch vụ vận chuyển - Cho phép người dùng bình luận để trao đổi thêm cho đăng tìm người ghép hay đăng bán đồ dùng cũ Bên cạnh đó, thơng qua việc xây dựng phát triển ứng dụng tác giả vận dụng kiến thức học vào khóa luận Ngồi ra, tác giả cịn học thêm cơng nghệ, kỹ thuật mới: - Tìm hiểu React Native, cross platform cho việc xây dựng ứng dụng di động - Tìm hiểu Firebase, platform hỗ trợ cho việc xây dựng ứng dụng nhanh Trong dịch vụ Firebase, tác giả tìm hiểu sử dụng Firestore, Cloud Storage, Firebase Authentication Realtime Database - Tìm hiểu Algolia, cloud service chuyên hỗ trợ cho việc tìm kiếm thơng tin Algolia hỗ trợ giải pháp tìm kiếm hữu ích full text search, Geo Search, hỗ trợ autocomplete tìm kiếm, hỗ trợ filter nhiều giải pháp 63 tìm kiếm khác - Tìm hiểu thư viện react-native-firebase để sử dụng dịch vụ firebase ứng dụng 3.2 Thuận lợi khó khăn Thuận lợi: - Các cơng nghệ đại dễ tiếp cận Một số công nghệ tương tự với công nghệ làm nên dễ dàng tiếp cận - Có giúp đỡ tận tình giáo viên hướng dẫn Giáo viên hướng dẫn định hướng giải đáp thắc mắc trình thực đề tài - Các nhóm thực khóa luận thường xuyên trao đổi, giúp đỡ lẫn Khó khăn: - Khóa luận thực nên khơng có trao đổi số vấn đề cụ thể khóa luận - Cơng nghệ chưa đáp ứng số yêu cầu ứng dụng nên phải bổ sung thêm giải pháp khác 3.3 Hướng phát triển Đề tài mở rộng cải thiện vấn đề sau: - Cải thiện UX/UI cho người dùng - Hỗ trợ đánh dấu nhà trọ, dịch vụ vận chuyển đăng đề giúp người dùng dễ dàng tìm lại - Xây dựng trang admin giúp quản lý toàn ứng dụng - Hỗ trợ cho hệ điều hành iOS, ứng dụng sử dụng công nghệ cross platform số yêu cầu kỹ thuật nên chưa triển khai iOS - Sau hoàn thiện, đưa ứng dụng lên Play Store để người dùng tải xuống sử dụng 64 TÀI LIỆU THAM KHẢO Tài liệu tiếng Anh: [1] W Saman, “ReactNative best practices With best folder structure”, 10 Dec 2020 [online] Available: https://samanw.medium.com/reactnative-best-practiceswith-best-folder-structure-6d2716d3d9cb [Accessed 27 Mar 2021] [2] T Ken, “Firebase Firestore Text Search and Pagination”, 26 Feb 2019 [online] Available: https://medium.com/@ken11zer01/firebase-firestore-text-search-andpagination-91a0df8131ef [Accessed 23 Apr 2021] [3] B Ross, “React Native Lists: Load More by Scrolling”, 14 Aug 2020 [online] Available: https://rossbulat.medium.com/react-native-lists-load-more-by-scrolling378a1c5f56a6 [Accessed 24 Apr 2021] [4] S Nicholas, “Setup Facebook Login using Firebase”, 28 May 2020 [online] Available: https://medium.com/@nicholasstano/setup-facebook-login-usingfirebase-84ced79e7f5e [Accessed 28 Apr 2021] [5] R Umang, “Facebook login in React Native apps”, 30 Aug 2019 [online] Available: https://medium.com/enappd/facebook-login-in-react-native-apps6ff5995e1932 [Accessed 28 Apr 2021] [6] K Vadim, “Building in-app notification system in React Native” Sep 2019 [online] Available: https://medium.com/@vadimkorr/building-in-app-notificationsystem-in-react-native-96efd478ef31 [Accessed 25 May 2021] [7] Facebook, “Core Components and Native Components” [online] Available: https://reactnative.dev/docs/intro-react-native-components [8] Google, “Add Firebase to your JavaScript project”, Available: https://firebase.google.com/docs/web/setup [Accessed Apr 2021] [9] Google, “Paginate data with query cursors”, Available: https://firebase.google.com/docs/firestore/query-data/query-cursors [Accessed Apr 2021] [10] Jscrambler Blog, “Build a Chat App with Firebase and React Native”, 24 Apr 2019 [online] Available: https://blog.jscrambler.com/build-a-chat-app-with- 65 firebase-and-react-native [Accessed Apr 2021] Tài liệu tiếng Việt: [1] N.M Quan, “Làm việc với Firebase Realtime Database”, 10/20/2016 [Trực tuyến] Địa chỉ: https://viblo.asia/p/lam-viec-voi-firebase-realtime-databaseZjlvalVXkqJ [Truy cập 23/04/2021] [2] Tapchicongthuong, “Nghiên cứu hành vi thuê nhà trọ sinh viên Trường Đại học Công nghiệp Hà Nội”, 13/08/2020 [Trực tuyến] Địa chỉ: https://tapchicongthuong.vn/bai-viet/nghien-cuu-hanh-vi-thue-nha-tro-cua-sinhvien-truong-dai-hoc-cong-nghiep-ha-noi-73954.htm [Truy cập 13/03/2021] [3] HueDiemDue, “Sử dụng svg animation render view react native”, 10/05/2019 [Trực tuyến] Địa chỉ: https://viblo.asia/p/su-dung-svg-va-animationrender-view-trong-react-native-Az45bGrgKxY [Truy cập 01/04/2021] [4] L.T.T Vinh N.T Phong, “Điều tra nhu cầu khả tìm kiếm phòng trọ sinh viên trường Đại học Vinh” [Ngoại tuyến] [5] Cơng đồn, “TP.HCM: Phần lớn cơng nhân phải thuê nhà trọ giá rẻ”, 23/04/2018 [Trực tuyến] Địa chỉ: https://nld.com.vn/cong-doan/tphcm-phan-loncong-nhan-phai-thue-nha-tro-gia-re-20180423073842761.htm [Truy cập 14/03/2021] 66 ... chức chat, bình luận đánh giá để người dùng trao đổi, tương tác ứng dụng Ứng dụng xây dựng giúp hỗ trợ toàn diện vấn để trọ Chương XÂY DỰNG ỨNG DỤNG HỖ TRỢ CÁC DỊCH VỤ LIÊN QUAN Ở TRỌ 2.1 Phân tích... vấn đề khác liên quan đến trọ - Xây dựng ứng dụng hỗ trợ dịch vụ liên quan đến vấn đề trọ bao gồm: tìm trọ, cho thuê trọ, vận chuyển đồ đạc từ trọ cũ đến trọ mới, chia sẻ chỗ - Ứng dụng có độ... XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG ỨNG DỤNG HỖ TRỢ CÁC DỊCH VỤ LIÊN QUAN Ở TRỌ Nhóm SV thực hiện: Cán hướng dẫn: Trương Hồng Nam 17520784 Ths Lê Thanh Trọng