Báo cáo
PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE
TÌM PHÒNG TRỌ
MỤC LỤC
DANH MỤC HÌNH
DANH MỤC BẢNG
LỜI CẢM ƠN
LỜI CAM ĐOAN
Chương 1: Giới thiệu chung 1
1.1. Lý do chọn đề tài: 1
1.2. Mục tiêu của đề tài: 1
1.3. Giới hạn và phạm vi của đề tài: 2
1.4. Kết quả dự kiến đạt được: 2
Chương 2: Tổng quan về công nghệ 3
2.1. Cơ sở lý thuyết 3
2.1.1. Ngôn ngữ thiết kế website 3
2.1.2. Ngơn ngữ lập trình 5
2.1.3. Hệ quản trị cơ sở dữ liệu: 6
2.2. Công cụ sử dụng 7
2.2.1. Thư viện Jquery 7
2.2.2. Mơ hình MVC 8
2.2.3. Framework laravel 10
2.2.4. MySQL 11
2.2.5. XAMPP 12
Chương 3: Phân tích và thiết kế hệ thống 14
3.1. Use Case của hệ thống: 14
3.1.1. Các tác nhân của hệ thống: 14
3.1.2. Use Case tổng quát: 15
3.1.3. Use Case hệ thống: 15
3.1.4. Use Case của tác nhân NGUOITHUETRO: 18
3.1.5. Use Case Đăng bài phòng trọ: 20
3.1.6. Use Case Quản lý thanh toán: 21
3.1.7. Use Case Quản lý danh mục: 23
3.1.8. Use Case Quản lý địa điểm: 26
3.1.9. Use Case Quản lý tài khoản: 29
3.1.10. Use Case Quản lý phòng trọ: 31
3.1.11. Use Case Quản lý giao dịch: 33
3.1.12. Use Case Quản lý bài viết: 35
3.2. Biểu đồ hoạt động: 38
3.3. Biểu đồ tuần tự: 45
3.4. Thiết kế cơ sở dữ liệu: 51
3.4.1. Biểu đồ lớp: 51
3.4.2. Xác định các bảng thực thể: 52
Chương 4: Giao diện website 58
4.1. Giao diện người dùng: 58
4.1.1. Giao diện trang chủ: 58
4.1.2. Giao diện đăng ký: 58
4.1.3. Giao diện đăng nhập: 59
4.1.4. Giao diện viết bài đăng phòng trọ: 59
4.1.5. Giao diện chi tiết bài đăng phòng trọ: 60
4.1.6. Giao diện bài viết: 60
4.1.7. Giao diện thanh toán online: 61
4.1.8. Giao diện lịch sử giao dịch: 61
4.2. Giao diện quản trị: 62
4.2.1. Giao diện đăng nhập: 62
4.2.2. Giao diện quản lý danh mục: 62
4.2.3. Giao diện quản lý địa điểm: 63
4.2.4. Giao diện quản lý phòng trọ: 63
4.2.5. Giao diện quản lý tài khoản: 64
4.2.6. Giao diện quản lý giao dịch: 64
4.2.7. Giao diện quản lý bài viết: 65
4.2.8. Giao diện thêm bài viết: 65
Kết luận 66
Tài liệu tham khảo 67
DANH MỤC HÌNH
Hình 2.1. Mơ hình MVC trong PHP
Hình 2.2. Mơ hình hoạt động của MySQL
Hình 3.1. Các tác nhân của hệ thống
Hình 3.2. Use Case tổng quát
Hình 3.3. Use Case hệ thống
Hình 3.4. Use Case của tác nhân NGUOITHUETRO
Hình 3.5. Use Case Đăng bài phịng trọ
Hình 3.6. Use Case Quản lý thanh tốn
Hình 3.7. Use Case Quản lý danh mục
Hình 3.8. Use Case Quản lý địa điểm
Hình 3.9. Use Case Quản lý tài khoản
Hình 3.10. Use Case Quản lý phịng trọ
Hình 3.11. Use Case Quản lý giao dịch
Hình 3.12. Use Case Quản lý bài viết
Hình 3.13. Biểu đồ hoạt động Đăng ký
Hình 3.14. Biểu đồ hoạt động Đăng nhập
Hình 3.15. Biểu đồ hoạt động Đăng xuất
Hình 3.16. Biểu đồ hoạt động Xem chi tiết bài đăng phịng trọ
Hình 3.17. Biểu đồ hoạt động Thêm dữ liệu trang quản trị
Hình 3.18. Biểu đồ hoạt động Cập nhật dữ liệu trang quản trị
Hình 3.19. Biểu đồ hoạt động Xóa dữ liệu trang quản trị
Hình 3.20. Biểu đồ hoạt động Tìm kiếm phịng trọ
Hình 3.21. Biểu đồ tuần tự Đăng ký
Hình 3.22. Biểu đồ tuần tự Đăng nhập
Hình 3.23. Biểu đồ tuần tự Thêm dữ liệu trang quản lý
Hình 3.24. Biểu đồ tuần tự Cập nhật dữ liệu trang quản lý
Hình 3.25. Biểu đồ tuần tự Xóa dữ liệu trang quản lý
Hình 3.26. Biểu đồ tuần tự Tìm kiếm phịng trọ
Hình 3.27. Biểu đồ tuần tự Xem chi tiết phịng trọ
Hình 3.28. Biểu đồ lớp
Hình 4.1. Giao diện trang chủ người dùng
Hình 4.2. Giao diện đăng ký
Hình 4.3. Giao diện đăng nhập
Hình 4.4. Giao diện viết bài đăng phịng trọ
Hình 4.5. Giao diện chi tiết bài đăng phịng trọ
Hình 4.6. Giao diện bài viết
Hình 4.7. Giao diện thanh tốn online
Hình 4.8. Giao diện lịch sử giao dịch
Hình 4.9. Giao diện đăng nhập quản trị
Hình 4.10. Giao diện quản lý danh mục
Hình 4.11. Giao diện quản lý địa điểm
Hình 4.12. Giao diện quản lý phịng trọ
Hình 4.13. Giao diện quản lý tài khoản
Hình 4.14. Giao diện quản lý giao dịch
Hình 4.15. Giao diện quản lý bài viết
Hình 4.16. Giao diện thêm bài viết
DANH MỤC BẢNG
Bảng 3.1. Bảng admins (tài khoản quản trị viên)
Bảng 3.2. Bảng users (tài khoản người dùng)
Bảng 3.3. Bảng rooms (phòng trọ)
Bảng 3.4. Bảng categories (danh mục)
Bảng 3.5. Bảng locations (địa điểm)
Bảng 3.6. Bảng images (hình ảnh)
Bảng 3.7. Bảng codes (mã)
Bảng 3.8. Bảng articles (bài viết)
Bảng 3.9. Bảng payment_history (lịch sử thanh toán)
Bảng 3.10. Bảng recharge_history (lịch sử nạp tiền)
LỜI CẢM ƠN
Em xin gửi lời cảm ơn chân thành và sự tri ân sâu sắc đối với các thầy cô
của trường Đại học ……………. và đặc biệt là các thầy cô khoa Công nghệ
thông tin của trường đã tạo điều kiện cho em hoàn thành đồ án tốt nghiệp
này.
Em cũng xin chân thành cảm ơn thầy ………….. đã nhiệt tình hướng dẫn
chỉ bảo em những kiến thưc bài học, cũng như những kiến thức thực tế trong
suốt quá trình thực hiện đề tài.
Mặc dù đã cố gắng hoàn thành đồ án trong phạm vi và khả năng cho
phép nhưng chắc chắn sẽ khơng tránh khỏi những thiết sót. Em rất mong nhận
được sự thơng cảm, góp ý và tận tình chỉ bảo của quý thầy cô và các bạn.
Em xin chân thành cảm ơn!
LỜI CAM ĐOAN
Em xin cam đoan đề tài “Phân tích thiết kế và xây dựng website tìm
phịng trọ” là một đề tài nghiên cứu độc lập của mình. Ngồi ra khơng có bất
cứ sự sao chép của người khác. Đề tài, nội dung báo cáo thực tập là sản phẩm
mà em đã nỗ lực nghiên cứu trong q trình học tập tại trường. Em xin chịu
hồn tồn trách nhiệm, kỷ luật của bộ môn và nhà trường nếu như có vấn đề
xảy ra.
Chương 1: Giới thiệu chung
1.1. Lý do chọn đề tài:
Công nghệ thông tin ngày càng phát triển, đóng một phần quan trọng
khơng chỉ trong nền kinh tế – văn hóa – xã hội, thậm chí cịn trong các ngành
khoa học cơng nghệ. Máy tính điện tử hiện nay cũng khơng còn là phương
tiện quý hiếm mà đang ngày càng trở thành một công cụ đắc lực trợ giúp con
người. Con người không ngừng khai thác các tài nguyên được cập nhật trên
hệ thống mạng Internet; hay cũng có thể đăng tải và tìm kiếm những tài
nguyên mình cần.
Công nghệ thông tin và đặc biệt là Internet đã giúp cho con người thay
đổi cách sống, cách liên lạc, cách làm việc, cách tiếp cận các nguồn thông tin
đa dạng và nhanh chóng. Mạng Internet ra đời là trợ thủ đắc lực giúp cho
những người có nhu cầu tìm kiếm các tài ngun nói chung, hay tìm kiếm các
phịng trọ nói riêng trở nên dễ dàng hơn bao giờ hết. Với người có nhu cầu
thuê trọ, việc tìm kiếm theo hình thức truyền thống sẽ rất khó khăn, mất thời
gian và cơng sức để tìm những phịng trọ phù hợp với tiêu chí của mình. Đối
với người cho thuê, việc tiếp cận với khách hàng gặp khá nhiều khó khăn do
vị trí, cách thức truyền đạt hạn chế. Giờ đây hệ thống mạng ra đời, chỉ với
một chiếc máy tính được kết nối mạng là chúng ta có thể đăng tin và tìm kiếm
các phịng trọ ở bất cứ địa điểm nào, giá cả phù hợp với nhu cầu một cách dễ
dàng.
Từ những lý do trên, em quyết định chọn đề tài “Phân tích thiết kế và
xây dựng website tìm phịng trọ”. Với mong muốn tạo ra trang website, hỗ trợ
người dùng đăng tin và tìm kiếm các phịng trọ phù hợp với nhu cầu người
dùng.
1.2. Mục tiêu của đề tài:
1
● Trình bày được các cơ sở lý thuyết áp dụng như ngôn ngữ PHP, cơ sở dữ
liệu MySQL, mô hình MVC...
● Khảo sát thực trạng các website tìm phịng trọ hiện nay.
● Phân tích hệ thống chương trình bao gồm giao diện, các module nhằm
đáp ứng nhu cầu người dùng.
● Triển khai và cài đặt phần mềm.
1.3. Giới hạn và phạm vi của đề tài:
● Xây dựng chương trình dựa vào ngơn ngữ lập trình PHP và cơ sở dữ liệu
MySQL.
● Phần mềm xây dựng tập trung vào chức năng nghiệp vụ phân tích qua
quá trình khảo sát.
1.4. Kết quả dự kiến đạt được:
● Hiểu về framework Laravel và áp dụng xây dựng vào trang web.
● Biết cách phân tích và thiết kế một website quản lý và tìm phịng trọ.
● Hồn thành website tìm phịng trọ với các tính năng như:
● Admin: thực hiện các chức năng như quản trị hệ thống, quản lý danh
mục, quản lý phòng trọ, quản lý bài viết, quản lý tài khoản... Để thực
hiện chức năng này, admin phải đăng nhập.
2
● Chủ trọ: có thể thực hiện các chức năng như đăng nhập, đăng bài
phòng trọ, thanh toán online,… Để thực hiện các chức năng này, chủ
trọ phải đăng nhập.
● Khách hàng: có thể thực hiện các chức năng như tìm kiếm phịng trọ,
xem chi tiết phòng trọ,...
3
Chương 2: Tổng quan về công nghệ
2.1. Cơ sở lý thuyết
2.1.1. Ngôn ngữ thiết kế website
⮚ HTML:
HTML(Hypertext Markup Language – Ngôn ngữ đánh dấu siêu văn bản)
là một sự định dạng để hiển thị một trang Web. Các trang Web thực ra khơng
có gì khác ngoài văn bản cùng với các tag HTML được sắp xếp đúng cách
hoặc các đoạn mã để trình duyệt Web biết cách thơng dịch và hiển thị chúng
lên màn hình. Hiện nay, phiên bản mới HTML5 có một số tính năng ưu việt
hơn so với phiên bản cũ:
● Định nghĩa nhiều ảnh cho thiết kế responsive:
Với HTML 5 có thể dùng thẻ