"Dưới đây là một **prompt hoàn chỉnh** để thiết kế một **Healthcare Dashboard** tập trung vào **theo dõi lượng calo tiêu thụ thông qua GPS tracking**, phù hợp cho ứng dụng sức khỏe cá nhân, phòng gym hoặc chương trình giảm cân: --- ### **Prompt: Healthcare Dashboard – Theo dõi Calorie Tiêu thụ qua GPS Tracking** **Mục tiêu**: Thiết kế một dashboard trực quan giúp người dùng theo dõi lượng calo đốt cháy dựa trên hoạt động thể chất (đi bộ, chạy, đạp xe) được ghi lại qua GPS. #### **1. Yêu cầu tổng quan** - **Đối tượng**: Người dùng cá nhân, huấn luyện viên thể hình, bác sĩ dinh dưỡng. - **Chức năng chính**: - Hiển thị lượng calo tiêu thụ theo thời gian thực và lịch sử. - Map tracking tuyến đường di chuyển (dùng GPS). - Phân tích mục tiêu calo (TDEE, BMR) và so sánh với thực tế. - **Phong cách**: Năng động, màu sắc khuyến khích vận động (cam, xanh lá, tím). #### **2. Thành phần chi tiết** **A. Header/Navigation** - Logo ứng dụng + tên người dùng. - Menu: Trang chủ, Lịch sử, Mục tiêu, Cài đặt. **B. Overview Stats (Cards)** - **Calories Burned Today**: Số calo đã đốt (kèm % so với mục tiêu). - **Distance Covered**: Quãng đường di chuyển (km). - **Activity Time**: Thời gian hoạt động (phút). - **Avg. Speed**: Tốc độ trung bình (km/h). **C. Bản đồ GPS Tracking** - Hiển thị tuyến đường di chuyển (dùng API như Google Maps/Mapbox). - Đánh dấu điểm bắt đầu/kết thúc, độ cao (nếu có). - Tính năng phóng to/xem chi tiết từng chặng. **D. Biểu đồ chính** - **Line Chart**: Xu hướng calo tiêu thụ theo ngày/tuần. - **Bar Chart**: So sánh calo giữa các hoạt động (chạy vs. đi bộ). - **Pie Chart**: Phân bổ calo theo nhóm cơ (nếu tích hợp dữ liệu từ wearable devices). **E. Danh sách hoạt động (Table/List)** - Cột: Thời gian, Loại hoạt động, Calo tiêu thụ, Quãng đường, Tốc độ. - Lọc theo ngày/loại hoạt động. **F. Mục tiêu cá nhân** - Nhập mục tiêu calo/ngày hoặc quãng đường. - Progress bar hiển thị % hoàn thành mục tiêu. #### **3. Tính năng tương tác** - **Real-time Sync**: Cập nhật calo ngay khi người dùng kết thúc hoạt động. - **Thông báo**: Nhắc nhở khi đạt mục tiêu hoặc ít vận động. - **Export Data**: Xuất báo cáo PDF/CSV để chia sẻ với huấn luyện viên. #### **4. Yêu cầu kỹ thuật** - **API Integration**: GPS (Google Maps), HealthKit/Google Fit để lấy dữ liệu bước chân/nhịp tim. - **Responsive**: Tương thích mobile (để xem ngoài trời). - **Dark Mode**: Giảm chói mắt khi dùng ban đêm. #### **5. Tham khảo thiết kế** - [Strava Dashboard](https://www.strava.com/) (theo dõi hoạt động thể thao). - [Apple Health UI](https://developer.apple.com/design/human-interface-guidelines/healthkit/overview/introduction/). --- ### **Ghi chú quan trọng**: - Ưu tiên hiển thị **chỉ số calo** nổi bật (font lớn, màu sắc báo hiệu khi đạt mục tiêu). - Tích hợp **cảnh báo** nếu người dùng vận động quá sức (dựa trên HR hoặc BMI). - Nếu có dữ liệu wearable (Fitbit, Garmin), hiển thị thêm nhịp tim và lượng mồ hôi. "
Dependencies: