Đề tài lập trình xây dựng Ứng dụng quản lý giải Đấu, Đội bóng bóng Đá

Ứng dụng sẽ cung cấp cho người dùng các tính năng như lịch thi đấu, kết quả trận đấu, bảng xếp hạng, thông tin đội bóng, cầu thủ, cũng như các thông tin về giải đấu như lịch sử, giải thư

Giao diện Latest (mới nhất)

Giao diện Latest được hiển thị sau khi người dùng đã đăng nhập hoặc vào luôn và bỏ qua phần intro của ứng dụng Khi truy cập vào đây, người dùng có thể thực hiện của chức năng cơ bản của ứng dụng như theo dõi lịch thi đấu của các câu lạc bộ, theo dõi bảng tin mới nhất của giải đầu cũng như là xem các kết quả mới nhất của các lượt trận đã và đang diễn ra Ngoài ra, giao diện này còn hiển thị 1 bảng xếp hạng hiện tại của giải đấu để người dùng tiện theo dõi

Hình 4: Giao diện Intro (3) Hình 5: Giao diện Intro (4)

Giao diện Latest của ứng dụng là một tuyệt tác thiết kế, mang đến cho bạn trải nghiệm tuyệt vời khi sử dụng Với tông màu tím và trắng là chủ đạo, giao diện có tính thẩm mỹ cao, giúp người dùng cảm thấy thoải mái khi sử dụng.

Hình 6: Giao diện Latest (1) Hình 7: Giao diện Latest (2)

Giao diện PL

Giao diện PL sẽ hiện thị khi người dùng bấm vào biểu tượng của trang ở bên dưới (biểu tượng sư tử) hoặc đặc biệt hơn, người dùng có thể chỉ cần lướt nhẹ từ phải sang trái, ứng dụng sẽ ngay lập tức chuyển đến trang kế tiếp một cách mượt mà Ở giao diện này, người dùng có thể sử dụng các chức năng tương tự giao diện latest trước đó như theo dõi các trận đấu tiếp theo, cập nhập kết quả trận đấu và theo dõi bảng xếp hạng hiện tại của giải đấu Tuy nhiên, ngoài những chức năng đó, giao diện PL cũng thể hiện nhiều chức năng đặc biệt khác như xem và tìm kiếm câu lạc bộ, cầu thủ, xem các nhà tài trợ, hightlight của trận đấu và vé vào sân vận động của các đội bóngvà lịch phát sóng.

Hình 9: Giao diện PL (1) Hình 10: Giao diện PL (2)

Giao diện Fantasy

Giao diện Fantasy sẽ hiện thị khi người dùng bấm vào biểu tượng của trang ở bên dưới (biểu tượng áo thi đấu) hoặc đặc biệt hơn, tương tự như giao diện PL, người dùng cũng có thể chỉ cần lướt nhẹ từ phải sang trái, ứng dụng sẽ ngay lập tức chuyển đến trang kế tiếp một cách mượt mà.

Giao diện Fantasy sẽ bao gồm những danh mục đặc sắc của giải đấu premier league Đầu tiên, người dùng có thể theo dõi bảng tin mới nhất tại đây cùng với những hightlight trận đấu hay những tình huống đặc sắc của lượt trận vừa qua, những thông tin đặc sắc thú vị nhất, sẽ được cập nhập liên tục hàng tuần tại đây Thứ hai, người dùng có thể được đề xuất những kênh giải trí khác nhau đến từ premier league

Giao diện Statistics ( thông số )

Giao diện Statistics sẽ hiện thị khi người dùng bấm vào biểu tượng của trang ở bên dưới

Hình 12: Giao diện Fantasy (1) Hình 13: Giao diện Fantasy (2)

Giao diện More

Giao diện More sẽ hiện thị khi người dùng bấm vào biểu tượng của trang ở bên dưới (biểu tượng 3 chấm dọc) hoặc đặc biệt hơn, tương tự như giao diện PL, người dùng cũng có thể chỉ cần lướt nhẹ từ phải sang trái, ứng dụng sẽ ngay lập tức chuyển đến trang kế tiếp một cách mượt mà

Giao diện More sẽ cho phép người dùng thao tác, điều chỉnh ứng dụng cho phù hợp với nhu cầu cá nhân Đầu tiên là danh mục Settings sẽ cho phép người dùng cài đặt thông báo của ứng dụng Danh mục tiếp theo là Favourite Team cho phép người dùng chọn đôi bóng yêu thích, và theo dõi thông tin, thông số về đội bóng yêu thích của họ Danh mục About cho phép người dùng tìm hiểu về giải đấu, thông tin chuyển nhượng Danh mục cuối cùng Others bao gồm thông tin liên hệ, chính sách bảo mật của ứng dụng và hỗ trợ chăm sóc khách hàng

Hình 14: Giao diện Statistics (1) Hình 15: Giao diện Statistics (2)

1 năng Đăng Nhập ủa chức năng tắt Log in ở giao di phần quan trọng tron dụ ử dụng các tính năn đư phép người dùng xác thô g nhập thành công, n h năn ăng nhập lại thị các chức năng kh màn hình) được sử ể hỗ trợ người dùng ài

 Nút Forgot Password được sử dụng để hỗ trợ người y lại

2 Xây dựng chức năng 2: Chức năng Đăng Ký

Mô tả và cách thức hoạt động của chức năng

Cách thức hoạt động: Bấm vào phím tắt Register ở giao diện Log in.

Mô tả: Chức năng đăng ký của ứng dụng là quan trọng để người dùng có thể truy cập và sử dụng các tính năng của ứng dụng Để đăng ký, người dùng cần nhập thông tin cá nhân, xác thực tài khoản, cung cấp thông tin bổ sung và quản lý tài khoản Sau khi đăng ký thành công, người dùng có thể đăng nhập và sử dụng ứng dụng.

Hình 19: Giao diện Đăng Ký

3 Xây dựng chức năng 3: Drawmenu trong giao diện ứng dụng và Chức năng Đăng xuất

4 Xây dựng chức năng 4: Chức năng Đọc báo

Cách thức hoạt động: Bấm vào phím tắt danh mục bảng tin ở giao diện Latest.

Mô tả: Chức năng đọc báo được sử dụng khi người dùng xem bảng tin và bấm vào bảng tin đó Sau đó, màn hình giao diện sẽ hiển thị lên giao diện bảng tin đó

5 Xây dựng chức năng 5: Chức năng Xem bảng xếp hạng của giải đấu

Cách thức hoạt động: Bấm vào phím tắt Bảng xếp hạng ở giao diện Latest hoặc giao diện PL.

Mô tả: Chức năng này được thể hiện khi người dùng nhấn vào các phần bảng xếp hạng ở các trang giao diện khác nhau Sau đó, giao diện sẽ đi tới trang giao diện của bảng xếp hạng giải

Hình 21: Chức năng Đọc báo (1) Hình 22: Chức năng Đọc báo (2)

Hình 23: Chức năng Xem bảng xếp hạng giải đấu

6 Xây dựng chức năng 6: Chức năng Thêm, xóa sửa đội bóng trong bxh

 Thêm: Bấm vào phím tắt hình dấu cộng trong ở giao diện xem bảng xếp hạng.

 Sửa: Bấm vào phím tắt hình cây bút trong ở giao diện xem bảng xếp hạng.

 Xóa: Bấm vào phím tắt hình thùng rác trong ở giao diện xem bảng xếp hạng.

Mô tả: Ở chức năng này, nó được sử dụng bổ trở cho chức năng em vừa bổ trợ phía trên, cụ thể hơn là:

 Đầu tiên, Chức năng Thêm đội bóngtrong bảng xếp hạng được sử dụng để thêm 1 đội bóngvào bảng xếp hạng và cung cấp số điểm hiện tại của đội bóngđó.

 Chức năng sửa giúp điều chỉnh và cập nhập thông tin của đội bóngđó

Hình 25: Giao diện Thêm câu lạc bộ Hình 24: Giao diện Sửa câu lạc bộ

7 Xây dựng chức năng 7: Chức năng TÌm kiếm đội bóng và Xem profile đội bóng

 Bấm vào phím tắt Club ở giao diện PL.

 Gõ tên đội bóng muốn tìm kiếm trên thanh tìm kiếm

 Giao diện sẽ hiện thị kết quả đội bóng như gợi ý tìm kiếm

Mô tả: Hiển thị đầy dủ danh sách các đội bóng của giải đấu, khi người dùng tìm kiếm sẽ hiển thị ra đội bóng mong muốn.

Hình 26: Giao diện Xóa câu lạc bộ

Hình 28: Giao diện tìm kiếm đội bóng (1) Hình 27: Giao diện tìm kiếm đội bóng (2)

8 Xây dựng chức năng 8: Chức năng Thêm và Xóa đội bóng yêu thích đội bóng yêu thích

Cách thức hoạt động: Bấm vào phím tắt đội bóng bất kỳ giao diện tìm kiếm đội bóng.

 Thêm đội bóng yêu thích bằng cách nhấn vào phím tắt ADD FAVOURITE

 Xóa đội bóng yêu thích đã thêm bằng cách nhấn vào phím tắt REMOVE FAVOURITE

Mô tả: Giao diện hiển thị thông tin đội bóng và biểu tưởng sân vận động của đội bóng đó.

Hình 29: Giao diện xem profile đội bóng

9 Xây dựng chức năng 9: Chức năng Xem profile và thông tin tài khoản cá nhân

Cách thức hoạt động: Bấm vào phím tắt My Profile ở giao diện Drawmenu.

Mô tả: Giao diện cho phép người dùng kiểm tra và xem thông tin tài khoản cá nhân sau khi đã

Hình 30: Giao diện Thêm đội bóng yêu thích Hình 31: Giao diện Xóa đội bóng yêu thích

Hình 32: Giao diện Xem profile cá nhân

10 Xây dựng chức năng 10: Phân quyền đăng nhập Admin và User

Cách thức hoạt động và mô tả: Người dùng sau khi đăng nhập với role tương ứng (admin or user) bấm vào xem bảng xếp hạng câu lạc bộ sẽ hiển thị 2 giao diện khác nhau Ở giao diện admin sẽ có tùy chọn thêm xóa sửa mà giao diện user không có.

Hình 33: Giao diện BXH của User Hình 34: Giao diện BXH của Admin

IV Cơ sở dữ liệu của ứng dụng

1 Giới thiệu Database của ứng dụng

Trong lập trình mobile, database là một hệ thống tổ chức và lưu trữ dữ liệu để có thể truy cập và quản lý dữ liệu đó trong ứng dụng di động Database thường được sử dụng để lưu trữ các thông tin như tên người dùng, mật khẩu, email, thông tin sản phẩm, địa chỉ v.v

Các ứng dụng di động có thể sử dụng nhiều loại database khác nhau như SQLite, Realm, Firebase, MongoDB, Couchbase và nhiều loại khác để lưu trữ và quản lý dữ liệu Mỗi loại database có các tính năng và ưu điểm khác nhau và được sử dụng phù hợp với các yêu cầu của ứng dụng. Ở phần mềm của chúng em, chúng em sử dụng Firebase để lưu trữ và quản lý dữ liệu, cụ thể hơn như:

 Thêm xóa sửa thông tin đội bóng trong bảng xếp hạng

 Cập nhập thông tin và số điểm đôi bóng

 Tìm kiếm đội bóng yêu thích

 Xem Profile đội bóng yêu thích

 Lưu bảng xếp hạng giải đấu

 Lưu trữ tài khoản và lưu thông tin tài khoản

 Lưu trữ hình ảnh trong ứng dụng

Chú thích Hình 26, 27: Firestore và Authentication dùng để lưu trữ tài khoản và thông tin tài khoản.

Các chức năng và tính năng chính của ứng dụng

Xây dựng chức năng 2: Chức năng Đăng Ký

Cách thức hoạt động: Bấm vào phím tắt Register ở giao diện Log in.

Mô tả: Chức năng đăng ký của ứng dụng là quan trọng để người dùng có thể truy cập và sử dụng các tính năng của ứng dụng Để đăng ký, người dùng cần nhập thông tin cá nhân, xác thực tài khoản, cung cấp thông tin bổ sung và quản lý tài khoản Sau khi đăng ký thành công, người dùng có thể đăng nhập và sử dụng ứng dụng.

Hình 19: Giao diện Đăng Ký

Xây dựng chức năng 3: Drawmenu trong giao diện ứng dụng và Chức năng Đăng xuất

Xây dựng chức năng 4: Chức năng Đọc báo

Cách thức hoạt động: Bấm vào phím tắt danh mục bảng tin ở giao diện Latest.

Mô tả: Chức năng đọc báo được sử dụng khi người dùng xem bảng tin và bấm vào bảng tin đó Sau đó, màn hình giao diện sẽ hiển thị lên giao diện bảng tin đó

Xây dựng chức năng 5: Chức năng Xem bảng xếp hạng của giải đấu