Task Board Chi tiết — Tuần 9: Frontend Web & Tính năng Trợ năng

⚠️ File này đã được tái cấu trúc. Xem chi tiết tại W9/README.md

Sprint: 5/8 | Tuần: 9/16
Ngày bắt đầu: 16/11/2026 (Thứ Hai)
Ngày kết thúc: 22/11/2026 (Chủ Nhật)
Nguồn lực: NCS (8h/tuần, max 2h/ngày) + GVHD (1.25h) + CVYK (0.5h)
Mục tiêu chính: Xây dựng giao diện Vue 3, tích hợp bộ điều khiển trợ năng và kiểm tra hiển thị.

1. Đánh giá Trạng thái & Deliverables

1.1 Deliverable Tuần 9

  1. Vue 3 Chat components cơ bản.
  2. Bộ điều khiển trợ năng (cỡ chữ 125%-150%-200%, high contrast).
  3. Touch targets ≥48px và ARIA attributes.
  4. Báo cáo đánh giá Lighthouse audit ban đầu.

2. Kế hoạch Ngày (Ngày 1 - Ngày 7)

NGÀY 1 (16/11): Khởi tạo Frontend & UI cơ bản

Mục tiêu: Setup Vue 3 và tạo ChatWindow cơ bản

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
1 W9-D01-T01 Init Vue 3 Project Khởi tạo dự án Vue 3, cấu hình thư mục backend/frontend/ Source code framework Project chạy npm run dev không lỗi 🤖 AI auto 1.5h -
2 W9-D01-T02 Chat Components Xây dựng MessageList, MessageInput Thiết kế UI cơ bản Vue components Components hiển thị danh sách tin nhắn giả lập 🤖 AI auto 1.5h W9-D01-T01
3 W9-D01-T03 Giao ban GVHD Đồng bộ kế hoạch đầu tuần Kế hoạch Tuần 9 Biên bản họp Thống nhất tiến độ với GVHD 🧑‍🏫 GVHD checkpoint 0.5h -

NGÀY 2 (17/11): Tính năng Trợ năng (Accessibility)

Mục tiêu: Tích hợp tùy chỉnh font chữ và độ tương phản

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
4 W9-D02-T01 Font Controls Nút tăng cỡ chữ (125%-150%-200%) Chat components Trạng thái scale chữ Click đổi cỡ chữ hoạt động mượt mà 🤖 AI auto 1.5h W9-D01-T02
5 W9-D02-T02 High Contrast Mode Tính năng chuyển đổi độ tương phản cao - CSS theme Nút toggle hoạt động, text rõ nét 🤖 AI auto 1h W9-D02-T01
6 W9-D02-T03 Visual Testing NCS kiểm tra hiển thị App preview Issue log (nếu có) Đánh giá hiển thị trực quan các mức font 📝 NCS review 1h W9-D02-T02

NGÀY 3 (18/11): ARIA & Touch Targets

Mục tiêu: Tối ưu hóa UI cho người cao tuổi

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
7 W9-D03-T01 ARIA Attributes Thêm aria-live, role cho components App components Mã nguồn cập nhật Đọc màn hình (screen reader) phản hồi đúng 🤖 AI auto 1.5h W9-D01-T02
8 W9-D03-T02 Touch Targets Đảm bảo kích thước nút bấm ≥48px - CSS styling Kiểm tra DOM nút bấm đạt chuẩn 🤖 AI auto 1h W9-D03-T01
9 W9-D03-T03 GVHD Check Báo cáo tiến độ Task log Biên bản check Nắm bắt rủi ro 🧑‍🏫 GVHD checkpoint 0.25h -

NGÀY 4 (19/11): Responsive & Lighthouse

Mục tiêu: Đảm bảo responsive và điểm đánh giá truy cập

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
10 W9-D04-T01 Responsive Design Căn chỉnh layout cho mobile/desktop UI components Mobile/Desktop view Giao diện không vỡ ở width 375px & 1024px 🤖 AI auto 1.5h W9-D02-T01
11 W9-D04-T02 Lighthouse Audit Chạy báo cáo Lighthouse Local App W9_D04_Lighthouse_Report_v1.0.md Điểm Accessibility ≥95 📝 NCS review 1h W9-D04-T01

NGÀY 5 (20/11): Review & Hoàn thiện

Mục tiêu: Kiểm tra lại tuần và báo cáo

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
12 W9-D05-T01 Giao ban GVHD Báo cáo cuối tuần Báo cáo Lighthouse - Tổng kết đánh giá tuần 🧑‍🏫 GVHD checkpoint 0.5h W9-D04-T02
13 W9-D05-T02 Nhật ký tuần Ghi chép nhật ký, chuẩn bị tuần 10 Các hoạt động Nhật ký tuần 9 Hoàn thành ghi chép 📝 NCS review 1h -

NGÀY 6 (21/11): Dự phòng (Thứ Bảy)

  • Ngày dự phòng để hoàn thiện các task chưa xong hoặc fix bug UI.

NGÀY 7 (22/11): Nghỉ ngơi (Chủ Nhật)

  • Không có task.

Cập nhật lần cuối: 24/09/2026
Trạng thái: DRAFT