ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN 1 Đề tài Xây dựng ứng dụng gợi ý địa điểm homestay Giáo viên hướng dẫn Trần Thị Thanh Trúc Lớp SE121 M21 PMCL Si.
ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN Đề tài: Xây dựng ứng dụng gợi ý địa điểm homestay Giáo viên hướng dẫn: Trần Thị Thanh Trúc Lớp: SE121.M21.PMCL Sinh viên thực hiện: Vũ Đặng Khương Duy – 19520496 Đinh Huỳnh Thái Bình – 19521264 Thành phố Hồ Chí Minh, 5/2022 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN BÁO CÁO ĐỒ ÁN Đề tài: Xây dựng ứng dụng gợi ý địa điểm homestay Giáo viên hướng dẫn: Trần Thị Thanh Trúc Lớp: SE401.M22.PMCL Sinh viên thực hiện: Vũ Đặng Khương Duy – 19520496 Đinh Huỳnh Thái Bình – 19521264 Thành phố Hồ Chí Minh, 5/2022 DANH SÁCH THUẬT NGỮ VIẾT TẮT STT Từ viết tắt API BTS GPS OOA PHP Ý nghĩa Viết tắt Application Programming Interface - Giao diện lập trình ứng dụng Viết tắt Base Transceiver Station -Trạm thu phát sóng di động Viết tắt Global Positioning System - Hệ thống định vị toàn cầu Viết tắt Object Oriented Analysis - Phân tích theo hướng đối tượng Viết tắt Hypertext Preprocessor - Ngôn ngữ lập trình kịch mã nguồn mở LỜI CẢM ƠN Sau trình học tập 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 bản, kỹ thực tế để lần đầu thực Đồ án Để hồn thành Đồ án này, chúng em xin gửi lời cảm ơn chân thành đến: Ban Giám hiệu trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM tạo điều kiện sở vật chất với hệ thống thư viện đại, đa dạng loại sách, tàiliệu thuận lợi cho việc tìm kiếm, nghiên cứu thông tin Chúng em xin gửi lời cảm ơn chân thành đến thầy Nguyễn Thị Thanh Trúc tận tình giúp đỡ, định hướng cách tư cách làm việc khoa học Đó góp ý q báu khơng q trình thực luận văn mà hành trang tiếp bước cho chúng em trình học tập lập nghiệp sau Và cuối cùng, chúng em xin gửi lời cảm ơn đến gia đình, tất thầy cô khoa, bạn bè, tập thể lớp KTPM2019 người sẵn sàng sẻ chia giúp đỡ học tập sống Mong rằng, mãi gắn bó với Trong q trình làm Đồ án chúng em không tránh khỏi sai sót, chúng em kính mong nhận dẫn góp ý q thầy để hồn thiện phát triển đồ án mơn học Đồ án Khóa luận tốt nghiệp tương lai Chúng em xin chân thành cảm ơn Xin chúc điều tốt đẹp đồng hành người Thành phố Hồ Chí Minh, … tháng … năm 2022 Sinh Viên Đinh Huỳnh Thái Bình Vũ Đặng Khương Duy Mục lục Chương GIỚI THIỆU ĐỀ TÀI 1.1 Giới thiệu chung 1.2 Đối tượng nghiên cứu 1.3 Phạm vi đề tài 1.3.1 Phạm vi chức năng: 10 1.4 Hướng tiếp cận 10 1.4.1 Khảo sát ứng dụng liên quan 10 1.4.2 Khảo sát người dùng 11 Chương CƠ SỞ LÝ THUYẾT VÀ CÔNG NGHỆ 14 2.1 Lựa chọn màu sắc 14 2.2 Cơ sở lí thuyết 21 2.2.1 Kmean Clustering algorithms 22 2.3 Cơ sở công nghệ 26 2.3.1 Reactjs 26 2.3.2 Github 27 2.3.3 Javascript 28 2.4 TypeScript 29 2.5 Nestjs 30 2.6 Tailwind CSS 30 Chương PHÂN TÍCH HỆ THỐNG 32 3.1 Luồng xử lí chung 32 3.2 Phân thích kiến trúc hệ thống: 32 3.3 Phân tích yêu cầu hệ thống: 33 3.3.1 Yêu cầu chức năng: 33 3.3.2 Yêu cầu phi chức năng: 34 Chương THIẾT KẾ HỆ THỐNG 35 4.1 Thiết kế sơ đồ Use Case Diagram 35 4.1.1 Sơ dồ Use Case 35 4.1.2 Danh sách Actor 35 4.1.3 Danh sách Use Case 35 4.1.4 Đặc tả Use Case 36 4.2 Thiết kế sơ đồ Database Diagram 40 4.2.1 Sơ đồ tổng quát 40 4.3 Thiết kế sơ đồ Sequence Diagram 41 4.3.1 Tìm kiếm địa điểm 41 4.3.2 Xem địa điểm đồ 42 4.3.3 Tìm đường địa điểm 43 4.3.4 Xem thông tin chi tiết homestay 44 4.4 Thiết kế sơ đồ Activity Diagram 45 4.5 Thiết kê giao diện người dùng 46 4.5.1 Giao diện trang chủ 46 4.5.2 Giao diện danh sách homestay 50 4.5.3 Giao diện chi tiết homestay 53 4.5.4 Giao diện hiển thị đồ 54 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 55 5.1 Kết đạt 55 5.1.1 Lý thuyết 55 5.1.2 Công nghệ 55 5.1.3 Ứng dụng 55 5.2 Hạn chế 56 5.3 Hướng phát triển 56 Chương GIỚI THIỆU ĐỀ TÀI 1.1 Giới thiệu chung Việt Nam đất nước thiên nhiên ban tặng nhiều danh lam thắng cảnh đẹp Đó điểm đến du lịch hấp dẫn khách nước đặc biệt khách du lịch người nước Năm 2018, Việt Nam đón 15,5 triệu lượt khách quốc tế, phục vụ 80 triệu lượt khách nội địa, tổng thu từ khách du lịch ước đạt 637.000 tỷ đồng Đóng góp trực tiếp ngành Du lịch ước đạt 8,39% GDP nước Du lịch góp phần quan trọng phát triển ngành, lĩnh vực liên quan khác, góp phần nâng cao vị đất nước Nhưng đại dịch Covid-19 tác động tiêu cực đến lĩnh vực kinh tế, có ngành du lịch Việt Nam, lượng khách du lịch quốc tế du lịch nước sụt giảm nghiêm trọng so với trước dịch bệnh xuất Khách quốc tế đến nước ta tháng 5/2021 ước tính đạt 13,4 nghìn lượt người, giảm 30,8% so với tháng trước giảm 40,6% so với kỳ năm trước Tính chung tháng đầu năm 2021, khách quốc tế đến nước ta ước tính đạt 81 nghìn lượt người, giảm 97,8% so với kỳ năm trước, khách đến đường hàng khơng đạt 50,5 nghìn lượt người, giảm 98,3%; đường đạt 30,3 nghìn lượt người, giảm 94,5%; đường biển đạt 193 lượt người, giảm 99,9% Thời điểm sau đại dịch, Chính phủ ban hành Nghị tổ chức chương trình phát động du lịch nhằm mục địch kích cầu, phục hồi, vực dậy ngành di lịch nước Nhằm góp phần sức lực trình hồi phục nên du lịch nước nhà Nhóm chúng em định xây Hệ thống chia sẻ Homestay để giúp người dùng tra cứu thơng tin địa điểm tìm đường phù hợp dự đốn chi phí Cùng với đó, người dùng đặt câu hỏi điểm đến, khách sạn, nhà hàng, thời tiết hay câu hỏi khác, hệ thống cung cấp cho bạn đầy đủ thơng tin có nhiều người từ có kinh nghiệm hiểu biết trả lời cho bạn Những chuyến kinh nghiệm thực tế người dùng chia sẻ cho người khác, từ dễ dàng thiết kế lịch trình cho chuyến 1.2 Đối tượng nghiên cứu Đối tượng nghiên cứu đề tài bao gồm phía người dùng nhà cung cấp thông tin Homestay Khi truy vào hệ thống, người dùng truy cập hệ thống để xem thơng tin địa điểm, bình luận hình ảnh người dùng hệ thống đăng tải địa điểm nhằm giới thiệu kinh nghiệm du lịch họ cho người khác, tìm kiếm địa điểm homestay có sẵn hệ thống Đồng thời người dùng phép bình luận đăng tải hình ảnh trải nghiệm địa điểm, lưu lại địa điểm du lịch đơn vị cung cấp dịch vụ để xem sau, chia sẻ địa điểm lên trang mạng xã hội; thêm địa điểm du lịch phát khai phá nhanh chóng cách đăng tải hình ảnh địa điểm, vị trí địa điểm định vị tự động người dùng viết Nhóm chủ Homestay cung cấp dịch vụ du lịch phép truy cập hệ thống khách du lịch, đồng thời nhóm người thêm thông tin giá tiền, dịch vụ homestay mà cung cấp cho khách du lịch biết đến Nhóm quản trị quản trị tài khoản người dùng (cấp quyền, sửa, vô hiệu tài khoản), thông tin địa điểm du lịch, liệu Tỉnh thành, quản lý viết nhóm người dùng cịn lại, quản lý tin tức du lịch, quản lý loại hình dịch vụ 1.3 Phạm vi đề tài Ứng dụng gợi ý vị trí homestay có phần chính, phần ứng dụng giúp người dùng tìm kiếm địa điểm thao tác với hệ thống chạy tảng web, xây dựng thư viện lập trình ReactJs ngơn ngữ Javascript Phần tiền xử lí liệu chuẩn hoá nằm backend ứng dụng chạy môi trường NodeJs sử dụng framework NestJs ngôn ngữ lập trình Typescript – xây dựng Javascript Module cuối module gợi ý, xây dựng ngơn ngữ lập trình Python, module chính, đầu não hệ thống Hệ thống tập trung vào việc đưa gợi ý địa điểm nhà trọ, khách sạn, homestay phạm vi thành phố Đà Lạt, tỉnh Lâm Đồng, Việt Nam Tổng cộng có 356 địa điểm nằm rải rác tồn thành phố Sau đó, người dùng sử dụng gợi ý hệ thống đưa nhằm đưa lịch trình tốt cho chuyến Hệ thống khơng chịu trách nhiệm tốn cho người dùng mà chuyển người dùng đến trang web thứ (Booking.com – trang web lớn, có uy tín lĩnh vực đặt phòng khách sạn) người dùng thực đặt phịng, tốn theo gợi ý mà hệ thống đưa 1.3.1 Phạm vi chức năng: Như đề cập phạm vi đề tài, hệ thống khơng tích hợp chức tốn Người dùng có nhu cầu tốn sử dụng trang web thứ hệ thống đưa để tốn thực đặt phịng Cung cấp khả tìm kiếm homestay, khách sạn, nhà nghỉ với 300 địa điểm chọn lựa Trực quan hoá gợi ý cho người dùng cách sử dụng đồ cung cấp google map Ngoài hệ thống gợi ý tuyến đường di chuyển ngắn cho người dùng Trực quan hố thơng tin: Để giúp người dùng đưa lựa chọn tốt hơn, hệ thống thu nhập đánh giá, hình ảnh, bình luận người dùng có thực khác từ nguồn đáng tin cậy Các thông tin đưa gồm: Hình ảnh địa điểm, chi tiết phịng; dịch vụ cung cấp miễn phí/tính phí khách sạn, homestay, nhà nghỉ chủ quản cung cấp; thời gian đặt phòng, số lượng người phòng, mức giá, 1.4 Hướng tiếp cận 1.4.1 Khảo sát ứng dụng liên quan Ứng dụng Traveloka Ưu điểm Giao diện đẹp Nhược điểm Chưa có recommend địa điểm route Địa điểm lớn, khơng có homestay nhỏ 10 4.3.2 Xem địa điểm đồ 42 4.3.3 Tìm đường địa điểm 43 4.3.4 Xem thông tin chi tiết homestay 44 4.4 Thiết kế sơ đồ Activity Diagram 45 4.5 Thiết kê giao diện người dùng STT Tên hình Giao diện trang chủ Giao diện danh sách homestay Giao diện chi tiết homestay Giao diện hiển thị đồ Ý nghĩa / Ghi Hiện thị thông tin chung hệ thống như: sách, địa điểm quan tầm gần nhất, … Hiển thị danh sách homestay hệ thống, … Hiện thị thông tin cụ thể homestay như: tên, địa chỉ, hình ảnh, … Hiện thị địa điểm homestay đồ, … 4.5.1 Giao diện trang chủ Giao diện gồm thành phần: header, content, recommend,… 46 47 Phần đầu trang sẻ thị banner giời thiệu, người dùng co thể chuyển đến trang danh sách cách homestay có sẵn hệ thống Khi scroll xuống hệ thống thị khung tìm kiếm cho người dùng nhập địa điểm muốn tìm kiếm Phần hiển thị sách ưu đãi hệ thống 48 Tiếp đến hệ thống thị địa điểm quan tâm gần nhất, gợi ý tùy chọn cho người dùng tham khảo Và cuối phần hiển thị đánh giá kèm với mức độ hài lòng khách hàng sau trải nghiệm gợi ý tìm hệ thống phần footer thị thông tin kết nối đường dẫn thơng tin thêm tồn hệ thống 49 4.5.2 Giao diện danh sách homestay 50 Phần đầu trang sẻ thị banner giời thiệu, thị vị trí người dùng trang web Khi scroll xuống hệ thống thị phần: • Phần sidebar bên trái khung tìm kiếm cho người dùng nhập địa điểm muốn tìm kiếm số lượng người tham gia để hệ thống lọc đưa danh sách tốt đến người dùng • Phần danh sách bên phải thị kết thông tin tim kiếm đạt hệ thống sau phân tích yêu cầu người dùng nhập bên phần sidebar 51 Và cuối phần hiển thị đánh giá kèm với mức độ hài lòng khách hàng sau trải nghiệm gợi ý tìm hệ thống phần footer thị thông tin kết nối đường dẫn thơng tin thêm tồn hệ thống 52 4.5.3 Giao diện chi tiết homestay 53 Giao diện thị thành phần: • Phần text thị nơi người dùng đứng trang web • Phần text thị tên địa điểm, địa chỉ, … • Phần slider hiển thị danh sách hình ảnh homestay • Có nút để người dùng chuyển đến trang đặt phịng xem vị trí địa điểm đồ 4.5.4 Giao diện hiển thị đồ Giao diện thị thành phần: • Phần đánh dấu địa điểm đồ • Khung tìm kiếm đường địa điểm • Các text hiển thị thông tin khoảng cách, thời gian lại địa điểm • Các nút phóng to, thu nhỏ đồ • Các nút xóa thơng tin nhập khung nhập địa điểm • Nut quay bị trí trung tâm 54 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết đạt 5.1.1 Lý thuyết ● Hiểu toán gợi ý địa điểm thực tế ● Hiểu áp dụng hệ thống recommend system ● Sử dụng cơng nghệ liên quan để giải tốn ● Giải tốn đa dạng thuộc tính sản phẩm phía người mua người bán ● Hiểu triển khai nghiệp vụ ứng dụng mua bán phong thủy trực tuyến 5.1.2 Công nghệ ● ReactJs: đồ án sử dụng reactjs để xây dựng frontend, tạo giao diện giúp người dùng tương tác với hệ thống ● MongoDB: sử dụng mongodb để chứa liệu hệ thống ● Nestjs: sử dụng nestjs để xậy dựng backend, cung cấp api để lấy liệu update thông tin ● Tailwind CSS: sử dụng tailwind css để xây dựng giao diện cách dễ dàng nhanh chóng 5.1.3 Ứng dụng ● ● ● ● ● ● Có thể gợi ý danh sách địa điểm homestay Có thể tìm đường địa điểm Có khả chuyển tiếp đến trang đặt phịng Có thể hiển thị địa điểm google map Có thể lọc thơng tin theo ý muốn người dùng Có giao diện thân thiện với người dùng 55 5.2 Hạn chế ● Chưa tích hợp khả xem thực tế ảo cho hệ thống ● Chưa có chức thơng báo có địa điểm phù hợp với người dùng ● Không đủ thời gian, nên số chức chưa hoàn thiện ● Một số chức dừng bước thiết kế 5.3 Hướng phát triển ● ● ● ● ● ● ● Tiếp tục thực chức cịn thiếu Tích hợp thuật toán recommendation để xử lý gợi ý cách tối ưu Hoàn thiện thêm nhiều chức quản lý ứng dụng Admin Thực thi thêm phần tối ưu tải ảnh để gia tăng thêm hiệu suất Áp dụng xem địa điểm 360 để địa điểm trực quan Tích hợp chức bình luận đánh giá cho địa điểm Xây dựng tính viết chia cảm nghĩ kinh nghiệm người dùng 56