Website bao gồm các chức năng chính dành cho người sử dụng là khách vãng lai như: đăng ký tài khoản, đăng nhập, xem danh sách các phòng trọ, lọc phòng theo khoảng giá, lọc phòng theo khu vực, lọc theo diện tích, xem giá phòng, xem đường đi ngắn nhất từ vị trí của mình đến phòng trọ. Các chức năng dành cho người sử dụng là khách hàng thành viên bao gồm các chức năng của khách vãng lai, ngoài ra còn có: nhắn tin với chủ trọ, quản lý trang cá nhân, theo dõi hủy theo dõi người đăng tin, nhận thông báo từ những người theo dõi,… Đối với người sử dụng là người đăng tin cho thuê phòng có các chức năng như: Đăng ký, đăng nhập tài khoản người dùng, quản lý bài đăng, cập nhật thông tin cá nhân, nhắn tin với người tìm phòng trọ,… Đối với người sử dụng là quản trị viên thì ngoài các chức năng của nhân viên, có thể sử dụng các chức năng khác như cập nhật tài khoản người dùng hệ thống, xem, xét duyệt hồ sơ đăng ký chủ trọ, thống kê người dùng, hồ sơ phòng trọ,…
NĂM HỌC 2022 - 2023 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ SỐ ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC TRẦN Y TIẾN XÂY DỰNG WEBSITE TÌM KIẾM NHÀ TRỌ TRÊN TỒN QUỐC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG WEBSITE TÌM KIẾM NHÀ TRỌ TRÊN TOÀN QUỐC Sinh viên thực Mã sinh viên Lớp Người hướng dẫn : Trần Y Tiến : 1911505310252 : 19T2 : TS Nguyễn Tấn Thuận Đà Nẵng, 06/2023 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ SỐ ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG WEBSITE TÌM KIẾM NHÀ TRỌ TRÊN TOÀN QUỐC Giảng viên hướng dẫn duyệt Đà Nẵng, 06/2023 NHẬN XÉT CỦA NGƯỜI HƯỚNG DẪN Đà Nẵng, ngày tháng năm 2023 Giảng viên hướng dẫn NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN Đà Nẵng, ngày tháng Người phản biện năm 2023 TÓM TẮT Tên đề tài: Xây dựng hệ thống website tìm kiếm nhà trọ toàn quốc Sinh viên thực hiện: Trần Y Tiến Mã SV: 1911505310252 Lớp: 19T2 Đồ án với đề tài Website tìm kiếm nhà trọ tồn quốc xây dựng ngơn ngữ lập trình JavaScript, Front-end sử dụng ReactJs ,Back-end sử dụng NodeJs, hệ quản trị sở liệu MySQL Website bao gồm chức dành cho người sử dụng khách vãng lai như: đăng ký tài khoản, đăng nhập, xem danh sách phòng trọ, lọc phòng theo khoảng giá, lọc phòng theo khu vực, lọc theo diện tích, xem giá phịng, xem đường ngắn từ vị trí đến phòng trọ Các chức dành cho người sử dụng khách hàng thành viên bao gồm chức khách vãng lai, ngồi cịn có: nhắn tin với chủ trọ, quản lý trang cá nhân, theo dõi hủy theo dõi người đăng tin, nhận thông báo từ người theo dõi,… Đối với người sử dụng người đăng tin cho th phịng có chức như: Đăng ký, đăng nhập tài khoản người dùng, quản lý đăng, cập nhật thông tin cá nhân, nhắn tin với người tìm phịng trọ,… Đối với người sử dụng quản trị viên ngồi chức nhân viên, sử dụng chức khác cập nhật tài khoản người dùng hệ thống, xem, xét duyệt hồ sơ đăng ký chủ trọ, thống kê người dùng, hồ sơ phòng trọ,… NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Giảng viên hướng dẫn: TS Nguyễn Tấn Thuận Sinh viên thực hiện: Trần Y Tiến Mã sinh viên: 1911505310252 Tên đề tài: Xây dựng website tìm kiếm nhà trọ tồn quốc Các số liệu, tài liệu ban đầu: Dựa quy định upload tài liệu, quy tắc đặt câu hỏi Tài liệu tham khảo: https://levunguyen.com/ Nội dung đồ án: Quá trình xây dựng hệ thống website tìm kiếm nhà trọ tồn quốc: Thu thập thơng tin tài liệu liên quan khảo sát thực tế Phân tích thiết kế chức hệ thống Phân tích thiết kế sơ liệu Thiết kế giao diện cho chức Xây dựng hệ thống website Kiểm thử chương trình Hoàn thành báo cáo tổng hợp Các sản phẩm dự kiến Website tìm kiếm nhà trọ File báo cáo hoàn chỉnh Ngày giao đồ án: 17/02/2023 Ngày nộp đồ án: 11/06/2023 Trưởng khoa Đà Nẵng, ngày tháng năm 2023 Người hướng dẫn LỜI NÓI ĐẦU Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến quý thầy cô giúp đỡ chúng em thực đề tài Đặc biệt TS Nguyễn Tấn Thuận tận tình giúp đỡ em suốt trình thực đề tài tốt nghiệp Đồng thời, em xin cảm ơn quý thầy cô thuộc ngành Công nghệ thông tin khoa Công nghệ số, trường Đại học Sư phạm Kỹ thuật - Đại học Đà Nẵng truyền đạt kiến thức cần thiết kinh nghiệm quý báu cho chúng em suốt thời gian năm giảng đường để em thực tốt đề tài Đặc biệt, em xin gởi lời cảm ơn chân thành tới TS Hoàng Thị Mỹ Lệ, TS Nguyễn Tấn Thuận, ThS Nguyễn Thị Hà Quyên, ThS.Lê Vũ - giáo viên chủ nhiệm lớp 19T2 giúp đỡ em nhiều q trình học tập cơng việc Trong q trình thực đề tài, kiến thức thời gian cịn hạn chế nên khơng thể tránh khỏi sai sót Vì em mong q thầy, thơng cảm góp ý để em hồn thiện đề tài Và lời góp ý giúp em tránh sai lầm sau Em xin chân thành cảm ơn! Đà Nẵng, ngày tháng năm 2023 Sinh viên thực i CAM ĐOAN Em xin cam đoan: - Những nội dung luận văn em thực hướng dẫn thầy Nguyễn Tấn Thuận - Mọi tham khảo luận văn trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố - Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, em xin chịu hoàn toàn trách nhiệm Sinh viên thực ii MỤC LỤC MỤC LỤC iii DANH MỤC BẢNG BIỂU vii DANH MỤC HÌNH VẼ viii DANH MỤC CHỮ VIẾT TẮT TIẾNG VIỆT xi DANH MỤC CHỮ VIẾT TẮT TIẾNG ANH xii MỞ ĐẦU 1 Mục tiêu đề tài Đối tượng phạm vi nghiên cứu 2.1 Đối tượng nghiên cứu .2 2.2 Phạm vi nghiên cứu Phương pháp nghiên cứu .2 Giải pháp công nghệ .2 Cấu trúc đồ án CHƯƠNG I CƠ SỞ LÝ THUYẾT 1.1 Ngơn ngữ lập trình JavaScript 1.1.1 JavaScript gì? 1.1.2 Lịch sử phát triển 1.2 ReactJs 1.2.1 Đôi nét ReactJs 1.2.2 Những tính ReactJs 1.3 NodeJS 2.3.1 NodeJS gì? 2.3.2 Các đặc tính NodeJS 1.4 Tổng quan hệ quản trị sở liệu MySQL CHƯƠNG II PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Khảo sát hệ thống 2.1.1 Khảo sát thực tế 2.1.2 Khảo sát người dùng 2.2 Đặc tả yêu cầu phần mềm 2.2.1 Xác định tác nhân 2.2.2 Các yêu cầu chức 2.2.3 Yêu cầu phi chức iii 2.3 Biểu đồ Use Case 10 2.3.1 Use case admin .11 2.3.2 Use case host 11 2.3.3 Use case renter 12 2.3.4 Use case khách vãng lai .12 2.4 Kịch cho Use Case 13 2.4.1 Kịch Use-case “Đăng ký đăng nhập” .13 2.4.2 Kịch Use-case “Quản lý trang cá nhân” 13 2.4.3 Kịch Use-case “Lọc xem” 14 2.4.4 Kịch Use-case “Quản lý người dùng” 15 2.4.5 Kịch Use-case “Quản lý nhà trọ” 16 2.4.6 Kịch Use-case “Chatbox” 16 2.4.7 Kịch Use-case “Tìm đường đi” .17 2.4.8 Kịch Use-case “Theo dõi hủy theo dõi” 18 2.4.9 Kịch Use-case “Đăng tin” .18 2.4.10 Kịch Use-case “Quản lý banner” 19 2.4.11 Kịch Use-case “Quản lý question” 20 2.4.12 Kịch Use-case “Thống kê” 20 2.5 Sơ đồ hoạt động 21 2.5.1 Đăng ký đăng nhập 21 2.5.2 Quản lý trang cá nhân 22 2.5.3 Chat box .23 2.5.4 Lọc xem 24 2.5.5 Theo dõi hủy theo dõi 25 2.5.6 Tìm đường 26 2.5.7 Đăng tin 27 2.5.8 Quản lý banner .28 2.5.9 Quản lý question 29 2.5.10 Quản lý người dùng 30 2.5.11 Quản lý nhà trọ .31 2.5.12 Thống kê .32 2.6 Sơ đồ 33 2.6.1 Đăng ký 33 2.6.2 Đăng nhập 33 iv Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.8 Giao diện trang cá nhân chủ trọ Hình 3.2.8 Giao diện “Trang cá nhân chủ trọ” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 53 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.9 Giao diện tìm nhà trọ Hình 3.2.9 Giao diện “Tìm nhà trọ” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 54 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.10.Giao diện chi tiết nhà trọ Hình 3.2.10 Giao diện “Chi tiết nhà trọ” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 55 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.11.Giao diện chat box Hình 3.2.11 Giao diện “Chat box” 3.2.12.Giao diện quản lý nhà trọ Hình 3.2.12 Giao diện “Quản lý nhà trọ” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 56 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.13.Giao diện đăng trọ Hình 3.2.13 Giao diện “Đăng trọ” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 57 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.14.Giao diện chỉnh sửa nhà trọ Hình 3.2.14 Giao diện “Chỉnh sửa nhà trọ” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 58 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.15.Giao diện thống kê Hình 3.2.15 Giao diện “Thống kê” 3.2.16.Giao diện danh sách người dùng Hình 3.2.16 Giao diện “Danh sách người dùng” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 59 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.17.Giao diện thêm người dùng Hình 3.2.17 Giao diện “Thêm người dùng” 3.2.18.Giao diện sửa người dùng Hình 3.2.18 Giao diện “Sửa người dùng” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 60 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.19.Giao diện khóa, mở khóa người dùng Hình 3.2.19 Giao diện “Khóa, mở khóa người dùng” 3.2.20.Giao diện danh sách banner Hình 3.2.20 Giao diện “Danh sách banner” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 61 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.21.Giao diện thêm banner Hình 3.2.21 Giao diện “Thêm banner” 3.2.22.Giao diện sửa banner Hình 3.2.22 Giao diện “Sửa banner” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 62 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.23.Giao diện xóa banner Hình 3.2.23 Giao diện “Xóa banner” 3.2.24.Giao diện danh sách question Hình 3.2.24 Giao diện “Danh sách question” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 63 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.25.Giao diện thêm question Hình 3.2.25 Giao diện “Thêm question” 3.2.26.Giao diện sửa question Hình 3.2.26 Giao diện “Sửa question” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 64 Xây dựng website tìm kiếm nhà trọ tồn quốc 3.2.27.Giao diện xóa question Hình 3.2.27 Giao diện “Xóa question” 3.2.28.Giao diện trọ u thích Hình 3.2.28 Giao diện “Trọ yêu thích” Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 65 Xây dựng website tìm kiếm nhà trọ tồn quốc KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận 1.1 Về công nghệ Tìm hiểu nắm bắt cơng cụ thiết kế web Biết thiết kế web động, trang web trang cách tổ chức sở liệu Nắm vững lý thuyết hiểu sâu ReactJs, NodeJs Nắm vững lý thuyết vận dụng thành thạo mơ hình MVC, kiến thức hỗ trợ trình xây dụng hệ thống: HTML, CSS, SCSS, MySQL, Javascript, … Tích lũy kinh nghiệm xây dụng kế hoạch cho việc phát triển phần mềm hồn chỉnh, cách bố trì quản lý thời gian cho hợp lý 1.2 Về ứng dụng Xây dựng thành cơng “Website tìm kiếm nhà trọ” với chức đáp ứng nhu cầu tìm nhà trọ, xem thơng tin nhà trọ, quản lý người dùng, quản lý banner, quản lý question, quản lý nhà trọ, nhắn tin trao đổi chủ trọ người tìm trọ … Đảm bảo nhu cầu tìm nhà trọ online cho người dùng quản lý nhà trọ cho chủ trọ Hướng phát triển Hồn thành chức cịn thiếu phát triển thêm số chức Tối ưu hóa hệ thống để website hoạt động nhanh Nâng cấp hoàn thiện giao diện người dùng, chức tính bảo mật hệ thống Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 66 Xây dựng website tìm kiếm nhà trọ toàn quốc TÀI LIỆU THAM KHẢO [1] ReactJs, https://react.dev/learn [2] NodeJs, https://expressjs.com/ [3] Javascript: https://www.javascript.com/ [4] MySQL, https://dev.mysql.com/doc/ [5] Restful API, https://topdev.vn/blog/restful-api-la-gi/ [6] MUI, https://mui.com/material-ui/getting-started/overview Sinh viên thực hiện: Trần Y Tiến Người hướng dẫn: TS Nguyễn Tấn Thuận 67