khóa luận xây dựng ứng dụng mạng xã hội bất động sản

ĐẠ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 Huỳnh Tấn Duy Huỳnh Phương Duy KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI BẤT ĐỘNG SẢN Building a Social Network application for Real Estate KỸ SƯ NGÀNH CÔNG NGHỆ PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN THS HUỲNH NGUYỄN KHẮC HUY TP HỒ CHÍ MINH, 2021 DANH SÁCH HỘI ĐỒNG BẢO VỆ KHÓA LUẬN Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số ……………… ngày ……………… 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 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ CỘNG HỊA XÃ HỘI CHỦ NGHĨA MINH VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày tháng năm 2021 NHẬN XÉT KHĨA LUẬN TỐT NGHIỆP Tên khóa luận: Xây dựng ứng dụng Mạng xã hội Bất động sản Nhóm sinh viên thực hiện: Huỳnh Tấn Duy - 16520287 Huỳnh Phương Duy - 16520285 Cán hướng dẫn: ThS Huỳnh Nguyễn Khắc Huy Đánh giá Khóa luận: Về báo cáo Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo 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​: Điểm sinh viên: HUỲNH TẤN DUY: ……… /10 HUỲNH PHƯƠNG DUY: ……… /10 ​ gười nhận xét N (Ký ghi rõ họ tên) LỜI CẢM ƠN Sau trình học tập, trau dồi rèn luyện khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM, chúng em trang bị kiến thức tảng, kinh nghiệm thực tế quý báu để hoàn thành khóa luận Chúng em xin chân thành cảm ơn thầy Huỳnh Nguyễn Khắc Huy tận tình giúp đỡ, góp ý, định hướng cho nhóm yêu cầu khóa luận tốt nghiệp, tác phong làm việc tư để thực khóa luận Sự góp ý, khuyên bảo thầy từ giai đoạn ban đầu xun suốt q trình thực khóa luận giúp nhóm hướng sn sẻ thời gian triển khai thực khóa luận Xin gửi lời biết ơn sâu sắc tới nhà trường, thầy cô bạn bè kề vai sát cánh suốt chặng đường năm vừa qua Mong rằng, ln giữ vững tình cảm gia đình để làm hành trang cho đời người Xin chúc điều tốt đẹp đồng hành người Cuối cùng, dù cố gắng khơng thể tránh khỏi sai sót, mong góp ý cảm thơng từ q thầy bạn TP Hồ Chí Minh, tháng 01 năm 2021 Sinh viên HUỲNH TẤN DUY HUỲNH PHƯƠNG DUY ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng Mạng xã hội Bất động sản Cán hướng dẫn: Ths Huỳnh Nguyễn Khắc Huy Thời gian thực hiện: Từ ngày 07/09/2020 đến ngày 11/01/2021 Sinh viên thực hiện: Huỳnh Tấn Duy - 16520287 Huỳnh Phương Duy - 16520285 Nội dung đề tài: Mục tiêu đề tài 1.1 Bối cảnh chọn đề tài Sự phát triển Internet với dân cư TP.HCM ngày nhiều, mạng xã hội dành cho người quan tâm Bất động sản xây dựng để đáp ứng nhu cầu tìm kiếm, đầu tư Bất động sản cho người quan tâm đến Bất động sản nói chung phận TP HCM nói riêng Cùng với diễn biến phức tạp dịch Covid-19 làm cho thị trường Bất động sản trở nên ảm đạm Mạng xã hội công cụ để người tương tác, trao đổi vấn đề Bất động sản với sau đại dịch 1.2 Khảo sát ứng dụng tương tự 1.2.1 Website batdongsan.com.vn - Kênh thông tin Bất động sản - Ưu điểm: ● Có đầy đủ dịch vụ từ mua, bán đến cho thuê dự án Bất động sản ● Phân loại, tìm kiếm nhu cầu rõ ràng - Nhược điểm: ● Chưa phải mạng lưới tương tác trực tiếp bên mua – bán ● Việc đăng tin theo nhu cầu mua, bán, cho thuê tốn khoản phí định 1.2.2 Website/App Ohana - Ứng dụng giúp tìm kiếm, cho thuê nhà riêng, chung cư, phòng trọ - Ưu điểm: ● Phân loại rõ ràng khu vực cần thuê ● Có thể tương tác trực tiếp với người chủ Bất động sản thơng qua inbox, call - Nhược điểm: ● Chỉ dừng lại việc cho thuê, chưa có tính mua bán ● Khơng có tính tương tác mạng xã hội: like, bình luận, nhận thông báo để theo dõi hoạt động, 1.2.3 Marketplace Facebook - Ưu điểm: ● Thông tin rõ ràng, chi tiết bất động sản (Địa chỉ, giá cả, phân loại, ) ● Tương tác với người chủ bất động sản qua messenger - Nhược điểm: ● Hệ thống Marketplace đặt menu tùy chọn, không trực tiếp newsfeed người dùng, khó tiếp cận đến nhiều người ● Marketplace không tập trung vào bất động sản mà bao gồm nhiều mặt hàng khác nên khơng có tính đặc thù cho bất động sản 1.2.4 Kết luận Về chất batdongsan.com.vn ohana website trung gian để mơi giới bên, chưa có hệ thống bình luận, đánh giá, chia sẻ cho bất động sản cụ thể Từ phân tích ưu nhược điểm trên, nhóm chúng em định xây dựng mạng xã hội với điểm khác biệt sau: ● Mạng xã hội chuyên Bất động sản cho phép đăng mua, bán, cho thuê, tìm bạn phạm vi TP HCM với thông tin chi tiết, rõ ràng (Loại hình bất động sản, giá cả, khu vực, hình ảnh, diện tích, ) giúp đối tượng có nhu cầu khảo sát, mua, bán, cách dễ dàng ● Ngồi cơng cụ tìm kiếm website khác: tìm khoảng giá phù hợp, tìm theo quận Hệ thống nhóm cho phép người dùng tìm kiếm phạm vi định không phân biệt quận cách phác họa Google Map Từ có phạm vi cụ thể, sử dụng liệu bất động sản sẵn có để lọc viết theo nhu cầu người dùng ● Hệ thống gợi ý kết nối người đăng người có nhu cầu bất động sản quan tâm đến viết cụ thể Hệ thống đánh giá độ quan tâm đến viết người đọc dựa tiêu chí cụ thể: thời gian đọc bài, hành động thích, bình luận, lưu viết, 1.3 Mục đích đề tài Mạng xã hội bất động sản MyLand thực dựa mục đích sau: ● Nghiên cứu cơng nghệ kĩ thuật lập trình theo xu hướng nay: Microservice, Java Spring, Docker, Angular, ● Phát triển ứng dụng có tính thực tiễn cao, áp dụng vào thực tế nhằm hỗ trợ người dùng nhu cầu mua, bán, cho thuê bất động sản 1.4 Nhiệm vụ đề tài ● Xây dựng hệ thống mạng xã hội cho phép người dùng đăng tin mua, bán, cho th,tìm bạn phịng, ● Tính gợi ý kết nối người đăng tin người đọc người đọc quan tâm đến viết ● Tính tìm khảo sát tình hình bất động sản khu vực định thông qua Google Map API 1.5 Các yếu tố pháp lý, hành chống gian lận ● Mạng xã hội phải xây dựng điều khoản, sách dịch vụ : đối tượng sử dụng, hành vi cho phép mạng xã hội, quyền lợi trách nhiệm người dùng tham gia mạng xã hội ● Điều khoản phải làm rõ mạng xã hội quy định nguyên tắc rõ ràng cho người dùng, không đảm bảo rằng: Sản phẩm luôn an tồn, bảo mật, khơng có nội dung phản cảm sai trái.Người dùng có trách nhiệm với hành vi mạng xã hội ● Ứng dụng cung cấp tính tố cáo cho hành vi sai trái có quyền vơ hiệu hóa tài khoản vi phạm quy định mạng xã hội ● Ứng dụng làm rõ điều khoản dịch vụ : Ứng dụng kênh thông tin để kết nối người dùng với khơng cung cấp tính tốn, giao dịch tài Ứng dụng đảm bảo liệu người dùng đưa lên mạng xã hội lưu trữ để xử lý có cố phát sinh ● Những điều khoản BẮT BUỘC phải đồng ý người dùng muốn đăng ký tài khoản trở thành người dùng ứng dụng Phạm vi đề tài Mạng xã hội bất động sản MyLand xây dựng phía back-end (Java Spring) front-end (Angular), kết hợp Google map API để thực tính tìm kiếm, gợi ý nâng cao Đối tượng nghiên cứu 3.1 Công nghệ ● Java Spring ● Microservice ● Docker ● Angular ● Material UI 3.2 Đối tượng phạm vi hướng đến ● Những cá nhân có nhu cầu việc khảo sát, tìm kiếm, mua, bán nhà đất, hộ,chung cư ● Sinh viên có nhu cầu tìm phòng trọ, bạn phòng phạm vi Tp.HCM Phương pháp thực ● Làm việc nhóm hai thành viên, lên kế hoạch thực cách trao đổi trực tiếp gián tiếp thông qua Messenger, Google Meet, Trello, Google Sheet ● Tham khảo ứng dụng tương tự tư vấn giảng viên hướng dẫn ● Thu thập feedback người dùng để cải thiện nâng cao sản phẩm Kết mong đợi ● Nắm bắt hồn chỉnh quy trình phát triển phần mềm từ giai đoạn khảo sát thị trường release sản phẩm ● Nắm bắt hiểu rõ công nghệ sử dụng ● Nâng cao khả làm việc độc lập theo nhóm ● Xây dựng ứng dụng hồn chỉnh, mượt mà phía server lẫn client Kế hoạch thực hiện: Nhóm chia thành giai đoạn với tổng cộng sprint - Giai đoạn : Lên ý tưởng, phân tích yêu cầu, thiết kế kiến trúc xây dựng chức mạng xã hội dành cho người dùng : tạo tài khoản, đăng nhập, đăng bài, thích, bình luận, chia sẻ, tạo nhóm, nhắn tin Sprint Huỳnh Tấn Duy Huỳnh Phương Duy (07/09/2020 - - Lên ý tưởng cho đề tài - Phân tích ứng dụng 02/10/2020) - Phân tích yêu cầu phần tương tự có thị mềm, xác định chức trường nâng cao, - Thiết kế, phác thảo giao bật phần mềm diện cho ứng dụng - Tìm hiểu cơng nghệ - Tìm hiểu cơng nghệ phía backend cho phần phía front-end cho phần mềm : Microservices, Java, mềm: Typescript, Angular Spring, - Viết tài liệu mô tả API Docker cần thiết cho ứng dụng mạng xã hội 10 ● Lưu viết để xem sau: Hình 5.11: Mục viết lưu ● Xóa/ chỉnh sửa viết mình: Hình 5.12: Cửa sổ sửa viết ● Báo cáo viết vi phạm: 65 Hình 5.13: Cửa sổ báo cáo viết vi phạm ● Điều hướng đến trang cá nhân thân người khác: Hình 5.14: Trang cá nhân ● Tùy chọn tiện ích (Xem viết lưu, …): 66 Hình 5.15: Lối tắt tiện ích ● Tìm kiếm viết theo filter sẵn có: Hình 5.16: Mục tìm kiếm phổ thơng filter sẵn có 67 ● Đăng xuất: Hình 5.17: Mục đăng xuất ● Xem chi tiết viết: Hình 5.18: Giao diện chi tiết viết 68 5.2.2 Giao diện tìm kiếm bất động sản Google Map Hình 5.19: Giao diện tìm kiếm Google Map Với phát triển từ Google đóng góp cộng đồng cho Google Map ngày lớn, nhóm định sử dụng Google Map API cho chức tìm kiếm bất động sản cách vẽ đồ Tại người dùng thực sau: ● Tùy chọn filter phía bên phải đồ (Loại hình BĐS, loại tài sản, mức giá, …) ● Zoom to nhỏ khu vực cần tìm ● Thực thao tác vẽ theo ý muốn ● Xóa hình vẽ để tìm kiếm khu vực khác Google Map API geocode toàn địa viết nằm database hệ thống thành kinh độ vĩ độ Google Map lọc kinh độ vĩ độ nằm khu vực hiển thị đánh dấu viết tương ứng Người dùng dễ dàng khảo sát bất động sản theo nhu cầu cách trực quan 69 Ngồi với tính Browse Street View từ Google Map, người dùng xem hình ảnh thực tế từ địa mà chọn Hình 5.20: Hình ảnh thực tế từ tính Browse Street View 5.2.3 Giao diện đăng nhập/ đăng ký ● Giao diện đăng nhập: Hình 5.21: Giao diện đăng nhập 70 ● Giao diện đăng ký: Hình 5.22: Giao diện đăng ký 5.3 Thiết kế giao diện quản trị viên (admin) ● Giao diện trang chủ - thống kê ( phát triển) Hình 5.23: Giao diện thống kê 71 Với hệ thống thống kê, admin dễ dàng phân tích tình trạng trang web bao gồm: số người online, tổng lượt truy cập, lượt truy cập hàng ngày, hàng tháng , ● Giao diện quản lý viết bị vi phạm Hình 5.24: Giao diện quản lý viết vi phạm 72 ● Giao diện quản lý loại vi phạm Hình 5.25: Giao diện quản lý loại vi phạm 73 ● Tạo mới, chỉnh sửa vi phạm Hình 5.26: Giao diện cửa sổ tạo mới/ xóa vi phạm 74 ● Giao diện quản lý hệ thống gợi ý kết nối người dùng Hình 5.27: ​Giao diện quản lý hệ thống gợi ý kết nối người dùng ● Tạo mới, chỉnh sửa : Hình 5.28: ​Giao diện cửa sổ chỉnh sửa điểm 75 Hình 5.29: G ​ iao diện cửa sổ tạo điểm 76 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 6.1 Kết đạt 6.1.1 Về mặt sản phẩm 6.1.1.1 Ưu điểm ● Hai tính đặc thù cho bất động sản hoàn thiện nhận nhiều feedback tốt từ người dùng: Tính "Tìm khảo sát tình hình bất động sản khu vực định cách vẽ khoanh vùng đồ" giúp làm bật tính chuyên biệt ứng dụng MyLand cho thị trường Bất động sản Trong tính "Tính gợi ý kết nối người đăng tin người đọc người đọc có dấu hiệu quan tâm đăng" ​ t​ hể quan tâm theo dõi đến hành vi người dùng hệ thống, đồng thời nâng cao hội kết nối người dùng hệ thống với ● Hoàn thành tương đối đầy đủ chức MXH đề kế hoạch ● Sản phẩm có khả phát triển mở rộng tốt nhờ áp dụng công nghệ đại Microservices, Spring, Angular, … ● Sử dụng thư viện, API từ bên thứ có hỗ trợ mạnh mẽ: Google, PubNub ● Giao diện thân thiện, dễ sử dụng 6.1.1.2 Nhược điểm ● Sản phẩm thiếu số tính bạn bè, tạo nhóm ● Giao diện cho Admin cịn đơn giản ● Tính chat cịn nhiều thiếu sót, chưa có nhiều tính đa dạng ứng dụng Chat thị trường ● Giao diện Website chưa đáp ứng yêu cầu tính Responsive 77 6.1.2 Về mặt kiến thức kĩ ● Có hội nghiên cứu xây dựng kiến trúc Microservices từ lúc phác thảo thiết kế lúc triển khai ● Hiểu cách thiết kế kiến trúc REST, viết RESTful API ● Làm việc nhóm bản, phân chia cơng việc hợp lý, hợp tác hỗ trợ lẫn có ý thức trách nhiệm với công việc thành viên ● Thành thạo với công nghệ tảng Java, Typescript, Spring, Angular ● Học cách sử dụng hiệu công cụ hỗ trợ cho công việc : Figma (thiết kế giao diện), Google Meet (Video Meeting), Google Sheet (lên kế hoạch), Trello (quản lý công việc) 6.2 Hướng phát triển ● Phát triển tính mới: bạn bè, tạo nhóm, kiện, thống kê admin ● Nghiên cứu thêm PubNub để cải thiện hệ thống chat, Google Map API để phát triển việc tìm kiếm cửa hàng, nhà hàng, tiện ích xung quanh, bất động sản định ● Kêu gọi đầu tư để trì phát triển Server, tăng mức chịu tải, tăng hiệu ứng dụng ● Nghiên cứu sử dụng Terraform để việc deploy ứng dụng trở nên nhanh tiện ● Nâng cấp giao diện để đáp ứng tính Responsive, nhằm thích ứng với nhiều diện tích hình khác ● Quảng cáo để đưa sản phẩm tới nhiều người dùng Thu thập feedback để cải thiện ứng dụng 78 TÀI LIỆU THAM KHẢO [1] "Java Powers Our Digital World" https://go.java/?intcmp=gojava-banner-java-com [2] "Why Spring ?" ​https://spring.io/why-spring [3] "Building a RESTful Web Service" ​https://spring.io/guides/gs/rest-service/ [4] "Building REST services with Spring" ​https://spring.io/guides/tutorials/rest/ [5] "Spring Boot and OAuth2" ​https://spring.io/guides/tutorials/spring-boot-oauth2/ [6] "Microservice Architecture pattern" https://microservices.io/patterns/microservices.html [7] "Netflix Eureka Discovery – Microservices" https://dzone.com/articles/netflix-eureka-discovery-microservice [8] "Get to Know Netflix's Zuul" https://dzone.com/articles/spring-cloud-netflix-zuul-edge-serverapi-gatewayga [9] "Spring Boot Microservices with Eureka and Zuul proxy" https://medium.com/@iroshan.du/spring-boot-micro-services-with-eureka-and-zuulproxy-with-fegin-client-68a3ad78453b [10] "An Introduction to OAuth 2" https://www.digitalocean.com/community/tutorials/an-introduction-to-oauth-2 [11] "How to Implement Oauth2 Security in Microservices" https://dzone.com/articles/how-to-achieve-oauth2-security-in-microservices-di [12] "What is REST" ​https://restfulapi.net/ [13] “Angular”.​https://angular.io/docs [14] “Real-time communication” ​https://www.pubnub.com/ [15] “​The Maps JavaScript API​”  https://developers.google.com/maps/documentation/javascript/overview 79 ... Filter Bộ lọc 14 BĐS Bất động sản 15 Component Thành phần/ Đối tượng triển khai phía giao diện website 20 TĨM TẮT KHĨA LUẬN Khóa luận "Xây dựng Ứng dụng Mạng xã hội Bất động sản" gồm chương: Chương... dân cư TP.HCM ngày nhiều, mạng xã hội dành cho người quan tâm Bất động sản xây dựng để đáp ứng nhu cầu tìm kiếm, đầu tư Bất động sản cho người quan tâm đến Bất động sản nói chung phận TP HCM... đánh giá, chia sẻ cho bất động sản cụ thể Từ phân tích ưu nhược điểm trên, nhóm chúng em định xây dựng mạng xã hội với điểm khác biệt sau: ● Mạng xã hội chuyên Bất động sản cho phép đăng mua,