Phát biểu bài toán
Đặt vấn đề
Sự chuyển dịch từ việc tìm kiếm thông tin qua báo đài và trung tâm môi giới bất động sản sang Internet đã biến website thành công cụ truyền thông hiệu quả nhất trong lĩnh vực bất động sản.
Trang web hệ thống kinh doanh bất động sản giúp kết nối dự án với khách hàng một cách hiệu quả, đồng thời thu thập thông tin khách hàng và triển khai các chiến lược marketing hiệu quả.
Sử dụng website hệ thống kinh doanh bất động sản là phương pháp hiệu quả được nhiều nhân viên và công ty môi giới áp dụng để giới thiệu các dự án mới đến khách hàng Đối với các tập đoàn bất động sản, việc đầu tư vào website cũng được xem là một ưu tiên quan trọng.
Lý do muốn chọn đề tài
Kể từ năm 2019, đại dịch COVID-19 đã tác động mạnh mẽ đến nền kinh tế toàn cầu, và Việt Nam cũng không ngoại lệ Tuy nhiên, Việt Nam đã nổi lên như một điểm sáng trong công tác phòng chống dịch, thu hút sự quan tâm của các nhà đầu tư trong và ngoài nước Bất động sản trở thành một trong những kênh đầu tư hàng đầu, vì giá trị đất đai ngày càng gia tăng theo thời gian Khi nền kinh tế phục hồi, dòng tiền nhàn rỗi sẽ đổ vào thị trường bất động sản Để nắm bắt xu hướng này, các doanh nghiệp bất động sản cần đổi mới phương thức kinh doanh, đặc biệt là việc phát triển hệ thống trang web chuyên nghiệp, điều này dự đoán sẽ trở nên phổ biến và góp phần tích cực vào sự phục hồi kinh tế từ năm 2021.
Mục đích
Xây dựng một hệ thống website kinh doanh bất động sản nhằm phục vụ nhu cầu giao dịch trực tuyến cho cá nhân và tổ chức trong ngành bất động sản, giúp họ tiếp cận và tìm kiếm khách hàng hiệu quả.
Đối tượng và phạm vi nghiên cứu
Khảo sát nhu cầu thực tế cuả công ty, nhân viên sale để lấy được nhưng yêu cầu về hệ thống kinh doanh bất động sản online.
Khảo sát
Nhu cầu sử dụng
Khảo sát cho thấy nhu cầu xây dựng một hệ thống kinh doanh bất động sản trực tuyến là rất cần thiết để bắt kịp xu hướng tương lai Các cá nhân và tổ chức trong ngành bất động sản cần một nền tảng kinh doanh online riêng để tiếp cận nguồn khách hàng mới phong phú trên internet.
Ý tưởng thực hiện
Cần thực hiện một website đáp ứng các nhu cầu của hệ thống kinh doanh bất động sản.
Hiện trạng
2.3.1 Khảo sát về hiện trạng:
Sau đại dịch COVID-19, nền kinh tế Việt Nam đang trên đà phục hồi mạnh mẽ, dẫn đến việc dòng tiền từ các kênh đầu tư tài chính chuyển hướng sang bất động sản Nhu cầu tìm kiếm công ty môi giới để mua bán bất động sản ngày càng tăng Để đáp ứng nhu cầu này, các công ty bất động sản đang tích cực phát triển hệ thống quảng cáo và marketing nhằm thu hút khách hàng Việc xây dựng một trang web kinh doanh bất động sản trở nên cần thiết để gia tăng sự nhận biết của khách hàng Nhận thấy tầm quan trọng này, nhóm chúng tôi đã quyết định chọn đề tài hệ thống kinh doanh bất động sản làm nội dung nghiên cứu.
2.3.2 Khảo sát về nghiệp vụ:
Sau khi khảo sát hiện trạng nghiệp vụ, rút ra những nhu cầu cụ thể cho trang web:
Trang chủ giới thiệu về công ty kinh doanh bất động sản, bao gồm thông tin về quá trình hình thành và phát triển, các đối tác và tổ chức hợp tác Đồng thời, trang cũng trình bày tầm nhìn, sứ mệnh và tôn chỉ hoạt động, giúp khách hàng hiểu rõ nguồn gốc, đối tác cũng như phương pháp và phương châm làm việc của công ty.
Trang dự án cung cấp thông tin chi tiết về các dự án mà công ty đang phân phối, giúp khách hàng dễ dàng nắm bắt thông tin cần thiết Tại đây, khách hàng có thể tìm hiểu đầy đủ và chính xác về từng dự án, từ đó để lại thông tin liên hệ khi có nhu cầu tư vấn.
Nhà đất là nơi hiển thị các sản phẩm bất động sản, bao gồm nhà và đất, giúp khách hàng dễ dàng tìm kiếm, lựa chọn và xem trực tiếp những bất động sản cần bán hoặc cho thuê.
Tin tức về thị trường bất động sản bao gồm các bài viết liên quan đến thông tin thị trường, nhận định chuyên sâu, chính sách và quản lý, tài chính - chứng khoán, cùng với tư vấn luật pháp.
+ Tuyển dụng: Mang đến thông tin tuyển dụng của tổ chức, công ty khi cần tuyển nhân viên vào các vị trí
+ Nhờ bán thuê: Giúp khách hàng gửi thông tin trực tiếp về sản phẩm bất động sản muốn bán trực tiếp, tiện lợi
+ Tài khoản: phân quyền người dùng, cho khách hàng được đăng bán trực tiếp các sản phẩm bất động sản đã mua.
Quy trình thực hiện
Khảo sát hiện trạng là bước quan trọng để hiểu rõ nghiệp vụ của một trang web kinh doanh bất động sản Qua đó, có thể rút ra những yêu cầu hệ thống cần thiết cho website, nhằm tối ưu hóa hiệu quả hoạt động và nâng cao trải nghiệm người dùng.
- + Phân quyền người dùng website thông qua đăng nhập
+ Giới thiệu về công ty, tổ chức kinh doanh bất động sản
Hiển thị thông tin trực quan về các dự án mà công ty hoặc tổ chức đang thực hiện, bao gồm môi giới bán hàng và cho thuê Cung cấp hình ảnh, thông tin chi tiết về dự án, tiến độ thi công, video giới thiệu, cũng như cập nhật tin tức mới nhất liên quan đến dự án.
Chúng tôi cung cấp thông tin chi tiết về các dự án và sản phẩm nhà đất hiện có, giúp người dùng dễ dàng tìm kiếm và theo dõi thông tin trong từng phân khu của dự án Danh mục sản phẩm bao gồm những bất động sản mà công ty đang bán, cho thuê, cũng như các sản phẩm của khách hàng cần bán.
+Hiển thị, cập nhật được các tin tức hàng ngày về bất động sản cũng như tình hình hoạt động, mua bán thành công của công ty
+ Hiển thị thông tin tin tuyển dụng của công ty
Khách hàng có thể tạo wishlist để lưu lại những sản phẩm nhà đất mà mình đang quan tâm, giúp dễ dàng tìm lại các sản phẩm đã xem sau này.
- Các bước xây dựng website:
+ Khảo sát, tìm hiểu về nghiệp vụ, yêu cầu
+ Xác định các yêu cầu hệ thống
+ Tiến hành hiện thực hóa bằng ngôn ngữ lập trình
+ Thử nghiệp và sửa lỗi
+ Hoàn thiện website có thể đưa vào sử dụng
Mô hình hóa yêu cầu phần mềm
Đặc tả UseCase
Tên use case Đăng kí
Mục đích Tạo một tài khoản mới
Khi người dùng nhấn vào form popup để đăng ký hoặc thực hiện đăng ký trực tiếp trên trang, họ sẽ tạo được một tài khoản mới thành công Sau khi hoàn tất quá trình đăng ký, người dùng có thể sử dụng tài khoản này để đăng nhập vào website.
Luồng sự kiện chính 1 Người dùng vào website
2 Người dùng bấm vào “Tài khoản” trên thanh header, chọn “Đăng kí”
3 Form popup hiện ra, người dùng thực hiện điền các thông tin cần thiết để đăng kí
4 Sau khi đăng kí thành công thì khách hàng có thể sử dụng tài khoản vừa đăng kí để đăng nhập vào apps
Luồng sự kiện phụ Không
Các ngoại lệ Người dùng nhập sai các thông tin
Kích hoạt sự kiện khác Không
Tên use case Đăng nhập
Mục đích Đăng nhập vào tài khoản
Người dùng, bao gồm khách hàng, quản lý và các admin, sẽ được kích hoạt khi họ nhấn vào form popup để đăng nhập hoặc đăng ký trực tiếp trên trang đăng nhập Trước khi thực hiện, người dùng cần phải có tài khoản đã đăng ký Sau khi hoàn tất, người dùng sẽ đăng nhập thành công.
Luồng sự kiện chính 1 Người dùng vào website
2 Người dùng bấm vào “Tài khoản” trên thanh header, chọn “Đăng nhập”
3 Form popup hiện ra, người dùng thực hiện điền các thông tin cần thiết để đăng nhập
4 Sau khi đăng nhập thành công thì khách hàng có thể sử dụng các chức năng nhờ bán thuê, xem các sản phẩm nhà đất đã mua
Luồng sự kiện phụ Không
Các ngoại lệ Người dùng nhập sai các thông tin
Kích hoạt sự kiện khác Không
Tên use case Đăng xuất
Mục đích Đăng xuất khỏi website
Người dùng, bao gồm khách hàng, quản lý và admin, cần phải đáp ứng các điều kiện kích hoạt khi thực hiện đăng xuất Trước khi đăng xuất, người dùng phải đảm bảo đã đăng nhập vào tài khoản của mình Sau khi hoàn tất quá trình, người dùng sẽ được thông báo rằng họ đã đăng xuất thành công khỏi website.
Luồng sự kiện chính 1 Người dùng đang ở tại website
2 Người dùng bấm vào “Tài khoản” trên thanh header, chọn “Đăng xuất”
3 Người dùng đăng xuất thành công khỏi website
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Xem trang chủ
Mục đích Xem thông tin giới thiệu của công ty
Người dùng Khách hàng, quản lí và các admin Điều kiện kích hoạt Khi người dùng vào website của công ty Điều kiện trước Không Điều kiện sau Không
Luồng sự kiện chính Người dùng vào website của công ty
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Xem dự án
Mục đích Xem thêm các dự án mà công ty đang phân phối
Người dùng, bao gồm khách hàng, quản lý và các admin, có thể kích hoạt tính năng khi truy cập vào website của công ty và chọn mục "Dự án" trên thanh điều hướng Trước khi thực hiện, không có điều kiện nào cần phải đáp ứng, và sau khi chọn, cũng không có điều kiện nào khác cần phải thỏa mãn.
Luồng sự kiện chính 1.Người dùng vào website của công ty
2.Người dùng chọn “Dự án” trên thanh header
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Nhờ bán thuê
Mục đích Nhờ bán hoặc cho thuê các sản phẩm nhà đất mà người dùng muốn nhờ công ty đăng bán, cho thuê
Khi người dùng truy cập vào website của công ty và chọn mục “Nhờ bán thuê” trên thanh header, họ sẽ không cần phải đáp ứng bất kỳ điều kiện nào trước hoặc sau khi thực hiện hành động này.
Luồng sự kiện chính 1.Người dùng vào website của công ty
2.Người dùng chọn “Nhờ bán thuê” trên thanh header
3 Giao diện nhờ bán thuê sẽ hiện ra, người dùng điền các thông tin cần thiết
4 sau khi điền thành công các thông tin cần thiết, người dùng có thể nhấn “Đăng bán” để gửi thông tin lên cho công ty
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Xem nhà đất đang bán, cho thuê
Mục đích của việc xem các sản phẩm nhà đất là để tìm hiểu những bất động sản mà công ty đang bán hoặc cho thuê Người dùng có thể xem chi tiết các sản phẩm này và dễ dàng lưu lại những bất động sản mà mình quan tâm vào danh sách yêu thích (wishlist) để xem lại sau.
Khi người dùng truy cập vào website của công ty và chọn mục “Nhà đất” trên thanh header, điều kiện kích hoạt sẽ được thực hiện Trước khi thực hiện, không có điều kiện nào cần phải đáp ứng, và sau khi chọn, cũng không có điều kiện nào khác cần thiết.
Luồng sự kiện chính 1.Người dùng vào website của công ty
2.Người dùng chọn “Nhà đất” trên thanh header
3 Giao diện nhà đất sẽ hiện ra
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Xem nhà đất đã mua
Mục đích của việc xem các sản phẩm nhà đất đã mua là để kiểm tra chi tiết thông tin về những sản phẩm này Bên cạnh đó, người dùng cũng có thể nhờ bán các sản phẩm nhà đất mà họ đã sở hữu.
Người dùng Khách hàng Điều kiện kích hoạt Khi người dùng vào website của công ty Điều kiện trước Đã đăng nhập vào website Điều kiện sau Không
Luồng sự kiện chính 1.Người dùng vào website của công ty
2.Người dùng chọn “Tài khoản” trên thanh header
3 Giao diện tài khoản hiện ra, chọn mục
“Nhà đất đã mua”, giao diện nhà đất đã mua hiển thị
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Xem tin tức
Mục đích Xem các tin tức được công ty đăng tải trên website
Người dùng Khách hàng Điều kiện kích hoạt Khi người dùng vào website của công ty Điều kiện trước Không Điều kiện sau Không
Luồng sự kiện chính 1.Người dùng vào website của công ty
2.Người dùng chọn “Tin tức” trên thanh header
3 Khi nhấp chuột vào tựa đề của tin tức thì có thể xem chi tiết tin tức
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Xem thông tin tuyển dụng
Mục đích Xem các thông tin tuyển dụng được công ty đăng tải trên website
Người dùng Khách hàng Điều kiện kích hoạt Khi người dùng vào website của công ty Điều kiện trước Không Điều kiện sau Không
Luồng sự kiện chính 1.Người dùng vào website của công ty
2.Người dùng chọn “Tuyển dụng” trên thanh header
3 Khi nhấp chuột vào tựa đề của bài tuyển dụng thì có thể xem chi tiết tin tức
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Thêm, xoá sửa dự án
Mục đích Thêm, xoá sửa các dự án, thông tin dư án
Người dùng quản lý và quản trị viên cần đăng nhập vào website để kích hoạt các chức năng Điều kiện cần thiết trước khi thực hiện là việc đăng nhập thành công vào hệ thống Sau khi đăng nhập, không có điều kiện bổ sung nào khác cần thiết.
Luồng sự kiện chính 1 Quản lí, quản trị viên đăng nhập vào website của công ty
2 Quản lí, quản trị viên chọn “admin” trên thanh header
3 Chọn thêm, xoá, sửa các thông tin về dự án
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Thêm, xoá sửa dự án
Mục đích Thêm, xoá sửa các dự án, thông tin dư án
Người dùng Quản lý và quản trị viên cần đăng nhập vào website để kích hoạt các chức năng quản lý Sau khi đăng nhập thành công, họ có thể thực hiện các thao tác như thêm, xoá và sửa đổi thông tin một cách hiệu quả.
Luồng sự kiện chính 1 Quản lí, quản trị viên đăng nhập vào website của công ty
2 Quản lí, quản trị viên chọn “admin” trên thanh header
3 Chọn thêm, xoá, sửa các thông tin về dự án
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Thêm, xoá sửa nhà đất thuộc các phân khu Mục đích Thêm, xoá sửa nhà đất thuộc các phân khu
Người dùng quản lý và quản trị viên cần đăng nhập vào website để thực hiện các thao tác Điều kiện trước khi thực hiện là phải đăng nhập thành công Sau khi đăng nhập, quản lý và quản trị viên có thể thêm, xóa, hoặc sửa thông tin một cách hiệu quả.
Luồng sự kiện chính 1 Quản lí, quản trị viên đăng nhập vào website của công ty
2 Quản lí, quản trị viên chọn “admin” trên thanh header
3 Chọn thêm, xoá, sửa các nhà đất thuộc các phân khu
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Trong lĩnh vực bất động sản, việc quản lý thông tin nhà đất đang bán và cho thuê là rất quan trọng Chúng tôi cung cấp tính năng thêm, xóa và sửa đổi thông tin về các bất động sản này, giúp người dùng dễ dàng cập nhật dữ liệu một cách nhanh chóng và hiệu quả Mục đích của tính năng này là tối ưu hóa quy trình quản lý nhà đất, đảm bảo thông tin luôn chính xác và kịp thời.
Người dùng quản lý và quản trị viên cần đăng nhập vào website để thực hiện các thao tác Sau khi đăng nhập thành công, họ có thể thêm, xóa hoặc sửa đổi nội dung trên trang web.
Luồng sự kiện chính 1 Quản lí, quản trị viên đăng nhập vào website của công ty
2 Quản lí, quản trị viên chọn “admin” trên thanh header
3 Chọn Thêm, xoá, sửa nhà đất thuộc các nhà đất đang bán, cho thuê
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Thêm, xoá sửa tin tức
Mục đích Thêm, xoá sửa tin tức
Người dùng Quản lý và quản trị viên cần đăng nhập vào website để kích hoạt các chức năng Sau khi đăng nhập thành công, họ có thể thực hiện các thao tác như thêm, xóa và sửa thông tin một cách hiệu quả.
Luồng sự kiện chính 1 Quản lí, quản trị viên đăng nhập vào website của công ty
2 Quản lí, quản trị viên chọn “admin” trên thanh header
3 Chọn Thêm, xoá, sửa tin tức, chi tiết tin tức
Luồng sự kiện phụ Không
Kích hoạt sự kiện khác Không
Tên use case Thêm, xoá sửa thông tin tuyển dụng
Mục đích Thêm, xoá sửa thông tin tuyển dụng
Người dùng quản lý và quản trị viên cần đăng nhập vào website để thực hiện các thao tác Sau khi đăng nhập thành công, họ có thể thêm, xóa hoặc sửa thông tin một cách hiệu quả.
Luồng sự kiện chính 1 Quản lí, quản trị viên đăng nhập vào website của công ty
2 Quản lí, quản trị viên chọn “admin” trên thanh header
3 Chọn Thêm, xoá, sửa thông tin tuyển dụng, chi tiết thông tin tuyển dụng
Luồng sự kiện phụ Không
THIẾT KẾ HỆ THỐNG
Kiến trúc hệ thống
- Ứng dụng kiến trúc mô hình Client-Server để thiết kế Hệ thống kinh doanh và tư vấn bất động sản:
Client và server về bản chất thì nó là 2 máy tính giao tiếp và truyền tải dữ liệu cho nhau
Máy tính hoạt động như một máy khách, hiển thị giao diện người dùng và cho phép người dùng nhập liệu cũng như truy xuất dữ liệu từ cơ sở dữ liệu theo quyền truy cập của họ Với vai trò này, máy khách không chia sẻ tài nguyên với các máy tính khác mà chỉ sử dụng tài nguyên từ máy chủ Trong một số trường hợp, một máy khách cũng có thể đóng vai trò là máy chủ cho mô hình khác, tùy thuộc vào nhu cầu của người sử dụng.
Máy tính server là thiết bị quan trọng trong hệ thống mạng, có khả năng cung cấp tài nguyên và dịch vụ cho các máy khách Server hỗ trợ các hoạt động của máy khách hiệu quả hơn, quản lý và lưu trữ toàn bộ dữ liệu phần mềm, đồng thời xử lý các yêu cầu nhập/xuất từ phía client.
Cơ chế Server-side Rendering(SSR)
- Server-side rendering là cơ chế đã được sử dụng từ rất lâu Gọi nó là server-side rendering là vì phần lớn logic sẽ được xử lý ở server:
Khi người dùng vào một trang web, trình duyệt sẽ gửi GET request tới web server
Web server sẽ nhận request, đọc dữ liệu từ database
Web server sẽ render HTML, trả về cho browser để hiển thị cho người dùng
- Một số tính chất của cơ chế server side rendering:
Logic từ đơn giản (validation, đọc dữ liệu) cho đến phức tạp (phân quyền, thanh toán) đều nằm ở phía server
Logic để routing – chuyển trang nằm ở server
Logic để render – hiển thị trang web cũng nằm ở server.
THIẾT KẾ DỮ LIỆU
Danh sách các lược đồ dữ liệu
STT Tên Bảng Diễn giải
2 ProjectMedia Hình ảnh/Video của dự án
7 RealEstateMedia Hình ảnh/Video của nhà đất
Mô tả từng bảng
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
2 name Text Tên dự án
3 invesloper Text Nhà đầu tư
4 introduce Text Giới thiệu dự án
5 info Text Thông tin dự án
6 customerBenefits Text Lợi ích khách hàng
8 highlight Boolean Dự án tiêu biểu
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
2 projectId Bigint Mã dự án
9 NewsMedia Hình ảnh/Video của tin tức
11 RecruitmentMedia Hình ảnh/Video của tin tuyển dụng
14 UserRole Vai trò của người dùng
15 UserRealEstate Nhà đất của người dùng
16 UserRealEstateMedia Hình ảnh/Video nhà đất của người dùng
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
1 id Bigint Mã phân khu
2 projectId Bigint Mã dự án
3 name Text Tên phân khu
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
1 id Bigint Mã nhà đất
2 areaId Bigint Mã phân khu
3 sell Boolean Bán hay cho thuê
9 bedRoom Smallint Số phòng ngủ
10 bathRoom Smallint Số phòng WC
11 name Text Tên nhà đất
12 typeId Bigint Mã loại nhà đất
20 facade Smallint Số mét mặt tiền
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
1 id Bigint Mã loại dự án
2 name Text Tên loại dự án
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
2 realEstateId Bigint Mã nhà đất
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
1 id Bigint Mã tin tức
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
2 newsId Bigint Mã tin tức
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
1 id Bigint Mã tuyển dụng
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
2 recruitmentId Bigint Mã tuyển dụng
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
1 Id Bigint Mã người dùng
2 UserName Bigint Tên đăng nhập
3 Email Text Địa chỉ email
4 Name Text Tên người dùng
14 LockoutEnd Time stamp with time zone
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
1 Id Bigint Mã vai trò
2 Name Text Tên vai trò
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
1 UserId Bigint Mã người dùng
2 RoleId Bigint Mã vai trò
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
1 id Bigint Mã nhà đất
3 sell Boolean Bán hay cho thuê
9 bedRoom Smallint Số phòng ngủ
10 bathRoom Smallint Số phòng WC
12 typeId Bigint Mã loại nhà đất
18 UserId Bigint Mã người dùng
20 facade Smallint Số mét mặt tiền
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
2 UserRealEstaeId Bigint Mã nhà đất của người dùng
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
UserId Bigint Mã người dùng
STT Trường dữ liệu Kiểu dữ liệu Ghi chú
RealEstateId Bigint Mã nhà đất
Thiết kế giao diện
Danh sách các giao diện
STT Tên Ý nghĩa/ Ghi chú
1 Đăng nhập Đăng nhập vào tài khoản đã đăng kí
2 Đăng kí Đăng kí tài khoản
3 Form đăng nhập Form popup đăng nhập giúp đăng nhập nhanh chóng
4 Form đăng kí Form popup đăng kí giúp đăng kí nhanh chóng
1 Trang chủ Trang giới thiệu, giới thiệu các thông tin của công ty đến với khách hàng và giới thiệu các đối tác chính của công ty
6 Dự án Hiển thị các dự án của công ty đang phối hợp phân phối
7 Xem thêm dự án Xem thêm các dự án mà công ty đang phân phối
Xem chi tiết thông tin dự án bao gồm các thông tin về dự án, tiến độ thực hiện, video giới thiệu và cập nhật mới nhất về tiến độ dự án.
9 Phân khu dự án Xem các sản phẩm nhà đất thuộc từng phân khu của dự án
10 Nhà đất Xem các nhà đất đang được công ty chào bán hoặc cho thuê
11 Chi tiết nhà đất Xem chi tiết các nhà đất đang được công ty chào bán hoặc cho thuê
12 Tin tức Hiển thị các tin tức
13 Chi tiết tin tức Hiển thị chi tiết các tin tức
14 Tuyển dụng Hiển thị thông tin tuyển dụng
15 Chi tiết tuyển dụng Hiển thị chi tiết các thông tin tuyển dụng
16 Wishlist Hiển thị các nhà đất khách hàng đã quan tâm cho vào wishlist
17 Nhờ bán thuê Hiển thị giao diện cho phép khách hàng đăng nhờ công ty bán hoặc cho thuê các sản phẩm nhà đất
18 Thông tin tài khoản Hiển thị thông tin tài khoản
19 Cập nhật thông tin tài khoản Hiển thị giao diện cho phép cập nhật thông tin tài khoản
20 Nhà đất đã mua Hiển thị thông tin nhà đất mà khách hàng đã mua
21 Thông tin chi tiết nhà đất đã mua Hiển thị thông tin chi tiết nhà đất đã mua
23 Chi tiết thông tin dữ liệu
Hình ảnh và xử lí trên giao diện
STT Tên thành phần Loại Cách sử dụng
1 Thanh Headerbar Dùng để di chuyển giữa các mục chính của trang Web
STT Tên thành phần Loại Cách sử dụng
1 Navigation của dự án Button Dùng để di chuyển đến xem chi tiết các dự án chính
2 Xem thêm Button Dùng để chuyển các slider của các dự án
3 Tên dự án Button Nhấn chuột vào để xem chi tiết dự án
7.2.3 Giao diện chi tiết dự án
STT Tên thành phần Loại Cách sử dụng
1 Để lại thông tin Button Nhấn chuột vào để lại thông tin dự án
STT Tên thành phần Loại Cách sử dụng
1 Tên nhà đất Button Dùng để di chuyển đến xem chi tiết nhà đất
STT Tên thành phần Loại Cách sử dụng
1 Tên nhà đất Button Dùng để di chuyển đến xem chi tiết nhà đất
2 Nút thêm vào wishlist Button Thêm nhà đất quan tâm vào wishlist
7.2.6 Giao diện chi tiết nhà đất
STT Tên thành phần Loại Cách sử dụng
1 Nút chuyển ảnh nhà đất
Button Dùng để di chuyển đến xem các ảnh nhà đất
2 Nút nhận tư vấn Button Dùng để hiển thị form nhận tư vấn
STT Tên thành phần Loại Cách sử dụng
1 Tên tin tức Button Ấn vào để vào chi tiết tin tức
7.2.8 Giao diện chi tiết Tin tức
STT Tên thành phần Loại Cách sử dụng
1 Tên tin thông tin tuyển dụng
Button Ấn vào để vào chi tiết tuyển dụng
7.2.10 Giao diện chi tiết tuyển dụng
7.2.11 Giao diện nhờ bán thuê
STT Tên thành phần Loại Cách sử dụng
1 Gửi thông tin Button Dùng để gửi thông tin để nhờ bán hoặc cho thuê
STT Tên thành phần Loại Cách sử dụng
1 Tên nhà đất Button Ấn vào để vào chi tiết nhà đất
7.2.13 Giao diện thông tin tài khoản
STT Tên thành phần Loại Cách sử dụng
1 Cập nhật thông tin Button Dùng để đi đến giao diện chỉnh sửa thông tin tài khoản
7.2.14 Giao diện nhà đất đã mua
STT Tên thành phần Loại Cách sử dụng
1 Tên nhà đất đã mua Dùng để xem chi tiết nhà đất đã mua
7.2.15 Giao diện chi tiết nhà đất đã mua
STT Tên thành phần Loại Cách sử dụng
1 Nút đăng bán Button Dùng để đăng bán nhà đất
7.2.16 Giao diện đổi mật khẩu
STT Tên thành phần Loại Cách sử dụng
1 Đổi mật khẩu Button Dùng để cập nhật lại mật khẩu mới cho tài khoản
7.2.17 Giao diện Admin dự án
7.2.18 Giao Diện admin dự án mới
7.2.19 Giao Diện admin dự án tiêu biểu
7.2.20 Giao Diện admin chi tiết dự án
7.2.21 Giao Diện trang quản trị cập nhật dự án
7.2.22 Giao Diện trang quản trị phân khu
7.2.23 Giao Diện trang quản trị thêm phân khu mới
7.2.24 Giao Diện trang quản trị nhà đất
7.2.25 Giao Diện trang quản trị chi tiết nhà đất
7.2.26 Giao Diện trang quản trị cập nhật dự án
7.2.27 Giao Diện trang quản trị tin tức
7.2.28 Giao Diện trang quản trị tin tức