Task Board Chi tiết — Tuần 7: Frontend Development & Integration

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

Sprint: 4/8 | Tuần: 7/16
Ngày bắt đầu: 02/11/2026 (Thứ Hai)
Ngày kết thúc: 08/11/2026 (Chủ Nhật)
Nguồn lực: NCS (Max 2h/ngày, 8h/tuần) + AI agent + GVHD (1h15p)
Mục tiêu chính: Xây dựng Frontend Vue 3, Tích hợp Backend API, Đánh giá Trợ năng & Triển khai IIS

1. Đánh giá Trạng thái — Backend & Safety Engine

1.1 Deliverable dự kiến

  1. Frontend Vue 3 — Component ChatWindow hoàn thiện, có controls.
  2. Integration API — Backend ↔ Frontend kết nối thông suốt.
  3. Accessibility Report — Đạt chuẩn WCAG 2.2 (font ≥18px, contrast ≥7:1, touch ≥48px).
  4. IIS Deployment — Hệ thống chạy ổn định trên môi trường Windows Server.

1.2 Dependency Map

flowchart TD
    D01["Ngày 31: Vue 3 ChatWindow"] --> D02["Ngày 32: API Integration"]
    D02 --> D03["Ngày 33: Accessibility Audit"]
    D03 --> D04["Ngày 34: IIS Deployment"]
    D04 --> D05["Ngày 35: Weekly Review"]

2. Kết quả Bắt buộc Khi Hết Tuần

  1. W7_D31_ChatWindow_v1.0.vue — Component chat cơ bản.
  2. W7_D32_Integration_v1.0.md — Báo cáo test E2E.
  3. W7_D33_Accessibility_Report_v1.0.md — Báo cáo đạt chuẩn WCAG 2.2.
  4. W7_D34_IIS_Deployment_v1.0.md — Xác nhận triển khai thành công.

3. Task Board — 6 Ngày (Ngày 31–36) (Chủ Nhật nghỉ)

NGÀY 31 (02/11/2026 - Thứ Hai): Frontend Development

Mục tiêu: Xây dựng giao diện ChatWindow bằng Vue 3.
Lịch GVHD: 16:00-16:30 (Sync)

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
1 W7-D31-T01 Tạo Vue 3 ChatWindow Viết code component giao diện chat, thêm nút tăng giảm cỡ chữ, chế độ tương phản cao Vue 3 setup backend/frontend/src/components/W7_D31_ChatWindow_v1.0.vue Component render không lỗi; nút chỉnh font, contrast hoạt động 🤖 AI auto 2h -
2 W7-D31-T02 NCS Test Browser Mở file giao diện trên trình duyệt, test thủ công ChatWindow component testing/W7_D31_UI_Test_v1.0.md Xác nhận UI hiển thị đúng, thao tác mượt 📝 NCS review 1h W7-D31-T01
3 W7-D31-T03 GVHD Checkpoint Cập nhật tiến độ đầu tuần cho GVHD UI Test Report docs/diary/2026-11-02.md GVHD nắm được tình hình 🧑‍🏫 GVHD checkpoint 0.5h W7-D31-T02

NGÀY 32 (03/11/2026 - Thứ Ba): API Integration

Mục tiêu: Kết nối Frontend Vue 3 với Backend FastAPI.

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
4 W7-D32-T01 Tích hợp API Gọi API từ Vue 3 tới FastAPI backend ChatWindow, FastAPI endpoints backend/frontend/src/api/W7_D32_api_client_v1.0.js Send message nhận response HTTP 200 🤖 AI auto 2h W7-D31-T01
5 W7-D32-T02 E2E Testing Thử nghiệm chat từ frontend xuống database và nhận trả lời UI + Backend testing/W7_D32_E2E_Test_v1.0.md Gửi 5 tin nhắn test, nhận phản hồi chính xác 📝 NCS review 1.5h W7-D32-T01

NGÀY 33 (04/11/2026 - Thứ Tư): Accessibility Audit

Mục tiêu: Đảm bảo trợ năng (accessibility) cho NCT.
Lịch GVHD: 16:00-16:15 (Check)

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
6 W7-D33-T01 Chạy Accessibility Audit Đánh giá UI theo WCAG 2.2 ChatWindow UI testing/W7_D33_Accessibility_Report_v1.0.md Đo lường: font ≥18px, contrast ≥7:1, touch target ≥48px 🤖 AI auto 1.5h W7-D31-T01
7 W7-D33-T02 Đánh giá UI Trực quan NCS kiểm tra thực tế bằng mắt trên màn hình thiết bị Audit Report testing/W7_D33_Visual_Test_v1.0.md Giao diện dễ nhìn, không chói, chữ rõ nét 📝 NCS review 1h W7-D33-T01
8 W7-D33-T03 GVHD Check-in Báo cáo nhanh kết quả audit Visual Test Report docs/diary/2026-11-04.md - 🧑‍🏫 GVHD checkpoint 0.25h W7-D33-T02

NGÀY 34 (05/11/2026 - Thứ Năm): IIS Deployment

Mục tiêu: Đưa toàn bộ ứng dụng (frontend + backend) lên môi trường IIS.

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
9 W7-D34-T01 Cấu hình IIS Thiết lập Web.config, HttpPlatformHandler cho FastAPI và Vue static files Hệ thống source code deployment/W7_D34_Web_config_v1.0.xml Server trả về trang Vue và API hoạt động 🤖 AI auto 2h W7-D32-T01
10 W7-D34-T02 Xác minh Triển khai Truy cập ứng dụng qua local domain/IP trên IIS IIS Server testing/W7_D34_Deployment_Verify_v1.0.md App load thành công, API không bị CORS/404 📝 NCS review 1h W7-D34-T01

NGÀY 35 (06/11/2026 - Thứ Sáu): Weekly Review

Mục tiêu: Tổng kết tuần 7.
Lịch GVHD: 16:00-16:30 (Sync/Gate)

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
11 W7-D35-T01 Lập báo cáo tuần Ghi nhận kết quả làm việc tuần 7 Các artifacts trong tuần docs/presentations/W7_D35_WeeklyReport_Tuan7_v1.0.md Tổng hợp đủ frontend, backend, audit, IIS 🤖 AI auto 1h All Week 7 tasks
12 W7-D35-T02 GVHD Review Đánh giá tổng kết tuần 7 Weekly Report docs/diary/2026-11-06.md GVHD xác nhận hoàn thành mục tiêu 🧑‍🏫 GVHD checkpoint 0.5h W7-D35-T01

NGÀY 36 (07/11/2026 - Thứ Bảy): Dự phòng

Mục tiêu: Xử lý bug hoặc nợ kỹ thuật nếu có.

# Task ID Task Name Mô tả Input Output/Artifact DoD Phân công Giờ Dependencies
13 W7-D36-T01 Fix bugs (nếu có) Sửa lỗi tồn đọng Issues tuần 7 testing/W7_D36_BugFix_v1.0.md 0 bug critical/high severity 🤖 AI auto 2h -
14 W7-D36-T02 NCS Xác nhận fix Chạy lại hệ thống xác minh BugFix report docs/diary/2026-11-07.md Hệ thống ổn định 📝 NCS review 1h W7-D36-T01

4. Phân loại Task tổng hợp

🤖 AI tự làm (6 tasks)

W7-D31-T01, W7-D32-T01, W7-D33-T01, W7-D34-T01, W7-D35-T01, W7-D36-T01

📝 NCS review (5 tasks)

W7-D31-T02, W7-D32-T02, W7-D33-T02, W7-D34-T02, W7-D36-T02

🧑‍🏫 GVHD checkpoint (3 tasks)

W7-D31-T03, W7-D33-T03, W7-D35-T02

5. Chuẩn bị Tuần 8

  • Tuần 8: Testing & Gate B Preparation
  • Mục tiêu: 20 test questions, CVYK review, Gate B live demo.