Hình 5.25: Giao diện trang SC013 Update Fight Screen (1)
Chương 5: Thiết kế giao diện Trang 85
Bảng 5.22: Bảng đặc tả trang Update Fight Screen
No Name Required Format Reference Note
1 Tên cuộc thi True Input Data từ API Tên của cuộc thi.
2 Mô tả cuộc
thi True Input Data từ API
Thông tin chi tiết của cuộc thi.
3 Dữ liệu hình
ảnh cuộc thi True Text Data từ API
Dữ liệu hình ảnh minh họa cho cuộc thi.
4 Hình ảnh
cuộc thi True Text Data từ API
Hình ảnh minh họa cho cuộc thi.
5 Ngày giờ bắt
đầu True Input Data từ API
Ngày giờ bắt đầu của cuộc thi.
6 Ngày giờ kết
thúc True Input Data từ API
Ngày giờ kết thúc của cuộc thi.
7
Số lượng người tham gia
True Input Data từ API Số lượng người tham gia
của cuộc thi.
8 Loại cuộc thi False Input Data từ API
9 Thách thức True Text Data từ API
Hiển thị header của bảng, danh sách bài tập có trong cuộc thi.
10 Tên thách
thức True Text Data từ API
Tên của bài tập trong cuộc thi.
11 Điểm của (adsbygoogle = window.adsbygoogle || []).push({});
thách thức True Text Data từ API
Điểm của bài tập trong cuộc thi.
12 Độ khó của
thách thức True Badge Data từ API
Độ khó của bài tập trong cuộc thi.
13 Mô tả True Button
Khi “Click” nút Mô tả hệ thống sẽ hiển thị mô tả chi tiết của bài toán.
14 Xóa True Button
Khi “Click” nút Xóa hệ thống sẽ xóa bài tập khỏi cuộc thi.
15 Arrow
Button True Button
Khi “Click” Arrow Button bài tập người dùng chọn sẽ được thêm vào cuộc thi.
16 Tên thách
thức True Text Data từ API
Tên của bài tập trong danh sách bài tập của hệ thống.
Chương 5: Thiết kế giao diện Trang 86
17 Điểm True Text Data từ API
Điểm của bài tập trong danh sách bài tập của hệ thống.
18 Độ khó True Badge Data từ API
Độ khó của bài tập trong danh sách bài tập của hệ thống.
19 Mô tả True Button
Khi “Click” nút Mô tả hệ thống sẽ hiển thị mô tả chi tiết của bài toán.
20 Search False Input Nhập tên bài toán.
21 Level False Input Chọn độ khó của bài
toán.
22 Slider False Input Chọn range điểm của bài
toán.
23 Lưu True Button
Khi “Click” vào nút Lưu thông tin mới của cuộc thi sẽ được cập nhật.
(adsbygoogle = window.adsbygoogle || []).push({});