Thiết kế giao diện

Một phần của tài liệu ỨNG DỤNG hỗ TRỢ CHĂM sóc sức KHỎE BẰNG CHATBOT (Trang 97 - 122)

Các tab newsfeed:

4.3.1.1 Xem tin tức, số liệu về Covid-19

Số lượng màn hình cho Xem tin tức, số liệu về Covid-19: 3 màn hình

Sau khi nhấn tab News ở thanh tabbar, màn hình sẽ tự động điều hướng sang

màn hình mặc định News của tab New Cần có các component như sau: + Bản tóm tắt tin tức

+ Danh sách tin tức, hiển thị các bản tin theo dạng grid, có thể nhấn chọn xem chi tiết tin tức.

+ Top reading, hiển thị dạng listview theo chiều dọc

+ Danh mục tin tức, hiển thị theo dạng listview theo chiều ngang, có thể cuộn ngang, cho phép nhấn chọn danh mục

4.3.1.1.2 Màn hình xem bản tin

Nếu người dùng click chọn 1 bản tin. Trang sẽ chuyển hướng sang màn hình xem tin tức.

Cần có các component như sau: + Hình ảnh bản tin

+ Gridview nội dung bản tin

4.3.1.1.3 Màn hình Data

Khi chọn tab Data trong màn hình News, màn hình sẽ tự điều hướng sang màn hình Data

Cần có các component như sau:

- Combobox cho phép chọn quốc gia

- Biểu đồ cột của tổng số ca, số ca bình phục, số ca đang điều trị, số ca không qua khỏi, hiển thị dạng grid view 2*2

- Biểu đồ cột đơi số ca nhiễm mỗi tỉnh, có thể cuộn theo chiều ngang - Biểu đồ tròn thể hiện số liệu cách ly: cách ly tại nhà, cách ly tại trung tâm,

khơng cách ly

4.3.1.1.4 Màn hình Healthcare

Số lượng màn hình cho Healthcare: 4 màn hình

1.2.1 Màn hiển thị Mentally

Cần có các component như sau:

+ Biểu tượng bản tin, hiển thị dưới dạng gridview x*2, cho phép click chọn để xem chi tiết

4.3.1.1.4.1 Màn hình xem chi tiết bản tin

Cần có các component như sau: + Hình ảnh bản tin

+ Nội dung bản tin

4.3.1.1.4.2 Màn hình Physically

+ Danh sách bản tóm tắt bài tập, hiển thị ở dạng list view, có thể cuộn ngang, cho phép click chọn xem chi tiết

+ Danh sách bản tóm tắt bài tập danh cho F1, F0 ở dạng list view, có thể cuộn ngang, cho phép click chọn xem chi tiết

+ Danh sách biểu tượng các bài tập tinh thần, hiển thị dưới dạng grid x*2,cho phép click chọn xem chi tiết

1.2.4 Màn hình Nutrition

Cần có các component như sau:

+ Biểu tượng cho danh mục CovidPrevention, hiển thị dạng listview, có thể cuộn ngang, cho phép click chọn xem chi tiết

+ Biểu tượng cho danh mục Take of patient, hiển thị dạng listview, có thể cuộn ngang, cho phép click chọn xem chi tiết

Các tab tương tác 4.3.3.1 Màn hình Map

Số lượng màn hình cho màn hình Map: 4 màn hình

4.3.3.2 Màn hình Map

Cần có các component như sau: + Thanh search

+ Biểu tượng loại địa điểm + Bản đồ full màn hình

4.3.3.2.1 Màn hình hiển thị kết quả tìm kiếm

Cần có các component như sau: + Thanh search

+ Item kết quả tìm kiếm + Item tìm kiếm gần đây

4.3.3.2.2 Màn hình chi tiết danh mục địa điểm

Khi nhấn chọn vào 1 danh mục địa điểm, màn hình sẽ được tự động điều hướng sang màn hình chi tiết danh mục.

Cần có các component như sau: + Biểu tượng danh mục địa điểm + Item các địa điểm thuộc danh mục

1.4 Màn hình chatbox

4.3.3.3 Màn hình Chat-với-Dr.Cowin

Khi người dùng click vào biểu tượng chat trên man màn hình home, màn hình sẽ tự động điều hướng sang màn hình chatbot.

Cần có các component sau: + Item tin nhắn

+ Keyboard

+ Item cho phép nhập tin nhắn + Các button: + Gọi điện + Gọi video + Nhập bằng giọng nói + Đính kèm + Trở về

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

Một phần của tài liệu ỨNG DỤNG hỗ TRỢ CHĂM sóc sức KHỎE BẰNG CHATBOT (Trang 97 - 122)

Tải bản đầy đủ (PDF)

(136 trang)