Thiết kế giao diện ứng dụng đặt sân bóng đá SportBook

Trang đăng nhập, đăng ký .1 Trang đăng nhập

- Khi nhấp vào nút đăng nhập bằng số điện thoại, hay bằng tài khoản ứng dụng thì sẽ chuyển màn hình qua các màn hình tương ứng là đăng nhập bằng điện thoại và đăng nhập bằng tài khoản ứng dụng. - Bên cạnh đó còn có thể sử dụng app theo hình thức khách vãng lai bằng cách nhấn nút bỏ qua, và nó sẽ chuyển qua trang chủ. - Sau khi ấn ở nút đăng nhập bằng số điện thoải ở trang đăng nhập chính thì sẽ chuyển sang trang đăng nhập bằng số điện thoại, ở đây chúng ta sẽ nhập số điện thoại và xác nhận mã OTP được gửi vào số điện thoại đó - Sau khi nhập xong số điện thoại và bấm nút gửi mã sẽ chuyển sang trang.

- Sau khi chọn đăng nhập bằng tài khoản ứng dụng sẽ chuyển qua trang đăng nhập bằng tài khoản ứng dụng. - Ở trang đăng nhập sau khi nhập tài khoản, mật khẩu và bấm nút đăng nhập thì sẽ chuyển qua trang chủ (nếu đúng). - Nếu chưa có tài khoản có thể bấm nút đăng kí để đăng kí tài khoản mới, hoặc bấm quên mật khẩu để chuyển qua trang tìm lại mật khẩu - Còn ở trang đăng ký sau khi nhập đầy đủ các trường thông tin để đăng kí.

- Sau khi ấn nút quên mật khẩu ở trang đăng nhập bằng tài khoản ứng dụng sẽ được chuyển qua trang quên mật khẩu đầu tiên. - Ở màn hình thay đổi mật khẩu sau khi đã thay đổi mật khẩu xong và bấm nút xác nhận sẽ quay trở lại màn hình đăng nhập (nếu mật khẩu được xác thực).

Các trang của trang chủ .1 Trang chủ

- Ở các slider sân bóng nổi bật và đội bóng nổi bật sẽ có các thao tác giống nhau là khi nhấp vào 1 thẻ sân bóng hay đội bóng bất kì sẽ chuyển đến trang chi tiết sân và đội bóng đó, còn nếu nhấn vào tất cả thì sẽ chuyển qua trang đội bóng hay sân bóng tương ứng với slider. - Còn ở thanh nav sẽ chuyển qua các trang tương ứng khi nhấn vào các nút tương ứng. - Sau khi bấm vào thanh tìm kiếm ở trang chủ sẽ chuyển qua trang tìm kiếm.

- Chúng ta có thể nhập từ khóa vào ô tìm kiếm và có thể bấm vào từng kết quả tìm kiếm để đến trang chi tiết sân bóng. - Nếu muốn lọc kĩ hơn thì phải sang trang sân bóng để tìm kiếm - Khi nhấn nút hủy sẽ quay trở lại trang chủ.

Các trang của trang sân bóng .1 Trang sân bóng

- Ở bộ lọc chúng ta có thể điền các trường cụ thể và nhấn xác nhận sẽ đóng bộ lọc lại (hoặc nhấn ra khỏi bộ lọc), nút đặt lại có thể đặt tất cả các trường về mặc đính. - Có thể nhấn vào từng thẻ sân bóng để vào xem chi tiết từng sân bóng - Ở mỗi thẻ có thể nhấn yêu thích (sẽ nổi lên đầu mỗi khi vào trang sân. - Khi nhấn vào nút đặt sân sẽ chuyển qua trang đặt sân, sau khi chọn các trường và nhấn nút đặt sân sẽ chuyển qua trang kết quả đặt sân.

Sau khi chọn nút tiếp tục xem sẽ trở về lại trang sân bóng còn nếu là nút xem danh sách sân đã đặt thì sẽ chuyển qua trang danh sách sân đã đặt. - Bộ lọc sẽ được mở ra khi chọn vào nút bộ lọc, ở đây ta có thể chọn các trường, khi bấm vào các trường chọn sẽ sổ ra các lựa chọn. Sau khi bấm xác nhận sẽ lưu bộ lọc và đóng bộ lọc lại (có thể bấm ở ngoài bộ lọc để đóng bộ lọc lại), còn nút đặt lại sẽ đặt lại các trường về mặc định - Khi bấm vào từng đối thủ cụ thể sẽ chuyển qua trang chi tiết đối thủ 4.4.2 Các trang chi tiết đối thủ.

- Ở trang chi tiết đối thủ sẽ có các thao tác như chuyển qua trang hẹn đá, xem chi tiết lịch sử đấu, đánh giá hoặc danh sách thành viên đổi đội bóng đối thủ. - Ở trang hẹn đá sẽ có các trường thông tin, khi điền đầy đủ và bấm hẹn đá sẽ chuyển sang trang xem kết quả hẹn đá, chúng ta có thể tiếp tục tìm kiếm đối thủ nếu bấm nút tiếp tục xem hoặc xem danh sách đội đã hẹn đá.

Các trang của trang tin tức

- Sau khi bấm xem tất cả thành viên ở trang chi tiết đối thủ sẽ chuyển đến trang thành viên. - Tương tự đội bóng sẽ có trang chi tiết lịch sử đấu và đánh giá, các trang này có thao tác tương tự nhau. - Sau khi bấm nút tin tức ở thanh nav sẽ chuyển đến trang tin tức - Ở đây sẽ có các thao tác tìm kiếm tin tức, lọc tin tức, xem các tin tức đã.

- Khi bấm vào nút bộ lọc sẽ hiện thị ra bộ lọc, khi chọn các trường và bấm xác nhận sẽ lưu bộ lọc và đóng bộ lọc (có thể bấm ra ngoài bộ lọc để đóng bộ lọc), bấm nút đặt lại sẽ đặt lại các trường về mặc định - Khi bấm vào nút lưu trữ sẽ chuyển sang trang lưu trữ tin tức - Khi bấm vào từng tin tức cụ thể sẽ chuyển sang trang chi tiết tin tức 4.5.2 Trang lưu trữ tin tức. - Sau khi bấm vào nút lưu trữ ở trang tin tức thì sẽ chuyển sang trang lưu trữ tin tức. - Ở đây cũng sẽ có có các thao tác bộ lọc, chuyển tab qua lại giữa đã lưu và đã thích, xem tin tức chi tiết khi bấm vào từng tin tức.

- Sau khi bấm vào từng tin tức ở trang tin tức hay trang lưu trữ tin tức sẽ chuyển sang trang chi tiết tin tức. - Ở đây chúng ra có thể mở ra các thao tác với tin tức (yêu thích và chia sẻ), sẽ có danh sách các tin tức liên quan khi bấm vào đó sẽ chuyển sang trang tin tức khác.

Các trang của trang tài khoản .1 Trang tài khoản

- Sau khi bấm vào nút tài khoản ở thanh nav sẽ chuyển đến trang tài khoản - Ở đây chúng ta có các thao tác xem chi tiết thông tin tài khoản, đăng. - Khi bấm vào nút tất cả ở từng mục tương ứng (danh sách đội, trận đấu sắp tới, danh sách đặt sân) sẽ chuyển sang các trang danh sách tương ứng b. - Ở trang danh sách đội bóng sẽ có các thao tác tạo đội bóng, tham gia đội bóng, chuyển sang tab đội bóng đang gửi yêu cầu, xóa các đội bóng đang gửi yêu cầu.

- Khi bấm vào tab đang chờ sẽ chuyển qua tab danh sách các đội bóng đang chờ phản hổi, khi bấm vào nút hủy gia nhập sẽ chuyển qua trang chỉnh sửa danh sách. - Khi bấm nút xác nhận ở trang chỉnh sửa danh sách sẽ hủy các trận được chọn đi, còn bấm vào nút hủy toàn bộ sẽ xóa hết danh sách đội bóng đang chờ. - Khi bấm vào nút hủy trận đấu (xác nhận) sẽ chuyển sang trang chỉnh sửa trận đấu, ở đây khi bấm nút hủy toàn bộ thì toàn bộ trận đấu sẽ bị hủy còn nếu bấm xác nhận sẽ hủy các trận đấu đã chọn.

- Ở đây có các thao tác thêm thành viên, chỉnh sửa chức vụ thành viên chính thức, xóa thành viên chính thức, chuyển tab sang danh sách thành viên đang chờ, duyệt và xóa thành viên đang chờ. Nếu bấm nút xóa toàn bộ sẽ xóa toàn bộ thành viên chỉ còn đội trưởng, còn nếu bấm xác nhận sẽ xóa các thành viên được chọn - Khi bấm nút chỉnh sửa chức vụ thành viên chính thức sẽ chuyển sang.