Hướng dẫn sử dụng website

1. Tổng quan

1.1. Giới thiệu

Website cung cấp tất cả các thông tin về các giải đấu bóng bàn trên địa bàn Hà Nội và thành phố Hồ Chí Minh

1.2. Cấu trúc trang web

Trang web gồm 5 phần chính:

1.2.1 Top menu

Hình 1 topmenu

Phần này gồm có các menu:

• Trang chủ: menu gọi đến trang chủ để hiện thị nội dung trang chủ
• Đăng nhập: menu này dùng cho người quản trị
• Diễn đàn: menu này sẽ link đến forum bóng bàn
• Hướng dẫn sử dụng: menu này sẽ gọi đến trang hướng dẫn sử dụng website

1.1.2 Phần bên trái

Phần này gồm có:

• Các ảnh, logo
• Menu chính
  • Menu thông tin câu lạc bộ: sẽ gọi đến trang thông tin câu lạc bộ
  • Menu Danh sách vận động viên: Sẽ gọi đến trang danh sách vận động viên
  • Các giải đấu
  • Download: Sẽ link đến trang download tài liệu để download
  

  Hình 2 Menu chính

1.1.3 Phần chính

Phần này hiển thị các nội dung chính

1.1.4 Phần bên phải

Hiển thị bảng xếp hạng đội và bảng xếp hạng vận động viên

1.1.5 Phần footer ở cuối trang

Hiển thị các thông tin về bản quyền và công ty thiết kế trang web

2.Sử dụng chức năng chi tiết

2.1 Phần top menu

Menu trang chủ

Khi click vào menu trang chủ trong topmenu(hình 1) thì sẽ gọi đến trang chủ có giao diện như sau

Hình 3 Giao diện trang chủ

Nội dung chính của trang chủ gồm có:

• Phần bên trên sẽ hiển thị các trận sắp thi đấu của các giải đấu
  • Người dùng có thể xem các thông tin về trận đấu: thời gian, các đội đấu, và địa điểm
  • Người dùng có thể click chuột đến tên các đội để xem thông tin chi tiết của đội đó
• Phần bên dưới sẽ hiển thị các trận đã thi đấu của vòng gần nhất của các giải đấu
  • Người dùng có thể xem các thông tin về các trận đấu: thời gian, các đội đấu, địa điểm và kết quả của trận đấu
  • Khi click chuột vào tên các đội đấu thì có thể xem thông tin chi tiết của đội đấu đó
  • Khi click chuột vào thời gian trận đấu hoặc là kết quả trận đấu thì có thể xem chi tiết về các trận đơn, các set đấu

2.2 Phần bên trái (menu chính)

2.2.1 Menu thông tin câu lạc bộ

Khi click vào menu này thì sẽ hiện ra danh sách tất cả các câu lạc bộ tham gia thi đấu
Giao diện trang này như sau:

Hình 4 Trang thông tin câu lạc bộ

Tên câu lạc bộ cũng là các link. Khi bạn click vào tên một câu lạc bộ nào đó thì nó sẽ hiện thị ra thông tin chi tiết của câu lạc bộ đó
Giao diện trang đó như sau:

Hình 5 Trang chi tiết câu lạc bộ

Ở trang này là thông tin chi tiết của câu lạc bộ như địa chỉ, ngày thành lập, số đội thành viên, tên các đội thuộc câu lạc bộ
Tên các đội này cũng là các link, khi bạn click vào đó thì sẽ hiển thị ra thông tin chi tiết của câu lạc bộ. Trang đó như sau

Hình 6 Trang chi tiết đội

Ở trang này chúng ta có thể xem chi tiết các thông tin về đội
Lịch thi đấu trong từng năm của đội
Danh sách vận động viên của đội
Tên vận động viên là link khi click vào tên vận động viên thì sẽ xem thông tin chi tiết của vận động viên đó
Giao diện trang chi tiết vận động viên như sau:

Hình 7 Trang chi tiết vận động viên

Phần phía trên của trang chi tiết vận động viên là thông tin chi tiết của vận động viên
Phần phía dưới sẽ hiển thị kết quả thi đấu của vận động viên này theo các năm

2.2.2 Menu danh sách vận động viên

Khi click vào menu danh sách vận động viên ở trong menu chính bên trái chúng ta sẽ nhìn thấy giao diện như sau:

Hình 8 Trang danh sách vận động viên

Phần phía trên của trang gồm
Ô tìm kiếm: bạn có thể gõ các từ khóa tìm kiếm.
Các combox chọn giải và chọn đội để lọc các vận động viên theo giải và theo đội
Phần phía dưới là bảng danh sách tất cả các vận động viên
Tên các vận động viên cũng là các link bạn có thể click vào tên vận động viên nào đó để xem chi tiết vận động viên như hình 7
Tên đội cũng là các link khi bạn click vào tên đội nào đó thì sẽ hiện thị giao diện giống hình 6

2.2.3 Menu Tin tức

Khi bạn click vào menu tin tức sẽ có giao diện như sau:

Hình 9 Trang tin tức

Phần phía bên trái trong menu chính sẽ hiển thị ra các chủ đề tin tức, khi bạn click vào các chủ đề thì sẽ hiển thị ra các tin trong chủ để đó
Phần bên phải là hiển thị các tin

2.2.4 Menu Các giải đấu

Khi click vào tên một giải đấu(ví dụ giải B) thì sẽ có giao diện như sau:

Hình 9 Trang chính của giải

Phần bên trái dưới menu tên giải sẽ là các menu con:

• Menu điều lệ: khi click vào menu này sẽ xem được điều lệ của giải đấu
• Menu lịch thi đấu: Khi click vào menu này sẽ xem được lịch thi đấu của giải
• Menu bảng xếp hạng: khi click vào menu này sẽ xem được bảng xếp hạng của các đội tham gia giải
• Menu danh sách VĐV xuất sắc: Khi click vào menu này sẽ xem được các vận động viên xuất sắc của giải
• Menu thống kê: Khi click vào menu này sẽ xem được các thống kê của giải

Phần ở giữa có giao diện và chức năng giống trang chủ. Nhưng các trận đấu ở đây chỉ thuộc giải đấu đã chọn

2.3 Phần bên phải

Hàng đầu sẽ gồm các combox để lọc theo giải, theo bảng đấu, theo vòng đấu
Phần phía trên là bảng xếp hạng đội
Phần phía dưới là bảng xếp hạng vận động viên