4. Phương pháp nghiên cứu
5.6.Màn hình thêm lịch trình cụ thể cho từng ngày
Màn hình đối tượng
Hình 5-11. Màn hình đối tượng thêm lịch trình cụ thể cho từng ngày
Bảng 5-11. Bảng chi tiết đối tượng của màn hình thêm lịch trình cụ thể cho từng ngày
STT Tên đối tượng Kiểu đối tượng Mô tả Ghi chú 1 Back button IconButton Quay lại màn hình trước đó
73
2 Label content Text Tên màn hình 3 Save button IconButton Lưu những thay đổi
4 Label content Text Thông tin ngày tháng năm
5 Menu button IconButton Option để người dùng tạo ghi chú hoặc mở bản đồ địa điểm
6 Image Image Hình ảnh của địa điểm 7 Label content Text Tên địa điểm
8 Close button IconButton Hủy địa điểm này
9 Note button IconButton Ghi chú cho địa điểm này 10 Recently
button
IconButton Những địa điểm đã đi
11 More button IconButton Thời gian bắt đầu tham quan địa điểm 12 Vehicle
button
IconButton Phương tiện di chuyển
13 Add place button
RaisedButton Lưu những địa điểm đã thêm
74
THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ
Hình 5-12. Màn hình xử lý thêm lịch trình cụ thể cho từng ngày
Danh sách xử lý
Bảng 5-12. Bảng chi tiết xử lý của màn hình thêm lịch trình cụ thể cho từng ngày
STT Tên xử lý Điều kiện gọi thực hiện
Mô tả Ghi chú
1 Quay lại Click vào button “back”
Quay lại trang trước đó
2
Lưu tất cả Click vào button “save all”
Lưu toàn bộ những thay đổi
3 (adsbygoogle = window.adsbygoogle || []).push({});
Lựa chọn Click vào
button “menu” Thêm ghi chú cho địa điểm tham quan hoặc mở bản đồ để xem vị trí của địa điểm
Có 2 option là ghi chú và bản đồ
4 Hủy địa điểm Click vào button “cancel”
Hủy địa điểm này
5 Tạo ghi chú Click vào button “note”
75
6
Xem địa điểm đã đi Click vào button “recently” Mở màn hình những địa điểm đã đi
7 Sửa thời gian Click vào button “more”
Chọn thời gian bắt đầu tham quan của địa điểm
8 Chọn phương tiện Click vào button “vihicle”
Chọn phương tiện di chuyển giữa các địa điểm tham quan
Xe ô tô, xe máy, đi bộ 9 Lưu những địa điểm trong ngày Click vào button “add place”
Lưu những địa điểm đã tạo lịch trình trong ngày đó
5.7. Màn hình khám phá
Màn hình đối tượng
Hình 5-13. Màn hình đối tượng khám phá
Bảng 5-13. Bảng chi tiết đối tượng của màn hình khám phá
STT Tên đối tượng Kiểu đối tượng
Mô tả Ghi
76
THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ
1 Menu button IconButton Menu các màn hình 2 Search button IconButton Tìm kiếm
3 Label content Text Kế hoạch về cuộc hành trình 4 Going button RaisedButton Những chuyến đi sắp tới
5 Done button RaisedButton Những chuyến đi đã hoàn thành 6 Itineraries
container
Image, Text Hình ảnh, tên và thời gian lịch trình của địa điểm
7 Recent button RaisedButton Những chuyến đi gần đây 8 Popular button RaisedButton Những chuyến đi phổ biến 9 Itineraries
container (adsbygoogle = window.adsbygoogle || []).push({});
77
Màn hình xử lý
Hình 5-14. Màn hình xử lý khám phá
Danh sách xử lý
Bảng 5-14. Bảng chi tiết xử lý của màn hình khám phá
STT Tên xử lý Điều kiện gọi thực hiện
Mô tả Ghi
chú 1 Mở menu Click vào button
“menu”
Xem các trang chuyển đổi màn hình
2 Tìm kiếm Click vào button “search”
Tìm kiếm những lịch trình mong muốn
3 Xem chuyến đi sắp tới
Click vào button “Going”
Hiển thị những chuyến đi sắp tới trong danh sách lịch trình
4
Xem chuyến đi đã hoàn thành
Click vào button “Done”
Hiển thị những chuyến đi đã hoàn thành trong danh sách lịch trình
78
THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ
5 Xem chuyến đi gần đây
Click vào button “Recent”
Hiển thị những chuyến đi gần đây trong danh sách lịch trình 6 Xem chuyến đi
phổ biến
Click vào button “Popular”
Hiển thị những chuyến đi phổ biến trong danh sách lịch trình