TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MÔN CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG TRANG WEB TÌM PHÒNG TRỌ Giảng viên hướng dẫn TS NGUYỄN VĂN DŨ Sinh vi[.]
TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THƠNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG TRANG WEB TÌM PHỊNG TRỌ Giảng viên hướng dẫn: TS NGUYỄN VĂN DŨ Sinh viên thực hiện: NGUYỄN HOÀNG LONG Lớp : CQ.59.CNTT Khố : 59 Tp Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG TRANG WEB TÌM PHỊNG TRỌ Giảng viên hướng dẫn: NGUYỄN VĂN DŨ Sinh viên thực hiện: NGUYỄN HOÀNG LONG Lớp : CQ.59.CNTT Khố : 59 Tp Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI CỘNG HÒA XÃ HỘI CHỦ NGHIÃ VIỆT NAM PHÂN HIỆU TẠI THÀNH PHỐ HỒ CHÍ MINH Độc lập – Tự – Hạnh phúc NHIỆM VỤ THIẾT KẾ TỐT NGHIỆP BỘ MÔN: CÔNG NGHỆ THÔNG TIN -*** Mã sinh viên: 5951071052 Họ tên SV: Nguyễn Hồng Long Khóa: 59 Lớp: CQ.59.CNTT Tên đề tài Xây dựng trang web tìm kiếm phịng trọ Mục đích, yêu cầu a Mục đích: Nhằm tạo trang web giúp người dùng dễ dàng tìm kiếm phịng trọ ý b u cầu: i u cầu cơng nghệ • Sử dụng ngơn ngữ lập trình C# • Sử dụng ASP.NET Core Framework • Sử dụng công cụ Visual Studio SQL Server 2019 • Sử dụng Goong Maps API tích hợp đồ vào trang web • Sử dụng ML.NET để tạo Machine Learning Model ii Yêu cầu chức Chức giao diện người dùng • Xem danh sách phòng trọ mà người cho thuê đăng lên • Người dùng tạo tài khoản qua email, thơng qua tài khoản google facebook quản lý thơng tin tài khoản • Cho phép người dùng xem thông tin chi tiết phịng trọ • Cho phép người dùng “quan tâm”, đánh giá, bình luận vào đăng để tương tác với người dùng khác có mối quan tâm phịng trọ • Người dùng báo cáo bình luận khơng phù hợp với admin • Cho phép người dùng lưu phịng trọ để xem sau • Cho phép người dùng tìm kiếm phòng trọ theo khu vực, giá, số người tiện ích lân cận mà chủ trọ có đề cập viết phịng trọ • Cho phép người dùng tìm kiếm nâng cao thơng qua đồ: tìm kiếm phịng trọ theo phạm vi bán kính xung quanh, theo giá, số người • Có lọc để lọc danh sách phịng trọ mà người dùng mong muốn • Cho phép người dùng kiểm tra tình trạng phịng trọ xem tiến hành đặt phịng khơng • Cho phép người dùng đặt trọ, tốn tiền cọc qua ví điện tử MoMo, đồng thời xem lịch sử đặt phịng • Cho phép người dùng đăng ký trở thành chủ trọ 2 Chức giao diện chủ trọ • Cho phép người cho th trọ đăng lên trang web • Người thuê trọ quản lý đăng • Người thuê trọ trả lời thắc mắc người dùng với tư cách người đăng • Người th trọ báo cáo bình luận người dùng mà người thuê trọ cho khơng phù hợp cho người quản trị • Người thuê trọ xem số lượng người đặt phòng người đặt phòng để liên hệ với họ • Chủ trọ quản lý thơng tin tài khoản Chức giao diện admin • Admin có tất chức người dùng • Admin quản lý dịch vụ phịng trọ • Quản lý người dùng: sửa, xố • Quản lý chủ trọ: sửa, xố • Quản lý phịng trọ: thêm, sửa, xố • Duyệt bình luận người dùng, chủ trọ báo cáo: ẩn, bình luận • Duyệt yêu cầu đăng ký trở thành chủ trọ • Xem thống kê lượt bình luận, lượt quan tâm phòng trọ khu vực thành phố Hồ Chí Minh 3 Nội dung phạm vi đề tài a Nội dung i Tổng quan tốn ii Tổng quan cơng nghệ sử dụng iii Khảo sát toán iv Phân tích thiết kế hệ thống v Lập trình xây dựng vi Kiểm thử chạy thử nghiệm vii Kết thu kiến nghị b Phạm vi đề tài Trang web cung cấp thông tin phịng trọ khu vực thành phố Hồ Chí Minh Khơng hỗ trợ tìm kiếm phịng trọ khu vực khác Công nghệ, công cụ ngôn ngữ lập trình • Cơng cụ Visual Studio, SQL Server • Ngơn ngữ lập trình: C#, HTML, CSS, JavaScript • Goong Maps API • Thư viện ML.NET Các kết dự kiến đạt ứng dụng Xây dựng thành cơng trang web giúp người dùng tìm kiếm phịng trọ, có đầy đủ chức nêu Giáo viên cán hướng dẫn Họ tên: TS Nguyễn Văn Dũ Đơn vị công tác: Trường Đại Học Nơng Lâm Thành phố Hồ Chí Minh Điện thoại: 0931 741 860 Email: nvdu@hcmuaf.edu.vn Ngày tháng năm 2022 Trưởng BM Công nghệ Thông tin Đã giao nhiệm vụ TKTN Giáo viên hướng dẫn ThS Trần Phong Nhã Đã nhận nhiệm vụ TKTN Sinh viên: Ký tên: Điện thoại: Email: LỜI CẢM ƠN Lời đầu tiên, em xin chân thành gửi lời cảm ơn đến quý thầy cô Bộ môn Công Nghệ Thông Tin – Trường Đại Học Giao Thông Vận Tải Phân Hiệu Tại Thành Phố Hồ Chí Minh, người truyền đạt cho em kiến thức vơ hữu ích quý báu lĩnh vực công nghệ thông tin rộng lớn Các thầy khơng hướng dẫn tận tình cách học, mà người truyền lửa, giữ nhiệt để em có thêm nhiều động lực vượt qua khó khăn q trình học tập Những năm đầu đại học với khơng bỡ ngỡ tiếp xúc với môi trường giảng dạy mới, bạn bè mới, với hướng dẫn tận tình thầy cơ, em cảm thấy ngày trưởng thành hơn, cách sống, cách suy nghĩ, hoàn thiện thân trước, tiếp thu rất nhiều học, kiến thức bổ ích Thầy cô em trải qua thời kỳ dịch bệnh vơ khó khăn đất nước thiết lập thời kỳ sống chung với dịch bệnh Em biết ơn lịng nhiệt huyết, tận tình dạy thầy Và hành trình năm đại học kết thúc, với tất kiến thức tích luỹ q trình học tập trường, em nhận nhiệm vụ đồ án tốt nghiệp cuối khoá học, thử thách cuối hành trình Với niềm đam mê mảng lập trình web em định chọn đề tài xây dựng trang web tìm phịng trọ làm đề tài cho nhiệm vụ đồ án tốt nghiệp Để vượt qua thử thách cuối này, với giúp đỡ tận tình từ thầy Nguyễn Văn Dũ, công tác Trường Đại Học Nơng Lâm Thành Phố Hồ Chí Minh, trình thực đề tài này, em gặp khơng khó khăn, thầy giúp đỡ đóng góp nhiều cho em, góp phần làm cho đồ án em thêm hoàn thiện Em xin gửi lời cảm ơn chân thành đến thầy Dũ Trong trình nghiên cứu phát triển trang web này, em biết gặp khơng khó khăn có thiếu sót, em mong quý thầy đóng góp ý kiến để em có thêm nhiều kinh nghiệm để hồn thiện kỹ Lời cuối cùng, em xin kính chúc quý thầy cô dồi sức khoẻ, hạnh phúc gặt hái nhiều thành cơng công việc sống Em xin chân thành cảm ơn! NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Tp Hồ Chí Minh, ngày ….… tháng ….… năm ….… Giáo viên hướng dẫn Nguyễn Văn Dũ Hình 4.16 Giao diện đăng ký tài khoản Facebook 4.1.1.12 Chức đăng nhập Người dùng đăng nhập vào trang web tài khoản đăng ký Hình 4.17 Giao diện đăng nhập 117 4.1.1.13 Chức quản lý tài khoản Để quản lý tài khoản, người dùng click vào phần hiển thị lời chào người dùng người dùng đăng nhập, giao diện quản lý tài khoản hiển thị Hình 4.18 Giao diện quản lý thơng tin người dùng 118 4.1.1.14 Chức tìm kiếm Để tìm kiếm phịng trọ mong muốn, người dùng tìm kiếm thơng qua tìm kiếm Hình 4.19 Giao diện nhập thơng tin tìm kiếm 4.1.1.15 Chức lọc phịng trọ Người dùng lọc phịng trọ để lấy phịng trọ theo mong muốn Hình 4.20 Giao diện nhập thơng tin để lọc phịng trọ 119 4.1.1.16 Chức tìm kiếm đồ Đây chức bật chương trình, người dùng cài đặt điều kiện tìm kiếm bán kính, giá, số người Sau nhập vào địa điểm người dùng muốn tìm trọ xung quanh, phòng trọ xung quanh hiển thị lên đồ có Hình 4.21 Giao diện tìm kiếm phịng trọ đồ 120 4.1.2 Chức chủ trọ 4.1.2.1 Chức quản lý viết phòng trọ Chủ trọ thực viết bài, chỉnh sửa, xố viết phịng trọ giao diện Hình 4.22 Giao diện hiển thị viết chủ trọ viết 121 Hình 4.23 Giao diện thêm viết phịng trọ 122 Hình 4.24 Giao diện chỉnh sửa viết 123 Hình 4.25 Thơng báo hiển thị xác nhận xố phịng trọ 4.1.2.2 Chức trả lời thắc mắc người dùng Chức tương tự bình luận chủ trọ bình luận vào viết tên chủ trọ hiển thị thêm “chủ trọ” vào phía sau Hình 4.26 Phần giao diện bình luận với tư cách chủ trọ 4.1.2.3 Chức báo cáo bình luận Để báo cáo bình luận, người dùng chọn report, thông báo hiển thị thông báo người dùng báo cáo thành cơng 124 Hình 4.27 Thơng báo bao cáo bình luận thành cơng 4.1.2.4 Chức xem trạng thái đặt phòng Chủ trọ xem số lượng người dùng đặt trọ thơng qua giao diện Hình 4.28 Giao diện xem trạng thái đặt phòng phòng trọ 4.1.3 Chức admin 4.1.3.1 Chức quản lý dịch vụ phịng trọ Admin quản lý dịch vụ mà chủ trọ chọn tạo phịng trọ 125 Hình 4.29 Giao diện quản lý dịch vụ phòng trọ 4.1.3.2 Chức quản lý người dùng chủ trọ Tất người dùng chủ trọ đăng ký tài khoản quản lý giao diện quản lý người dùng quản lý chủ trọ Hình 4.30 Giao diện quản lý người dùng 126 Hình 4.31 Giao diện quản lý chủ trọ 4.1.3.3 Chức quản lý phòng trọ Các phòng trọ người dùng tạo quản lý giao diện quản lý phịng trọ Hình 4.32 Giao diện quản lý phòng trọ 127 4.1.3.4 Chức ẩn bình luận báo cáo Các bình luận chủ trọ người dùng báo cáo admin cho phép hiển thị ẩn thông qua giao diện Hình 4.33 Giao diện quản lý bình luận báo cáo 4.1.3.5 Chức duyệt yêu cầu đăng ký trở thành chủ trọ Các người dùng đăng ký trở thành chủ trọ hiển thị thành danh sách admin duyệt để người dùng trở thành chủ trọ Hình 4.34 Giao diện duyệt người dùng đăng ký trở thành chủ trọ 4.1.3.6 Chức thống kê 128 Các thống kê số lượng quan tâm số lương người bình luận vào phịng trọ địa điểm theo quận hiển thị dạng biểu đồ đề admin xem Hình 4.35 Giao diện thống kê 4.2 Kiến nghị 4.2.1 Những kiến thức học Trong trình phát triển trang web, giúp đỡ từ thầy Dũ, từ lúc lên ý tưởng để thực bắt tay vào viết chương trình, tìm hiểu thư viện hỗ trợ thêm tình cho trang web, em tiếp thu nhiều kiến thức bổ ích, ngồi kiến thức chuyên môn ASP.NET Core MVC, Entity Framework Core để xây dựng trang web, biết cách sử dụng Goong Maps API để tích hợp đồ, tính tốn khoảng cách, lấy toạ 129 độ địa điểm…, biết cách sử dụng thư viện ML.NET để tạo mơ hình máy học phục vụ cho chức gợi ý phòng trọ trang web Em nâng cao tinh thần làm việc kỷ luật, khoa học hết khả tự học, tự nghiên cứu 4.2.2 Những hạn chế cần khắc phục Trang web sau xây dựng cung cấp đầy đủ chức đề q trình thiết kế Tuy nhiên cịn nhiều hạn chế cần phải khắc phục cải thiện thêm Về mặt lưu trữ liệu truy cập, trang web lưu trữ liệu cục chưa host lên server để người truy cập sử dụng Dữ liệu mức sơ khai, Bởi liệu hạn chế nên train mơ hình máy học để phục vụ cho tính gợi ý phịng trọ, kết đạt khơng tốt mong đợi Ngồi mặt đăng ký tài khoản, việc xác nhận email người dùng mang tính chất hình thức, chưa có máy chủ mail để gửi email xác nhận cho người dùng Với hạn chế nêu trên, em hy vọng tương lai, với kiến thức tích luỹ mình, em hạn chế khắc phục nhược điểm nêu 130 TÀI LIỆU THAM KHẢO [1] https://itnavi.com.vn/blog/aspnet-core-la-gi [2] https://tuhocict.com/mau-kien-truc-mvc-model-view-controller-trong-asp-net-core/ [3] https://goong.io/ [4] https://duythanhcse.wordpress.com/2022/02/22/bai-1-gioi-thieu-nen-tang-may-hoc-mlnet-cua-microsoft/ [5] https://phongtro123.com/ [6] https://nha.chotot.com/ 131