1. Trang chủ
  2. » Cao đẳng - Đại học

Đồ án môn học SE121 l21 PMCL

70 12 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Đồ án 1 Môn Học: SE121.L21.PMCL
Tác giả Thẩm Minh Đức, Lê Đại Dương
Người hướng dẫn Th.S Huỳnh Hồ Thị Mộng Trinh
Trường học Đại học Quốc gia Thành phố Hồ Chí Minh
Chuyên ngành Công nghệ phần mềm
Thể loại đồ án
Thành phố Thành phố Hồ Chí Minh
Định dạng
Số trang 70
Dung lượng 8,16 MB

Cấu trúc

  • I. Phát biểu bài toán (6)
    • 1.1 Đặt vấn đề (6)
    • 1.2 Lý do muốn chọn đề tài (6)
    • 1.3 Mục đích (6)
    • 1.4 Đối tượng và phạm vi nghiên cứu (7)
  • II. Khảo sát (7)
    • 2.1 Nhu cầu sử dụng (7)
    • 2.2 Ý tưởng thực hiện (7)
    • 2.3 Hiện trạng (7)
      • 2.3.1 Khảo sát về hiện trạng (7)
      • 2.3.2 Khảo sát về nghiệp vụ (8)
  • III. Quy trình thực hiện (8)
  • IV. Mô hình hóa yêu cầu phần mềm (9)
    • 4.1 Biểu đồ UseCase (9)
    • 4.2 Đặc tả UseCase (10)
  • V. THIẾT KẾ HỆ THỐNG (0)
    • 5.1 Kiến trúc hệ thống (21)
    • 5.2 Cơ chế Server-side Rendering(SSR) (22)
  • VI. THIẾT KẾ DỮ LIỆU (22)
    • 6.1 Danh sách các lược đồ dữ liệu (23)
    • 6.2 Mô tả từng bảng (26)
  • VII. Thiết kế giao diện (0)
    • 7.1 Danh sách các giao diện (31)
    • 7.2 Hình ảnh và xử lí trên giao diện (32)
      • 7.2.1 Giao diện trang chủ (33)
      • 7.2.2 Giao diện dự án (36)
      • 7.2.3 Giao diện chi tiết dự án (0)
      • 7.2.4 Giao diện phân khu (42)
      • 7.2.5 Giao diện nhà đất (45)
      • 7.2.6 Giao diện chi tiết nhà đất (0)
      • 7.2.7 Giao diện Tin tức (49)
      • 7.2.8 Giao diện chi tiết Tin tức (0)
      • 7.2.9 Giao diện Tuyển dụng (51)
      • 7.2.10 Giao diện chi tiết tuyển dụng (0)
      • 7.2.11 Giao diện nhờ bán thuê (53)
      • 7.2.12 Giao diện wishlish (54)
      • 7.2.13 Giao diện thông tin tài khoản (55)
      • 7.2.14 Giao diện nhà đất đã mua (56)
      • 7.2.15 Giao diện chi tiết nhà đất đã mua (0)
      • 7.2.16 Giao diện đổi mật khẩu (58)
      • 7.2.17 Giao diện Admin dự án (59)
      • 7.2.18 Giao Diện admin dự án mới (60)
      • 7.2.19 Giao Diện admin dự án tiêu biểu (61)
      • 7.2.20 Giao Diện admin chi tiết dự án (62)
      • 7.2.21 Giao Diện trang quản trị cập nhật dự án (63)
      • 7.2.22 Giao Diện trang quản trị phân khu (64)
      • 7.2.23 Giao Diện trang quản trị thêm phân khu mới (64)
      • 7.2.24 Giao Diện trang quản trị nhà đất (65)
      • 7.2.25 Giao Diện trang quản trị chi tiết nhà đất (66)
      • 7.2.26 Giao Diện trang quản trị cập nhật dự án (67)
      • 7.2.27 Giao Diện trang quản trị tin tức (67)
      • 7.2.28 Giao Diện trang quản trị tin tức (69)
  • VIII. Kết luận (0)
    • 8.1 Kết quả đạt được (0)
    • 8.2 Định hướng phát triển (70)

Nội dung

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

Kết luận

Ngày đăng: 05/09/2021, 20:46

HÌNH ẢNH LIÊN QUAN

- Ứ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:  - Đồ án môn học SE121 l21 PMCL
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: (Trang 21)
STT Tên Bảng Diễn giải - Đồ án môn học SE121 l21 PMCL
n Bảng Diễn giải (Trang 25)
6.2 Mô tả từng bảng Bảng Project  - Đồ án môn học SE121 l21 PMCL
6.2 Mô tả từng bảng Bảng Project (Trang 26)
Bảng ProjectMedia - Đồ án môn học SE121 l21 PMCL
ng ProjectMedia (Trang 26)
Bảng RealEstate - Đồ án môn học SE121 l21 PMCL
ng RealEstate (Trang 27)
Bảng Area - Đồ án môn học SE121 l21 PMCL
ng Area (Trang 27)
Bảng News - Đồ án môn học SE121 l21 PMCL
ng News (Trang 28)
Bảng UserRealEstateMedia - Đồ án môn học SE121 l21 PMCL
ng UserRealEstateMedia (Trang 30)

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w