(Đồ án hcmute) xây dựng ứng dụng hỗ trợ giao dịch bất động sản

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 ỨNG DỤNG HỖ TRỢ GIAO DỊCH BẤT ĐỘNG SẢN GVHD: TS.NGUYỄN THIÊN BẢO SVTH: NGUYỄN VIẾT CƯƠNG SVTH: ĐÀO VĂN TOẢN SKL 0 Tp Hồ Chí Minh, tháng 07/2020 an TRƯỜNG ĐẠI HỌC SƯ PHẠM KĨ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỖ TRỢ GIAO DỊCH BẤT ĐỘNG SẢN SVTH : NGUYỄN VIẾT CƯƠNG MSSV : 15110021 ĐÀO VĂN TOẢN MSSV : 15110142 Khóa : 2015-2019 Ngành : CƠNG NGHỆ THƠNG TIN GVHD : TS.NGUYỄN THIÊN BẢO Tp Hồ Chí Minh, an tháng 07 năm 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KĨ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỖ TRỢ GIAO DỊCH BẤT ĐỘNG SẢN SVTH : NGUYỄN VIẾT CƯƠNG MSSV : 15110021 ĐÀO VĂN TOẢN MSSV : 15110142 Khóa : 2015-2019 Ngành : CƠNG NGHỆ THƠNG TIN GVHD : TS.NGUYỄN THIÊN BẢO Tp Hồ Chí Minh, an tháng 07 năm 2020 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc *** -Tp Hồ Chí Minh, ngày tháng 07 năm 2020 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Nguyễn Viết Cương MSSV: 15110021 Lớp: 15110CL2A Đào Văn Toản MSSV: 15110142 Lớp:15110CL1A Ngành: Công nghệ thông tin Giảng viên hướng dẫn: TS.Nguyễn Thiên Bảo Ngày nhận đề tài: 24/02/2020 ĐT: 0927613761 Ngày nộp đề tài: 01/07/2020 Tên đề tài: Xây dựng website ứng dụng hỗ trợ giao dịch dự án bất động sản Các số liệu, tài liệu ban đầu: Khơng Nội dung thực đề tài: Tìm hiểu lý thuyết cơng nghệ, thuật tốn áp dụng để thực đề tài - Font-end: HTML5, CSS3, Reactjs, React Native - Back-end: Java Spring, Nodejs - Database: hệ quản trị sở liệu MySQL Sản phẩm: Ứng dụng web có tính cho người dùng đăng nhập để tham khảo dự án bất động sản, lưu lại dự án quan tâm để lại ý kiến cho dự án TRƯỞNG NGÀNH GIẢNG VIÊN HƯỚNG DẪN an CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độ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: Nguyễn Viết Cương Đào Văn Toản MSSV: 15110021 Lớp: 15110CL2A MSSV: 15110142 Lớp: 15110CL1A Ngành: Công nghệ thông tin Tên đề tài: Xây dựng website ứng dụng hỗ trợ giao dịch dự án bất động sản Họ tên giáo viên hướng dẫn: TS.Nguyễn Thiên Bảo NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: - Nhóm hồn thành mục tiêu đề ban đầu đề tài, khoảng thời gian xác định - Về lý thuyết: + Tìm hiểu công nghệ liên quan phục vụ cho đề tài: , Spring Framework, React-redux, React native + Tìm hiểu cách gọi api với axios, cách làm việc với hệ quản trị MySQL Về thực hành: Xây dựng ứng dụng web cho người dùng tham khảo dự án bất động sản đồng thời để lại thông tin, lời nhắn để người quản lý liên hệ để tư vấn thêm, có chức cho người quản trị Ưu điểm: - Sinh viên có khả tự tìm hiểu, nghiên cứu tài liệu, công nghệ vào việc phát triển ứng dụng dựa nhu cầu thực tế - Thái độ làm việc: Ý thức làm việc nghiêm túc, chủ động công việc, thường xuyên liên lạc với GVHD, có kế hoạch cụ thể, thực tốt yêu cầu đặt - Đã xây dựng web ứng dụng để hỗ trợ cho người dùng tham khảo dự án bất động sản Giúp cho khách hàng thấy dự án muốn sau để lại ý kiến dự án muốn chọn để lại thơng tin để bên dễ dàng trao đổi dự án - Báo cáo trình bày đầy đủ rõ ràng an Khuyết điểm: - Về mặt thực nhóm xây dựng web ứng dụng cho người dùng tham khảo dự án, nhiên chưa có gọi thực sự trội thiết kế - Chưa áp dụng thêm nhiều tính bật : chat bot, người dùng chưa thể đăng tin rao bán, chưa có tính gợi ý cho khách hàng dự án phù hợp Đề nghị cho bảo vệ hay không ? Đánh giá loại: Điểm:………(Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng 07 năm 2020 Giáo viên hướng dẫn an CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độ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: Nguyễn Viết Cương Đào Văn Toản Ngành: MSSV: 15110021 Lớp: 15110CL1B MSSV: 151100 Lớp: 15110CL2A Công nghệ thông tin Tên đề tài: Xây dựng website ứng dụng hỗ trợ giao dịch dự án bất động sản 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:……….(Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng 07 năm 2020 Giáo viên phản biện an LỜI CẢM ƠN Trên thực tế khơng có sự thành công mà không gắn liền với sự hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Nay em xin phép gửi lời cảm ơn chân thành đến thầy Nguyễn Thiên Bảo, người trực tiếp hỗ trợ em suốt trình định hướng chọn đề tài, hướng dẫn, nhận xét góp ý cung cấp tài liệu tham khảo Nếu khơng có lời hướng dẫn, kinh nghiệm thực tiễn thầy em nghĩ rằng đồ án khó hoàn thiện hoàn thành thời hạn Một lần nữa, em xin cảm ơn thầy Em xin chân thành cảm ơn quý thầy cô khoa Đào tạo Chất lượng cao giúp đỡ hỗ trợ kiến thức giải đáp thắc mắc em Cùng với đó, em xin gửi cảm ơn đến bạn khóa cung cấp nhiều thơng tin kiến thức hữu ích giúp cho em hồn thiện đề tài Khoảng thời gian có hạn, với kiến thức hạn chế nhiều bỡ ngỡ khác thiếu sót điều khơng thể tránh khỏi nên em mong nhận ý kiến đóng góp q báo từ q Thầy Cơ để kiến thức em hoàn thiện sau Em xin chân thành cảm ơn Thành phố Hồ Chí Minh, ngày tháng 07 năm 2020 Sinh viên thực Nguyễn Viết Cương Đào Văn Toản i an TÓM TẮT Trong bối cảnh thị trường bất động sản ngày phát triển, nhu cầu bán, cho thuê, tìm mua, tìm thuê bất động sản ngày lớn Khi triển khai kinh doanh dự án bất động sản, bán cho thuê nhà, đất…, điều băn khoăn truyền tải thông tin đến với nhiều khách hàng có nhu cầu Ngược lại, khách hàng có nhu cầu mua, thuê bất động sản mong muốn tìm kiếm bất động sản phù hợp nhất, đảm bảo tính an toàn, tiện lợi pháp lý cao Tuy nhiên, người có nhu cầu giao dịch bất động sản gặp nhiều khó khăn việc quảng cáo tìm kiếm thơng tin bất động sản Làm để quảng cáo tìm kiếm thơng tin bất động sản nhanh chóng, tin cậy, xác, tiết kiệm thời gian, cơng sức, giúp cho giao dịch bất động sản trở nên dễ dàng, nhanh chóng, thuận tiện hiệu Quan trọng hơn, khách có nhu cầu giao dịch liên hệ trực tiếp với người bán, thông qua trung gian Như vậy, người mua tránh phải phí cho “cị” nhà đất Vì thay tới tìm đối tác để bàn dự án, kế hoạch tham khảo trước website hay ứng dụng để tìm dự án mà mong muốn, giúp tiết kiệm thời gian công sức nhiều Ý tưởng xây dựng website ứng dụng giao dịch bất động sản đời với mong muốn trở thành sàn giao dịch bất động sản đáp ứng hồn tồn tiêu chí ii an SUMMARY In the context of the growing real estate market, the demand for selling, renting, buying and buying real estate is growing When implementing a real estate project, selling or renting a house, land , the most disturbing thing is how to convey the information to many customers in need In contrast, for customers who want to buy or rent real estate, they want to find the most suitable real estate, ensuring high safety, convenience and legal status However, those who have a need for real estate transactions have had difficulty in advertising as well as finding information about real estate How to advertise and find real estate information quickly, reliably, accurately, saving time and effort, making real estate transactions easy, fast and convenient and more efficient More importantly, customers wishing to transact can contact the seller directly, not through intermediaries Thus, the buyer will avoid having to pay for "the stork" of land So instead of looking for partners to talk about projects and plans, we can now consult in advance on the website or on the application to find the projects we want, it Help us save a lot of time and effort The idea of building a real estate website and application was born with the desire to become a real estate trading floor that can fully meet those criteria iii an CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG Hình ảnh : 3.3.36 Màn hìn khám phá 69 an CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG Hình ảnh : 3.3.37 Màn hình yêu Thích 70 an CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG Hình ảnh : 3.3.38 Màn hình vị trí 71 an CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG Hình ảnh : 3.3.39 Màn hình cá nhân 72 an CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG Hình ảnh : 3.3.40 Màn hình chi tiết hộ 73 an CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG Hình ảnh : 3.3.41 Màn hình đặt mua 74 an CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG Hình ảnh : 3.3.42 Màn hình đổi mật 75 an CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG Hình ảnh : 3.3.44 Màn hình cập nhật thơng tin Hình ảnh : 3.3.43 Màn hình cạp nhật thơng tin 76 an CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG 3.3.7 Hiện thực hệ thống 3.3.7.1 Cơng nghệ sử dụng Web: Phía server: sử dụng java spring, sở dữu liệu mysql Phía client: sử dụng Reactjs để lập trình Mobile: Phía server: sử dụng nodejs, sở dữu liệu dùng mysql Phía client: sử dụng React Native để lập trình 3.3.7.2 Mơi trường lập trình Sử dụng cơng cụ visual studuo code để lập trình quản lý code - Visual Studio Code trình biên tập mã phát triển Microsoft dành cho Windows, Linux macOS.Hỗ trợ nhiều ngơn ngữ lập trình phù hợp với nhu cầu lập trình viên - Là cơng cụ sử dụng miễn phí trả phí - Sublime Text khác với IDE khác điểm nhẹ, linh hoạt, cài đặt dễ dàng, dễ sử dụng, cung cấp nhiều tính tiện lợi cho lập trình viên - Thời gian khởi động Sublime Text nhanh, rơi vào khoảng 3-5 giây, khác với IDE khác thường phải chờ tầm 10 giây để mở lên - Hỗ trợ nhận diện, tô màu từ khóa cho 20 ngơn ngữ khác HTML, CSS, Javascript, PHP,… Sử dụng xampp để tạo server cho sở dữu liệu Xampp chương trình tạo máy chủ Web (Web Server) tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server công cụ phpMyAdmin Khơng Appserv, Xampp có chương trình quản lý tiện lợi, cho phép chủ động bật tắt khởi động lại dịch vụ máy chủ lúc Xampp mã nguồn mở máy chủ web đa phát triển Apache Friends, bao gồm chủ yếu Apache HTTP Server, MariaDB database, interpreters dành cho đối tượng sử dụng ngôn ngữ PHP Perl Xampp viết tắt Cross-Platform (đa tảng-X), Apache (A), MariaDB (M), PHP (P) Perl (P) Nó phân bố Apache nhẹ đơn giản, khiến lập trình viên dễ dàng tạo máy chủ web local để kiểm tra triển khai trang web Tất thứ cần cho phát triển trang web - Apache (ứng dụng máy chủ), Cơ sở 77 an CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG liệu (MariaDB) ngơn ngữ lập trình (PHP) gói gọn tệp Xampp đa tảng chạy tốt Linux, Windows Mac Hầu hết việc triển khai máy chủ web thực tế sử dụng thành phần XAMPP nên dễ dàng để chuyển từ máy chủ local sang máy chủ online 78 an CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Tổng kết Trong thời gian bắt đầu nhận đề tài đến sau trải qua việc phân tích tìm kiếm hướng giải để thực đề tài nhìn chung nhóm hồn thành mục tiêu mong muốn mà ban đầu đặt Qua việc tự học tìm kiếm thơng tin qua mạng để thực đề tài, nhóm em biết hiểu quy trình xây dựng ứng dụng cách sử dụng cơng cụ hỗ trợ cho việc lập trình, cách phân tích sở liệu, việc giải vấn đề… Qua giúp nhóm em cải thiện nhiều kỹ có thêm nhiều kinh nghiệm 4.1.1 Về mặt lý thuyết Sau thời gian học tập thực nhóm hiểu về: - Hoạt động sử dụng thành thạo Reactjs, React Native, React-routerSpring Framework, Nodejs - Cách tạo, sử dụng sở liệu hệ quản trị sở liệu MySQL - Tìm hiểu, phân tích hệ thống xây dựng website ứng dụng hỗ trợ - giao dịch bất động sản Biết cách cấu hình sử dụng số thư viện đặc biệt : react-map, redux, redux saga Biết cách tạo restful api bằng nodejs 4.1.2 Về mặt thực Xây dựng website ứng dụng hỗ trợ giao dịch bất động sản: - Đối với thành viên: + Chức đăng kí - + Chức đăng nhập + Chức đăng xuất + Chức tìm hộ + Chức bình luận + Chức đặt mua hộ + Cập nhật chỉnh sửa thông tin cá nhân thành viên tên, mật khẩu… + Chức thêm xóa mục yêu thích + Chức xem thơng tin chi tiết hộ Đối với người quản trị: 79 an CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN + Chức đăng nhập, đăng xuất + Chức quản lý hộ + Chức quản lý chi tiết hộ + Có tồn chức thành viên 4.2 Hạn chế Nhìn chung website ứng dụng đạt kết đáng tự hào trình xây dựng Nhưng cịn vài hạn chế số tính chẳng hạn : - Chưa tích hợp tính hỗ trợ đặt cọc bằng thẻ ứng dụng web Chưa tích hợp tính mơ hình trí tuệ nhân tạo (trong việc đề xuất hiển thị hộ) vào dự án - Chưa cấp quyền đăng tải tin tức dành cho khách hàng - Chưa có tính thơng báo cho khách hàng - Ứng dụng chưa cho người dùng xem hết toàn cảnh dự án 4.3 Hướng phát triển đề tài Đề tài xây dựng website mang tiêu chí tối ưu tìm kiếm cho người đề tài không nhỏ Với lượng thời gian kiến thức hạn chế nên đề tài mang tính nhằm giúp người dùng tìm kiếm tham khảo dự án quan tâm nhiều Nếu nói việc tham khảo xong đặt mua đề tài chưa thể bao quát hết Do hướng phát triển đề tài khơng thể thiếu Để có nhìn xa tương lai mang lại sự thỏa mãn cho người, đề tài “Xây dựng ứng dụng website hỗ trợ giao dịch bất động sản” cần phải có hướng phát triển sau: - Việc mua bán bất động sản gặp nhều vấn đề giấy tờ pháp lý việc mua bán oline bất tiện việc xác thực Nên toán đặt cọc mua bất động - - sản cần liên kết với quan có thẩm quền Áp dụng thuật tốn ghi nhớ loại hộ(phong cách , nguyên hộ hay chung cư …) mà khách hàng hay xem mục yêu thích khách hàng để lần đăng nhập đề xuất hiển thị loại hộ đầu tiên hình Người dùng cấp quyền để đăng tải dự án phải sự phê duyệt người quản trị Thêm chức thông báo cho khách hàng người quản trị thêm hộ 80 an CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN - Sẽ cập nhật thêm hình ảnh 3D 360 độ để người dùng xem chi tiết tồn cảnh dự án Với hướng phát triển trên, nhóm tin rằng tương lai ứng dụng web phát triển thị trường người dùng, với tính giúp cho người dùng hài lòng dự án mà họ muốn nhắm tới để đầu tư 81 an TÀI LIỆU THAM KHẢO [1] [2] http://online.khoapham.vn/ https://reactjs.org/tutorial/tutorial.html [3] https://nordiccoder.com/blog/tong-quan-ve-react-native/ [4] https://developers.google.com/maps/documentation/javascript/tutorial [5] https://code.tutsplus.com/vi/articles/tools-for-react-native-development-cms-29791 https://viblo.asia/p/tong-quan-ve-node-js-AeJ1vOdQRkby https://techtalk.vn/mot-cai-nhin-tong-quan-nhat-ve-nodejs.html [6] [7] 82 an S an K L 0 ... hay ứng dụng để tìm dự án mà mong muốn, giúp tiết kiệm thời gian công sức nhiều Ý tưởng xây dựng website ứng dụng giao dịch bất động sản đời với mong muốn trở thành sàn giao dịch bất động sản. .. Tên đề tài: Xây dựng website ứng dụng hỗ trợ giao dịch dự án bất động sản Các số liệu, tài liệu ban đầu: Không Nội dung thực đề tài: Tìm hiểu lý thuyết cơng nghệ, thuật toán áp dụng để thực... Hồ Chí Minh, an tháng 07 năm 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KĨ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỖ TRỢ GIAO DỊCH BẤT ĐỘNG SẢN SVTH : NGUYỄN