Đề tài thiết kế và xây dựng website thông tin bóng Đá

Mục tiêu xây dựng một nền tảng cho người hâm mộ bóng đá tương tác với nhau.Người dùng có thể thảo luận, chia sẻ ý kiến qua chức năng bình luận, tạo ra sự kết nối và trao đổi kiến thức về

ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

Sinh viên thực hiện 2 : Trần Hồng Sơn

ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

VIỆT-HÀN

Uy

BÁO CÁO ĐỒ ÁN CƠ SỞ II

ĐỀ TÀI: THIẾT KẾ VÀ XÂY DỰNG WEBSITE

THÔNG TIN BÓNG ĐÁ

Giáo viên hướng dẫn : THS.Dương Thị Mai Nga Sinh viên thực hiện 1 : Trần Công Huấn

Sinh viên thực hiện 2 : Trần Hồng Sơn

Lớp : 23MC

Đà nẵng, tháng 12 năm 2024

NHẬN XÉT

(Của giảng viên hướng dẫn)

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Đà Nẵng, ngày … tháng … năm 2024 Giảng viên hướng dẫn

THS DƯƠNG THỊ MAI NGA

3

LỜI CẢM ƠN

Để thực hiện và hoàn thành tốt đồ án này, chúng em đã nhận được sự giúp đỡ vàhướng dẫn rất tận tình của các thầy cô thuộc Đại Học Công Nghệ Thông Tin Và TruyềnThông Việt Hàn – Đại Học Đà Nẵng Chúng em xin cảm ơn các thầy cô thuộc bộ mônchuyên ngành đã cung cấp cho chúng em các thông tin, kiến thức vô cùng quý báu và cầnthiết trong suốt thời gian quá để có thể thực hiện và hoàn thành đồ án của mình Đặc biệtxin chân thành cảm ơn cô Dương Thị Mai Nga , người đã trực tiếp hướng dẫn chúng emtrong thời gian thực hiện đồ án này

Cuối cùng, xin chân thành cảm ơn các bạn trong ngành công nghệ thông tin đã ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm và tài liệu có được giúp chúng tôi trong quá trình nghiên cứu và thực hiện đề tài

Do giới hạn về mặt thời gian và kiến thức cũng như kinh nghiệm thực tiễn nên đề tài không tránh khỏi những sai sót Chúng em rất mong nhận được sự thông cảm của quý thầy cô và mong đón nhận những góp ý của thầy cô và các bạn

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

MỤC LỤC

MỞ ĐẦU 5

1 Lý do chọn đề tài 5

2 Mục đích 6

3 Đối tượng nghiên cứu 7

4 Giới hạn và phạm vi nghiên cứu 7

5 Ý nghĩa lí luận và ý nghĩa thực tiễn của đề tài 7

CHƯƠNG I CƠ SỞ LÝ THUYẾT 8

1.1 Mô hình MVC 8

1.2 HTML 8

1.3 Css 9

1.4 Bootstrap 9

1.5 Javascript 10

1.6 MongoDB 10

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

2.1 Yêu cầu bài toán 12

2.2 Xác định các ca sử dụng 12

2.3 Đặc tả các ca sử dụng 13

2.4 Biểu đồ trường hợp sử dụng 20

CHƯƠNG III: XÂY DỰNG VÀ TRIỂN KHAI WEBSITE 33

3.1 Danh sách thư mục cài đặt 33

3.2 Logo 33

3.3 Giao diện trang chủ: 33

 - Content 36

 - Footer 37

3.4 Giao diện danh sách cầu thủ: 38

3.5 Giao diện chi tiết thông tin cầu thủ 42

3.6 Giao diện admin: 44

3.7 Giao diện góp ý người dùng: 47

3.8 Giao diện lấy lại mật khẩu: 47

3.9 Giao diện chỉnh sửa tài khoản: 48

CHƯƠNG IV: KẾT LUẬN 48

TÀI LIỆU THAM KHẢO 50

5

MỞ ĐẦU

1 Lý do chọn đề tài

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à chiều 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ụngcủa con người không chỉ ở công sở mà ngay cả trong gia đình Sự phát triển này

đã mở ra vô số cơ hội cho việc truy cập và chia sẻ thông tin, đặc biệt là trong cáclĩnh vực yêu thích của nhiều người, như thể thao Bóng đá, một môn thể thao đượchàng triệu người hâm mộ khắp thế giới quan tâm, cũng được hưởng lợi từ sự pháttriển của công nghệ thông tin Việc kết hợp giữa công nghệ thông tin và bóng đá

đã tạo ra các nền tảng trực tuyến cung cấp thông tin nhanh chóng, chính xác vềcác trận đấu, cầu thủ, đội bóng cũng như các sự kiện liên quan Người hâm mộ cóthể dễ dàng theo dõi, cập nhật tình hình đội bóng yêu thích, xem lại các phahighlights, tham gia thảo luận, và nhận thông báo trực tiếp từ những trang webhoặc ứng dụng chuyên về bóng đá

Sự phổ biến của các thiết bị di động và kết nối Internet mạnh mẽ, người dùng cóthể truy cập thông tin mọi lúc, mọi nơi Điều này thúc đẩy nhu cầu tạo ra cácwebsite chuyên cung cấp thông tin bóng đá, nhằm phục vụ đông đảo người hâm

mộ và mang lại trải nghiệm tương tác tốt hơn Chính vì vậy, việc xây dựng mộtwebsite thông tin bóng đá không chỉ đáp ứng nhu cầu tìm kiếm, cập nhật tin tứccủa người hâm mộ mà còn tạo cơ hội kết nối, trao đổi kiến thức về môn thể thaoyêu thích, giúp cộng đồng yêu bóng đá gắn kết hơn trong thời đại số hóa

2 Mục đích

Website nhằm mục đích tôn vinh các cầu thủ huyền thoại và nổi bật của Việt Namqua các thời kỳ Chúng tôi cung cấp thông tin chi tiết về sự nghiệp, thành tích, vànhững khoảnh khắc đáng nhớ của các cầu thủ đã cống hiến hết mình cho màu cờ sắc

áo Bạn sẽ có cơ hội khám phá những câu chuyện, hình ảnh và video nổi bật về nhữngngôi sao như Lê Công Vinh, Nguyễn Hồng Sơn, Huỳnh Đức, và nhiều hơn nữa Ngoài việc cung cấp thông tin nhanh chóng và chính xác, website còn mang đến chongười dùng khả năng tương tác trực tiếp với nội dung thông qua các tính năng bìnhluận, đánh giá, và chia sẻ Điều này giúp người dùng không chỉ tiếp nhận thông tin mà

còn có thể tham gia vào cộng đồng hâm mộ, thảo luận về những vấn đề nóng hổi, bày

tỏ quan điểm, và giao lưu với những người có cùng đam mê

Mục tiêu xây dựng một nền tảng cho người hâm mộ bóng đá tương tác với nhau.Người dùng có thể thảo luận, chia sẻ ý kiến qua chức năng bình luận, tạo ra sự kết nối

và trao đổi kiến thức về bóng đá Cung cấp tính năng đăng ký tài khoản, quản lý thông.tin cá nhân, theo dõi đội bóng hoặc cầu thủ yêu thích, xem được những highlights vànhận thông báo về các sự kiện quan trọng để nâng cao trải nghiệm người dùng.Cho phép người dùng tìm kiếm, xem thông tin chi tiết của cầu thủ như lý lịch, độibóng hiện tại, thành tích Dự án giúp lập trình viên áp dụng các kiến thức về lập trìnhweb, quản lý cơ sở dữ liệu, bảo mật Những điều này nhằm tạo ra một nền tảng toàndiện và chuyên nghiệp, giúp người dùng có trải nghiệm đầy đủ và phong phú nhất vềbóng đá, từ tin tức hàng ngày đến những khoảnh khắc đáng nhớ trong lịch sử bóng đá

3 Đối tượng nghiên cứu

4 Giới hạn và phạm vi nghiên cứu

Trong đồ án này, nhóm em hướng đến nghiên cứu và áp dụng những gì đã học đãhọc vào việc lập trình website:

• Cho phép người dùng đăng kí tài khoản để họ có thể quản lý tài khoản cá nhân,bình luận, và theo dõi cầu thủ hoặc đội bóng yêu thích

• Người dùng có thể đăng nhập, xem thông tin chi tiết cầu thủ và những highlightsđẹp mắt, thêm cầu thủ vào danh sách cầu thủ yêu thích của mình, góp ý quan điểm cánhân của mình về trang web cũng như bình luận về cầu thủ mình đang xem

• Chức năng tìm kiếm sẽ được giới hạn trong phạm vi tìm kiếm cầu thủ

Cho phép admin quản lý các chức năng: quản lý thông tin, thêm sửa xóa cầu thủquản lý thông tin người dùng và xóa bình luận và thay đổi thông tin, thay đổi giaodiện trang web

7

5 Ý nghĩa lí luận và ý nghĩa thực tiễn của đề tài

Đề tài góp phần làm rõ các khái niệm và kỹ thuật liên quan đến việc xây dựngwebsite, như hệ quản trị cơ sở dữ liệu, lập trình phía máy chủ (backend), phía ngườidùng (frontend), và bảo mật hệ thống Điều này giúp ứng dụng các lý thuyết về côngnghệ thông tin vào việc phát triển một nền tảng trực tuyến phục vụ nhu cầu thực tế Nghiên cứu cách tổ chức, xử lý và hiển thị thông tin trên môi trường web, đặc biệt

là trong lĩnh vực thể thao, từ đó giúp xây dựng mô hình quản lý thông tin hiệu quả, cóthể áp dụng cho các lĩnh vực tương tự

Đề tài cung cấp một website thực tế, giúp người dùng có thể dễ dàng truy cập vàcập nhật tin tức bóng đá, thông tin về cầu thủ một cách tiện lợi và nhanh chóng.Website tạo ra môi trường tương tác cho người hâm mộ bóng đá, cho phép họ thảoluận, chia sẻ ý kiến, và theo dõi cầu thủ yêu thích, tạo nên một cộng đồng trực tuyếnsôi động và gắn kết

Về mặt quản lý, website cung cấp công cụ hữu ích cho admin để quản lý thông tincầu thủ, đội bóng, và các bình luận từ người dùng, giúp quản lý dữ liệu bóng đá mộtcách hệ thống và hiệu quả

CHƯƠNG I CƠ SỞ LÝ THUYẾT

1.1 Mô hình MVC

MVC (Model-View-Controller) là mô hình phân bố source code thành 3 phần Mỗithành phần có một nhiệm vụ riêng biệt và độc lập với các thành phần khác Cụ thể là:

- Model: Đây là nơi chứa những nghiệp vụ tương tác với dữ liệu hoặc hệ quản trị cơ

sở dữ liệu (mysql, mssql…) Thành phần Model bao gồm các class/function xử lýnhiều nghiệp vụ như kết nối database, truy vấn dữ liệu, thêm – xóa – sửa dữ liệu,

…

- View: Đây là nơi chứa những giao diện như nút bấm, khung nhập, menu, hìnhảnh, … Thành phần View sẽ đảm nhiệm nhiệm vụ hiển thị dữ liệu và giúp ngườidùng tương tác với hệ thống

- Controller: Đây là nơi tiếp nhận những yêu cầu xử lý được gửi từ người dùng.Thành phần Controller sẽ gồm những class/ function xử lý nhiều nghiệp vụ logicgiúp lấy đúng dữ liệu thông tin cần thiết và hiển thị dữ liệu đó ra cho người dùngqua lớp View

1.2 HTML

HTML là chữ viết tắt của cụm từ HyperText Markup Language (Xem thêm tạihttp://vi.wikipedia.org/wiki/HTML) (dịch là Ngôn ngữ đánh dấu siêu văn bản) được sửdụng để tạo một trang web, trên một website có thể sẽ chứa nhiều trang và mỗi trangđược quy ra là một tài liệu HTML (thi thoảng mình sẽ ghi là một tập tin HTML) Cha đẻcủa HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web và chủ tịchcủa World Wide Web Consortium (W3C – tổ chức thiết lập ra các chuẩn trên môi trườngInternet)

Một tài liệu HTML được hình thành bởi các phần tử HTML (HTML Elements) đượcquy định bằng các cặp thẻ (tag), các cặp thẻ này được bao bọc bởi một dấu ngoặc ngọn.Các Một tập tin HTML sẽ bao gồm các phần tử HTML và được lưu lại dưới đuôi mởrộng là html hoặc htm

1.3 Css

CSS là ngôn ngữ tạo phong cách cho trang web – Cascading Style Sheet language Nódùng để tạo phong cách và định kiểu cho những yếu tố được viết dưới dạng ngôn ngữđánh dấu, như là HTML Nó có thể điều khiển định dạng của nhiều trang web cùng lúc

để tiết kiệm công sức cho người viết web Nó phân biệt cách hiển thị của trang web vớinội dung chính của trang bằng cách điều khiển bố cục, màu sắc, và font chữ.CSS đượcphát triển bởi W3C (World Wide Web Consortium) vào năm 1996, vì một lý do đơngiản HTML không được thiết kế để gắn tag để giúp định dạng trang web Bạn chỉ có thểdùng nó để “đánh dấu” lên site Những tag như <font> được ra mắt trong HTML phiênbản 3.2, nó gây rất nhiều rắc rối cho lập trình viên Vì website có nhiều font khác nhau,màu nền và phong cách khác nhau Để viết lại code cho trang web là cả một quá trình dài,cực nhọc Vì vậy, CSS được tạo bởi W3C là để giải quyết vấn đề này Mối tương quangiữa HTML và CSS rất mật thiết HTML là ngôn ngữ markup (nền tảng của site) và CSSđịnh hình phong cách (tất cả những gì tạo nên giao diện website), chúng là không thểtách rời CSS về lý thuyết không có cũng được, nhưng khi đó website sẽ không chỉ là mộttrang chứa văn bản mà không có gì khác

9

1.4 Bootstrap

Hiểu đơn giản, Bootstrap là những đoạn code viết sẵn để giúp developer dễ dàng tạo

ra những giao diện website tương thích với màn hình điện thoại Bootstrap là mộtframework bao gồm các HTML template, CSS template và JavaScript template dùng đểphát triển website chuẩn responsive Bản chất Bootstrap bao gồm một tập hợp các cúpháp thực hiện các chức năng cụ thể Để hoạt động tốt, Bootstrap cần có các file chínhquản lý giao diện người dùng và chức năng của trang web Đó là 3 file:

Bootstrap.css: một framework CSS sắp xếp và quản lý bố cục của trang web Để thựchiện một hành động cụ thể, cần tồn tại cùng lúc hai cấu trúc: HTML quản lý nội dung vàcấu trúc website, CSS xử lý bố cục website

Bootstrap.js: File này là phần cốt lõi của Bootstrap Bootstrap.js gồm các fileJavaScript chịu trách nhiệm cho việc tương tác của trang web

Glyphicons: Liên kết icon với các hành động và dữ liệu nhất định trong giao diện người dùng

1.5 Javascript

Javascript là một ngôn ngữ lập trình website, được tích hợp và nhúng trong HTML vàgiúp cho website trở nên sống động hơn Đây là dạng ngôn ngữ theo kịch bản, được hìnhthành dựa trên chính đối tượng phát triển có sẵn hoặc đơn giản là tự định nghĩa ra.Javascript cho phép bạn kiểm soát các hành vi của trang web tốt hơn so với việc chỉ sửdụng mỗi HTML Có thể kể đến một vài ứng dụng thực tiễn cực kỳ quen thuộc củaJavascript như slideshow, pop-up quảng cáo hay tính năng autocomplete của Google, …chúng đều được viết bằng ngôn ngữ Javascript Javascript được biết đến lần đầu tiên vàotháng 9 năm 1995, được tạo vỏn vẹn trong vòng 10 ngày bởi Brendan Eich – một nhânviên Netscape Thực chất tên gọi đầu tiên người ta dùng cho ngôn ngữ lập trình này làMocha, sau đó đổi thành Mona và tiếp tục biến đổi thành Livescript trước khi trở thànhngôn ngữ lập trình Javascript phổ biến như bây giờ Phiên bản đầu tiên của ngôn ngữ lậptrình này bị Netspace giới hạn độc quyền và chỉ có các tính năng hạn chế Tuy nhiên nóvẫn tiếp tục phát triển theo thời gian và hoàn thiện đến thời điểm hiện tại nhờ sự làm việcliên tục của cộng đồng các lập trình viên Cho đến thời điểm hiện tại, Javascript đã pháttriển và hoạt động trên hầu khắp mọi trình duyệt và trên các thiết bị di động đến máy tínhbàn Chỉ trong hơn 20 năm, Javascript từ một ngôn ngữ lập trình riêng trở thành một công

cụ quan trọng nhất trên bộ công cụ của các chuyên viên lập trình web

1.6 MongoDB

MongoDB lần đầu ra đời bởi MongoDB Inc., tại thời điểm đó là thế hệ 10, vào tháng

Mười năm 2007, nó là một phần của sản phẩm PaaS (Platform as a Service) tương tựnhư Windows Azure và Google App Engine Sau đó nó đã được chuyển thành nguồn mở

từ năm 2009

MongoDB đã trở thành một trong những NoSQL database nổi trội nhất bấy giờ, được

dùng làm backend cho rất nhiều website như eBay, SourceForge và The New YorkTimes

Các feature của MongoDB gồm có:

1 Các ad hoc query: hỗ trợ search bằng field, các phép search thông thường, regular

expression searches, và range queries

2 Indexing: bất kì field nào trong BSON document cũng có thể được index.

3 Replication: có ý nghĩa là “nhân bản”, là có một phiên bản giống hệt phiên bản đang

tồn tại, đang sử dụng Với cơ sở dữ liệu, nhu cầu lưu trữ lớn, đòi hỏi cơ sở dữ liệutoàn vẹn, không bị mất mát trước những sự cố ngoài dự đoán là rất cao Vì vậy,người ta nghĩ ra khái niệm “nhân bản”, tạo một phiên bản cơ sở dữ liệu giống hệt cơ

sở dữ liệu đang tồn tại, và lưu trữ ở một nơi khác, đề phòng có sự cố

4 Aggregation: Các Aggregation operation xử lý các bản ghi dữ liệu và trả về kết quả

đã được tính toán Các phép toán tập hợp nhóm các giá trị từ nhiều Document lại vớinhau, và có thể thực hiện nhiều phép toán đa dạng trên dữ liệu đã được nhóm đó đểtrả về một kết quả duy nhất Trong SQL, count(*) và GROUP BY là tương đươngvới Aggregation trong MongoDB

5 Lưu trữ file: MongoDB được dùng như một hệ thống file tận dụng những function

trên và hoạt động như một cách phân phối qua sharding

- Ưu điểm của MongoDB

 Dữ liệu lưu trữ phi cấu trúc, không có tính ràng buộc, toàn vẹn nên tính sẵn sàng cao, hiệu suất lớn và dễ dàng mở rộng lưu trữ

 Dữ liệu được caching (ghi đệm) lên RAM, hạn chế truy cập vào ổ cứng nên tốc

độ đọc và ghi cao

11

- Nhược điểm của MongoDB

 Không ứng dụng được cho các mô hình giao dịch nào có yêu cầu độ chính xác cao do không có ràng buộc

 Không có cơ chế transaction (giao dịch) để phục vụ các ứng dụng ngân hàng

 Dữ liệu lấy RAM làm trọng tâm hoạt động vì vậy khi hoạt động yêu cầu một bộnhớ RAM lớn

 Mọi thay đổi về dữ liệu mặc định đều chưa được ghi xuống ổ cứng ngay lập tức

vì vậy khả năng bị mất dữ liệu từ nguyên nhân mất điện đột xuất là rất cao

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

2.1 Yêu cầu bài toán

2.1.1 Yêu cầu chức năng

 Lấy lại mật khẩu bằng email

 Thêm, xóa cầu thủ yêu thích

 Xem thông tin cầu thủ

 Tìm kiếm cầu thủ

 Bình luận về cầu thủ

- Admin

 Xem thông tin tài khoản, cầu thủ

 Xem và xóa bình luận

 Chỉnh sửa, thêm, xóa tài khoản, cầu thủ

 Gửi email cho người dùng

 Chỉnh sửa giao diện

2.1.2 Yêu cầu phi chức năng

- Thân thiện với người dùng

- Tốc độ load nhanh

- Bảo mật thông tin

 Đăng bình luận

2 Ca sử dụng cho quản trị viên:

 Quản lý người dùng

 Thêm cầu thủ mới

 Chỉnh sửa thông tin cầu thủ

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

1.2 Đăng xuất:

 Tác nhân sử dụng: Admin, người dùng

 Thực hiện đăng xuất khỏi website

 Các bước thực hiện:

nhập

Hệ thống xuất ra thông báo đăng nhập thành công hoặc thất bạiNếu thành công thì thực hiện hiển thị giao diện tương ứng với cấp bậc tài khoản được cấp quyềnNếu thất bại thì yêu cầu đăng nhập lại

Nếu yêu cầu quên mật khẩu Yêu cầu nhập email

Thông báo thành côngCho phép đăng nhập

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

Hoạt động của tác nhân Hoạt động của hệ thốngNhập từ khóa tìm kiếm (tên, đội bóng) Xử lý yêu cầu tìm kiếm

Nhấn nút tìm tiếm Truy xuất danh sách cầu thủ phù hợp và

hiển thị cho người dùng

Hoạt động của tác nhân Hoạt động của hệ thống

Chọn cầu thủ từ danh sách tìm kiếm hoặc

trang thông tin đội bóng

Truy xuất thông tin cầu thủ

Hiển thị chi tiết thông tin cầu thủ cho người dùng

1.6 Đăng bình luận

 Tác nhân sử dụng: Người dùng

 Người dùng đăng bình luận về các cầu thủ, đội bóng hoặc các bài viết

Nhập nội dung bình luận và nhấn nút "Gửi bình

luận"

Lưu bình luận vào cơ sở dữ liệu

Hiển thị bình luận trên trang cầu thủ hoặc bài viết

Nhận nội dung bình luận và kiểm tra tính hợp lệ

2 Ca sử dụng cho quản trị viên(Admin)

Hoạt động của tác nhân Hoạt động của hệ thống

TRuy cập danh sách người dùng Nhận yêu cầu thao tác từ admin

Chọn tài khoản để xóa, khóa, mở khóa

hoặc thay đổi quyền hạn

Thực hiện hành động( xóa, khóa, mở khóa,phân quyền)

Cập nhật trạng thái tài khoản và lưu vào CSDL

2.2 Thêm cầu thủ mới

Hoạt động của tác nhân Hoạt động của hệ thống

Nhập thông tin cầu thủ mới (tên, tuổi, đội

bóng, hình ảnh, video)

Nhận thông tin cầu thủ và kiểm tra tính hợp lệ

Nhấn nút "Lưu cầu thủ" Lưu thông tin cầu thủ vào cơ sở dữ liệu

Hiển thị cầu thủ mới trên trang thông tin

2.3 Chỉnh sửa thông tin cầu thủ:

Nhấn vào nút “Chỉnh sửa hình ảnh” Xóa hình ảnh cũ và thay thế bằng hình ảnh

mới trong cơ sở dữ liệu

Chọn tệp hình ảnh mới từ thiết bị Cập nhật hình ảnh trên trang thông tin cầu

thủ

Nhấn “Cập nhật” để thay đổi hình ảnh Thông báo thành công

2.6 Duyệt và xóa bình luận

 Tác nhân sử dụng: Admin

 Quản trị viên xem và quản lý các bình luận từ người dùng, xóa các bình luận không phù hợp

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

Hoạt động của tác nhân Hoạt động của hệ thống

Truy cập danh sách bình luận Nhận yêu cầu duyệt hoặc xóa bình luận.Chọn bình luận để xóa hoặc duyệt Thực hiện thao tác (xóa, duyệt) và cập

nhật trạng thái bình luận

Cập nhật thông tin vào CSDL

19

2.4 Biểu đồ trường hợp sử dụng

2.4.1 Biểu đồ hoạt động

- Biểu đồ hoạt động của chức năng đăng nhập

Hình 2.2 Biểu đồ hoạt động chức năng đăng nhập

- Biểu đồ hoạt động ca sử dụng của chức năng đăng xuất

Hình 2.3 Biểu đồ hoạt động chức năng đăng xuất

- Biểu đồ hoạt động ca sử dụng của chức năng đăng ký

21

Hình 2.4 Biểu đồ hoạt động chức năng đăng ký

- Biểu đồ hoạt động ca sử dụng của chức năng thêm thông tin cầu thủ

Hình 2.5 Biểu đồ hoạt động chức năng thêm thông tin cầu thủ

- Biểu đồ hoạt động ca sử dụng của chức năng xem thông tin cầu thủ

23

Hình 2.6 Biểu đồ hoạt động chức năng xem thông tin cầu thủ

- Biểu đồ hoạt động ca sử dụng của chức năng sửa thông tin cầu thủ

-Hình 2.7 Biểu đồ hoạt động chức năng sửa thông tin cầu thủ

- Biểu đồ hoạt động ca sử dụng của chức năng xóa cầu thủ

25