Actor Khách vãng lai Bảng 1.1 Kịch bản cho use-case đăng ký tài khoản Tên use case Đăng ký tài khoản Mô tả Actor vào đăng ký tài khoản người dùng sau đó đợi admin kích hoạt tài khoản để
Trang 1TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
Trang 3TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
PHỐ ĐÀ NẴNG
Giảng viên hướng dẫn duyệt
Đà Nẵng, 02/2023
Trang 6Tên đề tài: Xây dựng hệ thống quản lý cho thuê sân bóng tại thành phố Đà nẵngSinh viên thực hiện: Hoàng Phúc Tân
Hiện nay số lượng sân bóng ở thành phố Đà Nẳng rất là nhiều Tuy nhiên , việc tìmsân và thuê sân bóng hiện nay vẫn dùng cách thủ công là gọi điện thoại rất mất thờigian và khó khăn đối với những sinh viên ngoại tỉnh vì họ không thông thạo đường xá
ở Đà Nẵng Bên cạnh đó một số sân bóng mới mở hoặc mở lâu năm nhưng không aibiết đến dẫn đến việc thu nhập của sân bóng không được cao
Em mong muốn xây dựng hệ thống quản lý giúp việc thuê và cho thuê sân bóngđược đơn giản hơn , giải quyết được những khó khăn hạn chế đã nêu trên
Trang 7KHOA CÔNG NGHỆ SỐ Độ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.Phạm Thị Trà My
1 Tên đề tài:
Xây dựng hệ thống quản lý việc cho thuê sân bóng tại thành phố Đà Nẵng
2 Các số liệu, tài liệu ban đầu:
Thông tin cơ cấu tổ chức tham khảo của một số website: Website hỗ trợ đặt sânnhanh chóng, tìm đối dễ dàng – Sporta
Tài liệu lập trình Spring | Home
3 Nội dung chính của đồ án:
Quá trình xây dựng hệ thống website quản lý việc cho thuê sân bóng tại thành phố
Đà Nẵng
- Khảo sát nghiệp vụ thực tế
- Phân tích thiết kế các chức năng của hệ thống
- Thiết kế giao diện cho các chức năng
- Phân tích thiết kế cơ sơ dữ liệu
Trang 8LỜI NÓI ĐẦU
Ngày nay, công nghệ thông tin đã có những bước phát triển mạnh mẽ theo cảchiều rộng và sâu Máy tính điện tử không còn là một thứ phương tiện quý hiếm màđang ngày càng trở thành một công cụ làm việc và giải trí thông dụng của con người,không chỉ ở công sở mà còn ngay cả trong gia đình
Đứng trước vai trò của thông tin hoạt động cạnh tranh gay gắt, các tổ chức vàcác doanh nghiệp đều tìm mọi biện pháp để xây dựng hoàn thiện hệ thống thông tincủa mình nhằm tin học hóa các hoạt động tác nghiệp của đơn vị
Hiện nay các công ty tin học hàng đầu thế giới không ngừng đầu tư và cải thiệncác giải pháp cũng như các sản phẩm nhằm cho phép tiến hành tự động hóa trênInternet Thông qua các sản phẩm và công nghệ này, chúng ta dễ dàng nhận ra tầmquan trọng và tính tất yếu của website Với những thao tác đơn giản trên máy có nốimạng Internet bạn sẽ có tận tay những gì mình cần mà không phải mất nhiều thời gian.Bạn chỉ cần vào các trang web làm theo hướng dẫn và click vào những gì bạn cần Cáchoạt động sẽ thực hiện ngay trên hệ thống đó
Ở Việt Nam cũng có rất nhiều trường đại học tự động hóa các quy trình trên hệthống website nhưng do những khó khăn về cơ sở hạ tầng như viễn thông chưa pháttriển mạnh nên các quy trình vẫn còn rất nhiều sổ sách, giấy tờ thủ công dẫn đến thiếuhiệu quả, mất khá nhiều thời gian
Để tiếp cận và góp phần đẩy mạnh sự phổ biến và tiện ích của website, chúng
em đã tìm hiểu và cài đặt “Hệ thống website quản lý việc cho thuê sân bóng tại thànhphố Đà Nẵng”
Với sự hướng dẫn tận tình của cô TS.Phạm Thị Trà My, em đã hoàn thành đồ
án tốt nghiệp này Tuy đã cố gắng hết sức tìm hiểu, phân tích thiết kế và cài đặt hệthống nhưng chắc rằng không tránh khỏi những thiếu sót Em rất mong nhận được sựthông cảm và góp ý của quí Thầy cô
Em xin chân thành cảm ơn !
Trang 9CAM ĐOAN
Chúng em xin cam đoan :
dẫn của cô TS.Phạm Thị Trà My
tên công trình ,thời gian, địa điểm công bố
em xin chịu hoàn toàn trách nhiệm
Sinh viên thực hiện
Hoàng Phúc Tân
Trang 10MỤC LỤC
Nhận xét của người hướng dẫn
Nhận xét của người phản biện
Tóm tắt
Nhiệm vụ đồ án
LỜI NÓI ĐẦU i
Cam đoan ii
Mục lục iii
Danh sách các bảng, hình vẽ vi
Danh sách các ký hiệu, chữ viết tắt ix
CHƯƠNG 1: MỞ ĐẦU 1
1.1 Lý do chọn đề tài 1
1.2 Mục đích đề tài 1
1.3 Phạm vi đề tài 1
1.4 Đặc tả yêu cầu nghiệp vụ (Business Requirments) 2
1.4.1 Khách vãng lai 2
1.4.2 Người dùng 2
1.4.3 Quản lí sân bóng 2
1.4.4 Quản trị viên của trang web 2
1.5 Cấu trúc báo cáo tốt nghiệp 3
CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 4
2.1 Hệ quản trị cơ sở dữ liệu: MYSQL 4
2.2 Ngôn ngữ lập trình: Java 4
2.2.1 Đôi nét về Java: 4
2.2.2 Lịch sử phát triển 5
2.2.3 Spring Framework 5
2.3 Mô hình triển khai MVC: 6
2.4 Bootstrap và responsive 6
CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 8
Trang 113.1 Xác đinh các tác nhân 8
3.2 Các yêu cầu của mỗi tác nhân 8
3.2.1 Khách vãng lai 8
3.2.2 Quản trị viên 8
3.2.3 Người dùng 9
3.2.4 Quản lí sân bóng 9
3.3 Biểu đồ Use-case 10
3.4 Mô tả các Use-case 11
3.4.1 Actor Khách vãng lai 11
3.4.2 Actor Quản trị viên 11
3.4.3 Actor Người dùng 14
3.4.4 Actor Quản lí sân bóng 16
3.5 Biểu đồ hoạt động 18
3.5.1 Actor khách vãng lai 18
3.5.2 Actor quản trị viên 19
3.5.3 Actor người dùng 22
3.5.4 Actor quản lí sân 24
3.6 Thiết kế bảng, ràng buộc dữ liệu 25
3.6.1 Actor Khách vãng lai 25
3.6.2 Actor Quản trị viên 26
3.6.3 Actor Người dùng 27
3.6.4 Actor Quản lý sân bóng 28
3.7 Biểu đồ ERD 29
CHƯƠNG 4: XÂY DỰNG CHƯƠNG TRÌNH 30
4.1 Giao diện dùng chung 30
4.1.1 Giao diện trang chủ 30
4.1.2 Giao diện trang đăng nhập 30
4.1.3 Giao diện trang đăng ký 31
4.1.4 Giao diện trang danh sách sân bóng 32
4.1.5 Giao diện trang chi tiết sân bóng 32
4.2 Giao diện “Quản trị viên” 33
4.2.1 Giao diện quản lý người dùng 33
4.2.2 Giao diện quản lý sân bóng 36
4.2.3 Giao diện kích hoạt tài khoản 40
Trang 124.2.4 Giao diện thống kê người dùng, sân bóng 41
4.3 Giao diện “Người dùng” 42
4.3.1 Giao diện cập nhật thông tin cá nhân 42
4.3.2 Giao diện đặt sân 43
4.3.3 Giao diện đánh giá sân bóng 45
4.4 Giao diện “Quản lí sân bóng” 45
4.4.1 Giao diện quản lý sân 45
4.4.2 Giao diện xác nhận đơn đặt sân 49
4.4.3 Giao diện cập nhật thông tin sân bóng 51
4.4.4 Giao diện thống kê doanh thu sân bóng 52
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 53
TÀI LIỆU THAM KHẢO 54
Trang 13DANH SÁCH CÁC BẢNG, HÌNH VẼ
Hình 3.1 Use-case Diagram 10
Bảng 3.1 Kịch bản cho use-case đăng ký tài khoản 11
Bảng 3.2 Kịch bản use-case kích hoạt tài khoản người dùng 11
Bảng 3.3 Kịch bản cho use-case quản lý sân bóng 12
Bảng 3.4 Kịch bản cho use-case quản lý người dùng 12
Bảng 3.5 Kịch bản cho use-case đăng nhập 14
Bảng 3.6 Kịch bản cho use-case cập nhật thông tin cá nhân 14
Bảng 3.7 Kịch bản cho use-case tạo đơn đặt sân bóng 15
Bảng 3.8 Kịch bản cho use-case đánh giá sân bóng 15
Bảng 3.9 Kịch bản cho use-case xác nhận đơn đặt sân 16
Bảng 3.10 Kịch bản cho use-case quản lý sân bóng 16
Hình 3.2 Biểu đồ hoạt động cho use-case đăng kí tài khoản 18
Hình 3.3 Biểu đồ hoạt động cho use-case kích hoạt tài khoản người dùng 19
Hình 3.4 Biểu đồ hoạt động cho use-case quản lý sân bóng 20
Hình 3.5 Biểu đồ hoạt động cho use-case quản lý người dùng 21
Hình 3.6 Biểu đồ hoạt động cho use-case đăng nhập 22
Hình 3.7 Biểu đồ hoạt động cho use-case cập nhật thông tin cá nhân 22
Hình 3.8 Biểu đồ hoạt động cho use-case tạo đơn đặt sân 23
Hình 3.9 Biểu đồ hoạt động cho use-case đánh giá sân bóng 24
Hình 3.10 Biểu đồ hoạt động cho use-case xác nhận đơn đặt sân 24
Hình 3.11 Biểu đồ hoạt động cho use-case quản lý sân bóng 25
Bảng 3.11 Bảng người dùng 25
Bảng 3.12 Bảng người dùng 26
Bảng 3.13 Bảng người dùng 26
Bảng 3.14 Bảng sân bóng 27
Bảng 3.15 Bảng người dùng 27
Bảng 3.16 Bảng đơn đặt sân 28
Bảng 3.17 Bảng đánh giá 28
Bảng 3.18 Bảng sân bóng con 28
Bảng 3.19 Bảng đơn đặt sân 29
Hình 3.12 Biểu đồ ERD 29
Hình 4.1 Giao diện trang chủ 30
Trang 14Hình 4.3 Giao diện trang đăng ký 31
Hình 4.4 Giao diện trang danh sách sân bóng 32
Hình 4.5 Giao diện trang chi tiết sân bóng 33
Hình 4.6 Giao diện trang quản lý người dùng 33
Hình 4.7 Giao diện thêm mới người dùng 33
Hình 4.8 Giao diện thêm người dùng thành công 34
Hình 4.9 Giao diện cập nhật thông tin người dùng 34
Hình 4.10 Giao diện cập nhật thông tin người dùng thành công 35
Hình 4.11 Giao diện xác nhận xoá người dùng 35
Hình 4.12 Giao diện xoá người dùng thành công 36
Hình 4.13 Giao diện trang quản lý sân bóng 36
Hình 4.14 Giao diện thêm mới sân bóng 37
Hình 4.15 Giao diện thêm sân bóng thành công 37
Hình 4.16 Giao diện cập nhật thông tin sân bóng 38
Hình 4.17 Giao diện cập nhật thông tin sân bóng thành công 39
Hình 4.18 Giao diện xác nhận xoá sân bóng 39
Hình 4.19 Giao diện sân bóng thành công 40
Hình 4.20 Giao diện kích hoạt tài khoản 40
Hình 4.21 Giao diện kích hoạt tài khoản thành công 41
Hình 4.22 Giao thống kê người dùng (5 người có số điểm cao nhất) 41
Hình 4.23 Giao diện thống kê số lượng sân bóng 42
Hình 4.24 Giao diện cập nhật thông tin cá nhân 42
Hình 4.25 Giao diện cập nhật thông tin cá nhân thành công 43
Hình 4.26 Giao diện danh sách sân bóng 43
Hình 4.27 Giao diện chi tiết sân bóng 44
Hình 4.28 Giao diện đặt sân 44
Hình 4.29 Giao diện đặt sân thành công 45
Hình 4.30 Giao diện đánh giá sân bóng 45
Hình 4.31 Giao diện trang quản lý sân bóng 46
Hình 4.32 Giao diện thêm mới sân 46
Hình 4.33 Giao diện thêm mới sân thành công 47
Hình 4.34 Giao diện cập nhật thông tin sân 47
Hình 4.35 Giao diện cập nhật thông tin sân thành công 48
Hình 4.36 Giao diện xác nhận xoá sân 48
Hình 4.37 Giao diện xoá sân thành công 49
Trang 15Hình 4.38 Giao diện danh sách các yêu cầu đặt sân 49
Hình 4.39 Giao diện xác nhận đơn đặt sân thành công 50
Hình 4.40 Giao diện từ chối đơn đặt sân thành công 50
Hình 4.41 Giao diện cập nhật thông tin sân bóng 51
Hình 4.42 Giao diện cập nhật thông tin sân bóng thành công 51
Hình 4.43 Giao diện thống kê doanh thu sân bóng 52
Trang 16DANH SÁCH CÁC KÝ HIỆU, CHỮ VIẾT TẮT
CHỮ VIẾT TẮT:
- MVC: Model – View – Controller
- ERD: Entity Relationship Diagram
- UI: Giao diện
Trang 17Chương 1: MỞ ĐẦU1.1 Lý do chọn đề tài
Hiện nay số lượng sân bóng ở thành phố Đà Nẳng rất là nhiều Tuy nhiên , việc tìmsân và thuê sân bóng hiện nay vẫn dùng cách thủ công là gọi điện thoại rất mất thờigian và khó khăn đối với những sinh viên ngoại tỉnh vì họ không thông thạo đường xá
ở Đà Nẵng Bên cạnh đó một số sân bóng mới mở hoặc mở lâu năm nhưng không aibiết đến dẫn đến việc thu nhập của sân bóng không được cao
Em mong muốn xây dựng hệ thống website quản lý giúp việc thuê và cho thuê sânbóng được đơn giản hơn , giải quyết được những khó khăn hạn chế đã nêu trên
1.2 Mục đích đề tài
Xây dựng hệ thống website quản lý cho thuê sân bóng tại thành phố Đà Nẵnggiúp:
- Người dùng:
• Tìm kiếm sân bóng trên địa bàn thành phố Đà Nẵng nhanh nhất
• Thuê sân bóng chỉ với các thao tác click chuột thay vì phải gọi điện thoại
- Các đối tác của hệ thống (Sân bóng):
• Quảng bá sân bóng để nhiều người biết đến
• Quản lí việc cho thuê sân dễ dàng hơn
- Quản trị viên hệ thống:
• Xét duyệt các yêu cầu đăng kí tài khoản người dùng và tài khoản đối tác
• Xem xét và quản lí được các hoạt động của user trong hệ thống
• Thống kê được số lượng hoạt động thuê và cho thuê sân
1.3 Phạm vi đề tài
- Áp dụng tại thành phố Đà Nẵng
Trang 181.4 Đặc tả yêu cầu nghiệp vụ (Business Requirments)
1.4.1 Khách vãng lai
Tất cả các actor khác trong hệ thống đều được kế thừa các chức năng của kháchvãng lai
Chương 2: Có thể tìm kiếm và xem danh sách sân bóng, chi tiết sân bóng
Chương 3: Được phép đăng kí tài khoản để sử dụng hệ thống
- Có thể cập nhật hoặc huỷ đơn đặt sân
Chương 5: Xem, cập nhật thông tin cá nhân trên hệ thống
- Bình luận, đánh giá chất lượng sân bóng
5.1.1 Quản lí sân bóng
Là sân bóng đăng kí làm đối tác của hệ thống website , là bên trực tiếp tiến hànhcho người dùng thuê sân bóng
Chương 6: Xem và cập nhật thông tin của sân bóng trên hệ thống
Chương 7: Có thể quản lý các sân bóng con bên trong sân bóng của mình (thêm, sửa,xoá sân bóng)
Chương 8: Tiến hành cho người dùng thuê sân bóng, xác nhận hoặc từ chối các đơnđặt sân
Chương 9: Xem thống kê doanh thu của sân bóng theo từng tháng
9.1.1 Quản trị viên của trang web
Là người phụ trách xử lý các yêu cầu đăng kí tài khoản , xử lí các trường hợp viphạm quy định của trang web
Chương 10: Xử lý duyệt các yêu cầu đăng kí tài khoản người dùng
Chương 11: Xem được chi tiết các hoạt động thuê và cho thuê sân bóng
Chương 12: Quản lý tài khoản người dùng, quản lý sân bóng trong hệ thống
Trang 19Chương 13: Thực hiện xử lí các hành vi vi phạm quy định hoạt động của hệ thống đốivới người dùng và các đối tác
Chương 14: Thống kê hoạt động thuê sân và cho thuê sân, doanh thu của đối tác
14.1 Cấu trúc báo cáo tốt nghiệp
Cấu trúc đồ án tốt nghiệp gồm các phần như sau:
- Mở đầu: Giới thiệu lý do và các mục tiêu mà đề tài cần giải quyết, phạm vinghiê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ácchương tiếp theo
- Chương 1: 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 2: Tìm hiểu, giới thiệu tổng quát các kiến thức về ngôn ngữ lập trìnhJava, Spring Framwork, hệ quản trị cơ sở dữ liệu MYSQL, các thư viện
- Chương 3: Phân tích các tác nhân và chức năng của từng tác nhân, yêu cầu phichức năng của hệ thống
• Thiết kế Biểu đồ use-case
• Xây dựng kịch bản cho từng use-case trong hệ thống
• Xây dựng Biểu đồ ERD, kết quả relationship trong hệ quản trị cơ sở dữliệu
• Thiết kế cơ sở dữ liệu
• Xây dựng các chức năng cho hệ thống
- Chương 4: Trình bày giao diện và kết quả làm được
- Chương 5: Kết luận chung cho các chương trong đồ án Trình bày những vấn đề
đã giải quyết cũng như chưa quyết được, từ đó đưa ra các hướng phát triển
Trang 20Chương 15: CƠ SỞ LÝ THUYẾT15.1 Hệ quản trị cơ sở dữ liệu: MYSQL
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à đượccá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 độngtrê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 CSDL trêninternet Người dùng có thể tải về MySQL miễn phí từ trang chủ MySQL có nhiềuphiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hànhdòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGIIrix, Solaris, SunOS,
MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan hệ
sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL)
MySQL được sử dụng cho việc bổ trợ Java , Node.js, PHP, Perl, và nhiều ngôn ngữkhác, làm nơi lưu trữ những thông tin trên các trang web viết bằng Java, NodeJs, PHPhay Perl,
15.2 Ngôn ngữ lập trình: Java
15.2.1 Đôi nét về Java:
Java là một trong những ngôn ngữ lập trình hướng đối tượng Nó được sử dụngtrong phát triển phần mềm, trang web, game hay ứng dụng trên các thiết bị di động.Java được khởi đầu bởi James Gosling và bạn đồng nghiệp ở Sun MicroSystemnăm 1991 Ban đầu Java được tạo ra nhằm mục đích viết phần mềm cho các sản phẩmgia dụng, và có tên là Oak
Trang 21Java được phát hành năm 1994, đến năm 2010 được Oracle mua lại từ SunMicroSystem.
Java được tạo ra với tiêu chí “Viết (code) một lần, thực thi khắp nơi” (Write Once,
Run Anywhere – WORA) Chương trình phần mềm viết bằng Java có thể chạy trênmọi nền tảng (platform) khác nhau thông qua một môi trường thực thi với điều kiện cómôi trường thực thi thích hợp hỗ trợ nền tảng đó
15.2.2 Lịch sử phát triển
15.2.3 Spring Framework
Spring là một Framework phát triển các ứng dụng Java được sử dụng bởi hàngtriệu lập trình viên Nó giúp tạo các ứng dụng có hiệu năng cao, dễ kiểm thử, sử dụnglại code…
Trang 22Spring nhẹ và trong suốt (nhẹ: kích thước nhỏ, version cơ bản chỉ khoảng 2MB;trong suốt: hoạt động một cách trong suốt với lập trình viên)
Spring là một mã nguồn mở, được phát triển, chia sẻ và có cộng đồng người dùngrất lơn
Spring Framework được xây dựng dựa trên 2 nguyên tắc design chính là:Dependency Injection và Aspect Oriented Programming
Những tính năng core (cốt lõi) của Spring có thể được sử dụng để phát triển JavaDesktop, ứng dụng mobile, Java Web Mục tiêu chính của Spring là giúp phát triển cácứng dụng J2EE một cách dễ dàng hơn dựa trên mô hình sử dụng POJO (Plain Old JavaObject)
15.3 Mô hình triển khai MVC:
MVC là viết tắt của ba từ Model – View – Controller Trong đó:
Model: cấu trúc dữ liệu theo cách tin cậy và chuẩn bị dữ liệu theo lệnh củacontroller
View: Hiển thị dữ liệu cho người dùng theo cách dễ hiểu dựa trên hành động củangười dùng
Controller Nhận lệnh từ người dùng, gửi lệnh đến cho Model để cập nhập dữ liệu,truyền lệnh đến View để cập nhập giao diện hiển thị
Mọi Request từ phía người dùng đều phải qua Route, dữ liệu được gửi xuốngController để xử lý, cần dữ liệu sẽ lấy từ Model lên hoặc cập nhật dữ liệu xuốngModel, kết quả gửi ra View cho người sử dụng
15.4 Bootstrap và responsive
Bootstrap là front-end library, là một bộ sưu tập miễn phí các công cụ để tạo ra cáctrang web và các ứng dụng web Bootstrap bao gồm HTML và CSS dựa trên các mẫu
Trang 23thiết kế cho kiểu chữ, hình thức, các button và các thành phần giao diện khác, cũngnhư mở rộng tùy chọn JavaScript Boostrap định nghĩa sẵn các class CSS giúp ngườithiết kế giao diện website tiết kiệm rất nhiều thời gian Các thư viện Bootstrap cónhững đoạn mã sẵn sàng cho chúng ta áp dùng vào website của mình mà không phảitốn quá nhiều thời gian để tự viết Với Bootstrap, việc phát triển giao diện website đểphù hợp với đa thiết bị trở nên dễ dàng hơn bao giờ hết Bootstrap cung cấp tính năngresponsive và mobile first, nghĩa là làm cho trang web có thể tự co giãn để tương thíchvới mọi thiết bị khác nhau, từ điện thoại di động đến máy tính bảng, máy tính xách tay,máy tính để bàn, Một khía cạnh khác là responsive web design làm cho trang webcung cấp được trải nghiệm tuyệt vời cho người dùng trên nhiều thiết bị, kích thướcmàn hình khác nhau Một trang có thể hoạt động tốt bất kể sự biến đổi sẽ cung cấp mộttrải nghiệm người dùng tốt và nhất quán hơn một trang được thiết kế cho một loại thiết
bị và kích thước màn hình cụ thể
Trang 24Chương 16: PHÂN TÍCH THIẾT KẾ HỆ THỐNG16.1 Xác đinh các tác nhân
Chương 17: Xem danh sách sân bóng
Chương 18: Xem chi tiết sân bóng
Chương 19: Tìm kiếm sân bóng
Chương 20: Đăng ký tài khoản
20.1.1 Quản trị viên
Chương 21: Đăng nhập
Chương 22: Kích hoạt tài khoản người dùng
Chương 23: Quản lý :
• Tài khoản người dùng và đối tác (thêm, sửa, xoá tài khoản)
• Thông tin sân bóng (thêm, sửa, xoá sân bóng)
Chương 24: Xem :
• Chi tiết hoạt động thuê sân
• Thông tin sân bóng , thông tin người dùng
• Thống kê sân bóng, thống kê người dùng
24.1.1 Người dùng
Trang 25Chương 25: Đăng nhập
Chương 26: Đổi mật khẩu
Chương 27: Cập nhật thông tin cá nhân
Chương 28: Tạo đơn đặt sân bóng
Chương 29: Huỷ đơn đặt sân bóng
Chương 30: Đánh giá sân bóng
Chương 31: Xem :
• Chi tiết sân bóng
• Chi tiết đơn đặt sân bóng
• Thông tin cá nhân
Chương 32: Tìm kiếm :
• Sân bóng
32.1.1 Quản lí sân bóng
Chương 33: Đăng nhập
Chương 34: Cập nhật thông tin sân bóng
Chương 35: Quản lý sân bóng (thêm, sửa, xoá các sân bóng nhỏ)
Chương 36: Xác nhận hoặc từ chối đơn đặt sân bóng
Chương 37: Xem:
• Thông tin sân bóng của mình
• Chi tiết các sân bóng khác
• Thông tin người dùng yêu cầu đặt sân bóng
• Thống kê doanh thu của sân bóng
Chương 38: Tìm kiếm:
• Sân bóng khác
Trang 2638.1 Biểu đồ Use-case
Hình 1.1 Use-case Diagram
Trang 2738.2 Mô tả các Use-case
38.2.1 Actor Khách vãng lai
Bảng 1.1 Kịch bản cho use-case đăng ký tài khoản
Tên use case Đăng ký tài khoản
Mô tả Actor vào đăng ký tài khoản người dùng sau đó đợi admin kích
hoạt tài khoản để truy cập vào hệ thống
Actors Khách vãng lai
Đầu vào Actor đã vào trang đăng ký của hệ thống
Đầu ra Hệ thống thông báo vui lòng chờ quản trị viên kích hoạt tài
khoản
Các bước thực
hiện
1 Actor chọn mục “Đăng kí tài khoản” - Bắt đầu use case
2 Actor nhập đầy đủ các thông tin tài khoản
5 Actor chọn “Trở lại” Kết thúc use-case
6 Hệ thống thông báo “Tên đăng nhập đã tốn tại” Quay lạibước 2
38.2.2 Actor Quản trị viên
Bảng 1.2 Kịch bản use-case kích hoạt tài khoản người dùng
Tên use case Kích hoạt tài khoản người dùng
Mô tả Actor kích hoạt tài khoản người dùng
Actors Quản trị viên
Đầu vào Actor đã đăng nhập bằng tài khoản thành công
Đầu ra Hệ thống thông báo kích hoạt thành công
Trang 28hợp ngoại lệ những tài khoản này sẽ bị xoá khỏi hệ thống
Bảng 1.3 Kịch bản cho use-case quản lý sân bóng
Tên use case Quản lý sân bóng
Mô tả Actor thêm mới sân bóng vào hệ thống, cập nhật thông tin sân
bóng, xoá sân bóng
Actors Quản trị viên
Đầu vào Actor đã đăng nhập bằng tài khoản thành công
Đầu ra Hệ thống thông báo xử lý thành công
Các bước thực
hiện
1 Actor chọn mục “Quản lý sân bóng” - Bắt đầu use-case
- Actor chọn nút “Thêm mới sân bóng” Nhập thông tinsân bóng Chọn “Thêm mới”
- Actor chọn sân bóng cần chỉnh sửa Chọn nút “Sửa”
Cập nhật thông tin sân bóng Chọn “Cập nhật”
- Actor chọn sân bóng cần xoá Chọn nút “Xoá” Chọn “OK”
Các bước phát
sinh
Các trường
hợp ngoại lệ
2 Actor chọn “Trở lại” Kết thúc use-case
Bảng 1.4 Kịch bản cho use-case quản lý người dùng
Tên use case Quản lý người dùng
Mô tả Actor thêm mới người dùng vào hệ thống, cập nhật thông tin
người dùng, xoá người dùng
Actors Quản trị viên
Đầu vào Actor đã đăng nhập bằng tài khoản thành công
Đầu ra Hệ thống thông báo xử lý thành công
Các bước thực
hiện
1 Actor chọn mục “Quản lý người dùng” - Bắt đầu use-case
- Actor chọn nút “Thêm mới người dùng” Nhập thôngtin người dùng Chọn “Thêm mới”
- Actor chọn người dùng cần chỉnh sửa Chọn nút
“Sửa” Cập nhật thông tin người dùng Chọn “Cậpnhật”
- Actor chọn người dùng cần xoá Chọn nút “Xoá” Chọn “OK”
Các bước phát
Trang 3038.2.3 Actor Người dùng
Bảng 1.5 Kịch bản cho use-case đăng nhập
Tên use case Đăng nhâp
Mô tả Actor đăng nhập vào hệ thống
Actors Khách vãng lai
Đầu vào Actor đã vào trang đăng nhập của hệ thống
Đầu ra Hệ thống thông báo đăng nhập thành công
Các bước thực
hiện
1 Actor chọn mục “Đăng nhập” - Bắt đầu use case
2 Actor nhập tên tài khoản và mật khẩu
5 Actor chọn “Trở lại” Kết thúc use-case
6 Hệ thống thông báo “Tên tài khoản hoặc mật khẩu khôngchính xác, vui lòng kiểm tra lại” Quay lại bước 2
Bảng 1.6 Kịch bản cho use-case cập nhật thông tin cá nhân
Tên use case Cập nhật thông tin cá nhân
Mô tả Actor cập nhật lại thông tin cá nhân
Actors Người dùng
Đầu vào Actor đã đăng nhập bằng tài khoản thành công
Đầu ra Hệ thống thông báo cập nhật thành công
Các bước thực
hiện
1 Actor chọn mục “Thông tin cá nhân ” - Bắt đầu use case
2 Actor nhập các thông tin muốn chỉnh sửa
5 Actor chọn “Trở lại” Kết thúc use-case
Bảng 1.7 Kịch bản cho use-case tạo đơn đặt sân bóng
Trang 31Tên use case Tạo đơn đặt sân bóng
Mô tả Actor chọn sân rồi thuê sân bóng để sử dụng và chờ quản lí sân
chấp nhận yêu cầu
Actors Người dùng
Đầu vào Actor đã đăng nhập bằng tài khoản thành công
Đầu ra Hệ thống thông báo tạo yêu cầu thuê sân thành công
Các bước thực
hiện
1 Actor chọn mục “Đặt sân bóng” - Bắt đầu use case
2 Actor chọn sân bóng muốn đặt Chọn nút “Chi tiết”
3 Actor chọn sân bóng nhỏ muốn đặt Chọn nút “Đặt”
4 Actor chọn thời gian thuê sân Chọn nút “Đặt sân”
5 Hệ thống kiểm tra và xuất thông báo đặt sân thành công Kết thúc use-case
7 Actor chọn “Trở lại” Kết thúc use-case
Bảng 1.8 Kịch bản cho use-case đánh giá sân bóng
Tên use case Đánh giá sân bóng
Mô tả Actor viết nhận xét, đánh giá của mình về sân bóng
Actors Người dùng
Đầu vào Actor đã đăng nhập bằng tài khoản thành công
Đầu ra Hệ thống hiển thị đánh giá của người dùng
Các bước thực
hiện
1 Actor chọn sân bóng muốn để lại đánh giá Chọn nút “Chitiết” - Bắt đầu use case
2 Actor chọn “Viết đánh giá” ở phía dưới thông tin sân bóng
3 Actor viết lời nhận xét, đánh giá của mình
5 Actor chọn nút “Hủy” Kết thúc use-case
38.2.4 Actor Quản lí sân bóng
Bảng 1.9 Kịch bản cho use-case xác nhận đơn đặt sân
Tên use case Xác nhận đơn đặt sân
Mô tả Actor sẽ xem xét các yêu cầu thuê sân của người dùng và quyết
Trang 32định chấp nhận yêu cầu hoặc không
Actors Quản lí sân bóng
Đầu vào Actor đã đăng nhập bằng tài khoản thành công
Đầu ra Hệ thống thông báo yêu cầu được chấp nhận
Các bước thực
hiện
1 Actor chọn mục “Sân bóng của tôi” - Bắt đầu use case
2 Actor chọn mục “Quản lý đơn đặt sân”
3 Actor chọn nút “Chấp nhận” đồng ý cho thuê sân
4 Hệ thống thông báo yêu cầu đặt sân đã được chấp nhận
Bảng 1.10 Kịch bản cho use-case quản lý sân bóng
Tên use case Quản lý sân bóng
Mô tả Actor thêm, xoá, cập nhật các sân bóng nhỏ bên trong sân bóng mình
quản lý
Actors Quản lí sân bóng
Đầu vào Actor đã đăng nhập bằng tài khoản thành công
Đầu ra Hệ thống thông báo xử lý thành công
Các bước thực
hiện
1 Actor chọn mục “Sân bóng của tôi” - Bắt đầu use case
- Actor chọn nút “Thêm mới” để thêm sân bóng nhỏ Nhập thông tin sân Chọn nút “Thêm”
- Actor chọn sân bóng nhỏ muốn chỉnh sửa Chọn nút
“Sửa” Chỉnh sửa thông tin sân bóng nhỏ Chọn
Trang 3338.3 Biểu đồ hoạt động
38.3.1 Actor khách vãng lai
Chương 39: Use-case đăng kí tài khoản
Hình 1.1 Biểu đồ hoạt động cho use-case đăng kí tài khoản
Trang 3439.1.2 Actor quản trị viên
Chương 40: Use-case kích hoạt tài khoản người dùng
Hình 1.1 Biểu đồ hoạt động cho use-case kích hoạt tài khoản người dùng
Trang 35Chương 41: Use-case quản lý sân bóng
Hình 1.1 Biểu đồ hoạt động cho use-case quản lý sân bóng
Trang 36Chương 42: Use-case quản lý người dùng
Hình 1.1 Biểu đồ hoạt động cho use-case quản lý người dùng