Xây dựng ứng dụng tìm nhà trọ

MỤC TIÊU CỦA ĐỀ TÀI

3 Kết cấu của đề tài

Chương 1: Khảo sát hiện trạng

1.1 Khảo sát một số ứng dụng 1.2 Ứng dụng hướng đến Chương 2: Mô hình hóa và thiết kế cơ sở dữ liệu

2.2 Chi tiết các actor 2.3 Sơ đồ luồng dữ liệu và cơ sở dữ liệu các nghiệp vụ 2.4 Cơ sở dữ liệu

Chương 3: Thiết kế màn hình giao diện và xử lý

4.1 Stack lập trình 4.2 Cơ sở dữ liệu MongoDB 4.3 Sơ đồ lớp

4.4 Mô tả chi tiết từng lớp 4.5 Trích dẫn thuật toán hay Chương 5: Cài đặt và kiểm thử

5.1 Kế hoạch kiểm thử 5.2 Quy trình kiểm thử

STT Tuần Thời gian thực hiện

Nhiệm vụ (Công việc dự kiến) Ghi chú

- Mô hình hóa yêu cầu

- Tìm hiểu về Redux (thư viện quản lí trạng thái của ứng dụng)

- Xây dựng giao diện cho ứng dụng với ReactNative + Redux

- Tìm hiểu về Nodejs, ExpressJs

- Tìm hiểu về cách xây dựng Restful API

- Xây dựng document Restful API của ứng dụng

- Tiến hành phát triển các API dựa trên document,

- Sử dụng Mongoose để xây dựng API với database MongoDB đã có

- Kết hợp các thành phần đã xây dựng ( Giao diện , API, Database)

- Kiểm thử chương trình, tiến hành sửa lỗi

9 15 15/07 – 22/07 - Chỉnh sửa tổng hợp báo cáo

10 16 23/07 - 1/08 - Hoàn tất chương trình Ý kiến của Giáo viên hướng dẫn

(Ký và ghi rõ họ tên)

MỤC LỤC ĐỀCƯƠNG KHÓA LUẬN TỐT NGHIỆP 7

1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI : 17

2 MỤC TIÊU CỦA ĐỀ TÀI : 17 o Guest : 17 o Thành viên: 17 o Admin: 18

CHƯƠNG 1 : KHẢO SÁT HIỆN TRẠNG 20

CHƯƠNG 2 : MÔ HÌNH HÓA YÊU CẦU VÀ 32

THIẾT KẾ CƠ SỞ DỮ LIỆU 32

2.3 SƠ ĐỒ LUỒNG DỮ LIỆU VÀ CƠ SỞ DỮ LIỆU CÁC NGHIỆP VỤ 49

2.3.1 Các nghiệp vụ của Guest (user,admin nếu có chung) 49

2.3.1.1 Xét nghiệp vụ đăng ký tài khoản 49

2.3.1.2 Xét nghiệp vụ đăng nhập 50

2.3.1.3 Xét nghiệp vụ Tìm Trọ 52

2.3.2 Các nghiệp vụ của User 53

2.3.2.1 Xét nghiệp vụ Cập Nhập Thông Tin Cá Nhân 53

2.3.2.2 Xét nghiệp vụ Đặt Lịch Hẹn 54

2.3.2.2 Xét nghiệp vụ Xem Bài Đăng 56

2.3.2.3 Xét nghiệp vụ Đăng Bài 57

2.3.2.4 Xét nghiệp vụ Báo Cáo Sai Phạm 59

2.3.2.5 Xét nghiệp vụ Bình Luận 60

2.3.2.6 Xét nghiệp vụ Đóng Mở Trạng Thái Tìm Trọ 61

2.3.3 Các nghiệp vụ của ADMIN 62

2.3.3.1 Xét nghiệp vụ Xem báo cáo sai phạm 62

2.3.3.2 Xét nghiệp vụ Quản Lý Bài Đăng 63

2.4 CƠ SỞ DỮ LIỆU HOÀN CHỈNH 64

2.4.2 Mô tả cơ sở dữ liệu 64

CHƯƠNG 3 : THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 68

3.4 MÀN HÌNH QUY TRÌNH ĐĂNG BÀI 78

3.5 MÀN HÌNH XEM HỒ SƠ CÁ NHÂN 83

3.6 MÀN HÌNH CHI TIẾT PHÒNG 86

3.7 MÀN HÌNH CÀI ĐẶT TRẠNG THÁI TÌM TRỌ 89

3.8 MÀN HÌNH ĐẶT LỊCH HẸN 91

4.2 CƠ SỞ DỮ LIỆU MONGODB 94 Ưu điểm : 95

4.4 MÔ TẢ CHI TIẾT TỪNG LỚP 97

4.5 TRÍCH DẪN THUẬT TOÁN HAY SỬ DỤNG TRONG PHẦN MỀM 100

CHƯƠNG 5 : KIỂM THỬ PHẦN MỀM 101

Hình 2 - 16 SDLDL cập nhập thông tin cá nhân 53

Hình 2 - 17 SDLDL đặt lịch hẹn 54

Hình 2 - 18 SDLDL xem bài đăng 56

Hình 2 - 20 SDLDL báo cáo sai phạm 59

Hình 2 - 22 SDLDL trạng thái tìm trọ 61

Hình 2 - 23 SDLDL xem báo cáo 62

Hình 2 - 24 SDLDL quản lý bài đăng 63

Hình 2 - 25 25 Cơ sở dữ liệu hoàn chỉnh 64

Hình 3 - 1 màn hình tìm kiếm 70

Hình 3 - 2 màn hình trang chủ 73

Hình 3 - 3 màn hình đăng bài 76

Hình 3 - 4 màn hình quy trình đăng bài 79

Hình 3 - 5 màn hình quy trình đăng bài tt 80

Hình 3 - 6 màn hình trang cá nhân 84

Hình 3 - 7 màn hình chi tiết phòng 87

Hình 3 - 8 màn hình cài đặt trạng thái tìm trọ 90

Hình 3 - 9 màn hình đặt lịch hẹn 93

Hình 4 - 2 Thuật toán xác định tọa độ 100

Bảng 2 - 1Bảng nghiệp vụ của guest 33

Bảng 2 - 2 Bảng các quy định của guest 33

Bảng 2 - 3 Bảng các nghiệp vụ của user 39

Bảng 2 - 4 Bảng các quy định của user 40

Bảng 2 - 5 Bảng các nghiệp vụ của admin 46

Bảng 2 - 6 Bảng các quy định của admin 46

Bảng 2 - 7 Bảng SDLDL nghiệp vụ đăng ký 49

Bảng 2 - 8 Bảng SDLDL nghiệp vụ đăng nhập 50

Bảng 2 - 9 Bảng SDLDL nghiệp vụ tìm trọ 52

Bảng 2 - 10 Bảng SDLDL nghiệp vụ cập nhập thông tin cá nhân 53

Bảng 2 - 11 Bảng SDLDL nghiệp vụ đặt lịch hẹn 54

Bảng 2 - 12 Bảng SDLDL nghiệp vụ xem bài đăng 56

Bảng 2 - 13 Bảng SDLDL nghiệp vụ đăng bài 57

Bảng 2 - 14 Bảng SDLDL nghiệp vụ báo cáo sai phạm 59

Bảng 2 - 15 Bảng SDLDL nghiệp vụ bình luận 60

Bảng 2 - 16 Bảng SDLDL nghiệp vụ đóng mở trạng thái tìm trọ 61

Bảng 2 - 17 Bảng SDLDL nghiệp vụ xem báo cáo 62

Bảng 2 - 18 Bảng SDLDL nghiệp vụ quản lý bài đăng 63

Bảng 3 - 1Bảng danh sách xử lý màn hình tìm trọ 71

Bảng 3 - 2 Bảng danh sách xử lý màn hình trang chủ 74

Bảng 3 - 3 Bảng danh sách xử lý màn hình đăng bài 77

Bảng 3 - 4 Bảng danh sách xử lý màn hình quy trình đăng bài 81

Bảng 3 - 5 Bảng danh sách xử lý màn hình hồ sơ cá nhân 85

Bảng 3 - 6 Bảng danh sách xử lý màn hình chi tiết phòng 88

Bảng 3 - 7 Bảng danh sách xử lý màn hình cài đặt trạng thái tìm trọ 91

Bảng 3 - 8 Bảng danh sách xử lý màn hình đặt lịch hẹn 93

Bảng 4 - 1 Bảng mô tả attributes của class user 97

Bảng 4 - 2 Bảng mô tả method của class user 97

Bảng 4 - 3 Bảng mô tả attributes của class Post 98

Bảng 4 - 4 Bảng mô tả attributes của class Apointment 99

Bảng 4 - 5 Bảng mô tả method của class Apointment 99

1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI :

Nhu cầu tìm nhà trọ cho sinh viên và người đi làm luôn hiện hữu, đặc biệt là vào thời điểm nhập học, khi hàng triệu sinh viên cần tìm chỗ ở trong thời gian ngắn để ổn định cuộc sống và chuẩn bị cho việc học Nhận thấy tầm quan trọng và tính cấp thiết của vấn đề này, chúng tôi đã quyết định chọn đề tài này cho môn học của mình.

Cơ hội kinh doanh cho ứng dụng tìm nhà trọ hiện đang rất lớn, vì trên thị trường hiện chỉ có chưa đến 10 ứng dụng cho cả Android và iOS Hơn nữa, các tính năng của những ứng dụng này còn hạn chế, tạo điều kiện cho việc phát triển sản phẩm mới và cải tiến trong lĩnh vực này.

 Chí phí để hoàn thành và đưa vào kinh doanh không cao (chỉ tốn chi phí đưa sản phẩm ra thị trường)

2 MỤC TIÊU CỦA ĐỀ TÀI :

 Xây dựng ứng dụng tìm nhà trọ với React Native, Nodejs, ExpressJs, MongoDB

 App hướng đến 3 đối tượng người dùng: Người tìm trọ , chủ trọ, người tìm người ở ghép o Guest :

 Guest có thể sử dụng các tính năng như đăng ký, đăng nhập, tìm trọ

Đối với tính năng tìm trọ, người dùng có hai lựa chọn: tìm kiếm các phòng trọ trống hoặc tìm phòng ghép theo khu vực, cũng như tìm kiếm xung quanh vị trí hiện tại của mình.

 Cũng có tính năng tìm trọ như guest

 Cập nhật thông tin cá nhân ( họ tên, sđt )

Để đặt lịch hẹn xem phòng, người dùng cần cung cấp các thông tin cần thiết bao gồm tên, số điện thoại và ngày giờ hẹn.

 Tính năng đăng phòng : thực hiện thông qua 4 bước :

 Bước 1 : Cho biết vị trí của phòng trọ, bao gồm tên TP, Quận-huyện, phường, tên đường, số nhà

 Bước 2 : Thông tin phòng trọ gồm loại phòng, số lượng, sức chứa, giới tính, diện tích phòng, chi phí

Khi cho thuê phòng trọ, hãy cung cấp thông tin chi tiết về các tiện ích như WC riêng, chỗ để xe, cửa sổ thoáng mát, an ninh đảm bảo, wifi miễn phí, tự do giờ giấc, chủ nhà thân thiện, máy lạnh, máy nước nóng, nhà bếp đầy đủ, tủ lạnh, máy giặt, gác lửng, giường, tủ đồ, tivi và chấp nhận thú cưng Đừng quên đính kèm từ 5-10 hình ảnh chụp phòng trọ để thu hút sự chú ý của người thuê.

 Bước 4 : Xác nhận thông tin để đăng phòng gồm số điện thoại, tiêu đề, nội dung mô tả, thời gian người thuê có thể chuyển đến

 Quản lí bài đăng : người dùng có thể sửa hoặc xóa bài đăng

Tính năng mở/đóng trạng thái tìm trọ cho phép người dùng thể hiện sự quan tâm đến khu vực, giá cả và tiện ích của phòng trọ mà họ mong muốn Khi có phòng trọ phù hợp với yêu cầu, người dùng sẽ nhận được thông báo Ví dụ, người dùng A muốn chuyển trọ gần trường đại học Sư Phạm Kỹ Thuật nhưng hiện tại không có phòng nào đáp ứng mong muốn A chỉ cần chọn các tùy chọn về giá và tiện ích, và khi có phòng trọ phù hợp trong khu vực, hệ thống sẽ tự động thông báo cho A.

 Quản lí các bài đăng : Xóa bài, Duyệt bài.

KẾT CẤU ĐỀ TÀI

 Mô hình hóa yêu cầu và thiết kế cơ sở dữ liệu

 Thiết kế giao diện và xử lý

KHẢO SÁT HIỆN TRẠNG

NHÀ TRỌ 360 [1]

Ứng dụng này mang lại nhiều ưu điểm nổi bật, bao gồm tính tiện dụng cao, cho phép người dùng dễ dàng tìm kiếm chỗ ở ngay từ lần đầu sử dụng Màu sắc giao diện thân thiện và không gây chói mắt, cùng với việc hiển thị thông tin chỗ ở như địa chỉ và diện tích ngay khi truy cập Các thành phần được phân chia hợp lý, đảm bảo hình ảnh và chữ không quá nhỏ, giúp người dùng dễ dàng chú ý đến giá tiền nhờ thiết kế nổi bật Ngoài ra, việc sử dụng icon cho các tiện ích giúp hình dung tốt hơn, cùng với các chức năng gọi điện, chỉ đường và chia sẻ, cũng như hỗ trợ lưu phòng, tạo ra trải nghiệm người dùng thuận tiện và hiệu quả.

Ứng dụng gặp một số nhược điểm như yêu cầu người dùng phải đăng nhập để truy cập Chức năng lưu phòng trọ không rõ ràng, khi nhấn vào nút lưu không có thông báo xác nhận, và chỉ hiển thị thông tin phòng đã lưu khi người dùng thoát và quay lại ứng dụng Hơn nữa, chức năng tìm kiếm không cung cấp thông tin về khoảng cách từ vị trí chỉ định đến các phòng trọ, điều này gây khó khăn cho người dùng trong việc lựa chọn địa điểm phù hợp.

OHANA [2]

Giao diện của ứng dụng nổi bật với nhiều màu sắc và hình ảnh nhẹ nhàng, mang lại trải nghiệm sử dụng thoải mái Người dùng có thể dễ dàng xem đánh giá về số lượng người ở chung hợp lý cho từng phòng, cùng với chức năng hiển thị rõ ràng các phòng cần tìm bạn ở ghép Ứng dụng cũng tích hợp chức năng chat với nhân viên hỗ trợ Ohana và người đăng phòng, giúp người dùng dễ dàng trao đổi thông tin Hệ thống bộ lọc phòng đa dạng cho phép người dùng không chỉ tìm kiếm theo giá cả mà còn theo tiện ích của phòng Ngoài ra, giao diện dành cho khách cũng có sẵn, nhưng để xem chi tiết phòng học và sử dụng các chức năng khác, người dùng cần đăng nhập.

Trang chủ không cung cấp thông tin về phòng trọ ngay lập tức, người dùng phải kéo xuống mục tiếp theo để tìm kiếm Ngoài ra, khi xem chi tiết phòng, không có chức năng slideshow cho hình ảnh, gây khó khăn trong việc xem xét Chức năng tìm kiếm cũng thiếu thông tin về khoảng cách, người dùng phải sao chép địa chỉ và vào Map để xem khoảng cách từ địa điểm chỉ định đến các phòng trọ, điều này làm cho việc so sánh khoảng cách giữa các phòng trở nên khó khăn.

NHÀ TRỌ TỐT [3]

Ứng dụng này mang lại nhiều ưu điểm nổi bật, bao gồm khả năng hiển thị vị trí thực tế trên bản đồ, giúp người dùng dễ dàng hình dung và so sánh khoảng cách di chuyển cũng như khu vực xung quanh chỗ ở Giao diện của ứng dụng được thiết kế đơn giản và thân thiện, dễ sử dụng Người dùng có thể thấy ngay số tiền thuê phòng khi hiển thị trên bản đồ, đồng thời nhận được thông tin về số lượng phòng tìm được trong khu vực đó và danh sách chi tiết các phòng Ngoài ra, ứng dụng còn hỗ trợ chức năng lưu phòng, cho phép người dùng theo dõi số lượng phòng đã lưu và chia sẻ thông tin về phòng với người khác.

Giao diện của ứng dụng gặp nhược điểm với màu sắc không hài hòa, gây khó chịu cho người dùng Nó chỉ hiển thị danh sách phòng trọ ở một mức độ zoom nhất định mà không thông báo rõ ràng về độ zoom hoặc bán kính, làm giảm khả năng sử dụng Hơn nữa, ứng dụng thiếu các tính năng bổ sung hữu ích như đặt lịch hẹn, chat, tìm bạn ở ghép, và bình luận đánh giá, chỉ đơn thuần cung cấp thông tin về vị trí các phòng trọ hiện có.

NHÀ TRỌ 24/7 [4]

Ứng dụng của chúng tôi mang đến nhiều ưu điểm nổi bật, bao gồm giao diện đơn giản và dễ sử dụng, cho phép người dùng dễ dàng truy cập tất cả các chức năng cần thiết ngay từ trang chủ như hiển thị phòng, bộ lọc và lưu tin Đặc biệt, ứng dụng hỗ trợ tất cả các chức năng dành cho khách mà không yêu cầu đăng nhập Người dùng cũng có thể lưu tin một cách nhanh chóng, với tính năng cập nhật ngay khi nhấn vào nút lưu để thêm vào danh sách cá nhân.

Nhược điểm của dịch vụ này bao gồm việc không có bộ lọc về bán kính, dẫn đến khó khăn trong việc tìm kiếm Thông tin chi tiết về phòng rất hạn chế, không hiển thị tiện ích phòng cũng như thông tin về chủ sở hữu Hơn nữa, dịch vụ thiếu tính năng chat với chủ phòng hoặc người dùng khác, và cũng không có hệ thống bình luận đánh giá phòng.

TÌM TRỌ [5]

Ứng dụng này có giao diện thiết kế giống như một mạng xã hội, giúp người dùng dễ dàng tương tác và sử dụng Nó cung cấp nhiều chức năng hữu ích, cho phép người dùng đăng tin, yêu thích, bình luận và chia sẻ thông tin Ngoài ra, ứng dụng hỗ trợ tìm kiếm chỗ trọ theo bán kính trên bản đồ và cho phép người dùng chọn khu vực nhận thông báo khi có phòng trống Đặc biệt, ứng dụng hoàn toàn miễn phí cho khách sử dụng.

Nhược điểm của hệ thống này bao gồm việc không có chức năng lưu lại các phòng đã tìm kiếm, không hiển thị danh sách các phòng đã tìm được, và thông tin chi tiết về phòng khá đơn giản Ngoài ra, bộ lọc chỉ hoạt động dựa trên bán kính quét và mức giá, hạn chế khả năng tìm kiếm hiệu quả.

Ứng dụng hướng đến việc kết nối mạnh mẽ người sử dụng, tăng cường tính tương tác ngay trên nền tảng Với giao diện thân thiện, người dùng dễ dàng sử dụng chức năng tìm trọ ngay từ lần đầu Ứng dụng có màu sắc không tương phản, tạo cảm giác dễ chịu Ngoài ra, nó cung cấp gợi ý tìm phòng và hỗ trợ quét theo bán kính cùng bộ lọc đa dạng như giá tiền, tiện ích và ngày đăng Người dùng có thể chat với quản trị viên và những người sử dụng khác, cũng như lưu phòng và tìm kiếm theo thời gian có thể chuyển đến Thông tin chi tiết phòng được trình bày rõ ràng, kèm theo chức năng bình luận và đánh giá các bài đăng.

MÔ HÌNH HÓA YÊU CẦU VÀ

USECASE DIAGRAM

CHI TIẾT CÁC ACTOR

SƠ ĐỒ LUỒNG DỮ LIỆU VÀ CƠ SỞ DỮ LIỆU CÁC NGHIỆP VỤ

CƠ SỞ DỮ LIỆU HOÀN CHỈNH

- Tìm hiểu về Redux (thư viện quản lí trạng thái của ứng dụng)

- Xây dựng giao diện cho ứng dụng với ReactNative + Redux

- Tìm hiểu về Nodejs, ExpressJs

- Tìm hiểu về cách xây dựng Restful API

- Xây dựng document Restful API của ứng dụng

- Tiến hành phát triển các API dựa trên document,

- Sử dụng Mongoose để xây dựng API với database MongoDB đã có

- Kết hợp các thành phần đã xây dựng ( Giao diện , API, Database)

- Kiểm thử chương trình, tiến hành sửa lỗi

9 15 15/07 – 22/07 - Chỉnh sửa tổng hợp báo cáo

10 16 23/07 - 1/08 - Hoàn tất chương trình Ý kiến của Giáo viên hướng dẫn

(Ký và ghi rõ họ tên)

MỤC LỤC ĐỀCƯƠNG KHÓA LUẬN TỐT NGHIỆP 7

1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI : 17

2 MỤC TIÊU CỦA ĐỀ TÀI : 17 o Guest : 17 o Thành viên: 17 o Admin: 18

CHƯƠNG 1 : KHẢO SÁT HIỆN TRẠNG 20

CHƯƠNG 2 : MÔ HÌNH HÓA YÊU CẦU VÀ 32

THIẾT KẾ CƠ SỞ DỮ LIỆU 32

2.3 SƠ ĐỒ LUỒNG DỮ LIỆU VÀ CƠ SỞ DỮ LIỆU CÁC NGHIỆP VỤ 49

2.3.1 Các nghiệp vụ của Guest (user,admin nếu có chung) 49

2.3.1.1 Xét nghiệp vụ đăng ký tài khoản 49

2.3.1.2 Xét nghiệp vụ đăng nhập 50

2.3.1.3 Xét nghiệp vụ Tìm Trọ 52

2.3.2 Các nghiệp vụ của User 53

2.3.2.1 Xét nghiệp vụ Cập Nhập Thông Tin Cá Nhân 53

2.3.2.2 Xét nghiệp vụ Đặt Lịch Hẹn 54

2.3.2.2 Xét nghiệp vụ Xem Bài Đăng 56

2.3.2.3 Xét nghiệp vụ Đăng Bài 57

2.3.2.4 Xét nghiệp vụ Báo Cáo Sai Phạm 59

2.3.2.5 Xét nghiệp vụ Bình Luận 60

2.3.2.6 Xét nghiệp vụ Đóng Mở Trạng Thái Tìm Trọ 61

2.3.3 Các nghiệp vụ của ADMIN 62

2.3.3.1 Xét nghiệp vụ Xem báo cáo sai phạm 62

2.3.3.2 Xét nghiệp vụ Quản Lý Bài Đăng 63

2.4 CƠ SỞ DỮ LIỆU HOÀN CHỈNH 64

2.4.2 Mô tả cơ sở dữ liệu 64

CHƯƠNG 3 : THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 68

3.4 MÀN HÌNH QUY TRÌNH ĐĂNG BÀI 78

3.5 MÀN HÌNH XEM HỒ SƠ CÁ NHÂN 83

3.6 MÀN HÌNH CHI TIẾT PHÒNG 86

3.7 MÀN HÌNH CÀI ĐẶT TRẠNG THÁI TÌM TRỌ 89

3.8 MÀN HÌNH ĐẶT LỊCH HẸN 91

4.2 CƠ SỞ DỮ LIỆU MONGODB 94 Ưu điểm : 95

4.4 MÔ TẢ CHI TIẾT TỪNG LỚP 97

4.5 TRÍCH DẪN THUẬT TOÁN HAY SỬ DỤNG TRONG PHẦN MỀM 100

CHƯƠNG 5 : KIỂM THỬ PHẦN MỀM 101

Hình 2 - 16 SDLDL cập nhập thông tin cá nhân 53

Hình 2 - 17 SDLDL đặt lịch hẹn 54

Hình 2 - 18 SDLDL xem bài đăng 56

Hình 2 - 20 SDLDL báo cáo sai phạm 59

Hình 2 - 22 SDLDL trạng thái tìm trọ 61

Hình 2 - 23 SDLDL xem báo cáo 62

Hình 2 - 24 SDLDL quản lý bài đăng 63

Hình 2 - 25 25 Cơ sở dữ liệu hoàn chỉnh 64

Hình 3 - 1 màn hình tìm kiếm 70

Hình 3 - 2 màn hình trang chủ 73

Hình 3 - 3 màn hình đăng bài 76

Hình 3 - 4 màn hình quy trình đăng bài 79

Hình 3 - 5 màn hình quy trình đăng bài tt 80

Hình 3 - 6 màn hình trang cá nhân 84

Hình 3 - 7 màn hình chi tiết phòng 87

Hình 3 - 8 màn hình cài đặt trạng thái tìm trọ 90

Hình 3 - 9 màn hình đặt lịch hẹn 93

Hình 4 - 2 Thuật toán xác định tọa độ 100

Bảng 2 - 1Bảng nghiệp vụ của guest 33

Bảng 2 - 2 Bảng các quy định của guest 33

Bảng 2 - 3 Bảng các nghiệp vụ của user 39

Bảng 2 - 4 Bảng các quy định của user 40

Bảng 2 - 5 Bảng các nghiệp vụ của admin 46

Bảng 2 - 6 Bảng các quy định của admin 46

Bảng 2 - 7 Bảng SDLDL nghiệp vụ đăng ký 49

Bảng 2 - 8 Bảng SDLDL nghiệp vụ đăng nhập 50

Bảng 2 - 9 Bảng SDLDL nghiệp vụ tìm trọ 52

Bảng 2 - 10 Bảng SDLDL nghiệp vụ cập nhập thông tin cá nhân 53

Bảng 2 - 11 Bảng SDLDL nghiệp vụ đặt lịch hẹn 54

Bảng 2 - 12 Bảng SDLDL nghiệp vụ xem bài đăng 56

Bảng 2 - 13 Bảng SDLDL nghiệp vụ đăng bài 57

Bảng 2 - 14 Bảng SDLDL nghiệp vụ báo cáo sai phạm 59

Bảng 2 - 15 Bảng SDLDL nghiệp vụ bình luận 60

Bảng 2 - 16 Bảng SDLDL nghiệp vụ đóng mở trạng thái tìm trọ 61

Bảng 2 - 17 Bảng SDLDL nghiệp vụ xem báo cáo 62

Bảng 2 - 18 Bảng SDLDL nghiệp vụ quản lý bài đăng 63

Bảng 3 - 1Bảng danh sách xử lý màn hình tìm trọ 71

Bảng 3 - 2 Bảng danh sách xử lý màn hình trang chủ 74

Bảng 3 - 3 Bảng danh sách xử lý màn hình đăng bài 77

Bảng 3 - 4 Bảng danh sách xử lý màn hình quy trình đăng bài 81

Bảng 3 - 5 Bảng danh sách xử lý màn hình hồ sơ cá nhân 85

Bảng 3 - 6 Bảng danh sách xử lý màn hình chi tiết phòng 88

Bảng 3 - 7 Bảng danh sách xử lý màn hình cài đặt trạng thái tìm trọ 91

Bảng 3 - 8 Bảng danh sách xử lý màn hình đặt lịch hẹn 93

Bảng 4 - 1 Bảng mô tả attributes của class user 97

Bảng 4 - 2 Bảng mô tả method của class user 97

Bảng 4 - 3 Bảng mô tả attributes của class Post 98

Bảng 4 - 4 Bảng mô tả attributes của class Apointment 99

Bảng 4 - 5 Bảng mô tả method của class Apointment 99

1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI :

Nhu cầu tìm nhà trọ cho sinh viên và người đi làm luôn hiện hữu, đặc biệt là vào thời điểm nhập học khi số lượng lớn sinh viên cần tìm chỗ ở trong thời gian ngắn Hiểu rõ vấn đề này và tính cấp thiết của nó, chúng tôi đã quyết định chọn đề tài này cho môn học của mình.

Cơ hội kinh doanh cho ứng dụng tìm nhà trọ đang rất lớn, vì hiện nay trên thị trường chỉ có chưa đến 10 ứng dụng cho cả Android và iOS Hơn nữa, các tính năng của những ứng dụng này còn hạn chế, tạo ra tiềm năng phát triển cho những sản phẩm mới.

 Chí phí để hoàn thành và đưa vào kinh doanh không cao (chỉ tốn chi phí đưa sản phẩm ra thị trường)

2 MỤC TIÊU CỦA ĐỀ TÀI :

 Xây dựng ứng dụng tìm nhà trọ với React Native, Nodejs, ExpressJs, MongoDB

 App hướng đến 3 đối tượng người dùng: Người tìm trọ , chủ trọ, người tìm người ở ghép o Guest :

 Guest có thể sử dụng các tính năng như đăng ký, đăng nhập, tìm trọ

Đối với tính năng tìm trọ, người dùng có hai lựa chọn: tìm kiếm các phòng trọ trống hoặc tìm phòng ghép theo khu vực, cũng như tìm kiếm xung quanh vị trí của mình.

 Cũng có tính năng tìm trọ như guest

 Cập nhật thông tin cá nhân ( họ tên, sđt )

Để đặt lịch hẹn xem phòng, người dùng cần cung cấp các thông tin sau: tên người đặt hẹn, số điện thoại và ngày giờ mong muốn.

 Tính năng đăng phòng : thực hiện thông qua 4 bước :

 Bước 1 : Cho biết vị trí của phòng trọ, bao gồm tên TP, Quận-huyện, phường, tên đường, số nhà

 Bước 2 : Thông tin phòng trọ gồm loại phòng, số lượng, sức chứa, giới tính, diện tích phòng, chi phí

Khi cho thuê phòng trọ, hãy thông báo cho người dùng về các tiện ích đi kèm như WC riêng, chỗ để xe, cửa sổ, an ninh, wifi, tự do giờ giấc, có chủ riêng, máy lạnh, máy nước nóng, nhà bếp, tủ lạnh, máy giặt, gác lửng, giường, tủ đồ, tivi và cho phép nuôi thú cưng Để thu hút sự chú ý, hãy kèm theo 5-10 hình ảnh minh họa về phòng trọ.

 Bước 4 : Xác nhận thông tin để đăng phòng gồm số điện thoại, tiêu đề, nội dung mô tả, thời gian người thuê có thể chuyển đến

 Quản lí bài đăng : người dùng có thể sửa hoặc xóa bài đăng

Tính năng mở/đóng trạng thái tìm trọ cho phép người dùng thể hiện sự quan tâm đến khu vực, giá cả và tiện ích của phòng trọ mong muốn Khi có phòng trọ phù hợp với yêu cầu, người dùng sẽ nhận được thông báo Ví dụ, người dùng A muốn chuyển đến khu vực gần trường đại học Sư Phạm Kỹ Thuật, nhưng hiện tại không có phòng trọ nào đáp ứng tiêu chí Người dùng A chỉ cần chọn các tùy chọn về giá và tiện ích mong muốn, và khi có phòng trọ phù hợp, hệ thống sẽ tự động thông báo cho A.

 Quản lí các bài đăng : Xóa bài, Duyệt bài

 Mô hình hóa yêu cầu và thiết kế cơ sở dữ liệu

 Thiết kế giao diện và xử lý

CHƯƠNG 1 : KHẢO SÁT HIỆN TRẠNG

Ứng dụng tìm trọ mang lại nhiều ưu điểm nổi bật, bao gồm tính tiện dụng cao, cho phép người dùng dễ dàng sử dụng ngay từ lần đầu Màu sắc giao diện thân thiện và không gây khó chịu cho người dùng Thông tin về phòng trọ, bao gồm địa chỉ và diện tích, được hiển thị rõ ràng ngay khi mở ứng dụng Các thành phần được phân chia hợp lý, với hình ảnh và chữ không quá nhỏ, giúp người dùng dễ dàng tiếp cận thông tin Giá tiền được thiết kế nổi bật, thu hút sự chú ý Hệ thống icon cho phần tiện ích giúp người dùng hình dung dễ dàng hơn Ứng dụng còn tích hợp chức năng gọi điện, chỉ đường và chia sẻ, cùng với khả năng hỗ trợ lưu phòng tiện lợi.

Một số nhược điểm của ứng dụng bao gồm việc bắt buộc người dùng phải đăng nhập để truy cập, khiến trải nghiệm không thuận tiện Chức năng lưu phòng trọ cũng gặp khó khăn khi không có thông báo hiển thị rõ ràng sau khi lưu, chỉ khi người dùng thoát và quay lại ứng dụng mới thấy thông tin phòng đã lưu Thêm vào đó, tính năng tìm kiếm không cung cấp khoảng cách từ địa điểm chỉ định đến các phòng trọ tìm được, làm giảm khả năng lựa chọn cho người dùng.

Giao diện của ứng dụng nổi bật với màu sắc tươi sáng và hình ảnh nhẹ nhàng, mang lại trải nghiệm dễ chịu cho người dùng Ứng dụng hiển thị đánh giá từ số lượng người dùng hợp lý cho từng phòng, giúp người tìm phòng có cái nhìn tổng quan Chức năng ghép phòng được thể hiện rõ ràng, hỗ trợ người dùng dễ dàng tìm kiếm phòng phù hợp Ngoài ra, người dùng có thể trò chuyện trực tiếp với Ohana (người hỗ trợ) qua nút chat, cũng như kết nối với người đăng phòng trong mục ghép ở Ứng dụng cung cấp bộ lọc phòng đa dạng, cho phép người dùng không chỉ lọc theo giá cả mà còn theo tiện ích Đặc biệt, giao diện còn hỗ trợ cho khách nhưng để xem chi tiết phòng, người dùng cần đăng nhập.

Trang chủ không cung cấp thông tin về phòng trọ ngay lập tức, người dùng phải kéo xuống mục tiếp theo để tìm kiếm Khi xem chi tiết phòng, không có chức năng slideshow cho hình ảnh, gây khó khăn trong việc xem xét Chức năng tìm kiếm không hiển thị khoảng cách, và ứng dụng cũng không cung cấp thông tin về khoảng cách từ địa điểm chỉ định đến các phòng trọ tìm được Người dùng phải sao chép địa chỉ và sử dụng Map để xác định vị trí, điều này làm cho việc so sánh khoảng cách giữa các phòng trở nên phức tạp.

Ứng dụng này mang lại nhiều ưu điểm nổi bật, bao gồm khả năng hiển thị vị trí thực tế trên bản đồ, giúp người dùng dễ dàng hình dung và so sánh khoảng cách cũng như khu vực xung quanh nơi ở Giao diện của ứng dụng rất đơn giản và dễ sử dụng, cho phép người dùng xem ngay số tiền khi tìm kiếm trên bản đồ Bên cạnh đó, ứng dụng còn hiển thị số lượng phòng tìm được trong khu vực và cung cấp danh sách chi tiết các phòng Đặc biệt, tính năng lưu phòng giúp người dùng theo dõi số lượng phòng đã lưu và chia sẻ thông tin phòng một cách thuận tiện.

Giao diện của ứng dụng có nhược điểm về thiết kế, với màu sắc gây khó chịu cho người dùng Ứng dụng chỉ hiển thị danh sách phòng ở một mức độ zoom nhất định mà không thông báo rõ ràng về độ zoom hoặc bán kính phù hợp, gây khó khăn trong việc sử dụng Hơn nữa, ứng dụng không hỗ trợ các tính năng bổ sung như đặt lịch hẹn, chat, ở ghép hay bình luận đánh giá, chỉ đơn thuần cung cấp thông tin về vị trí trọ hiện có.

Ứng dụng này nổi bật với thiết kế đơn giản và dễ sử dụng, cho phép người dùng dễ dàng truy cập vào tất cả các chức năng cần thiết ngay từ trang chủ, bao gồm hiển thị phòng, bộ lọc và lưu tin Đặc biệt, ứng dụng hỗ trợ đầy đủ các chức năng cho khách mà không yêu cầu đăng nhập, mang lại sự thuận tiện tối đa Chức năng lưu tin cũng được cải thiện, cho phép người dùng cập nhật ngay lập tức khi nhấn vào nút lưu và thêm vào danh sách cá nhân.

Dưới đây là những nhược điểm của dịch vụ: không có bộ lọc bán kính, thông tin phòng hạn chế và không hiển thị tiện ích cũng như thông tin về chủ sở hữu Hơn nữa, dịch vụ không hỗ trợ chức năng chat với chủ phòng hay người dùng khác, và cũng không có hệ thống đánh giá hay bình luận về các phòng.

Ứng dụng này có giao diện thiết kế giống như một mạng xã hội, giúp người dùng dễ dàng tương tác và sử dụng Nó cung cấp nhiều chức năng hữu ích, cho phép người dùng đăng tin, yêu thích, bình luận và chia sẻ thông tin Ngoài ra, ứng dụng hỗ trợ tìm kiếm phòng trọ theo bán kính trên bản đồ và cho phép người dùng chọn khu vực nhận thông báo khi có phòng trống Đặc biệt, ứng dụng hoàn toàn miễn phí cho khách sử dụng.

THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ

MÀN HÌNH TÌM TRỌ

3.1.1.1 Màn hình với tính đúng đắn :

3.1.1.2 Cải tiến màn hình giao diện

- Cung cấp thêm thông tin:

- Cung cấp giá trị mặc định:

- Cung cấp nhiều giá trị:

- Cung cấp theo thông tin thực tế:

3.1.2.1 Thêm các nút xử lý

3.1.2.2 Đánh số các xử lý trên màn hình giao diện

Hình 3 - 1 màn hình tìm kiếm

3.1.2.3 Lập danh sách các xử lý

Bảng 3 - 1Bảng danh sách xử lý màn hình tìm trọ

STT Tên xử lý Điều kiện gọi xử lý

1 Chuyển màn hình tìm kiếm theo danh sách hoặc bản đồ

2 Tìm kiếm theo loại phòng Nhấn vào button 2

3 Tìm kiếm theo giới tính Nhấn vào button 3

4 Tìm kiếm theo chi phí Nhấn vào button 4

5 Đóng bộ lọc tìm kiếm Nhấn vào button 5

6 Áp dụng bộ tìm kiếm Nhấn vào button 6

7 Xem chi tiết phòng Nhấn vào component 6 và chuyển đến trang chi tiết phòng

8 Marker tọa độ các phòng trên bản đồ

Nhấn vào marker 7 và chuyển đến trang chi tiết phòng tương ứng

9 Mở bộ lọc Nhấn vào button 9

10 Cài đặt lại trạng thái ban đầu cho bộ lọc

Tương tự như mục 2.3.1 bao gồm : tìm trọ, xem trang chủ, xem bài đăng, xem hồ sơ cá nhân

MÀN HÌNH TRANG CHỦ

3.2.1.1Màn hình với tính đúng đắn

3.2.2.1 Thêm vào các nút xử lý

Hình 3 - 2 màn hình trang chủ

Bảng 3 - 2 Bảng danh sách xử lý màn hình trang chủ

1 Tìm trọ ngay Nhấn vào button 1

2 Đăng phòng Nhấn vào button 2

3 Xem trang chủ Nhấn vào button 3 và phải đang ở màn hình khác

4 Tìm kiếm Nhấn vào button 4 và phải đang ở màn hình khác

5 Bài đăng Nhấn vào button 5 và phải đang ở màn hình khác

6 Tài khoản Nhấn vào button 6 và phải đang ở màn hình khác

7 Xem thông tin chi tiết phòng Nhấn vào button 7 hoặc các component tương tư

Tương tự như mục 2.3.1 bao gồm : đăng bài

MÀN HÌNH ĐĂNG BÀI

3.3.1.1 Màn hình với tính đúng đắn

3.3.2.1 Thêm vào các nút xử lý

3.2.2.2 Đánh số các xử lý trên màn hình

Hình 3 - 3 màn hình đăng bài

Bảng 3 - 3 Bảng danh sách xử lý màn hình đăng bài

1 Đăng phòng ngay Nhấn vào button 1

2 Bài đã duyệt Nhấn vào button 2

3 Bài chưa duyệt Nhấn vào button 3

4 Các bài đã duyệt Nhấn vào button 4

7 Đăng bài Nhấn vào button 3 và phải đang ở màn hình khác

8 Xem hồ sơ cá nhân Nhấn vào button 3 và phải đang ở màn hình khác

MÀN HÌNH QUY TRÌNH ĐĂNG BÀI

Hình 3 - 4 màn hình quy trình đăng bài

80 Hình 3 - 5 màn hình quy trình đăng bài tt

Bảng 3 - 4 Bảng danh sách xử lý màn hình quy trình đăng bài

1 Hủy quy trình đăng phòng Nhấn vào button 1

2 Thành phố Nhấn vào icon mũi tên bên phải và lựa chọn thành phố phù hợp

3 Quận/ Huyện Nhấn vào icon mũi tên bên phải và lựa chọn thành phố phù hợp

4 Phường Nhấn vào icon mũi tên bên phải và lựa chọn thành phố phù hợp

5 Tên đường Nhấn vào ô text và nhập thông tin

6 Số nhà Nhấn vào ô text và nhập thông tin

7 Loại phòng Nhấn vào 1 trong 4 ô loại phòng

8 Sức chứa Nhấn vào ô text và nhập số người

9 Giới tính Nhấn vào 1 trong 3 ô giới tính

10 Diện tích Nhấn vào ô text và nhập diện tích

11 Hình ảnh phòng trọ Nhấn vào button 11 và chọn hình ảnh phù hợp

12 Các tiện ích Nhấn vào các button tiện ích và chọn hình ảnh phù hợp cho từng loại tiện ích nếu có

13 Số điện thoại Nhấn vào ô text và nhập số điện thoại

14 Tiêu đề Nhấn vào ô text và nhập tiêu đề

15 Nội dung mô tả Nhấn vào ô text và nhập nội dung mô tả

16 Đăng phòng Nhấn vào button 16 và phải điền đầy đủ 14 thông tin trước đó

MÀN HÌNH XEM HỒ SƠ CÁ NHÂN

Hình 3 - 6 màn hình trang cá nhân

3.5.2.3 Lập bảng danh sách xử lý

Bảng 3 - 5 Bảng danh sách xử lý màn hình hồ sơ cá nhân

1 Đóng mở trang thái tìm trọ Nhấn vào button 1

2 Cập nhập hồ sơ cá nhân Nhấn vào button 2

3 Cài đặt trạng thái tìm trọ Nhấn vào button 3

4 Đăng xuất Nhấn vào button 4

5 Bài đăng Nhấn vào button 5 và phải đang ở màn hình khác

6 Tài khoản Nhấn vào button 6 và phải đang ở màn hình khác

Tương tự như mục 2.3.1 bao gồm : cập nhập thông tin cá nhân, đóng mở trạng thái tìm trọ

MÀN HÌNH CHI TIẾT PHÒNG

3.6.2.2 Đánh số các xử lý trên màn hình

Hình 3 - 7 màn hình chi tiết phòng

Bảng 3 - 6 Bảng danh sách xử lý màn hình chi tiết phòng

1 Đặt lịch ngay Nhấn vào button 1

2 Báo cáo sai phạm Nhấn vào button 2

3 Viết bình luận Nhấn vào button 3

Tương tự như mục 2.3.1 bao gồm : bình luận, đặt lịch hẹn, báo cáo sai phạm

MÀN HÌNH CÀI ĐẶT TRẠNG THÁI TÌM TRỌ

Hình 3 - 8 màn hình cài đặt trạng thái tìm trọ

Bảng 3 - 7 Bảng danh sách xử lý màn hình cài đặt trạng thái tìm trọ

1 Chọn vùng trên giao diện Dùng tay kéo thả thiết lập vùng chọn khi chạm vào vùng bản đồ

2 Khoảng giá Kéo thả khi nhấn vào vùng 2

3 Xác nhận trạng thái Nhấn vào button 3

4 Trang chủ Nhấn vào button 4 và đang ở màn hình khác

5 Tìm kiếm Nhấn vào button 5 và đang ở màn hình khác

6 Bài đăng Nhấn vào button 6 và đang ở màn hình khác

7 Hồ sơ cá nhân Nhấn vào button 7 và đang ở màn hình khác.

MÀN HÌNH ĐẶT LỊCH HẸN

Hình 3 - 9 màn hình đặt lịch hẹn

Bảng 3 - 8 Bảng danh sách xử lý màn hình đặt lịch hẹn

1 Họ Tên Nhấn vào ô text và nhập họ tên

2 Số điện thoại Nhấn vào ô text và nhập Số điện thoại

3 Thời gian Nhấn vào ô text và nhập thời gian

4 Xác nhận Nhấn vào button 4

LẬP TRÌNH

KIỂM THỬ PHẦN MỀM

Tiêu đề	Xây Dựng Ứng Dụng Tìm Nhà Trọ
Tác giả	Phạm Thái Vĩnh, Phùng Đại Hiệp
Người hướng dẫn	ThS. Mai Tuấn Khôi
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
Thể loại	khóa luận tốt nghiệp
Năm xuất bản	2020
Thành phố	Tp. Hồ Chí Minh

Định dạng
Số trang	111
Dung lượng	6,47 MB