Xây dựng hệ thống ứng dụng tìm phòng trọ trên di động

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG HỆ THỐNG ỨNG DỤNG TÌM PHỊNG TRỌ TRÊN DI ĐỘNG GVHD: THS NGUYỄN TRẦN THI VĂN SVTH: NGUYỄN THÀNH ĐỒNG SVTH: HỒ NGỌC SƠN HÀ SKL007105 Tp Hồ Chí Minh, tháng 07/2020 TRƯỜNG ĐH SƯ PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM NGUYỄN THÀNH ĐỒNG – 16110311 HỒ NGỌC SƠN HÀ – 16110533 Đề tài: XÂY DỰNG HỆ THỐNG ỨNG DỤNG TÌM PHỊNG TRỌ TRÊN DI ĐỘNG KHĨA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN TRẦN THI VĂN KHÓA 2016 – 2020 TRƯỜNG ĐH SƯ PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM NGUYỄN THÀNH ĐỒNG – 16110311 HỒ NGỌC SƠN HÀ – 16110533 Đề tài: XÂY DỰNG HỆ THỐNG ỨNG DỤNG TÌM PHỊNG TRỌ TRÊN DI ĐỘNG KHĨA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN TRẦN THI VĂN KHÓA 2016 – 2020 ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: Nguyễn Thành Đồng MSSV 1: 16110311 Họ tên Sinh viên 2: Hồ Ngọc Sơn Hà MSSV 2: 16110533 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng hệ thống ứng dụng tìm phịng trọ di động Họ tên Giáo viên hướng dẫn: ThS Nguyễn Trần Thi Văn NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày tháng năm 2020 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Nguyễn Thành Đồng MSSV 1: 16110311 Họ tên Sinh viên 2: Hồ Ngọc Sơn Hà MSSV 2: 16110533 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng hệ thống ứng dụng tìm phịng trọ di động Họ tên Giáo viên phản biện: NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày tháng năm 2020 Giáo viên phản biện (Ký & ghi rõ họ tên) LỜI CẢM ƠN Nhóm em xin chân thành cảm ơn khoa Công Nghệ Thông Tin, Bộ môn Công nghệ phần mềm, trường Đại học Sư Phạm Kỹ Thuật Thành phố Hồ Chí Minh tạo điều kiện thuận lợi cho chúng em thực đề tài Chúng em xin gửi lời cảm ơn chân thành đến thầy Nguyễn Trần Thi Văn, giáo viên hướng dẫn tận tình bảo hướng dẫn nhóm em thời gian thực đề tài Bên cạnh đó, chúng em xin gửi lời cảm ơn đến thầy trường nói chung, người giảng dạy tạo điều kiện cho em tích lũy kiến thức quý báu năm học qua Dù cố gắng hồn thành đề tài khóa luận yêu cầu, khả hạn chế nên chắn khơng tránh khỏi thiếu sót Chúng em mong nhận bảo, nhận xét thầy để nhóm có điều kiện bổ sung, nâng cao ý thức, phục vụ tốt cho cơng tác thực tế sau Nhóm chúng em xin chân thành cảm ơn! Tp Hồ Chí Minh, ngày tháng năm 2020 Sinh viên thực (Ký & ghi rõ họ tên) Trường ĐH Sư Phạm Kỹ Thuật TP.HCM Khoa Công nghệ Thông tin ĐỀ CƯƠNG TIỂU LUẬN CHUYÊN NGÀNH Họ tên Sinh viên thực 1: Nguyễn Thành Đồng MSSV: 16110311 Họ tên Sinh viên thực 2: Hồ Ngọc Sơn Hà MSSV: 16110533 Thời gian làm luận văn: Từ 30/3/2020 đến 12/7/2020 (15 tuần) Chuyên ngành: Công nghệ phần mềm Tên luận văn: Xây dựng hệ thống ứng dụng tìm phịng trọ di động GV hướng dẫn: ThS.Nguyễn Trần Thi Văn Nhiệm vụ khóa luận: Tìm hiểu Flutter, Firebase Google Maps Platform Tìm hiểu Serverside Rendering NextJS, React Xây dựng ứng dụng tìm trọ di động với số chức bản: -Đăng nhập, đăng ký, đăng xuất tài khoản -Xem danh sách trọ cịn phịng -Xem thơng tin chi tiết phịng trọ -Tìm kiếm phịng trọ xung quanh vị trí -So sánh thơng tin chi tiết phịng trọ -Thêm, xóa phịng trọ -Đăng, xóa viết diễn đàn -Bình luận, đánh giá viết diễn đàn Xây dựng trang web quản lý cho Admin với số chức sau : -Đăng nhập, đăng xuất tài khoản -Sửa phòng trọ đăng ký ứng dụng -Sửa thông tin tài khoản đăng ký ứng dụng -Thêm, sửa viết diễn đàn Đề cương viết khóa luận: PHẦN MỞ ĐẦU PHẦN NỘI DUNG CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 Tổng quan flutter 1.2 Tổng quan google firebase 1.3 Một số thành phần flutter 1.4 Tổng quan google map API 1.5 Tổng quan redux 1.6 Tổng quan typescript 1.7 Tổng quan nextjs CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 2.1 Khảo sát trạng 2.2 Xác định yêu cầu 2.3 Sơ đồ use case 2.4 Mô tả chi tiết use case CHƯƠNG PHÂN TÍCH, MƠ HÌNH HỐ U CẦU, THIẾT KẾ CSDL 3.1 Phân tích chức năng, thiết kế sở liệu 3.2 Mô tả sở liệu CHƯƠNG THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 4.1 Danh sách hình chuyển đổi 4.2 Danh sách hình 4.3 Danh sách xử lý CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG Xây dựng hệ thống ứng dụng tìm phịng trọ di động Mơ tả hình Bảng 53 Mơ tả hình cập nhật đăng (Admin) STT Kiểu đối tượng Input Input RichTextInput Button Danh sách xử lý Bảng 54 Danh sách xử lý cập nhật đăng (Admin) STT Tên xử lý Nhập tiêu đề Nhập giới thiệu Nhập nội dung Lưu đăng THIẾT KẾ XỬ LÝ Edit User Mơ tả -Tại hình quản lý User, người quản lý chọn nút Update Data để chuyển đến hình EditUser -Sau người quản lý nhập thông tin, liệu đưa xuống Database để kiểm tra tính đắn Nếu liệu thơng tin người quản lý nhập vào thay đổi thành công thông báo kết Ngược lại liệu khơng thơng báo thay đổi khơng thành công cho người quản lý 86 Xây dựng hệ thống ứng dụng tìm phịng trọ di động Sơ đồ Hình 4.24 Sơ đồ Edit User Add Room Mơ tả - Tại hình trang chủ, người dùng chọn nút New để chuyển đến hình AddRoom -Sau người quản lý nhập thơng tin, liệu đưa xuống Database để kiểm tra tính đắn Nếu liệu thơng tin người dùng nhập thêm vào thành công thông báo kết Ngược lại liệu khơng thơng báo thêm phịng khơng thành cơng cho người dùng 87 Xây dựng hệ thống ứng dụng tìm phịng trọ di động Sơ đồ Hình 4.25 Sơ đồ Add Room Edit Room Mô tả -Tại hình danh sách phịng trọ, người dùng chọn nút Update Data để chuyển đến hình EditRoom -Sau người quản lý nhập thông tin, liệu đưa xuống Database để kiểm tra tính đắn Nếu liệu thơng tin người dùng nhập vào thay đổi thành công thông báo kết Ngược lại liệu khơng thơng báo thay đổi không thành công cho người dùng 88 Xây dựng hệ thống ứng dụng tìm phịng trọ di động Sơ đồ Hình 4.26 Sơ đồ Edit Room 89 Xây dựng hệ thống ứng dụng tìm phòng trọ di động CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG CÀI ĐẶT ỨNG DỤNG Thiết bị cài ứng dụng bắt buộc sử dụng hệ điều hành Android thỏa yêu cầu sau đây: •Phiên Android 4.4 trở lên (KitKat) •Có thể truy cập Internet Tải ứng dụng cài đặt link: https://drive.google.com/open?id=1t2QIMznmbAAS6zxJFTGeIQepfDrCRO4B Trường hợp yêu cầu xác nhận cho phép cài đặt ứng dụng không rõ nguồn gốc (Unknown source App Installation), vào Cài đặt (Setting) Bảo mật (Secure) Chọn Cho phép cài đặt ứng dụng từ nguồn không rõ nguồn gốc (Allow installation of apps from unknown sources) 90 Xây dựng hệ thống ứng dụng tìm phịng trọ di động BIỂU ĐỒ LỚP (CLASS DIAGRAM) Ứng dụng tìm kiếm phịng trọ Hình 5.1 Biểu đồ lớp ứng dụng tìm kiếm phịng trọ 91 Xây dựng hệ thống ứng dụng tìm phịng trọ di động Trang quản lý Admin Hình 5.2 Biểu đồ lớp trang quản lý Admin 92 Xây dựng hệ thống ứng dụng tìm phịng trọ di động KIỂM THỬ ỨNG DỤNG ID Mô tả Tiến hành cài đặt ứng dụng thiết bị thực Tiến hành tháo gỡ ứng dụng thiết bị thật Tiến hành thử nghiệm giao diện app chức bên Tiến hành kiểm tra tính realtime lưu data ứng dụng Firebase Database 93 Xây dựng hệ thống ứng dụng tìm phịng trọ di động Tiến hành kiểm thử ứng dụng môi trường thực tế với hệ điểu hành android từ 7.0 trở lên (2-3 thiết bị) khoảng thời gian từ 2-3 ngày 1.Tiến hành cài đặt ứng dụng thiết bị thực Tiến hành tháo gỡ ứng dụng thiết bị thật 94 Xây dựng hệ thống ứng dụng tìm phịng trọ di động PHẦN KẾT LUẬN NHỮNG KẾT QUẢ ĐẠT ĐƯỢC Tuy thời gian thực đề tài không thực dài nhóm tích lũy nhiều kinh nghiệm quý báu làm hành trang cho sau Nhờ giúp đỡ nhiệt tình Giáo viên hướng dẫn, Thầy Cơ mơn q trình học tập với cố gắng, nhóm đạt điểm đáng ý: •Hiểu quy trình xây dựng ứng dụng thực hành công việc làm nhóm •Đáp ứng thực u cầu cơng việc giao hạn •Nâng cao khả nghiên cứu, bổ sung kiến thức công nghệ ƯU ĐIỂM CỦA ĐỀ TÀI Qua trình thực đề tài, nhóm rút ưu điểm: •Sử dụng nhiều cơng nghệ hỗ trợ lập trình mạnh mẽ •Thường xun tiếp xúc với sản phẩm ứng dụng Android giúp nhóm có nhìn tổng quan tiếp thu điểm mạnh sản phẩm qua áp dụng vào ứng dụng đề tài •Đề tài thực phần lớn máy tính giúp tiết kiệm chi phí đầu tư, lưu trữ thơng tin dễ dàng gọn nhẹ •Với ứng dụng Flutter, trình phát triễn hỗ trợ mạnh mẽ tài liệu từ Google IDE (Android Studio) dễ tương tác, dễ học áp dụng vào ứng dụng thực tế nhanh HẠN CHẾ CỦA ĐỀ TÀI Bên cạnh ưu điểm mà đề tài đạt được, tồn hạn chế sau: •Gói miễn phí Firebase, có nhiều hạn chế dịch vụ chưa ổn định (Vd : Firestore) 95 Xây dựng hệ thống ứng dụng tìm phịng trọ di động •Ứng dụng thiên định vị đồ, tốn nhiều chi phí cho sử dụng dịch vụ Google Map APIs HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI Về hồn thành số chức năng, nhiên cịn nhiều hạn chế bất cập nêu, số hạn chế trải nghiệm người dùng, lỗi framework với cố gắng, nghiên cứu tâm nhóm, đề tài cải thiến hoàn thiện để phát triển tương lai với hướng phát triển: •Ra mắt ứng dụng Google Play Store AppStore •Thu thập liệu trọ tìm nguồn liệu đáng tin cậy •Nâng cấp trải nghiệm người dùng, sử dụng hoạt họa vốn mạnh Flutter 96 Xây dựng hệ thống ứng dụng tìm phịng trọ di động TÀI LIỆU THAM KHẢO [1] https://topdev.vn/blog/flutter-la-gi/ [2] https://vi.wikipedia.org/wiki/Flutter_(ph%E1%BA%A7n_m%E1%BB%81m) [3] https://viblo.asia/p/tong-quan-ve-flutter-Eb85oyAkZ2G [4] https://firebase.google.com/docs/android/setup [5] https://viblo.asia/p/cung-tim-hieu-ve-firebase-cloud-firestore-ByEZk32YZQ0 [6] https://github.com/flutter/flutter/wiki/The-Engine-architecture?fbclid=IwAR377 iIs1OggHGLVDOhzsfJCu14gNxa2sI3nihRgC3cHF3g6YzKwzArx-k [7] https://techtalk.vn/tim-hieu-ve-google-map-api.html [8] https://developers.google.com/maps/documentation/android-sdk/intro [9] https://developers.google.com/maps/documentation/directions/intro [10] https://developers.google.com/maps/documentation/distance-matrix/intro [11] https://developers.google.com/maps/documentation/geolocation/intro [12] https://developers.google.com/maps/documentation/geocoding/intro [13] https://developers.google.com/maps/documentation/ios-sdk/intro [14] https://topdev.vn/blog/redux-la-gi/ [15] https://o7planning.org/vi/12141/gioi-thieu-ve-redux [16] https://viblo.asia/p/tim-hieu-typescript-va-kien-thuc-co-ban-PmeRQpnyGoB [17] https://topdev.vn/blog/typescript-la-gi/ [18] https://techblog.vn/nextjs 97 ... Services vào ứng dụng Xây dựng hệ thống ứng dụng tìm phịng trọ di động Phân tích, thiết kế xây dựng ứng dụng tìm trọ di động số chức sau: •Đăng nhập, đăng ký, đăng xuất tài khoản •Xem danh sách trọ cịn... thường xuyên 22 Xây dựng hệ thống ứng dụng tìm phịng trọ di động Ứng dụng Tìm Trọ Hình 2.4 Ứng dụng tìm trọ Ưu điểm •Giao di? ??n thân thiện, dễ dàng sử dụng •Quy trình tìm trọ đơn giản, khơng phải... xuyên 21 Xây dựng hệ thống ứng dụng tìm phịng trọ di động App tìm nhà trọ Landber Hình 2.3 Ứng dụng tìm nhà trọ Landber Ưu điểm •Giao di? ??n thân thiện, dễ dàng sử dụng •Quy trình tìm trọ đơn giản,