xây dựng website tìm kiếm phòng trọ tại thành phố đà nẵng

Mục tiêu đề tài Xây dựng một hệ thống với mục tiêu chủ yếu là tạo ra một nền tảng kết nối chủ trọ với khách hàng và khách hàng tìm kiếm phòng trọ một cách thuận tiện và nhanh chóng đồng

Trang 1

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

Trang 2

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

TRỌ TẠI THÀNH PHỐ ĐÀ NẴNG

Giảng viên hướng dẫn duyệt

TS Hoàng Thị Mỹ Lệ

Trang 3

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

Trang 4

NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN

Trang 5

TÓM TẮT

Tên đề tài: Xây dựng website tìm kiếm phòng trọ tại thành phố Đà Nẵng Sinh viên thực hiện: Lương Văn Chương

Mã sinh viên:1911505310205 Nội dung tóm tắt đề tài:

Thành phố Đà Nẵng, với sự phát triển nhanh chóng trong kinh tế và du lịch, đang thu hút một lượng lớn dân số di cư, đặc biệt là sinh viên và người lao động Sự gia tăng này đặt ra nhu cầu ngày càng tăng về nhà ở, đặc biệt là các phòng trọ phục vụ cho sinh viên và nhóm người lao động tạm trú Xây dựng một website tìm kiếm phòng trọ tại Đà Nẵng giúp giải quyết vấn đề cấp bách này, tạo ra một nền tảng trực tuyến giúp người cần thuê nhà dễ dàng tìm kiếm và đặt phòng Đồng thời, chủ nhà có thể quảng bá thông tin về phòng trọ của họ một cách hiệu quả.Vì vậy e xây dựng Website “tìm kiếm phòng trọ tại thành phố Đà Nẵng” đượclàm bằng mô hình MVC , PHP Laravel….để giúp cho sinh viên và nhưng người dân ở khu vực thành phố Đà Nẵng vất vả tìm trọ hơn

Trang 6

ii TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

KHOA CÔNG NGHỆ SỐ

CỘNG HÒA XÃ HÔI CHỦ NGHĨA VIỆT NAM

Độc lập - Tự do - Hạnh phúc

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Giảng viên hướng dẫn: TS Hoàng Thị Mỹ Lệ

Sinh viên thực hiện: Lương Văn Chương Mã sinh viên: 1911505310205 1 Tên đề tài: Xây dựng website tìm kiếm phòng trọ tại thành phố Đà Nẵng 2 Các số liệu, tài liệu ban đầu:

- Số liệu được trao đổi và lấy từ các nguồn chủ cho thuê trọ - Các tài liệu tham khảo được lấy từ nhiều nguồn, đa phần là các bài viết và khoá học về lập trình trên youtube

3 Nội dung chính của đồ án:

Quá trình xây dựng website tìm kiếm phòng trọ tại thành phố Đà Nẵng: - Thu thập thông tin tài liệu liên quan và khảo sát thực tế

- Phân tích thiết kế các chức năng của hệ thống - Phân tích thiết kế cơ sơ dữ liệu

- Thiết kế giao diện cho các chức năng - Xây dựng hệ thống website

- Kiểm thử website - Hoàn thành báo cáo tổng hợp

4 Các sản phẩm dự kiến:

- Website tìm kiếm phòng trọ - File báo cáo hoàn chỉnh

5 Ngày giao đồ án: 18/09/2023 6 Ngày nộp đồ án: 21/01/2024

Đà Nẵng, ngày tháng năm 2024

Trang 7

LỜI CẢM ƠN

Trước tiên, em xin gửi lời cảm ơn chân thành đến quý thầy cô đã đồng hành và hỗ trợ em trong quá trình thực hiện đề tài báo cáo khóa luận tốt nghiệp này Đặc biệt,

em muốn bày tỏ lòng biết ơn đến giảng viên TS Hoàng Thị Mỹ Lệ vì sự tận tâm và sự

hướng dẫn cụ thể trong suốt quá trình nghiên cứu

Hơn nữa, em cũng xin được biết ơn đến các quý thầy cô thuộc khoa Công Nghệ Số - Trường Đại học Sư phạm Kỹ thuật - Đại Học Đà Nẵng đã truyền đạt những kiến

thức quan trọng và chia sẻ những kinh nghiệm quý báu trong suốt hơn bốn năm học tập tại trường Một lần nữa em cảm ơn quý thầy cô đã đồng hành và giúp đỡ chúng em rất nhiều trong quá trình học tập và hoàn thành công việc của mình!

Tuy nhiên, trong quá trình thực hiện đề tài, do còn hạn chế về kiến thức cũng như thời gian, em không thể tránh khỏi những thiếu sót Vì thế, em mong rằng quý thầy cô có thể thông cảm và đóng góp ý kiến để em có thể hoàn thành đề tài này một cách tốt nhất Những góp ý đó sẽ giúp em hoàn thiện hơn và là hành trang lớn nhất để em vững bước trong tương lai sắp đến!

Em xin chân thành tri ân và cảm ơn!

Trang 8

iv

LỜI CAM ĐOAN

Em xin cam đoan đồ án Xây dựng website tìm kiếm phòng trọ tại thành phố Đà

Nẵng là một công trình nghiên cứu độc lập dưới sự hướng dẫn của giảng viên TS

Hoàng Thị Mỹ Lệ Ngoài ra không có bất cứ sự sao chép nào của người khác Đề tài,

nội dung báo cáo đồ án là sản phẩm mà em đã nỗ lực nghiên cứu trong quá trình học tập tại trường Các kết quả trình bày trong báo cáo là hoàn toàn trung thực, em xin chịu hoàn toàn trách nhiệm, kỷ luật của trưởng bộ môn và nhà trường đề ra nếu như có vấn đề xảy ra

Sinh viên thực hiện

Lương Văn Chương

Trang 9

MỤC LỤC

TÓM TẮT i

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP ii

LỜI CẢM ƠN iii

LỜI CAM ĐOAN iv

DANH MỤC BẢNG BIỂU viii

3 Phương pháp nghiên cứu, lựa chọn giải pháp công nghệ 1

3.1 Phương pháp nghiên cứu 1

3.2 Lựa chọn giải pháp công nghệ 2

1.2 Hệ quản trị cơ sở dữ liệu MySQL 4

1.3 Framework và thư viện hỗ trợ 5

1.3.1 Giới thiệu Laravel Framework 5

1.3.2 Thư viện Jquery 6

1.3.3 Thư viện Bootstrap 6

Trang 10

vi

1.4.1 Visual Studio Code 7

1.4.2 Xampp 8

1.5 Lý thuyết xây dựng website 9

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 10

2.3 Yêu cầu chất lượng ứng dụng 11

2.4 Sơ đồ ERD của hệ thống 11

2.5 Kịch bản cho Use case 12

Trang 11

3.1 Giao diện người dùng (Khách vãng lai và Khách hàng) 35

3.1.1 Giao diện đăng nhập tài khoản 35

3.1.2 Giao diện trang chủ sau khi đăng nhập 35

3.1.3 Giao diện kết quả khi lọc 37

3.1.4 Giao diện kết quả tìm kiếm phòng trọ theo danh mục 37

3.1.5 Giao diện trang thông tin phòng trọ 38

3.1.6 Giao diện nạp tiền 39

3.1.7 Giao diện hướng dẫn 40

3.1.8 Giao diện cập nhật tài khoản cá nhân 40

3.1.9 Giao diện lịch sử nạp tiền 41

3.1.10 Giao diện lịch sử thanh toán 41

3.1.11 Giao diện danh sách tin đăng 42

3.2 Giao diện trang quản trị 42

3.2.1 Giao diện đăng nhập trang quản trị 42

3.2.2 Giao diện chính của trang quản trị 43

3.2.3 Giao diện quản lý địa chỉ 43

3.2.4 Giao diện quản lý danh mục 44

3.2.5 Giao diện quản khách hàng 44

3.2.6 Giao diện quản lý tin đăng phòng trọ 45

3.2.7 Giao diện xem danh sách nạp tiền 45

3.2.8 Giao diện thanh toán 46

KẾT LUẬN 47

TÀI LIỆU THAM KHẢO 48

Trang 12

viii

DANH MỤC BẢNG BIỂU

Bảng 2 1: Kịch bản cho use case tìm kiếm phòng trọ 12

Bảng 2 2: Kịch bản cho use case xem thông tin phòng trọ 13

Bảng 2 3: Kịch bản cho use case xem hướng dẫn 13

Bảng 2 4: Kịch bản cho use case đăng ký tài khoản thành viên 14

Bảng 2 5: Kịch bản cho use case đăng nhập trang người dùng 14

Bảng 2 6: Kịch bản cho use case cập nhật thông tin tài khoản 15

Bảng 2 7: Kịch bản cho use case đăng tin 15

Bảng 2 8: Kịch bản cho use case cập nhật tin đăng 16

Bảng 2 9: Kịch bản cho use case cập nhật tài khoản 16

Bảng 2 10: Kịch bản cho use case quản lý tin đăng 17

Bảng 2 11: Kịch bản cho use case đăng nhập trang quản trị 17

Bảng 2 12: Kịch bản cho use case quản lý danh mục phòng trọ 18

Bảng 2 13: Kịch bản cho use case quản lý địa điểm phòng trọ 18

Bảng 2 14: Kịch bản cho use case quản lý thành viên 19

Bảng 2 15: Kịch bản cho use case xem sử thanh toán 19

Bảng 2 16: Kịch bản cho use case quản lý tin đăng 20

Bảng 2 17: Kịch bản cho use case quản lý nạp tiền 21

Bảng 2 18: Kịch bản cho use case thống kê 21

Bảng 2 19: Cơ sở dữ liệu bảng Phòng 31

Bảng 2 20: Cơ sở dữ liệu bảng Ảnh 31

Bảng 2 21: Cơ sở dữ liệu bảng Mục lục 31

Bảng 2 22: Cơ sở dữ liệu bảng lịch sử thanh toán 32

Bảng 2 23: Cơ sở dữ liệu bảng lịch sử nạp tiền 32

Bảng 2 24: Cơ sở dữ liệu bảng địa chỉ 33

Trang 13

Bảng 2 25: Cơ sở dữ liệu bảng phòng 34

DANH MỤC HÌNH ẢNH Hình 1.1 Icon HTML 3

Hình 1 8 Ảnh minh họa Visual Studio Code 8

Hình 1 9 Ảnh minh họa Xampp 8

Hình 1 10 Ảnh minh họa mô hình MVC 9

Hình 2 1 Sơ đồ Use case 11

Hình 2 2 Sơ đồ hoạt động chức năng tìm kiếm 22

Hình 2 3 Sơ đồ hoạt động chức năng xem thông tin 22

Hình 2 4 Sơ đồ hoạt động chức năng xem thông tin bài viết (blog) 23

Hình 2 5 Sơ đồ hoạt động chức năng xem thông tin bảng giá 24

Hình 2 6 Sơ đồ hoạt động chức năng đăng ký tài khoản 25

Hình 2 7 Sơ đồ hoạt động chức năng đăng nhập trang người dùng 25

Hình 2 8 Sơ đồ hoạt động chức năng đăng xuất trang người dùng 26

Hình 2 9 Sơ đồ hoạt động chức năng cập nhật thông tin tài khoản 26

Hình 2 10 Sơ đồ hoạt động chức năng đăng tin 27

Trang 14

x

Hình 2 12 Sơ đồ hoạt động chức năng đăng nhập trang quản trị 28

Hình 2 13 Sơ đồ hoạt động chức năng quản lý địa chỉ phòng trọ 29

Hình 2 14 Sơ đồ hoạt động chức năng quản lý danh mục phòng trọ 29

Hình 2 15 Sơ đồ hoạt động chức năng quản lý khách hàng 30

Hình 2 16 Sơ đồ hoạt động chức năng quản lý nạp tiền 30

Hình 2 17 Sơ đồ ERD 34

Hình 3 1 Giao diện đăng nhập tài khoản 35

Hình 3 2 Giao diện trang chủ sau khi đăng nhập 36

Hình 3 3 Giao diện kết quả khi lọc 37

Hình 3 4 Giao diện kết quả tìm kiếm phòng trọ theo danh mục 38

Hình 3 5 Giao diện trang thông tin phòng trọ 39

Hình 3 6 Giao diện nạp tiền 40

Hình 3 7 Giao diện bảng giá 40

Hình 3 8 Giao diện cập nhật thông tin cá nhân 41

Hình 3 9 Giao diện lịch sử nạp tiền 41

Hình 3 10 Giao diện lịch sử thanh toán 42

Hình 3 11 Giao diện lịch sử thanh toán 42

Hình 3 12 Giao diện đăng nhập trang quản trị 43

Hình 3 13 Giao diện chính trang quản trị 43

Hình 3 14 Giao diện quản lý danh địa chỉ 44

Hình 3 15 Giao diện quản lý danh mục 44

Hình 3 16 Giao diện quản lý khách hàng 45

Hình 3 17 Giao diện quản lý tin đăng phòng trọ 45

Hình 3 18 Giao diện nạp tiền 46

Trang 15

Hình 3 19 Giao diện quản lý hàng tồn kho 46

Trang 16

xii

DANH MỤC CHỮ VIẾT TẮT

1 PHP Hypertext Preprocessor Ngôn ngữ lập trình kịch bản 2 HTML HyperText Markup Language Ngôn ngữ đánh dấu siêu văn bản

3 CSS Cascading Style Sheets Ngôn ngữ tạo phong cách cho

website

4 W3C World Wide Web Consortium Tổ chức tiêu chuẩn quốc tế chính

cho World Wide Web

5 RDBMS Relational Database

Management System Hệ quản trị cơ sở dữ liệu quan hệ

Trang 17

MỞ ĐẦU 1 Lý do chọn đề tài

Đà Nẵng là một thành phố phát triển nhanh chóng và có sức hút lớn đối với người lao động, du học sinh và du khách Sự gia tăng đột ngột về lượng người đến Đà Nẵng tạo ra một nhu cầu khẩn cấp về nhà ở tạm thời Xây dựng một website tìm kiếm phòng trọ tại thành phố này không chỉ giúp giải quyết vấn đề nhà ở mà còn mang lại nhiều tiện ích cho cả chủ nhà và người thuê nhà Website sẽ cung cấp một nền tảng trực tuyến tiện lợi, giúp người cần thuê phòng dễ dàng tìm kiếm thông tin về các phòng trọ có sẵn tại Đà Nẵng Người thuê có thể lọc kết quả theo giá cả, vị trí, tiện nghi, và nhiều tiêu chí khác, giúp họ nhanh chóng lựa chọn lựa một nơi ở phù hợp với nhu cầu cá nhân.Việc xây dựng một website tìm kiếm phòng trọ có thể giúp các chủ nhà và đại lý bất động sản tìm kiếm khách hàng tiềm năng một cách hiệu quả và nhanh chóng hơn Bên cạnh đó xây dựng website tìm kiếm phòng trọ tại Đà Nẵng cũng có thể giúp cho các sinh viên, người lao động và du khách tìm kiếm phòng trọ dễ dàng hơn, đồng thời cung cấp thông tin chính xác và đầy đủ về giá cả, vị trí và tiện ích của phòng trọ mà không cần đến tận nơi để xem Tìm kiếm phòng trọ truyền thống thường gặp phải nhiều khó khăn và không thuận tiện cho người dùng Việc xây dựng website tìm kiếm phòng trọ giúp cải thiện trải nghiệm người dùng bằng cách cung cấp thông tin chính xác và chi tiết về phòng trọ, giúp người dùng dễ dàng tìm được phòng trọ phù hợp với nhu cầu của mình

2 Mục tiêu và phạm vi đề tài 2.1 Mục tiêu đề tài

Xây dựng một hệ thống với mục tiêu chủ yếu là tạo ra một nền tảng kết nối chủ trọ với khách hàng và khách hàng tìm kiếm phòng trọ một cách thuận tiện và nhanh chóng đồng thời giúp nâng cao trải nghiệm người dùng và tạo ra môi trường kinh doanh cạnh tranh trong lĩnh vực cho thuê phòng trọ tại Đà Nẵng

Trang 18

Xây dựng website tìm kiếm phòng trọ tại thành phố Đà Nẵng

3.2 Lựa chọn giải pháp công nghệ

- Ngôn ngữ lập trình: PHP,HTML,CSS (SASS) ,Javascript - Framework: Sử dụng Framework Laravel ,Bootstrap 5 ,jQuery confirm - Cơ sở dữ liệu: Sử dụng hệ quản trị cơ sở MySQL để lưu trữ

Giới thiệu lý do và các mục tiêu mà đề tài cần giải quyết, phạm vi nghiên cứu của đề tài Giới thiệu tóm tắt nội dung sẽ được trình bày trong các chương trình tiếp theo Nghiên cứu, tìm hiểu và đưa ra lý do chọn đề tài, mục tiêu và mục đích khi xây dựng và phát triển đề tài Xác định rõ phạm vi và đối tượng hướng đến, giải pháp công nghệ để triển khai, xây dựng đề tài, đồng thời phân tích đặc tả yêu cầu nghiệp vụ

Chương 1: Cơ sở lý thuyết

Nêu các cơ sở lý thuyết áp dụng trong hệ thống ngôn ngữ HTML, CSS, Javascript,PHP và hệ quản trị cơ sở dữ liệu MySQL

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

Trình bày các sơ đồ use case, kịch bản cho các use case, sơ đồ ERD, sơ đồ hoạt động của các chức năng trong hệ thống.Từ những phân tích ở trên, tiến hành thiế kế cơ sở dữ liệu cho hệ thống sẽ triển khai

Chương 3: Xây dựng chương trình

Từ những phân tích và thiết kế về hệ thống ở trên, áp dụng xây dựng các chức năng hệ thống Trình bày giao diện của phần mềm triển khai

Kết luận

Kết luận chung cho các chương trong đồ án Trình bày những vấn đề đã giải quyết đồng thời trình bày hướng phát triển

Trang 19

CHƯƠNG 1 CƠ SỞ LÝ THUYẾT 1.1 Tổng quan về ngôn ngữ lập trình

1.1.1 HTML

HTML là một ngôn ngữ đánh dấu được thế kế ra để tạo nên các trang website với mẫu thông tin được trình bày trên World Wide Web.Cùng với CSS và Javascript,HTML tạo ra bộ ba nền tảng kỹ thuật cho World Wide Web HTML được định nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức tạp.HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium duy trì.Phiên bản chính thức mới nhất của HTML.Sau đó , các nhà phát triển đã thay thế nó bằng XHTML.Hiện nay ,HTML đang được phát triển tiếp với phiên bản HTML5

CSS được sử dụng trong Website là công nghệ được phát triển bởi W3C, được dùng để phát triển Front-end

Trang 20

Hình 1.2 Icon CSS

1.1.3 PHP

PHP là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML.Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới

Hình 1.3 Icon PHP

1.2 Hệ quản trị cơ sở dữ liệu MySQL

MySQL là một hệ quản trị cơ sở dữ liệu quan hệ mã nguồn mở phổ biến và được sử dụng rộng rãi trên toàn thế giới Nó được phát triển bởi Oracle Corporation và được phân phối dưới dạng phần mềm miễn phí hoặc có giấy phép thương mại MySQL được xây dựng trên ngôn ngữ truy vấn cấu trúc (SQL) và cung cấp một loạt các tính năng và công cụ cho việc quản lý và truy xuất cơ sở dữ liệu

Trang 21

MySQL là một hệ thống quản trị cơ sở dữ liệu quan hệ (RDBMS) hoạt động theo mô hình client-server RDBMS là một phần mềm hay dịch vụ dùng để tạo và quản lý các cơ sở dữ liệu (Database) theo hình thức quản lý các mối liên hệ giữa chúng

MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng Vì MySQL là hệ quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập cơ sở dữ liệu trên internet

Ưu điểm của Laravel: - Sử dụng các tính năng mới nhất của PHP - Nguồn tài nguyên vô cùng lớn và sẵn có - Tích hợp với dịch vụ mail

- Tốc độ xử lý nhanh - Dễ sử dụng

- Tính bảo mật cao

Trang 22

Hình 1 5 Icon Laravel

1.3.2 Thư viện Jquery

JQuery là một thư viện được viết bởi ngôn ngữ lập trình JavaScript giúp đơn giản hoá công việc của các lập trình viên jQuery giúp cho việc xây dựng và sử dụng các chức năng được diễn ra một cách nhanh, dễ dàng và đơn giản hơn

Tính năng là một trong những vấn đề rất được quan tâm mỗi khi sử dụng jQuery Với vai trò như một bộ công cụ JavaScript, jQuery giúp cho mọi công việc lập trình được đơn giản hoá cũng như viết ít code hơn

Hình 1 6 Icon jQuery

1.3.3 Thư viện Bootstrap

Bootstrap là 1 framework HTML, CSS, và JavaScript cho phép người dùng dễ dàng thiết kế website theo 1 chuẩn nhất định, tạo các website thân thiện với các thiết bị cầm tay như mobile, ipad, tablet,

Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để tạo ra một mẫu webiste hoàn chỉnh Với các thuộc tính về giao diện được quy định sẵn như kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo nhiều sản phẩm mới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá trình thiết kế giao diện website

Trang 23

Hình 1 7 Icon Bootstrap

1.4 Công cụ hỗ trợ xây dựng hệ thống 1.4.1 Visual Studio Code

Visual Studio Code được biết đến là một trình biên tập lập trình code miễn phí dành

cho Windows, Linux và macOS Nó được phát triển bởi Microsoft là sự kết hợp hoàn

hảo giữa IDE và Code Editor Trình biên tập này được hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting, tự hoàn thành mã thông minh, snippets, cùng đó là cải tiến mã nguồn Ngoài ra, Visual Studio Code còn cho phép người dùng thay đổi theme, phím tắt, và các tùy chọn khác

Những ưu điểm nổi bật của Visual Studio Code:

▪ Đa dạng ngôn ngữ lập trình giúp bạn thỏa sức sáng tạo như HTML, CSS, JavaScript, C++,…

▪ Ngôn ngữ, giao diện tối giản, tinh tế, giúp người dùng dễ dàng định hình nội dung

▪ Các tiện ích mở rộng đa dạng, phong phú

▪ Tích hợp các tính năng bảo mật (Git), tăng tốc xử lý vòng lặp (Debug),…

▪ Có thể đơn giản trong việc tìm quản lý hết tất cả các Code có trên hệ thống

Trang 24

Hình 1 8 Ảnh minh họa Visual Studio Code

1.4.2 Xampp

Xampp là một phần mềm cho phép giải lập môi trường server hosting ngay trên máy tính của bạn, cho phép bạn chạy demo website mà không cần phải mua hosting hay VPS Chính vì vậy, Xampp hay được phục vụ cho hoạt động học tập giảng dạy thự hành và phát triển web

Xampp được viết tắt của X + Apache + MySQL + PHP + Perl vì nó được tích hợp sẵn Apache, MySQL, PHP, FTP Server, Mail Server Còn X thể hiện cho sự đa nền tảng của Xampp vì nó có thể dùng được cho 4 hệ điều hành khác nhau: Windows, MacOS, Linus và Solaris

Hình 1 9 Ảnh minh họa Xampp

Trang 25

1.5 Lý thuyết xây dựng website

Mô hình hoạt động MVC (Server Side Rendering): • Người dùng gửi yêu cầu (HTTP Request) qua một trình duyệt web bất kỳ Yêu cầu

này có thể kèm theo những dữ liệu tới Controller xử lý Bộ Routing điều hướng sẽ xác định Controller xử lý

• Khi Controller nhận được yêu cầu, nó sẽ kiểm tra yêu cầu đó có cần dữ liệu từ Model hay không Nếu có sẽ dùng các class/function trong Model sau đó trả ra kết quả Khi đó, Controller cũng sẽ xử lý các giá trị đó và trả ra view để hiển thị Controller sẽ xác định các View tương ứng và hiển thị đúng theo yêu cầu

• Khi View nhận được giá trị từ Controller, chúng sẽ xây dựng các thành phần hiển thị như hình ảnh, thông tin dữ liệu, … rồi trả về GUI content để Controller đưa ra kết quả và hiển thị lên màn hình Browser

• Browser sẽ nhận được giá trị trả về và hiển thị với người dùng và kết thúc quá trình hoạt động

Hình 1 10 Ảnh minh họa mô hình MVC

Trang 26

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Xác định tác nhân

- Khách vãng lai - Khách hàng - Quản trị viên (Admin)

2.2 Các yêu cầu chức năng 2.2.1 Khách vãng lai

- Đăng ký tài khoản - Lọc, tìm kiếm theo tin (quận huyện,phường xã, giá , diện tích ) - Xem thông tin tổng quản của website

- Xem thông tin hướng dẫn sử dụng - Liên hệ chủ cho thuê

- Xem thông tin chi tiết phòng trọ

2.2.2 Khách hàng

- Đăng nhập/ Đăng xuất - -Xem thông tin website - Lọc, tìm kiếm theo tin (quận huyện,phường xã, giá , diện tích) - Xem thông tin hướng dẫn sử dụng

- Xem thông tin bài đăng - Cập nhập thông tin tài khoản - Đăng tin

- Cập nhập bài đăng - Nạp tiền

- Xem lịch sử nộp tiền , thanh toán tiền

2.2.3 Quản trị viên

- Đăng nhập/đăng xuất - Xem thống kê

- Quản lý địa chỉ - Quản lý danh mục:

Trang 27

- Quản lý tài khoản khách hàng - Quản lý phòng:Xem, xóa và duyệt phòng - Quản lý nạp tiền:Thêm sửa ,nộp tiền vào tài khoản khác hàng - Quản lý thanh toán: Xem lịch sử thanh toán

2.3 Yêu cầu chất lượng ứng dụng

- Giao diện phù hợp với đối tượng sử dụng, đơn giản và hợp lý - Ngôn ngữ Tiếng Việt

- Đảm bảo tính bảo mật cao, an toàn người dùng - Tốc độ xử lý và truy cập cơ sở dữ liệu nhanh

2.4 Sơ đồ ERD của hệ thống

Hình 2 1 Sơ đồ Use case

Trang 28

2.5 Kịch bản cho Use case 2.5.1 Khách vãng lai

5 Các bước thực

hiện

1) Bắt đầu use case 2) Người dùng chọn loại trọ hoặc lọc tìm kiếm trọ 3) Người dùng nhấn vào button lọc tin

4) Thông tin phòng trọ được hiển thị 4) Kết thúc use case

Bảng 2 1 Kịch bản cho use case tìm kiếm phòng trọ

STT Tên usecase Xem thông tin phòng trọ

3 Đầu vào Khách vãng lai truy cập vào hệ thống

4 Đầu ra Thông tin về phòng trọ được hiển thị màn hình

5 Các bước thực hiện

1) Bắt đầu use case 2) Người dùng nhấn chuột vào phòng trọ mình muốn xem 3) Thông tin của phòng trọ được hiển thị

Trang 29

Bảng 2 2 Kịch bản cho use case xem thông tin phòng trọ

3 Đầu vào Khách vãng lai truy cập vào hệ thống

1) Bắt đầu use case 2) Người dùng nhấn vào danh mục hướng dẫn 3) Thông tin hướng dẫn được hiển thị ra màn hình 3) Kết thúc use case

6 Các bước phát

7 Các trường hợp

Bảng 2 3 Kịch bản cho use case xem hướng dẫn

STT Tên usecase Đăng ký tài khoản thành viên

1 Mô tả Người dùng đăng ký tài khoản thành viên của hệ thống

3 Đầu vào Khách vãng lai chưa có tài khoản thành viên

1) Bắt đầu use case 2) Khách vãng lai chọn đăng ký tài khoản 3) Khách vãng lai nhập thông tin như tên tài khoản, email, số điện thoại, mật khẩu và nhấn nút đăng ký

4) Kết thúc use case

7 Các trường hợp ngoại lệ

3’) Hệ thống thông báo nếu email đã được sử dụng hoặc email không đúng định dạng

Trang 30

Bảng 2 4 Kịch bản cho use case đăng ký tài khoản thành viên

2.5.2 Khách hàng

STT Tên usecase Đăng nhập trang người dùng

1 Mô tả Người dùng đã có tài khoản có thể đăng nhập

1) Bắt đầu use case 2) Khách hàng chọn đăng nhập 3) Khách hàng nhập email và mật khẩu sau đó nhấn nút đăng nhập

3’) Thông báo lỗi nếu tài khoản hoặc mật khẩu không đúng

Bảng 2 5 Kịch bản cho use case đăng nhập trang người dùng

STT Tên usecase Cập nhật thông tin tài khoản

4 Đầu ra Khách hàng chỉnh sửa thông tin thành công

1) Bắt đầu use case 2) Khách hàng vào phần Thông tin tài khoản 3) Khách hàng nhập các thông tin muốn sửa đổi 4) Khách hàng nhấn nút cập nhật

Trang 31

3’) Hệ thống báo lỗi nếu thông tin nhập vào không đúng định dạng

Bảng 2 6 Kịch bản cho use case cập nhật thông tin tài khoản

STT Tên usecase Đăng tin phòng trọ cho thuê

1 Mô tả Người dùng tiến hành đăng tin phòng trọ khi có nhu cầu

cho thuê

1) Bắt đầu use case 2) Khách hàng đăng nhập vào hệ thống 3) Khách hàng chọn button đăng tin mới 4) Khách hàng nhập thông tin phòng trọ 3) Thông tin bài đăng được đăng lên và lưu vào hệ thống 5) Kết thúc use case

4’ Báo lỗi khi khách hàng nhập thiếu những thông tin bắt buộc

Bảng 2 7 Kịch bản cho use case đăng tin

STT Tên usecase Cập nhật tin đăng

1) Bắt đầu use case 2) Khách hàng nhấp vào danh sách bài đăng 3) Giao diện hiển thị thông tin tất cả các bài đăng mà khách hàng đã đăng

4) Khách hàng nhấn chuột vào sữa tin

Trang 32

5) Khách hàng nhập lại những thông tin cần sửa đổi 6) Khách hàng nhấn button lưu

6’ Báo lỗi khi khách hàng cập nhật thiếu thông tin hoặc để trống

Bảng 2 8 Kịch bản cho use case cập nhật tin đăng

STT Tên usecase Cập nhật tài khoản

3 Đầu vào Khách hàng truy cập vào hệ thống, đăng nhập thành công

4 Đầu ra Khách hàng cập nhật tài khoản thành công

1) Bắt đầu use case 2) Khách hàng nhấp chuột vào sữa thông tin cá nhân 3) Khách hang điền những thông tin cần cập nhật 4) Khách hàng nhấn button lưu và cập nhật 4) Kết thúc use case

7 Các trường hợp

Bảng 2 9 Kịch bản cho use case cập nhật tài khoản

STT Tên usecase Quản lý tin đăng

3 Đầu vào Khách hàng truy cập vào hệ thống, đăng nhập thành công