Xây dựng website tìm trọ

Đồ án tốt nghiệp xây dựng website tìm trọ tại Trường ĐH Sư phạm Kỹ thuật TP.HCM

• Tác giả: Phan Thanh Hậu
• Người hướng dẫn: ThS. Nguyễn Thủy An
• 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 trọ
• Loại tài liệu: Khóa luận tốt nghiệp
• Năm xuất bản: 2025
• Địa điểm: Hồ Chí Minh

Tóm tắt

I. Tổng quan đồ án xây dựng website tìm trọ tại ĐH Sư phạm Kỹ thuật

Đồ án xây dựng website tìm trọ tại ĐH Sư phạm Kỹ thuật TP.HCM là công trình nghiên cứu thuộc Khoa Công nghệ Thông tin. Đề tài do sinh viên Phan Thanh Hậu và Huỳnh Nguyễn Anh Trí thực hiện trong niên khóa 2021-2025. Giảng viên hướng dẫn đề tài là ThS. Nguyễn Thủy An thuộc Bộ môn Công nghệ Phần mềm. Dự án tập trung giải quyết bài toán cấp thiết về nhà ở của sinh viên khu vực Thủ Đức. Đề tài hoàn thành đầy đủ quy trình nghiên cứu, phân tích thiết kế và kiểm thử thực tế. Hội đồng chuyên môn đánh giá cao tính khả thi của giải pháp. Nền tảng cung cấp không gian tương tác trực tuyến hai chiều giữa người thuê và chủ nhà trọ. Mô hình kết hợp các dịch vụ tiện ích hiện đại với mạng xã hội thu nhỏ. Người dùng dễ dàng xác thực thông tin, tìm kiếm vị trí và liên hệ người cho thuê. Dự án thể hiện năng lực vận dụng kiến thức kỹ thuật phần mềm vào thực tiễn xã hội. Kết quả nghiên cứu đóng góp giải pháp chuyển đổi số hiệu quả cho công tác hỗ trợ sinh viên đại học.

1.1. Mục tiêu và phạm vi nghiên cứu đề tài

Mục tiêu chính của đề tài là xây dựng hệ thống website tìm kiếm phòng trọ tin cậy dành riêng cho sinh viên. Hệ thống chuẩn hóa cơ sở dữ liệu về giá cả, vị trí và tiện ích sinh hoạt. Phạm vi nghiên cứu giới hạn tại khu vực xung quanh Trường Đại học Sư phạm Kỹ thuật TP.HCM. Website tập trung hỗ trợ sinh viên ngoại tỉnh tiếp cận nguồn thông tin nhà trọ minh bạch, giảm thiểu rủi ro lừa đảo. Ngoài ra, đề tài hướng đến việc tối ưu hóa chi phí quảng bá phòng trọ cho chủ nhà. Nền tảng hoạt động ổn định trên nền tảng web, bảo đảm khả năng mở rộng trong tương lai. Nhóm tác giả thực hiện nghiên cứu từ khảo sát thực địa đến hoàn thiện mã nguồn sản phẩm.

1.2. Đội ngũ thực hiện và thông tin khóa luận

Khóa luận tốt nghiệp được thực hiện bởi hai sinh viên Phan Thanh Hậu và Huỳnh Nguyễn Anh Trí. Cả hai theo học chương trình kỹ sư Công nghệ Thông tin khóa 2021-2025 tại HCMUTE. Dưới sự dẫn dắt của ThS. Nguyễn Thủy An, nhóm nghiên cứu tuân thủ nghiêm ngặt quy trình phát triển phần mềm chuẩn mực. Giáo viên phản biện là ThS. Trần Quang Khải đánh giá công trình đạt yêu cầu học thuật cao. Đồ án thể hiện tinh thần làm việc nhóm kỷ luật, khả năng tự nghiên cứu công nghệ mới và tư duy giải quyết vấn đề thực tế. Mọi quy trình lập trình, kiểm thử và tài liệu hóa đều tuân thủ tiêu chuẩn đào tạo kỹ sư đại học chính quy.

II. Thực trạng tìm trọ sinh viên và nhu cầu xây dựng website tìm trọ

Nhu cầu thuê nhà trọ của sinh viên tại TP.HCM luôn ở mức rất cao vào đầu mỗi năm học. Sinh viên đối mặt với nhiều khó khăn khi tìm kiếm chỗ ở phù hợp quanh khu vực trường học. Các kênh thông tin truyền thống như tờ rơi hay bài đăng mạng xã hội thường thiếu sự kiểm duyệt. Tình trạng tin giả, giá phòng ảo và lừa đảo tiền cọc diễn ra thường xuyên. Người thuê mất nhiều thời gian đi lại để xác minh phòng trọ thực tế. Mặt khác, chủ nhà trọ chân chính gặp trở ngại trong việc tiếp cận đúng đối tượng khách thuê tiềm năng. Chi phí đăng tin trung gian trên các trang môi giới thương mại thường rất đắt đỏ. Sự thiếu hụt một kênh thông tin tập trung, minh bạch tạo nên rào cản lớn cho cộng đồng sinh viên. Đề tài website tìm trọ ra đời nhằm giải quyết triệt để bài toán bất cân xứng thông tin này. Hệ thống đóng vai trò cầu nối số hóa đáng tin cậy, bảo vệ quyền lợi sinh viên và tối ưu hóa quản lý cho chủ nhà.

2.1. Thách thức sinh viên gặp phải khi thuê trọ

Sinh viên năm nhất chuyển từ các tỉnh thành lên TP.HCM thường bỡ ngỡ về địa bàn sinh sống. Khả năng nhận diện chiêu trò lừa đảo nhà trọ còn nhiều hạn chế. Việc tra cứu phòng trọ qua mạng xã hội chứa đựng vô số rủi ro về cọc ảo, phòng không đúng mô tả và chi phí phát sinh bất hợp lý. Thêm vào đó, sinh viên tốn kém kinh phí di chuyển và mất nhiều tuần tìm kiếm mà vẫn không có chỗ ở ưng ý. Thiếu hụt thông tin an ninh trật tự quanh khu vực trọ cũng gây tâm lý bất an. Nền tảng chuyên biệt giúp lọc danh sách phòng trọ an toàn, cung cấp đầy đủ hình ảnh thực tế và đánh giá trung thực từ người thuê trước.

2.2. Khó khăn của chủ nhà trọ trong việc tiếp cận khách

Chủ nhà trọ truyền thống phụ thuộc nhiều vào biển hiệu cho thuê hoặc giới thiệu truyền miệng. Phương pháp này có độ phủ hẹp và khó tiếp cận đúng nhóm sinh viên mới nhập học. Việc đăng tin trên các hội nhóm mạng xã hội khiến bài viết nhanh chóng bị trôi bài hoặc bị tài khoản giả mạo làm phiền. Hơn nữa, việc quản lý tình trạng phòng trống, thông tin khách thuê và hợp đồng bằng sổ sách dễ phát sinh sai sót. Một trang web quản lý chuyên nghiệp tạo điều kiện cho chủ nhà cập nhật hình ảnh, giá thuê và tiện ích rõ ràng. Hệ thống nhắn tin trực tiếp và bộ lọc bài đăng giúp chủ nhà tiết kiệm thời gian tư vấn đáng kể.

III. Kiến trúc công nghệ trong đồ án xây dựng website tìm trọ hiện đại

Đồ án xây dựng website tìm trọ áp dụng mô hình kiến trúc ba lớp chuẩn mực bao gồm Presentation, Application và Database. Phía giao diện người dùng sử dụng thư viện ReactJS nhằm mang lại trải nghiệm mượt mà, phản hồi tức thì. Phía backend vận hành trên nền tảng NodeJS cùng ExpressJS để xử lý logic nghiệp vụ và định tuyến API nhanh chóng. Cơ sở dữ liệu MongoDB phi quan hệ đảm nhận việc lưu trữ tài liệu linh hoạt, hỗ trợ truy vấn thông tin đa tiêu chí. Luồng dữ liệu vận hành tuần tự từ yêu cầu của trình duyệt qua lớp API backend rồi truy xuất cơ sở dữ liệu. Nhóm nghiên cứu thiết kế các use-case chi tiết như xác thực tài khoản qua email, đăng tin, bình luận và đánh giá bài viết. Tính năng nhắn tin thời gian thực giúp kết nối người thuê và chủ nhà ngay trên hệ thống. Cơ chế báo cáo nội dung vi phạm tự động kiểm soát bài đăng độc hại hoặc sai sự thật. Hệ thống phân quyền chặt chẽ giữa khách vãng lai, thành viên đăng ký và quản trị viên.

3.1. Thiết kế kiến trúc ba lớp và ngăn xếp công nghệ

Kiến trúc ba lớp phân tách rõ rệt trách nhiệm giữa giao diện, logic xử lý và lưu trữ dữ liệu. Lớp Presentation sử dụng ReactJS tối ưu khả năng tái sử dụng component giao diện. Giao diện thân thiện giúp người dùng thao tác mượt mà trên cả máy tính lẫn thiết bị di động. Lớp Application triển khai bằng NodeJS kết hợp ExpressJS chịu trách nhiệm xử lý các API RESTful bảo mật và đồng bộ. Lớp Database ứng dụng MongoDB quản lý dữ liệu JSON linh hoạt, lưu trữ thông tin phòng, tiện ích và lịch sử bình luận. Mô hình này giúp hệ thống hoạt động ổn định, dễ dàng mở rộng và bảo trì trong tương lai.

3.2. Triển khai chức năng và phân quyền người dùng

Hệ thống phân quyền chi tiết cho ba nhóm đối tượng chính: khách vãng lai, người dùng thành viên và quản trị viên. Khách vãng lai dễ dàng tra cứu phòng trọ theo giá tiền, địa điểm và danh mục tiện ích. Người dùng đăng nhập có thể lưu tin yêu thích, đánh giá phòng và trò chuyện trực tiếp với chủ trọ. Chủ phòng trọ sở hữu trang quản lý bài đăng riêng để thêm, chỉnh sửa hoặc gỡ bỏ tin cho thuê. Quản trị viên theo dõi hoạt động toàn hệ thống, kiểm duyệt nội dung và xử lý báo cáo vi phạm tiêu chuẩn cộng đồng. Việc kiểm soát dữ liệu chặt chẽ bảo đảm môi trường giao dịch trực tuyến luôn an toàn và minh bạch.

IV. Kết quả nghiệm thu đồ án website tìm trọ và tiềm năng ứng dụng

Đồ án xây dựng website tìm trọ tại ĐH Sư phạm Kỹ thuật TP.HCM hoàn thành đúng tiến độ đề ra. Sản phẩm đáp ứng đầy đủ các yêu cầu chức năng lẫn phi chức năng theo đề cương nghiên cứu. Giao diện trực quan giúp sinh viên tìm kiếm chỗ trọ nhanh chóng chỉ sau vài thao tác lọc cơ bản. Nền tảng ghi nhận phản hồi tích cực từ hội đồng đánh giá và các thử nghiệm nội bộ. Tỷ lệ kết nối thành công giữa người thuê và chủ nhà đạt kết quả khả quan. Dự án chứng minh giá trị thực tiễn trong việc hỗ trợ đời sống sinh viên ngoại tỉnh. Khả năng bảo mật thông tin tài khoản và bài viết được thiết lập chặt chẽ. Hệ thống loại bỏ nguy cơ rò rỉ dữ liệu cá nhân hay phát tán tin đăng rác. Đây là nền tảng vững chắc để mở rộng dịch vụ sang các khu vực lân cận thuộc làng đại học. Đề tài khẳng định năng lực ứng dụng công nghệ của sinh viên kỹ thuật trong giải quyết vấn đề cộng đồng.

4.1. Giá trị thực tiễn đối với cộng đồng sinh viên

Ứng dụng mang lại lợi ích thiết thực cho sinh viên theo học tại TP.HCM. Sinh viên tiếp cận kho dữ liệu phòng trọ chính xác, có hình ảnh thật và thông tin giá cả niêm yết công khai. Tính năng bình luận cộng đồng hỗ trợ người thuê đánh giá khách quan về môi trường an ninh và thái độ chủ nhà. Việc liên hệ trực tiếp loại bỏ các khâu trung gian, tiết kiệm tối đa chi phí hoa hồng môi giới. Sinh viên dễ dàng tìm người ở ghép cùng nguyện vọng thông qua các chức năng mạng xã hội tích hợp. Nhờ đó, quá trình hòa nhập cuộc sống đại học của tân sinh viên diễn ra thuận lợi hơn.

4.2. Hướng phát triển và nâng cấp hệ thống tương lai

Trong các giai đoạn nâng cấp tiếp theo, hệ thống có thể tích hợp bản đồ số thông minh Google Maps nhằm hiển thị trực quan khoảng cách từ trọ đến trường học. Việc bổ sung thuật toán gợi ý phòng trọ dựa trên trí tuệ nhân tạo sẽ tối ưu hóa trải nghiệm cá nhân hóa. Hệ thống cũng có thể tích hợp cổng thanh toán trực tuyến để hỗ trợ đặt cọc an toàn có bảo lãnh. Ngoài ra, việc xây dựng ứng dụng di động trên nền tảng React Native sẽ hỗ trợ người dùng thuận tiện hơn. Mở rộng địa bàn hoạt động ra toàn bộ khu vực Đông TP.HCM là bước đi chiến lược tiếp theo của giải pháp công nghệ này.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Quá trình đô thị hóa nhanh chóng tại các trung tâm kinh tế và giáo dục lớn dẫn đến nhu cầu tìm kiếm nhà ở, đặc biệt là phòng trọ, không ngừng gia tăng. Các nhóm đối tượng chính như sinh viên, người lao động ngoại tỉnh và những người có thu nhập trung bình hoặc thấp thường xuyên gặp nhiều trở ngại trong việc tiếp cận nguồn thông tin phòng trọ đáng tin cậy. Các phương thức tìm kiếm truyền thống như thông qua người môi giới, đọc tin từ tờ rơi dán nơi công cộng hay các kênh mạng xã hội tự phát bộc lộ nhiều hạn chế nghiêm trọng: tốn kém thời gian, chi phí trung gian cao, tiềm ẩn rủi ro lừa đảo, thông tin thiếu đồng nhất, sai lệch về vị trí, giá cả và chất lượng cơ sở vật chất. Trước thực trạng đó, khóa luận tốt nghiệp kỹ sư ngành Công nghệ Thông tin với đề tài "Xây dựng website tìm trọ" của tác giả Phan Thanh Hậu và Huỳnh Nguyễn Anh Trí, dưới sự hướng dẫn của ThS. Nguyễn Thủy An tại Trường Đại học Sư phạm Kỹ thuật TP. Hồ Chí Minh (khóa 2021 - 2025), đã được thực hiện nhằm xây dựng một giải pháp phần mềm trực tuyến hỗ trợ kết nối trực tiếp, minh bạch giữa người thuê và người cho thuê.

Văn bản khóa luận xác định 7 nhiệm vụ nghiên cứu cụ thể trong đề cương bao gồm:

1. Nghiên cứu và phân tích yêu cầu: Thu thập thông tin về yêu cầu cụ thể của hệ thống tìm trọ, xác định các tính năng cần thiết và phân tích phương án triển khai bằng ReactJS và ExpressJS.
2. Thiết kế cơ sở dữ liệu: Xác định cấu trúc dữ liệu cần thiết phục vụ lưu trữ thông tin nhà trọ và quản lý người dùng.
3. Phát triển Frontend với ReactJS: Xây dựng giao diện người dùng tương tác, bao gồm các trang hiển thị danh sách phòng trọ, thông tin chi tiết và các chức năng quản lý.
4. Phát triển Backend với ExpressJS: Tạo và triển khai các giao diện lập trình ứng dụng (API) để quản lý dữ liệu, tiếp nhận yêu cầu từ phía Frontend và kết nối cơ sở dữ liệu.
5. Tích hợp và kiểm thử: Kết hợp thành phần Frontend và Backend, thực hiện kiểm thử tích hợp nhằm bảo đảm các chức năng vận hành chính xác và ổn định.
6. Bảo mật và tối ưu hóa: Đảm bảo an toàn cho dữ liệu, xác thực người dùng và tối ưu hóa hiệu suất toàn hệ thống.
7. Tài liệu hóa và báo cáo: Viết tài liệu hướng dẫn sử dụng, tài liệu kỹ thuật và báo cáo tổng hợp về toàn bộ quá trình phát triển, thử nghiệm và triển khai.

Đối tượng và phạm vi nghiên cứu của đề tài được phân định rõ:

• Đối tượng nghiên cứu: Nghiên cứu các quy trình nghiệp vụ và tương tác của ba nhóm chủ thể chính trên hệ thống: Quản trị viên (Admin - quản lý tài khoản người dùng, tài khoản người cho thuê, kiểm duyệt bài đăng trước khi hiển thị, xử lý các báo cáo vi phạm); Người cho thuê (Renter - đăng tải bài viết cho thuê, chỉnh sửa/xóa bài đăng, quản lý thông tin phòng trọ, quản lý lịch hẹn xem phòng); và Người dùng/Người thuê (User - tìm kiếm, xem tin, lưu phòng trọ yêu thích, đặt lịch xem phòng, bình luận, gửi báo cáo vi phạm nội dung).
• Phạm vi nghiên cứu: Đồ án tập trung nghiên cứu và xây dựng website tìm kiếm và cho thuê phòng trọ tích hợp các tính năng tương tác xã hội (đăng ký qua email, xác thực OTP, tìm kiếm theo tiêu chí, quản lý đặt lịch, quản lý gói bài đăng và kiểm duyệt vi phạm). Kế hoạch thực hiện đề tài diễn ra từ tháng 01/2025 đến tháng 06/2025 tại Khoa Công nghệ Thông tin, Trường Đại học Sư phạm Kỹ thuật TP. Hồ Chí Minh.

Cơ sở lý thuyết và phương pháp

Để xây dựng cơ sở lý luận và định hướng giải pháp, đề tài đã tiến hành khảo sát và đánh giá ba hệ thống website tìm trọ đang vận hành thực tế tại Việt Nam gồm: Phongtro123, ThuePhongTro và PhongTot.

Tiêu chí	Phongtro123	ThuePhongTro	PhongTot
Giao diện website	Phức tạp, khó khăn sử dụng đối với người dùng mới	Giao diện đẹp, dễ sử dụng	Giao diện phức tạp, khó sử dụng
Tốc độ phản hồi	Nhanh	Nhanh	Nhanh
Bảo mật	Mã nguồn đóng khó khai thác lỗ hổng	Mã nguồn đóng khó khai thác lỗ hổng	Mã nguồn đóng khó khai thác lỗ hổng
Tính năng website	Đầy đủ tính năng cơ bản, nhiều tính năng mở rộng nhưng khó dùng	Đầy đủ tính năng cơ bản, nhiều tính năng mở rộng nhưng khó dùng	Có đầy đủ tính năng cơ bản
Tốc độ tải trang	Nhanh	Nhanh	Nhanh
Thiết bị di động	Tương thích (Responsive)	Tương thích (Responsive)	Tương thích (Responsive)
Quy mô cộng đồng	Cộng đồng lớn, nhiều người dùng và bài đăng	Cộng đồng nhỏ	Cộng đồng nhỏ

Về phân loại tính năng qua khảo sát, các hệ thống đều sở hữu các chức năng cơ bản gồm tìm kiếm phòng trọ, xem chi tiết phòng trọ, tạo và chỉnh sửa bài đăng cho người cho thuê; chức năng nâng cao tiêu biểu là tìm kiếm bằng vị trí của người dùng. Từ kết quả khảo sát, nhóm tác giả xác lập các yêu cầu phi chức năng (giao diện dễ sử dụng, tốc độ phản hồi nhanh) và yêu cầu chức năng (xác thực và phân quyền, cơ chế trao đổi giữa các bên, lưu trữ bài đăng yêu thích, báo cáo nội dung vi phạm).

Phương pháp nghiên cứu và phát triển phần mềm được áp dụng trong khóa luận gồm:

• Phương pháp phân tích và tổng hợp: Thu thập tài liệu kỹ thuật, khảo sát đối thủ cạnh tranh để xác định danh mục ca sử dụng (Use Case) cho hai nhóm giao diện: Client và Admin.
• Phương pháp mô hình hóa hướng đối tượng bằng UML: Xây dựng lược đồ ca sử dụng (Use Case Diagram), đặc tả chi tiết 24 Use Case kèm luồng sự kiện chính, luồng thay thế và luồng ngoại lệ; xây dựng 25 lược đồ tuần tự (Sequence Diagram) mô tả tương tác giữa các lớp; thiết kế lược đồ lớp (Class Diagram) phục vụ ánh xạ dữ liệu.
• Phương pháp phát triển dựa trên kiến trúc 3 tầng: Tách biệt rõ ràng tầng trình diễn (Presentation Layer - ReactJS), tầng nghiệp vụ (Application Layer - ExpressJS/Node.js) và tầng cơ sở dữ liệu (Database Layer - MongoDB).
• Nguồn dữ liệu tham khảo: Tài liệu kỹ thuật chính thức từ trang chủ ReactJS, ExpressJS Framework, hệ quản trị cơ sở dữ liệu MongoDB (node-mongodb-native) và thư viện HTTP client Axios.

Thiết kế và triển khai

Hệ thống được thiết kế theo mô hình kiến trúc ba lớp truyền thống:

• Lớp Presentation (Frontend): Xây dựng trên nền tảng thư viện ReactJS kết hợp thư viện giao diện Material-UI (MUI). ReactJS hỗ trợ kiến trúc Single Page Application (SPA), hoạt động theo mô hình lập trình dựa trên component độc lập, cho phép tái sử dụng mã nguồn và cập nhật giao diện thông qua Virtual DOM giúp giảm thiểu tài nguyên xử lý trên trình duyệt. Thư viện MUI cung cấp hệ thống giao diện theo chuẩn Material Design của Google, bảo đảm tính tương thích với đa dạng thiết bị (Responsive Design) và khả năng tùy biến theme linh hoạt. Dự án được khởi tạo thông qua công cụ dòng lệnh npx create-react-app và khởi chạy trên môi trường cục bộ bằng lệnh npm start.
• Lớp Application (Backend): Xây dựng bằng framework ExpressJS chạy trên nền tảng Node.js. ExpressJS đảm nhiệm vai trò trung gian xử lý các dịch vụ web theo mô hình RESTful API, tiếp nhận các yêu cầu HTTP (GET, POST, PUT, DELETE) từ Frontend, điều phối routing, thực thi middleware xác thực và tương tác với cơ sở dữ liệu để phản hồi dữ liệu về giao diện người dùng.
• Lớp Cơ sở dữ liệu (Database): Sử dụng hệ quản trị cơ sở dữ liệu NoSQL MongoDB. Dữ liệu được lưu trữ dưới định dạng tài liệu BSON (Binary JSON), giúp quản lý các cấu trúc dữ liệu bán cấu trúc và phi cấu trúc linh hoạt mà không bị ràng buộc bởi schema cố định. Khả năng mở rộng theo chiều ngang (horizontal scaling) thông qua cơ chế sharding và khả năng đánh chỉ mục tối ưu giúp MongoDB xử lý hiệu quả các truy vấn dữ liệu phòng trọ phức tạp.

Cơ sở dữ liệu của hệ thống được tổ chức thành 11 bảng/collection chính:

1. db_user: Lưu trữ thông tin tài khoản người dùng, bao gồm thông tin cá nhân và phân quyền hệ thống.
2. db_post: Lưu trữ thông tin bài đăng cho thuê nhà trọ, tiêu đề, mô tả và trạng thái phê duyệt.
3. db_location: Lưu trữ thông tin vị trí địa lý của phòng trọ (địa chỉ, quận, phường, thành phố).
4. db_amenities: Lưu trữ danh sách các tiện ích đi kèm của phòng trọ.
5. db_additional costs: Lưu trữ các khoản chi phí phát sinh (tiền điện, nước, dịch vụ).
6. db_comment: Lưu trữ các bình luận và phản hồi của người dùng đối với bài đăng.
7. db_favorite: Lưu trữ danh sách các bài đăng phòng trọ yêu thích của từng người dùng.
8. db_Notification: Lưu trữ các thông báo hệ thống được gửi từ quản trị viên.
9. db_report: Lưu trữ các thông tin báo cáo bài viết vi phạm nội dung từ phía người dùng.
10. db_request: Lưu trữ thông tin yêu cầu đặt lịch xem phòng trọ của người thuê gửi đến người cho thuê.
11. db_blog: Lưu trữ các bài viết tin tức, bài viết chia sẻ kinh nghiệm trên hệ thống.

Về mặt giao diện, hệ thống triển khai thành 3 phân vùng chức năng chính:

• Giao diện chung: Gồm trang đăng ký (tích hợp nhập thông tin và xác nhận mã OTP gửi qua email), trang đăng nhập, trang khôi phục mật khẩu (xác thực OTP để thiết lập mật khẩu mới) và trang hồ sơ thông tin cá nhân.
• Giao diện người thuê: Gồm trang chủ tích hợp thanh tìm kiếm thông minh đa tiêu chí (tiêu đề, địa chỉ, quận, phường, thành phố, khoảng giá, loại phòng); trang phân loại danh mục (Cho thuê phòng trọ, Cho thuê căn hộ, Tìm người ở ghép); trang hiển thị chi tiết phòng trọ; trang gửi yêu cầu đặt lịch xem phòng; trang báo cáo vi phạm bài đăng; trang xem danh sách tin tức/blog và trang theo dõi trạng thái lịch đặt phòng.
• Giao diện người cho thuê và quản trị: Gồm trang quản lý phòng trọ cá nhân, trang đăng bài mới, trang chỉnh sửa bài viết, trang chọn mua các gói đăng bài, giao diện quản lý người dùng, giao diện xét duyệt trạng thái bài đăng và giao diện xử lý các báo cáo vi phạm nội dung (chuyển trạng thái sang Processing hoặc Resolved).

Nội dung chính theo từng chương

Chương 1: Kiến trúc hệ thống

Chương 1 trình bày chi tiết về cấu trúc tổng thể và cơ sở công nghệ của website. Nhóm tác giả phân tích kiến trúc 3 lớp, làm rõ cơ chế luân chuyển dữ liệu từ người dùng gửi yêu cầu qua giao diện ReactJS, chuyển tiếp qua tầng nghiệp vụ ExpressJS và truy xuất cơ sở dữ liệu MongoDB trước khi trả kết quả hiển thị.

Chương này cũng cung cấp cơ sở lý luận cho việc lựa chọn công nghệ thông qua các bảng so sánh trực tiếp:

Tiêu chí	ReactJS	VueJS	Angular
Năm phát hành	2013	2014	2010
Nhà phát triển	Facebook	Alibaba	Google
Ngôn ngữ	JavaScript, TypeScript	JavaScript, TypeScript	TypeScript
Cộng đồng	Cộng đồng lớn, nhiều tài nguyên duy trì và hỗ trợ	Cộng đồng lớn, nhiều tài liệu tham khảo	Cộng đồng đang phát triển, Google hỗ trợ chính thức
Độ khó	Thích hợp cho người có kinh nghiệm với JavaScript	Dễ học, thích hợp cho người mới bắt đầu	Yêu cầu hiểu biết sâu về TypeScript
Kiến trúc	Virtual DOM	Virtual DOM	MVC (Model - View - Controller)
Phạm vi	Hoàn hảo cho trang web hiện đại và render native	Dự án nhỏ và công ty khởi nghiệp	Dự án lớn, phục vụ doanh nghiệp nhiều tính năng
Tái sử dụng code	Có thể	Có thể	Có thể
Thời gian load	Trung bình	Chậm	Nhanh

Bên cạnh đó, tác giả đưa ra bảng so sánh giữa cơ sở dữ liệu quan hệ (MySQL/SQL Server) và cơ sở dữ liệu NoSQL (MongoDB) để minh chứng tính ưu việt của MongoDB về khả năng sharding mở rộng theo chiều ngang, lưu trữ định dạng BSON phi cấu trúc linh hoạt và tối ưu hiệu suất truy vấn trong các ứng dụng web hướng tài liệu.

Chương 2: Phân tích thiết kế hệ thống

Chương 2 là phần trọng tâm của khóa luận, mô tả toàn bộ quá trình phân tích và thiết kế phần mềm. Nội dung mở đầu bằng hai sơ đồ ca sử dụng tổng quát (Use case client và Use case admin) phân rã thành 24 ca sử dụng cụ thể. Văn bản tiến hành đặc tả chi tiết các Use Case quan trọng:

• UC-1 (Đăng ký): Người dùng nhập thông tin cá nhân (tên, email, mật khẩu, số điện thoại, địa chỉ), hệ thống gửi mã OTP qua email để người dùng xác thực trước khi kích hoạt tài khoản.
• UC-2 (Đăng nhập): Người dùng đăng nhập hệ thống; tích hợp luồng thay thế cho trường hợp quên mật khẩu thông qua xác nhận mã OTP qua email để thiết lập mật khẩu mới.
• UC-3 (Tìm kiếm theo các tiêu chí): Tiếp nhận các tham số gồm tiêu đề, địa chỉ, quận, phường, thành phố, loại phòng, khoảng giá tối thiểu và tối đa; trả về danh sách bài đăng phù hợp hoặc cảnh báo dữ liệu không hợp lệ.
• UC-4 (Xem thông tin nhà trọ theo loại): Phân chia theo ba danh mục chính (Cho thuê phòng trọ, Cho thuê căn hộ, Tìm người ở ghép), hỗ trợ lọc danh sách theo khu vực quận/huyện.
• UC-5 (Xem blog), UC-6.1 (Xem thông tin cá nhân), UC-6.2 (Chỉnh sửa thông tin cá nhân), UC-7 (Báo cáo bài viết).
• Các ca sử dụng mở rộng: Đặt lịch xem phòng (thêm, cập nhật, xóa lịch đặt); quản lý bình luận; quản lý danh sách yêu thích; quản lý bài đăng; quản lý yêu cầu đặt lịch phía chủ trọ; đăng nhập/đăng xuất admin; quản lý chuyển trạng thái báo cáo (chuyển sang "Processing", "Resolved"); quản lý người dùng; quản lý gói bài đăng và mua gói tin.

Hệ thống được mô hình hóa tương tác động thông qua 25 lược đồ tuần tự (Sequence Diagram) từ Hình 21 đến Hình 45, bao gồm các chu trình: Đăng ký, Đăng nhập, Tìm kiếm theo tiêu chí, Xem thông tin nhà trọ theo loại, Xem blog, Hiển thị/Quản lý thông tin cá nhân, Báo cáo bài viết, Xem thông báo từ admin, Đặt lịch/Cập nhật/Xóa đặt lịch phía người thuê, Thao tác bình luận, Quản lý danh sách yêu thích, Quản lý bài đăng, Quản lý đặt lịch phía chủ trọ, Đăng nhập admin, Quản lý báo cáo vi phạm, Quản lý người dùng, Quản lý thông báo và Quản lý blog. Cuối chương là lược đồ lớp (Class Diagram), đặc tả cấu trúc 11 bảng dữ liệu và thiết kế giao diện chi tiết từ Hình 47 đến Hình 60.

Chương 3: Cài đặt hệ thống

Chương 3 đề cập đến các yêu cầu hệ thống và quy trình cài đặt thực tế. Văn bản xác định cấu hình môi trường phần cứng và phần mềm tối thiểu để vận hành hệ thống, các bước thiết lập cấu hình mã nguồn Frontend trên ReactJS, cài đặt các gói phụ thuộc (dependencies), thiết lập API server trên Node.js/ExpressJS và kết nối tới dịch vụ cơ sở dữ liệu MongoDB.

Kết quả và đóng góp

Khóa luận đã hoàn thành các mục tiêu nghiên cứu và phát triển phần mềm được đề ra theo tiến độ thực hiện từ tháng 01/2025 đến tháng 06/2025:

• Về sản phẩm ứng dụng: Nhóm nghiên cứu đã xây dựng hoàn chỉnh ứng dụng web "Tìm trọ" tích hợp đầy đủ các chức năng cho ba nhóm đối tượng người dùng. Hệ thống hỗ trợ tìm kiếm phòng trọ đa tiêu chí, phân loại phòng (phòng trọ, căn hộ, tìm người ở ghép), xem chi tiết thông tin và hình ảnh, đặt lịch hẹn xem phòng trực tuyến giữa người thuê và chủ nhà.
• Về tính năng nghiệp vụ và tương tác: Triển khai thành công quy trình đăng ký tài khoản có xác thực hai bước thông qua mã OTP qua email; chức năng khôi phục mật khẩu bảo mật; chức năng lưu danh sách phòng trọ yêu thích; chức năng viết bình luận đánh giá; chức năng gửi báo cáo vi phạm nội dung không hợp lệ. Đối với người cho thuê, hệ thống cho phép tạo bài đăng, chỉnh sửa nội dung và tích hợp tính năng mua các gói bài đăng. Đối với quản trị viên, cung cấp bộ công cụ quản lý tài khoản người dùng, kiểm duyệt bài viết, phân phối thông báo và xử lý báo cáo vi phạm sang các trạng thái "Processing" và "Resolved".
• Đóng góp về mặt giải pháp kỹ thuật: Khóa luận đề xuất một mô hình kiến trúc phần mềm chuẩn mực kết hợp giữa ReactJS, ExpressJS và MongoDB cho bài toán kết nối thuê trọ. Hệ thống khắc phục được các nhược điểm về giao diện phức tạp và thiếu minh bạch đã chỉ ra ở các trang web khảo sát thực tế (Phongtro123, ThuePhongTro, PhongTot), mang lại giao diện trực quan và trải nghiệm tương tác liền mạch cho người dùng.

Hạn chế và hướng nghiên cứu tiếp

Dựa trên nội dung tổng kết trong văn bản khóa luận:

• Nhược điểm và hạn chế: Sản phẩm được phát triển và kiểm thử trong phạm vi đồ án tốt nghiệp cử nhân/kỹ sư; hệ thống mới tập trung giải quyết các tính năng cốt lõi và kiểm thử trên môi trường mô phỏng. Một số tính năng mở rộng nâng cao như tìm kiếm trực quan bằng bản đồ số hoặc thanh toán tự động các gói dịch vụ vẫn chưa được hoàn thiện chuyên sâu.
• Hướng phát triển trong tương lai: Nhóm tác giả định hướng tiếp tục tối ưu hóa hiệu năng hệ thống, nâng cao trải nghiệm người dùng trên thiết bị di động, nghiên cứu tích hợp hệ thống bản đồ trực tuyến để người dùng tìm kiếm theo bán kính vị trí thực tế, hoàn thiện cơ chế thanh toán điện tử cho các gói bài đăng và nâng cấp thuật toán gợi ý phòng trọ phù hợp với nhu cầu cá nhân.

Giá trị tham khảo

Khóa luận tốt nghiệp "Xây dựng website tìm trọ" là tài liệu học thuật có giá trị tham khảo rõ nét cho:

• Sinh viên chuyên ngành Công nghệ Phần mềm, Công nghệ Thông tin đang thực hiện đồ án môn học hoặc khóa luận tốt nghiệp: Cung cấp quy trình hoàn chỉnh từ khảo sát hiện trạng, lập kế hoạch thực hiện, phân tích yêu cầu chức năng/phi chức năng, thiết kế lược đồ ca sử dụng, vẽ biểu đồ tuần tự (Sequence Diagram), thiết kế cơ sở dữ liệu NoSQL (MongoDB) đến cài đặt ứng dụng web full-stack (ReactJS + ExpressJS).
• Các nhà phát triển phần mềm và kỹ sư phát triển web: Cung cấp tài liệu tham khảo thực tế về cấu trúc đặc tả Use Case chi tiết (luồng chính, luồng phụ, luồng lỗi) và thiết kế hệ thống phân quyền phức tạp (Admin, Renter, User) kết hợp cơ chế xác thực OTP qua email.

Câu hỏi thường gặp

1. Khóa luận đã khảo sát và đánh giá những website tìm trọ nào đang hoạt động trên thực tế?
Nhóm tác giả đã tiến hành khảo sát và so sánh ba website thực tế gồm Phongtro123, ThuePhongTro và PhongTot dựa trên các tiêu chí: giao diện website, tốc độ phản hồi, bảo mật, tính năng website, tốc độ tải trang, khả năng hiển thị trên thiết bị di động (Responsive) và quy mô cộng đồng.

2. Kiến trúc tổng thể và ngăn xếp công nghệ (tech stack) được lựa chọn trong đề tài là gì?
Hệ thống sử dụng kiến trúc ba lớp truyền thống gồm: tầng trình diễn Frontend sử dụng ReactJS kết hợp thư viện giao diện Material-UI (MUI); tầng ứng dụng Backend sử dụng framework ExpressJS trên nền tảng Node.js; và tầng cơ sở dữ liệu sử dụng hệ quản trị NoSQL MongoDB lưu trữ dữ liệu BSON.

3. Hệ thống phân chia quyền hạn của các nhóm người dùng (Actor) như thế nào?
Hệ thống xác định ba nhóm đối tượng: Quản trị viên (Admin) quản lý người dùng, duyệt bài đăng, xử lý báo cáo vi phạm, quản lý gói bài đăng và tin tức; Người cho thuê (Renter) có quyền đăng bài, quản lý phòng trọ, xử lý yêu cầu đặt lịch xem phòng, mua gói tin và tương tác; Người dùng/Người thuê (User) có quyền tìm kiếm theo tiêu chí, xem chi tiết, đặt lịch xem phòng, lưu bài yêu thích, bình luận và báo cáo bài viết vi phạm.

4. Quy trình đăng ký tài khoản (UC-1) và lấy lại mật khẩu (UC-2) được thiết kế bảo mật ra sao?
Cả hai quy trình đều tích hợp cơ chế xác thực mã OTP gửi qua email. Ở bước đăng ký, người dùng nhập thông tin cá nhân và phải xác thực mã OTP hệ thống gửi về email thì tài khoản mới được kích hoạt và lưu vào cơ sở dữ liệu. Khi quên mật khẩu, người dùng nhập email để nhận mã OTP xác minh trước khi được phép nhập mật khẩu mới.

5. Cơ sở dữ liệu của website gồm những bảng (collection) nào?
Cơ sở dữ liệu MongoDB của hệ thống bao gồm 11 bảng/collection: db_user (người dùng), db_post (bài đăng), db_location (địa chỉ/vị trí), db_amenities (tiện ích), db_additional costs (chi phí phát sinh), db_comment (bình luận), db_favorite (danh sách yêu thích), db_Notification (thông báo), db_report (báo cáo vi phạm), db_request (yêu cầu đặt lịch) và db_blog (bài viết tin tức).

Kết luận

Đồ án tốt nghiệp "Xây dựng website tìm trọ" của sinh viên Phan Thanh Hậu và Huỳnh Nguyễn Anh Trí đã giải quyết trọn vẹn bài toán xây dựng nền tảng trực tuyến hỗ trợ kết nối thông tin thuê phòng trọ minh bạch và hiệu quả. Hệ thống được phân tích, thiết kế bài bản theo các chuẩn mực công nghệ phần mềm, triển khai đồng bộ trên nền tảng công nghệ hiện đại ReactJS, ExpressJS và MongoDB. Khóa luận cung cấp đầy đủ các đặc tả nghiệp vụ, lược đồ UML, cấu trúc cơ sở dữ liệu và mã nguồn ứng dụng, đóng góp một giải pháp phần mềm hoàn chỉnh và tài liệu kỹ thuật có giá trị tham khảo cao.

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

PHẦN MỞ ĐẦU trọ không chỉ giúp kết nối nhanh chóng giữa người cho thuê và người thuê, mà còn tăng cường tính minh bạch, đáng tin cậy, đồng thời cung cấp các tiện ích như tìm kiếm thông minh, lọc thông tin theo nhu cầu, và tích hợp bản đồ trực tuyến. Đây không chỉ là giải pháp giúp giải quyết nhu cầu của cá nhân mà còn có ý nghĩa xã hội sâu sắc, góp phần cải thiện môi trường sống và hỗ trợ những người có hoàn cảnh khó khăn ổn định cuộc sống tại các thành phố lớn. Vì vậy, việc thực hiện đề tài này là cần thiết, đáp ứng được yêu cầu cấp bách của thị trường và xã hội hiện nay. KHẢO SÁT MỘT VÀI WEBSITE TƯƠNG TỰ 3.

Đánh giá tổng quan về 3 website tương tự Tiêu chí Phongtro123 ThuePhongTro PhongTot Giao diện phức tạp, Giao diện đẹp, dễ sử Giao diện phức tạp, Giao diện website khó khăn sử dụng đối dụng khó sử dụng với người dùng mới Tốc độ phản hồi Nhanh Nhanh Nhanh Mã nguồn đóng khó Mã nguồn đóng khó Mã nguồn đóng khó Bảo mật khai thác lỗ hổng khai thác lỗ hổng khai thác lỗ hổng Có đầy đủ tính năng Có đầy đủ tính năng Tính năng cơ bản, có nhiều tính cơ bản, có nhiều tính Có đầy đủ tính năng website năng mở rộng nhưng năng mở rộng nhưng cơ bản khó dùng khó dùng Tốc độ load Nhanh Nhanh Nhanh website Thiết bị di động Responsive Responsive Responsive 2 PHẦN MỞ ĐẦU Cộng động lớn, nhiều người dùng và nhiều Cộng đồng Cộng đồng nhỏ Cọng đồng nhỏ. người đăng bài cho thuê Bảng 1: Tổng quan về 3 website tương tự 3. Tính năng của các website Classify Phongtro123 ThuePhongTro PhongTot Tìm kiếm phòng trọ, Tìm kiếm phòng trọ, Tìm kiếm phòng trọ, xem chi tiết phòng xem chi tiết phòng xem chi tiết phòng trọ. Tạo bài đăng, trọ.

Tạo bài đăng, trọ. Tạo bài đăng, Chức năng cơ bản chỉnh sửa bài đăng chỉnh sửa bài đăng chỉnh sửa bài đăng dành cho người cho dành cho người cho dành cho người cho thuê… thuê… thuê… Tìm kiếm bằng vị trí Chức năng nâng cao của người dùng Bảng 2: So sánh tính năng của các website 4. KẾT QUẢ KỲ VỌNG ĐẠT ĐƯỢC Dựa theo kết quả khảo sát trên, ta thấy được website cần đạt được những yêu cầu chức năng sau đây: 4. Yêu cầu phi chức năng - Giao diện đẹp và dễ dàng sử dụng.

- Tốc độ phản hồi nhanh. Yêu cầu chức năng - Xác thực và phân quyền người dùng: Admin, Người Cho Thuê, Người dùng 3 PHẦN MỞ ĐẦU - Trao đổi giữa người dùng và người cho thuê. - Lưu trữ những nhà trọ yêu thích. - Báo cáo nội dung không hợp lệ.

ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 5. Đối tượng nghiên cứu - Quản trị viên (Admin): Quản trị viên hệ thống. Admin có thể quản lý tài khoản người dùng trên website, quản lý tài khoản người cho thuê, tạo tài khoản cho người cho thuê và quản lý việc duyệt bài trước khi người cho thuê đăng trên trang chủ. Ngoài ra, admin cũng có thể quản lý danh sách các nội dung bị báo cáo vi phạm trên website.

- Người cho thuê (Renter): Người dùng đăng nhập và sử dụng chức năng của người cho thuê. Renter có thể đăng bài trên trang chủ, ngoài ra renter cũng có thể sử dụng tất cả các tính năng của website như xem bài viết, lưu bài viết, báo cáo nội dung vi phạm, tương tác với các bài viết của người dùng khác. - Người dùng (User): Người dùng đăng nhập và sử dụng các chức năng như vai trò của mình. Sử dụng tất cả các tính năng của website, như xem bài viết, lưu bài viết, báo cáo nội dung vi phạm, tương tác với các bài viết.