KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG ĐÁNH GIÁ VÀ TƯ VẤN HỖ TRỢ LỰA CHỌN BẤT ĐỘNG SẢN BẰNG CHATBOT

ĐẠ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 NGUYỄN DZỖN HỒNG KHÁNH DUY KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG ĐÁNH GIÁ VÀ TƯ VẤN HỖ TRỢ LỰA CHỌN BẤT ĐỘNG SẢN BẰNG CHATBOT Build application for support evaluation and consulting real estate selection by chatbot KỸ SƯ NGÀNH CƠNG NGHỆ 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 NGUYỄN DZỖN HỒNG KHÁNH DUY– 16520292 KHĨA LUẬN TỐT NGHIỆP ỨNG DỤNG HỖ TRỢ ĐÁNH GIÁ VÀ TƯ VẤN LỰA CHỌN BẤT ĐỘNG SẢN BẰNG CHATBOT BUILD APPLICATION FOR SUPPORT EVALUATION AND CONSULTING REAL ESTATE SELECTION BY CHATBOT KỸ SƯ NGÀNH CÔNG NGHỆ PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN TS ĐỖ THỊ THANH TUYỀN TS NGUYỄN TRỊNH ĐÔNG 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Í MINH CỘNG HỒ XÃ HỘI CHỦ NGHĨA 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 KHOÁ LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khoá luận: ỨNG DỤNG HỖ TRỢ ĐÁNH GIÁ VÀ TƯ VẤN LỰA CHỌN BẤT ĐỘNG SẢN BẰNG CHATBOT Nhóm sinh viên thực hiện: Cán hướng dẫn: Nguyễn Dzỗn Hồng 16520292 TS Nguyễn Trịnh Đơng Khánh Duy TS Đỗ Thị Thanh Tuyền Đá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: Nguyễn Dzoãn Hoàng Khánh Duy: /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỒ XÃ HỘI CHỦ NGHĨA 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 KHOÁ LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khoá luận: ỨNG DỤNG HỖ TRỢ ĐÁNH GIÁ VÀ TƯ VẤN LỰA CHỌN BẤT ĐỘNG SẢN BẰNG CHATBOT Nhóm sinh viên thực hiện: Cán phản biện: Nguyễn Dzỗn Hồng 16520292 Khánh Duy Đá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: Nguyễn Dzỗn Hồng Khánh Duy: /10 Người nhận xét (Ký tên ghi rõ họ tên) LỜI CẢM ƠN Trong suốt năm theo học khoa Công nghệ phần mềm trường Đại học Công nghệ Thơng tin Em tìm tịi trang bị nhiều kiến thức việc sử dụng cơng nghệ cốt lõi lập trình kỹ thực tế để hồn thành Khóa luận tốt nghiệp Chúng em xin gửi lời cảm ơn chân thành đến TS Đỗ Thị Thanh Tuyền, TS Nguyễn Trịnh Đông đặc biệt ThS Trần Anh Dũng giúp đỡ em cách nhiệt tình Qua lời gợi ý em tiếp tục nghiên cứu công nghệ lên ý tưởng để hồn thành luận văn tốt nghiệp Em xin gửi lòng biết ơn sâu sắc đến gia đình tạo điều kiện vật chất, tinh thần, động viên để hỗ trợ em khóa luận suốt thời gian qua Cuối em xin gửi lời chào đến người bạn giúp đỡ em thực khóa luận suốt thời gian đồng hành vui thời gian nghiên cứu, học tập có giây phút vui vẻ, hạnh phúc thời sinh viên đàng nhớ Trong trình làm khóa luận chúng em khơng tránh khỏi sai sót, mong q thầy lỗi sai để em rút kinh nghiệm cho thân để tránh lỗi lầm nghiêm trọng sau Em xin chân thành cảm ơn Xin gửi tới người lời chúc sức khỏe tốt đẹp có nhiều niềm vui hạnh phúc sống mặt nghiệp, gia đình mối quan hệ TP Hồ Chí Minh, tháng năm 2021 Sinh viên (Ký tên ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỒ XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập – Tự Do – Hạnh Phúc CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: ỨNG DỤNG HỖ TRỢ ĐÁNH GIÁ VÀ TƯ VẤN LỰA CHỌN BẤT ĐỘNG SẢN BẰNG CHATBOT TÊN ĐỀ TÀI ( TÊN TIẾNG ANH ): BUILD APPLICATION TO SUPPORT EVALUATION AND CONSULTING REAL ESTATE SELECTION BY CHATBOT Cán hướng dẫn: TS Đỗ Thị Thanh Tuyền TS Nguyễn Trịnh Đông Thời gian thực hiện: Từ ngày 01/03/2021 đến ngày 27/06/2021 Sinh viên thực hiện: Nguyễn Dzỗn Hồng Khánh Duy– 16520292 Nội dung đề tài: • Giới thiệu: - Hiện công nghệ thông tin phát triển mạnh mẽ ngày phổ biến, tác động đến mặt xã hội Đồng thời nhu cầu nhà chỗ sinh hoạt nhu cầu cấp thiết hàng ngày người, đặc biệt thời nay, muốn có phịng riêng để tiện sinh sống Nắm bắt xu này, công ty Nhưng việc tiếp cận trang thơng tin có nhanh chóng vấn đề lớn - Doanh nghiệp, tổ chức, cá nhân nói chung bắt đầu triển khai công nghệ thông tin vào việc thu thập, chia sẻ thông tin nhà đất giúp cho người dễ dàng tìm kiếm nơi phù hợp nhanh chóng Nhưng với thực trạng thơng tin nay, nhiều website chia sẻ thông tin bất động sản cách tràn lan khiến người dùng hoang mang thơng tin loại hình dịch vụ mà họ cần song song mối lo tài thơng tin khơng thật • Lý chọn đề tài: - Mong muốn tạo ứng dụng giúp cho doanh nghiệp cá nhân đăng chia sẻ thông tin bất động sản cho Khách hàng tìm thông tin bất động sản phù hợp với nhu cầu thân - Việc nhiều thông tin làm cho người dùng trở nên rối loạn chọn lựa loại thông tin cho phù hợp => giải pháp cần có trợ lý ảo hỗ trợ để tư vấn cho khách hàng - Nhận thấy hạn chế việc quản lý thông tin buôn bán bất động sản qua từ giấy phát đường, em thực đề tài thiết kế Website thu thập chia sẻ thông tin bất động sản đồng thời tích hợp chatbot để giúp cho người thuận tiện việc tìm kiếm thơng tin bất động sản - Nhóm tham khảo trang tin tức (batdongsan.com.vn, propzy.vn) nhận thấy trang chưa có tích hợp 4.3.4.1 Giao diện đăng thơng tin lên website Hình 4.31 - Giao diện đăng thơng tin lên website STT Tên thành phần Câu trả lời Loại thành phần Text Mô tả thành phần Trả thông tin phù hợp mà người dùng cung cấp Link chuyển Link Chuyển hướng người dùng đến trang trang chủ để thực thao tác đăng viết Bảng 4.43 - Bảng mô tả thành phần giao diện đăng thông tin lên website 93 4.3.4.2 Giao diện tham quan website Hình 4.32 - Giao diện tham quan website STT Tên thành phần Câu trả lời Loại thành phần Text Mô tả thành phần Trả thông tin phù hợp mà người dùng cung cấp Link chuyển Link Chuyển hướng người dùng đến trang trang chủ để tiếp tục tìm kiếm thơng tin bất động sản Bảng 4.44 - Bảng mô tả thành phần giao diện danh sách quận trung tâm 94 4.3.4.3 Giao diện hỗ trợ tư vấn Hình 4.33 - Giao diện tham quan website STT Tên thành phần Danh sách gợi ý Loại thành phần Quick reply Mô tả thành phần Danh sách câu trả lời nhanh phù hợp để chatbot tiếp tục tư vấn Câu gợi ý Text Gợi ý thông tin mà người dùng nên nhập để tiếp tục tiến hành tư vấn Bảng 4.45 - Bảng mô tả thành phần giao diện tham quan website 95 4.3.4.4 Giao diện tư vấn xác định loại hình bất động sản cần tìm Hình 4.34 - Giao diện tư vấn xác định loại hình bất động sản cần tìm 96 STT Tên thành phần Loại thành phần Mô tả thành phần Danh sách bất Carousel + List + Danh sách kết trả gồm động sản Card nút xem thông tin để chuyển hướng website chọn tư vấn thông tin khác Câu trả lời Text Câu trả lời thông báo tồn kết website Bảng 4.46 - Bảng mô tả thành phần giao diện tư vấn xác định loại hình bất động sản cần tìm 4.3.4.5 Giao diện thơng tin lọc hỗ trợ tư vấn 97 Hình 4.35 - Giao diện thông tin lọc hỗ trợ tư vấn STT Tên thành phần Loại thành phần Mô tả thành phần Danh sách bất Carousel + List + Danh sách kết trả gồm động sản Card nút xem thông tin để chuyển hướng website chọn tư vấn thông tin khác Câu trả lời Text Câu trả lời thông báo tồn kết website Bảng 4.47 - Bảng mô tả thành phần giao diện thông tin lọc hỗ trợ tư vấn 4.3.4.6 Giao diện thông tin lọc từ người dùng 98 Hình 4.36 - Giao diện thơng tin lọc thông tin người dùng STT Tên thành phần Loại thành phần Mô tả thành phần Danh sách bất Carousel + List + Danh sách kết trả gồm động sản Card nút xem thông tin để chuyển hướng website chọn tư vấn thông tin khác Câu trả lời Text Câu trả lời thông báo tồn kết website Bảng 4.48 - Bảng mô tả thành phần giao diện thông tin lọc thông tin người dùng 99 4.4 Sơ đồ kịch chatbot Hình 4.37 - Sơ đồ kịch chatbot 100 Chương KIỂM THỬ PHẦN MỀM 5.1 Cấu hình máy kiểm thử: - Dòng máy: Laptop DELL XPS, Lenovo, ASUS GR752 - Hệ điều hành: Windows 10 - Độ phân giải hình: Full HD - Trình duyệt sử dụng: Google Chrome 5.2 Kiểm thử giao diện: STT Yêu cầu test Màu sắc hiển thị Màu sắc phải hài hòa với bố cục True ứng dụng Yêu cầu kết Kết tổng, kết hợp tơng màu màu cam để làm cho trang dễ bắt mắt Kích thước đối Kích thước đối tượng phù hợp True tượng ứng dụng với kích thước website, hiển thị tốt Và kích thước đối tượng cần bật khơng q lớn Sắp xếp trang Sắp xếp trang tương đối hợp True lý, giúp người dùng dễ hình dung cách sử dụng chuyển trang website Giao diện đơn giản, dễ Các phần tử gọn gàng, xếp True sử dụng hợp lí, có sử dụng animation cho website trở nên thêm sinh động 101 Giao diện chatbot Phù hợp dễ sử dụng, người dùng True tương tác với chatbot dễ dàng ngôn ngữ tiếng Việt Bảng 5.1 - Bảng kiểm thử giao diện 5.3 Kiểm thử chức năng: STT Yêu cầu test Kiểm tra chức Người dùng sau đăng nhập Pass đăng nhập Yêu cầu kết Kết tài khoản mật truy cập vào hệ thống Kiểm tra chức Người dùng sau nhập Pass đăng ký thông tin cần thiết mà hệ thống yêu cầu tạo tài khoản Kiểm thử chức Liên kết với tài khoản paypal để Pass nạp tiền vào tài khoản tiến hành nạp rút tiền vào tài khoản Kiểm thử chức Cho phép xem thông tin chi tiết Pass quản lý viết viết, tạo viết bình luận cho viết 102 Kiểm thử chức Người dùng sau nhập Pass tìm kiếm, lọc đăng thơng tin tìm kiếm lọc thơng tin đăng cho phù hợp Kiểm thử chức - Cho phép người dùng bình luận Pass bình luận cho viết cụ thể Kiểm thử chức tư Cho phép người dùng lọc thông Pass vấn chatbot tin tư vấn cách phù hợp Bảng 5.2 - Bảng kiểm thử chức 103 Chương KẾT LUẬN, HƯỚNG PHÁT TRIỂN 6.1 Kết đạt Trong trình thực luận văn, cá nhân em thu thập nhiều kiến thức công nghệ mới, hiểu hồn thiện quy trình làm sản phẩm có hội ứng dụng điều hiểu vào ứng dụng thực tế Kinh nghiệm làm luận văn kinh nghiệm quý báu để sử dụng sống sau Qua trình nghiên cứu đúc kết lại thứ làm, em nhận thấy thân thu thập kiến thức áp dụng chúng sau: - Tìm hiểu kỹ framework ReactJS Nextjs - Hiểu cách hoạt động chatbot, cách hoạt động Dialogflow Google cung cấp Ứng dụng vào thực tiễn app - Tìm hiểu framework php Laravel, hiểu chế hoạt động laravel, tích hợp cổng tốn, tìm hiểu jwt token áp dụng cho quy trình đăng nhập - Crawl thơng tin từ trang web lưu liệu crawl xuống database - Hiểu quy trình tư vấn nghiệp vụ bất động sản để tiến hành xây dựng chatbot với kịch thật phù hợp - Tìm hiểu số framework aniamtion Tilt - Tìm hiểu áp dụng Design System Uber ( baseUI ) - Nâng cao khả tổ chức file SASS 6.2 Ưu điểm Những ưu điểm mà ứng dụng mang lại: - Hệ thống cung cấp giao diện dễ sử dụng cho người dùng 104 - Cung cấp chatbot để người dùng hỗ trợ tư vấn, tư vấn mở rộng nhiều chức giúp người dùng thoải mái lọc bất động sản phù hợp cho - Có thể chat trực tiếp với nhân viên Messenger 6.3 Nhược điểm - Cơ sở liệu từ trang propzy nên chưa đủ lớn bao quát - Chưa tối ưu code, tốc độ ứng dụng chậm - Chatbot hỗ trợ tảng Facebook Messenger - Chưa có giao diện cho admin - Chức website chưa đủ nhiều 6.4 Khó khăn - Khi tích hợp số thư viện bên dễ bị lỗi, phải loại bỏ thay đổi thuộc tính - Một số animation tích hợp vào nặng => loại bỏ animation nặng dẫn đến ảnh hưởng đến tốc độ trang - Khi sử dụng component baseweb design tài liệu chưa đủ nên gặp số khó khăn ghi đè phần tử styles trang 6.5 Hướng phát triển Đề tài cho phép mở rộng phát triển nhằm xây dựng ứng dụng hoàn chỉnh: - Gợi ý hỗ trợ lọc thông tin với người dùng ( theo địa lý, theo sở thích, ) - Hỗ trợ chatbot đa tảng như: Skype, Zalo, Telegram - Nâng cấp hệ thống không thao tác văn giao diện mà cịn giọng nói - Cung cấp thêm nhiều lĩnh vực chatbot hỗ trợ dựa tảng sẵn có 105 - Có thêm giao diện admin để quản lý người dùng, đăng, thống kê cho website - Đặt lịch hẹn cho khách hàng để nhân viên liên hệ tư vấn thông tin - So sánh giá bất động sản khác để đưa kết vừa ý cho khách hàng - Thêm tính yêu thích, quản lý bất động sản mà người dùng thích 106 TÀI LIỆU THAM KHẢO [1] Nodejs [Online] Available:https://nodejs.org/en/ [2] Mysql [Online] Available: https://dev.mysql.com/doc/ [3] Nextjs [Online] Available: https://nextjs.org/docs/getting-started [4] Sass [Online] Available: https://sass-lang.com/documentation [5] Basedweb Component [Online] Available: https://baseweb.design/ [6] Stack Overflow [Online] Available: https://stackoverflow.com/ [7] Node Package Manager [Online] Available: https://www.npmjs.com/ [8] React – A JavaScript library for building user interfaces [Online] Available: https://reactjs.org/ [9] Facebook Developer Document [Online] Available: https://developers.facebook.com/docs/ [10] Dialogflow Document [Online] Available: https://cloud.google.com/dialogflow/docs 107 ... BIỆN) Tên khoá luận: ỨNG DỤNG HỖ TRỢ ĐÁNH GIÁ VÀ TƯ VẤN LỰA CHỌN BẤT ĐỘNG SẢN BẰNG CHATBOT Nhóm sinh viên thực hiện: Cán phản biện: Nguyễn Dzỗn Hồng 16520292 Khánh Duy Đánh giá Khóa luận Về báo... ỨNG DỤNG HỖ TRỢ ĐÁNH GIÁ VÀ TƯ VẤN LỰA CHỌN BẤT ĐỘNG SẢN BẰNG CHATBOT Nhóm sinh viên thực hiện: Cán hướng dẫn: Nguyễn Dzỗn Hồng 16520292 TS Nguyễn Trịnh Đơng Khánh Duy TS Đỗ Thị Thanh Tuyền Đánh. .. KHĨA LUẬN TỐT NGHIỆP ỨNG DỤNG HỖ TRỢ ĐÁNH GIÁ VÀ TƯ VẤN LỰA CHỌN BẤT ĐỘNG SẢN BẰNG CHATBOT BUILD APPLICATION FOR SUPPORT EVALUATION AND CONSULTING REAL ESTATE SELECTION BY CHATBOT KỸ SƯ NGÀNH