Xây Dựng Website Tìm Kiếm Nhà Trọ - Đồ Án Tốt Nghiệp Ngành Công Nghệ Thông Tin

Tài liệu nghiên cứu Xây dựng website tìm kiếm nhà trọ, tổng hợp lý thuyết và thực hành, cung cấp kiến thức chuyên sâu về kỹ thuật.

• Tác giả: Lê Công Trình
• Người hướng dẫn: TS. Mai Anh Thơ
• Trường học: Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Website Tìm Kiếm Nhà Trọ
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2024
• Địa điểm: Thành phố Hồ Chí Minh

Mục lục chi tiết

• LỜI CẢM ƠN
• 1. MỞ ĐẦU
• 1.1. Lý do chọn đề tài
• 1.2. Mục tiêu của đề tài
• 1.3. Cách tiếp cận và phương pháp nghiên cứu
• 1.4. Đối tượng nghiên cứu
• 1.5. Phạm vi nghiên cứu
• 2. CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
• 2.1. Giới thiệu React.js
• 3. CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU
• 3.1. Khảo sát hiện trạng
• 3.1.1. Khảo sát website phongtro123
• 3.1.2. Khảo sát website nhatot
• 3.1.3. Phân tích và kết luận
• 3.2. Xác định yêu cầu
• 3.2.1. Yêu cầu chức năng
• 3.2.2. Yêu cầu phi chức năng
• 4. CHƯƠNG 3: MÔ HÌNH HÓA YÊU CẦU
• 4.1. Lược đồ Use Case
• 4.2. Đặc tả Use Case và lược đồ tuần tự
• 4.2.1. Quên mật khẩu
• 4.2.2. Xác thực tài khoản
• 4.2.3. Cập nhật thông tin cá nhân
• 4.2.4. Đổi mật khẩu
• 4.2.5. Xem danh sách bài đăng
• 4.2.6. Xem chi tiết bài đăng
• 4.2.7. Tìm đường trên bản đồ
• 4.2.8. Tìm kiếm bài đăng
• 4.2.9. Xem danh sách yêu thích
• 4.2.10. Yêu thích bài đăng
• 4.2.11. Bỏ yêu thích bài đăng
• 4.2.12. Xem danh sách các bài đã đăng
• 4.2.13. Thêm bài đăng
• 4.2.14. Thanh toán bài đăng
• 4.2.15. Sửa bài đăng
• 4.2.16. Ẩn bài đăng
• 4.2.17. Nâng cấp bài đăng
• 4.2.18. Gia hạn bài đăng
• 4.2.19. Xem lịch sử thanh toán
• 4.2.20. Xem danh sách bài đăng đang chờ duyệt
• 4.2.21. Xem chi tiết bài đăng của User
• 4.2.22. Duyệt bài đăng
• 4.2.23. Cảnh báo bài đăng
• 4.2.24. Xem danh sách tất cả bài đã được kiểm duyệt
• 4.2.25. Xem danh sách bài đã được kiểm duyệt bởi tôi
• 4.2.26. Xem danh sách bài đăng của User
• 4.2.27. Sửa bài đăng của User
• 4.2.28. Xóa bài đăng của User
• 4.2.29. Xem danh sách User
• 4.2.30. Xem chi tiết thông tin User
• 4.2.31. Chỉnh sửa thông tin User
• 4.2.32. Khóa tài khoản
• 4.2.33. Mở khóa tài khoản
• 4.2.34. Đăng tin hộ User
• 4.2.35. Xem danh sách User bị xóa tạm thời
• 4.2.36. Khôi phục tài khoản
• 4.2.37. Xem danh sách hóa đơn
• 4.2.38. Xem danh sách gói tin
• 4.2.39. Xem danh sách danh mục
• 4.2.40. Thêm danh mục
• 4.2.41. Sửa danh mục
• 5. CHƯƠNG 4: THIẾT KẾ HỆ THỐNG
• 5.1. Thiết kế Class Diagram
• 5.2. Thiết kế Database
• 5.3. Giao diện ứng dụng
• 5.3.1. Trang Đăng nhập
• 5.3.2. Trang Xác thực tài khoản
• 5.3.3. Trang Quên mật khẩu
• 5.3.4. Trang Chi tiết bài đăng
• 5.3.5. Trang Bài đăng yêu thích
• 5.3.6. Trang Quản lý tin đăng (User )
• 5.3.7. Trang Cập nhật thông tin cá nhân (User )
• 5.3.8. Trang Đổi mật khẩu (User )
• 5.3.9. Trang Lịch sử thanh toán (User )
• 5.3.10. Trang Đăng tin (User )
• 5.3.11. Trang Sửa tin (User )
• 5.3.12. Trang Thanh toán (User )
• 5.3.13. Trang Nâng cấp tin (User )
• 5.3.14. Trang Kiểm duyệt bài đăng (Moderator)
• 5.3.15. Trang Quản lý tin đăng (Admin)
• 5.3.16. Trang Quản lý người dùng (Admin)
• 5.3.17. Trang Quản lý danh mục (Admin)
• 5.3.18. Trang Quản lý gói tin (Admin)
• 6. CHƯƠNG 5: CÀI ĐẶT, KIỂM THỬ VÀ TRIỂN KHAI
• 6.1. Cài đặt phần mềm
• 6.2. Kiến trúc hệ thống
• 6.3. Tiến hành cài đặt
• 6.4. Kiểm thử phần mềm
• 6.4.1. Phương pháp kiểm thử
• 6.4.2. Mục tiêu kiểm thử
• 6.4.3. Các trường hợp kiểm thử
• 6.5. Triển khai phần mềm
• 6.5.1. Triển khai Frontend
• 6.5.2. Triển khai Backend
• 6.6. Kết quả thu được
• 6.6.1. Về kiến thức và kỹ năng
• 6.6.2. Về ứng dụng
• 6.6.3. Hướng phát triển
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng Quan Về Xây Dựng Website Tìm Kiếm Nhà Trọ

Trong bối cảnh đô thị hóa nhanh chóng, nhu cầu tìm kiếm nhà trọ ngày càng tăng cao. Việc xây dựng một website tìm kiếm nhà trọ không chỉ giúp người dùng dễ dàng tìm kiếm thông tin mà còn tạo ra một nền tảng kết nối giữa người cho thuê và người thuê. Đề tài này sẽ tập trung vào việc phát triển một ứng dụng web hiện đại, sử dụng các công nghệ tiên tiến như Node.js, MongoDB và React.js.

1.1. Lý Do Chọn Đề Tài Xây Dựng Website

Nhu cầu tìm kiếm nhà trọ ngày càng cao, đặc biệt là trong các thành phố lớn. Việc xây dựng website giúp người dùng tiết kiệm thời gian và công sức trong việc tìm kiếm thông tin.

1.2. Mục Tiêu Của Đề Tài

Mục tiêu chính là phát triển một ứng dụng web dễ sử dụng, cho phép người dùng tìm kiếm, quản lý và lưu trữ thông tin về nhà trọ một cách hiệu quả.

II. Vấn Đề Và Thách Thức Trong Tìm Kiếm Nhà Trọ

Mặc dù có nhiều nguồn thông tin, nhưng việc tìm kiếm nhà trọ vẫn gặp nhiều khó khăn. Các trang web hiện tại thường thiếu thông tin cập nhật và không đáng tin cậy. Điều này dẫn đến việc người dùng phải mất nhiều thời gian để tìm kiếm thông tin phù hợp.

2.1. Khó Khăn Trong Việc Tìm Kiếm Thông Tin

Nhiều người phải dựa vào các kênh truyền thống như quảng cáo giấy hoặc thông tin từ bạn bè, dẫn đến việc thiếu thông tin chính xác và kịp thời.

2.2. Thiếu Tính Năng Tìm Kiếm Hiệu Quả

Các trang web hiện tại thường không cung cấp tính năng tìm kiếm nâng cao, khiến người dùng khó khăn trong việc lọc và tìm kiếm theo tiêu chí cụ thể.

III. Phương Pháp Xây Dựng Website Tìm Kiếm Nhà Trọ

Để giải quyết các vấn đề trên, việc áp dụng các công nghệ hiện đại là rất cần thiết. Sử dụng Node.js cho backend, MongoDB cho cơ sở dữ liệu và React.js cho frontend sẽ giúp tạo ra một ứng dụng web mạnh mẽ và linh hoạt.

3.1. Sử Dụng Node.js Cho Backend

Node.js cho phép phát triển ứng dụng server-side nhanh chóng và hiệu quả, giúp xử lý nhiều yêu cầu đồng thời mà không làm giảm hiệu suất.

3.2. MongoDB Là Giải Pháp Cơ Sở Dữ Liệu

MongoDB là cơ sở dữ liệu phi quan hệ, cho phép lưu trữ dữ liệu linh hoạt và dễ dàng mở rộng, phù hợp với nhu cầu của ứng dụng.

3.3. React.js Cho Giao Diện Người Dùng

React.js giúp xây dựng giao diện người dùng thân thiện và dễ sử dụng, với khả năng tái sử dụng các thành phần giao diện.

IV. Ứng Dụng Thực Tiễn Của Website Tìm Kiếm Nhà Trọ

Website tìm kiếm nhà trọ không chỉ giúp người dùng tìm kiếm thông tin mà còn cung cấp các tính năng quản lý bài đăng, thông tin cá nhân và thanh toán trực tuyến. Điều này tạo ra một trải nghiệm người dùng tốt hơn và hiệu quả hơn.

4.1. Tính Năng Quản Lý Bài Đăng

Người dùng có thể dễ dàng đăng tải thông tin về nhà trọ, quản lý bài đăng và theo dõi trạng thái của các bài đăng của mình.

4.2. Tích Hợp Thanh Toán Trực Tuyến

Tính năng thanh toán trực tuyến giúp người dùng thực hiện giao dịch một cách nhanh chóng và an toàn, tạo sự thuận tiện trong việc đăng bài.

V. Kết Luận Về Tương Lai Của Website Tìm Kiếm Nhà Trọ

Dự án xây dựng website tìm kiếm nhà trọ không chỉ giải quyết các vấn đề hiện tại mà còn mở ra nhiều cơ hội phát triển trong tương lai. Với sự phát triển không ngừng của công nghệ, ứng dụng có thể được mở rộng và cải tiến để đáp ứng nhu cầu ngày càng cao của người dùng.

5.1. Cơ Hội Phát Triển Trong Tương Lai

Với sự gia tăng nhu cầu về nhà trọ, việc phát triển thêm các tính năng mới và cải tiến giao diện sẽ giúp thu hút nhiều người dùng hơn.

5.2. Định Hướng Phát Triển Ứng Dụng

Định hướng phát triển ứng dụng sẽ tập trung vào việc cải thiện trải nghiệm người dùng và tích hợp thêm các công nghệ mới để nâng cao hiệu suất.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT. Nhược điểm. Lý do sử dụng. Nhược điểm.

Lý do sử dụng. Nhược điểm. Lý do sử dụng. Nhược điểm.

Lý do sử dụng. Nhược điểm. Lý do sử dụng. Lý do sử dụng.

7 CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU. Khảo sát hiện trạng. Khảo sát website phongtro123. Khảo sát website nhatot.

Phân tích và kết luận. Xác định yêu cầu. Yêu cầu chức năng. Yêu cầu phi chức năng.

15 CHƯƠNG 3: MÔ HÌNH HÓA YÊU CẦU. Lược đồ Use Case. Đặc tả Use Case và lược đồ tuần tự. Quên mật khẩu.

Xác thực tài khoản. Cập nhật thông tin cá nhân. Đổi mật khẩu. Xem danh sách bài đăng.

Xem chi tiết bài đăng. Tìm đường trên bản đồ. Tìm kiếm bài đăng. Xem danh sách yêu thích.

Yêu thích bài đăng. Bỏ yêu thích bài đăng. Xem danh sách các bài đã đăng. Thêm bài đăng.

Thanh toán bài đăng. Sửa bài đăng. Ẩn bài đăng. Nâng cấp bài đăng.

Gia hạn bài đăng. Xem lịch sử thanh toán. Xem danh sách bài đăng đang chờ duyệt. Xem chi tiết bài đăng của User.

Duyệt bài đăng. Cảnh báo bài đăng. Xem danh sách tất cả bài đã được kiểm duyệt. Xem danh sách bài đã được kiểm duyệt bởi tôi.

Xem danh sách bài đăng của User. Sửa bài đăng của User. Xóa bài đăng của User. Xem danh sách User.

Xem chi tiết thông tin User. Chỉnh sửa thông tin User. Khóa tài khoản. Mở khóa tài khoản.

Đăng tin hộ User. Xem danh sách User bị xóa tạm thời. Khôi phục tài khoản. Xem danh sách hóa đơn.

Xem danh sách gói tin. Xem danh sách danh mục. Thêm danh mục. Sửa danh mục.

88 CHƯƠNG 4: THIẾT KẾ HỆ THỐNG. Thiết kế Class Diagram. Thiết kế Database. Giao diện ứng dụng.

Trang Đăng nhập. Trang Xác thực tài khoản. Trang Quên mật khẩu. Trang Chi tiết bài đăng.

Trang Bài đăng yêu thích. Trang Quản lý tin đăng (User). Trang Cập nhật thông tin cá nhân (User). Trang Đổi mật khẩu (User).

Trang Lịch sử thanh toán (User). Trang Đăng tin (User). Trang Sửa tin (User). Trang Thanh toán (User).

Trang Nâng cấp tin (User). Trang Kiểm duyệt bài đăng (Moderator). Trang Quản lý tin đăng (Admin). Trang Quản lý người dùng (Admin).

Trang Quản lý danh mục (Admin). Trang Quản lý gói tin (Admin) .105 CHƯƠNG 5: CÀI ĐẶT, KIỂM THỬ VÀ TRIỂN KHAI. Cài đặt phần mềm. Kiến trúc hệ thống.

Tiến hành cài đặt. Kiểm thử phần mềm. Phương pháp kiểm thử. Mục tiêu kiểm thử.

Các trường hợp kiểm thử. Triển khai phần mềm. Triển khai Frontend. Triển khai Backend.

Kết quả thu được. Về kiến thức và kỹ năng. Về ứng dụng. Hướng phát triển .126 TÀI LIỆU THAM KHẢO.127 DANH MỤC BẢNG BIỂU Bảng 2.1: Chức năng của Guest .2: Chức năng của User.3: Chức năng của User/Guest .4: Chức năng của Admin/Moderator .5: Chức năng của Admin .1: Đặc tả use case Đăng ký.2: Đặc tả use case Đăng nhập .3: Đặc tả use case Đăng xuất .4: Đặc tả use case Quên mật khẩu .5: Đặc tả use case Xác thực tài khoản.6: Đặc tả use case Cập nhật thông tin cá nhân .7: Đặc tả use case Đổi mật khẩu .8: Đặc tả use case Xem danh sách bài đăng .9: Đặc tả use case Xem chi tiết bài đăng .10: Đặc tả use case Tìm đường trên bản đồ.11: Đặc tả use case Tìm kiếm bài đăng.12: Đặc tả use case Xem danh sách yêu thích.13: Đặc tả use case Yêu thích bài đăng.14: Đặc tả use case Bỏ yêu thích bài đăng .15: Đặc tả use case Xem danh sách các bài đã đăng.16: Đặc tả use case Thêm bài đăng .17: Đặc tả use case Thanh toán bài đăng.18: Đặc tả use case Sửa bài đăng .19: Đặc tả use case Xóa bài đăng .20: Đặc tả use case Ẩn bài đăng .21: Đặc tả use case Nâng cấp bài đăng .22: Đặc tả use case Gia hạn bài đăng.23: Đặc tả use case Xem lịch sử thanh toán .24: Đặc tả use case Xem danh sách bài đăng đang chờ duyệt.25: Đặc tả use case Xem chi tiết bài đăng của User .26: Đặc tả use case Duyệt bài đăng .27: Đặc tả use case Cảnh báo bài đăng .28: Đặc tả use case Xem danh sách tất cả bài đã được kiểm duyệt .29: Đặc tả use case Xem danh sách bài đã được kiểm duyệt bởi tôi.30: Đặc tả use case Xem danh sách bài đăng của User .31: Đặc tả use case Sửa bài đăng của User.32: Đặc tả use case Xóa bài đăng của User .33: Đặc tả use case Xem danh sách User .34: Đặc tả use case Xem chi tiết thông tin User.35: Đặc tả use case Chỉnh sửa thông tin User .36: Đặc tả use case Xóa tạm thời .37: Đặc tả use case Khóa tài khoản .38: Đặc tả use case Mở khóa tài khoản .39: Đặc tả use case Đăng tin hộ User .40: Đặc tả use case Xem danh sách User bị xóa tạm thời .41: Đặc tả use case Xóa vĩnh viễn.42: Đặc tả use case Khôi phục tài khoản.43: Đặc tả use case Xem danh sách hóa đơn .44: Đặc tả use case Xem danh sách gói tin.45: Đặc tả use case Thêm gói tin .46: Đặc tả use case Sửa gói tin .47: Đặc tả use case Xóa gói tin .48: Đặc tả use case Xem danh sách danh mục .49: Đặc tả use case Thêm danh mục.50: Đặc tả use case Sửa danh mục.51: Đặc tả use case Xóa danh mục .52: Đặc tả use case Xem dữ liệu thống kê.1: Các công cụ cần cài đặt.2: Các thư viện cần cài đặt trên Frontend.3: Khởi tạo Redux .4: Các thư viện cần cài đặt trên Backend .5: Cấu trúc thư mục Backend .6: Testcase Đăng nhập .8: Testcase Xác thực tài khoản .9: Testcase Quên mật khẩu.10: Testcase Chỉnh sửa thông tin cá nhân .11: Testcase Tìm kiếm bài đăng .12: Testcase Yêu thích bài đăng .13: Testcase Thêm bài đăng .14: Testcase Thanh toán bài đăng .15: Testcase Duyệt bài đăng.16: Testcase Từ chối bài đăng .17: Testcase Sửa bài đăng .18: Testcase Khóa tài khoản.19: Testcase Xóa tài khoản.20: Testcase Cập nhật gói tin.122 DANH MỤC HÌNH ẢNH Ảnh 1.1: Các công nghệ sử dụng.1: Trang web Phongtro123 .2: Trang web Nhatot .1: Lược đồ Use Case.2: Lược đồ tuần tự chức năng Đăng ký .3: Lược đồ tuần tự chức năng Đăng nhập.4: Lược đồ tuần tự chức năng Đăng xuất.5: Lược đồ tuần tự chức năng Quên mật khẩu .6: Lược đồ tuần tự chức năng Xác thực tài khoản .7: Lược đồ tuần tự chức năng Cập nhật thông tin cá nhân.8: Lược đồ tuần tự chức năng Đổi mật khẩu .9: Lược đồ tuần tự chức năng Xem danh sách bài đăng .10: Lược đồ tuần tự chức năng Xem chi tiết bài đăng.11: Lược đồ tuần tự chức năng Tìm đường trên bản đồ .12: Lược đồ tuần tự chức năng Tìm kiếm bài đăng .13: Lược đồ tuần tự chức năng Xem danh sách yêu thích .14: Lược đồ tuần tự chức năng Yêu thích bài đăng .15: Lược đồ tuần tự chức năng Bỏ yêu thích bài đăng .16: Lược đồ tuần tự chức năng Xem danh sách các bài đã đăng .17: Lược đồ tuần tự chức năng Thêm bài đăng .18: Lược đồ tuần tự chức năng Thanh toán bài đăng .19: Lược đồ tuần tự chức năng Sửa bài đăng .20: Lược đồ tuần tự chức năng Xóa bài đăng .21: Lược đồ tuần tự chức năng Ẩn bài đăng .22: Lược đồ tuần tự chức năng Nâng cấp bài đăng.23: Lược đồ tuần tự chức năng Gia hạn bài đăng .24: Lược đồ tuần tự chức năng Xem lịch sử thanh toán .25: Lược đồ tuần tự chức năng Xem danh sách bài đăng đang chờ duyệt .26: Lược đồ tuần tự chức năng Xem chi tiết bài đăng của User .27: Lược đồ tuần tự chức năng Duyệt bài đăng.28: Lược đồ tuần tự chức năng Cảnh báo bài đăng.29: Lược đồ tuần tự chức năng Xem danh sách tất cả bài đã được kiểm duyệt 57 Ảnh 3.30: Lược đồ tuần tự chức năng Xem danh sách bài đã được kiểm duyệt bởi tôi .31: Lược đồ tuần tự chức năng Xem danh sách bài đăng của User.32: Lược đồ tuần tự chức năng Sửa bài đăng của User .33: Lược đồ tuần tự chức năng Xóa bài đăng của User .34: Lược đồ tuần tự chức năng Xem danh sách User.35: Lược đồ tuần tự chức năng Xem chi tiết thông tin User .36: Lược đồ tuần tự chức năng Chỉnh sửa thông tin User .37: Lược đồ tuần tự chức năng Xóa tạm thời.38: Lược đồ tuần tự chức năng Khóa tài khoản.39: Lược đồ tuần tự chức năng Mở khóa tài khoản .40: Lược đồ tuần tự chức năng Đăng tin hộ User .41: Lược đồ tuần tự chức năng Xem danh sách User bị xóa tạm thời .42: Lược đồ tuần tự chức năng Xóa vĩnh viễn .43: Lược đồ tuần tự chức năng Khôi phục tài khoản .44: Lược đồ tuần tự chức năng Xem danh sách hóa đơn .45: Lược đồ tuần tự chức năng Xem danh sách gói tin .46: Lược đồ tuần tự chức năng Thêm gói tin .47: Lược đồ tuần tự chức năng Sửa gói tin .48: Lược đồ tuần tự chức năng Xóa gói tin .49: Lược đồ tuần tự chức năng Xem danh sách danh mục .50: Lược đồ tuần tự chức năng Thêm danh mục .51: Lược đồ tuần tự chức năng Sửa danh mục .52: Lược đồ tuần tự chức năng Xóa danh mục.53: Lược đồ tuần tự chức năng Xem dữ liệu thống kê .2: Giao diện trang Đăng nhập .3: Giao diện trang Đăng ký.4: Giao diện trang Xác thực tài khoản.5: Giao diện trang Quên mật khẩu .6: Giao diện trang Chủ .7: Giao diện trang Chi tiết bài đăng .8: Giao diện trang Bài đăng yêu thích .9: Giao diện trang Bảng giá dịch vụ .10: Giao diện trang Quản lý tin đăng .11: Giao diện trang Cập nhật thông tin cá nhân .12: Giao diện trang Đổi mật khẩu.13: Giao diện trang Lịch sử thanh toán .14: Giao diện trang Đăng tin.15: Giao diện trang Sửa tin .16: Giao diện trang Thanh toán .17: Giao diện trang Nâng cấp tin.18: Giao diện trang Thống kê dữ liệu.19: Giao diện trang Kiểm duyệt bài đăng .20: Giao diện trang Quản lý tin đăng .21: Giao diện trang Quản lý người dùng .22: Giao diện trang Quản lý danh mục.23: Giao diện trang Quản lý gói tin .24: Giao diện trang Quản lý hóa đơn .25: Giao diện trang Thống kê dữ liệu.1: Kiến trúc hệ thống .2: Cấu trúc thư mục Frontend .3: Cấu trúc thư mục Backend.