Chương 5: Thiết kế giao diện Trang 87
Hình 5.28: Giao diện trang SC014 Create Fight Screen (2)
Bảng 5.23: Bảng đặc tả màn hình Create Fight Screen
No Name Required Format Reference Note
1 Tên cuộc thi True Input Tên của cuộc thi.
2 Mô tả cuộc thi True Input Thông tin chi tiết của
cuộc thi.
3 Dữ liệu hình ảnh
cuộc thi True Text
Dữ liệu hình ảnh minh họa cho cuộc thi.
4 Hình ảnh cuộc thi True Text Hình ảnh minh họa
cho cuộc thi.
5 Ngày giờ bắt đầu True Input Ngày giờ bắt đầu của
cuộc thi.
6 Ngày giờ kết thúc True Input Ngày giờ kết thúc của
cuộc thi.
7 Số lượng người
tham gia True Input
Số lượng người tham gia của cuộc thi.
8 Loại cuộc thi False Input
9 Thách thức True Text
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 trong
API
Tên của bài tập trong cuộc thi.
11 Điểm của thách
thức True Text
Data từ API
Điểm của bài tập trong cuộc thi.
Chương 5: Thiết kế giao diện Trang 88 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.
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 Cuộc thi sẽ được lưu vào hệ thống.