1. Trang chủ
  2. » Giáo Dục - Đào Tạo

Xây dựng hệ thống quản lý cho thuê sân bóng tại thành phố đà nẵng

73 13 1

Đ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 đề 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
Tác giả Hoàng Phúc Tân
Người hướng dẫn TS. Phạm Thị Trà My
Trường học Đại học Đà Nẵng
Chuyên ngành Công nghệ thông tin
Thể loại Đồ án tốt nghiệp đại học
Năm xuất bản 2023
Thành phố Đà Nẵng
Định dạng
Số trang 73
Dung lượng 11,25 MB

Nội dung

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 1

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

Trang 3

TRƯỜ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 6

Tê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 7

KHOA 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 8

LỜ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 9

CAM Đ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 10

MỤ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 11

3.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 12

4.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 13

DANH 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 14

Hì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 15

Hì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 16

DANH 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 17

Chươ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 18

1.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 19

Chươ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 20

Chươ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 21

Java đượ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 22

Spring 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 23

thiế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 24

Chươ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 25

Chươ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 26

38.1 Biểu đồ Use-case

Hình 1.1 Use-case Diagram

Trang 27

38.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 28

hợ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 30

38.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 31

Tê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 33

38.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 34

39.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 35

Chươ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 36

Chươ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

Ngày đăng: 07/03/2024, 15:39

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

TÀI LIỆU LIÊN QUAN

w