LỊCH SỬ — KHÔNG CÒN LÀ LỊCH THỰC HIỆN (26/09/2026).
Nội dung dưới đây giữ nguyên để truy vết đề xuất cũ; không xác nhận đã làm, đã duyệt hoặc đã đạt cổng.
Dùng lộ trình hiện hành, bảng camera và ma trận y khoa.
Một chỉ số chỉ được thử sau GCA; GCB phải trước tích hợp. Mọi hoạt động có người cần GC riêng.
Các giờ, ngày, ngưỡng và đầu ra bên dưới không tự chuyển thành cam kết hoặc tiêu chí được duyệt.

Tuần: 9/23 | : C4/4
Vai trò: NCS2 (Đỗ Đoàn Anh Tuấn)
Effort: 10h (Thứ Bảy: 5h, Chủ Nhật: 5h)
Dependency: MVP core ≥80%, CAM-022 (Camera )
Checkpoint cuối ngày: Giao diện UI camera hoàn thiện, nút DỪNG ≥48px, đèn báo ghi hình rõ ràng

Task: Tích hợp UI Camera Quan sát Cử động

ID: CAM-023
Phân loại: 📝 thực hiện
Effort: 10 giờ (phân bổ Thứ Bảy: 5h, Chủ Nhật: 5h)

Mô tả

Xây dựng và tích hợp giao diện cho người cao tuổi theo 2 giai đoạn cuối tuần:
- Kế hoạch phân bổ thời gian:
- Thứ Bảy (5h): Dựng layout component camera, tích hợp luồng webcam on-device, vẽ realtime, tạo đèn LED đỏ "Đang quan sát" và nút DỪNG khẩn cấp kích thước lớn (≥48px).
- Chủ Nhật (5h): Kiểm tra điều kiện tích hợp MVP: nếu MVP core ≥80% thì tích hợp trực tiếp vào UI chính; nếu chưa đạt → chuyển sang chế độ standalone demo (demo_camera_standalone.html). Kiểm thử khả năng tiếp cận () và review cùng NCS1 Võ Trần Gia Hiếu.
- Tiêu chuẩn trợ năng (Accessibility) cho người cao tuổi:
- Độ tương phản màu sắc đạt chuẩn WCAG AA (tối thiểu 4.5:1).
- Phông chữ to, rõ nét (≥18px cho nhãn hướng dẫn, ≥24px cho số đếm giây).
- Nút bấm to, khoảng cách chạm an toàn tránh bấm nhầm.
- Nguyên tắc an toàn y khoa: Camera chỉ "quan sát cử động" — KHÔNG "chẩn đoán". Mọi văn bản hướng dẫn và thông báo tuân thủ nghiêm ngặt danh mục mẫu câu an toàn đã duyệt.
- Nguyên tắc quyền riêng tư: 0 video lưu — chỉ xử lý khung xương số realtime tại trình duyệt (on-device) và trích xuất chỉ số vận động số học.

File Tham chiếu (Input)

  • docs/research/plans/CAMERA_MODULE_TASK_BOARD.md
  • docs/safety/camera_response_templates.md
  • docs/gates/gate_camera_a_signoff.md

File Kết quả (Output)

  • frontend/src/components/MovementCamera.vue (hoặc frontend/standalone/demo_camera_standalone.html)
  • docs/ui/camera_ui_spec.md

DoD (Definition of Done)

  • [ ] Tích hợp vào MVP CHỈ KHI MVP core ≥80%. Nếu chưa → chạy standalone demo.
  • [ ] Giao diện có nút "Quan sát cử động", đèn báo ghi hình đang bật và nút DỪNG kích thước ≥48px dễ bấm cho người cao tuổi.
  • [ ] Tuân thủ chuẩn trợ năng người cao tuổi (tương phản màu ≥4.5:1, chữ to ≥18px).
  • [ ] Cam kết hiển thị: Camera chỉ "quan sát cử động" — KHÔNG "chẩn đoán".
  • [ ] Cam kết lưu trữ: 0 video lưu — chỉ lưu chỉ số vận động số học.
  • [ ] NCS1 Võ Trần Gia Hiếu rà soát và chấp thuận thiết kế UI.