Giao diện
Buổi 10 — Cập nhật mà không phá hỏng
Lesson 10 — Updating without breaking · WebAI Builder
Guiding Question (Compelling)
Người dùng đòi thêm tính năng — làm sao em thêm mà không phá hỏng thứ đã chạy?
Users want a new feature — how do I add it without breaking what works?
1. Learning Outcomes (Backward Design — bước 1)
| ID | Outcome | Performance Task trong khung / Framework task |
|---|---|---|
C4.4 | Cập nhật được một phiên bản sản phẩm dựa trên yêu cầu thay đổi. Update a product version based on a change request. | Website Quiz ban đầu có 5 câu. Học sinh cập nhật lên 10 câu mà vẫn giữ được chức năng ban đầu. The Quiz site starts with 5 questions. The learner updates it to 10 while keeping the original features working. |
Performance Task của buổi / Lesson performance task: Nâng Quiz từ 5 lên 10 câu, giữ chức năng ban đầu, và xuất bản lại.
Upgrade the Quiz from 5 to 10 questions, keep the original features, and republish.
2. Evidence & Assessment (bước 2)
2 bước đánh giá tổng kết (assess) · 16 màn hình · mọi tương tác đều ghi evidence.
2 summative steps · 16 screens · every interaction leaves evidence.
| Bước / Step | LO | Loại / Type | Nội dung / Prompt |
|---|---|---|---|
s13 | C4.4 | Liên kết/sản phẩm Link/artifact | Dán URL công khai của phiên bản Quiz 10 câu. |
s14 | C4.4 | Tự luận Text | Chứng minh: 5 câu cũ và chức năng chấm điểm vẫn chạy, và 5 câu mới đã hiện. Ghi changelog. |
3. Learning Plan — 120 phút (bước 3)
| Chặng / Phase | Phút | CRA | Hoạt động của mentor / Mentor activity | Màn hình / Screens |
|---|---|---|---|---|
| Gợi mở Wonder | 10 | C | Bạn dùng Quiz xin thêm 10 câu; nỗi sợ làm hỏng bản đang chạy. A user wants 10 questions; the fear of breaking what works. | 3 |
| Khám phá Explore | 35 | C | Đặt tên phiên bản v1, rồi nhờ Claude Code thêm 5 câu và giữ nguyên chức năng cũ. Label the current version v1, then ask Claude Code to add 5 questions keeping existing features. | 4 |
| Biểu diễn Represent | 25 | R | Changelog: phiên bản — thay đổi — kiểm tra lại. Changelog: version — change — retest. | 2 |
| Khái quát Abstract | 20 | A | Viết quy trình cập nhật an toàn. Write a safe-update routine. | 3 |
| Thiết kế lại Redesign | 20 | A | Performance Task: Quiz 10 câu, chức năng cũ còn chạy, xuất bản lại. Performance Task: a 10-question Quiz, old features intact, republished. | 2 |
| Nhìn lại Reflect | 10 | A | Nếu bản mới hỏng, em có quay lại được không? If the new version broke, could you go back? | 2 |
4. IB
| Key concepts | Thay đổi / Change · Hệ thống / Systems |
| Global context | Đổi mới khoa học & kỹ thuật / Scientific & technical innovation |
| ATL skills | Tự quản lý / Self-management · Tư duy / Thinking |
| Learner profile | Dám thử / Risk-takers · Có nguyên tắc / Principled |
5. Vật liệu / Materials
- Website Quiz 5 câu đã xuất bản
A published 5-question Quiz website - Mẫu changelog
Changelog template
6. Màn hình học viên / Learner screens
Xem toàn bộ 16 màn hình / Show all 16 screens
| # | Chặng | Loại | Nội dung |
|---|---|---|---|
| 1 | Gợi mở | Thông tin | Bạn em dùng Quiz 5 câu và nhắn: “Thêm cho mình 10 câu nha!” |
| 2 | Gợi mở | Chọn đáp án | Em lo điều gì nhất? |
| 3 | Gợi mở | Biểu mẫu nhiều ô | Trước khi sửa, em cần giữ lại điều gì để không mất cái đang chạy? |
| 4 | Khám phá | Thông tin | Ba phiên bản: giữ v1 đang chạy, thử v2 với thay đổi nhỏ, rồi mới phát hành v3. |
| 5 | Khám phá | Thông tin | Trước khi sửa, đặt tên bản đang chạy là v1 và giữ lại một bản sao. |
| 6 | Khám phá | Chọn đáp án | Vì sao phải giữ lại bản cũ? |
| 7 | Khám phá | Chọn đáp án | Yêu cầu nào tốt hơn cho Claude Code? |
| 8 | Biểu diễn | Thông tin | Changelog: Phiên bản. Thay đổi. Đã kiểm tra lại gì. |
| 9 | Biểu diễn | Chọn đáp án | Sau khi thêm câu mới, ngoài câu mới em cần kiểm tra thêm điều gì? |
| 10 | Khái quát | Tự luận | Viết quy trình cập nhật an toàn của em bằng 3–4 bước. |
| 11 | Khái quát | Thông tin | Nói gọn: lưu bản cũ, thay đổi nhỏ, kiểm tra cả cũ lẫn mới, rồi mới xuất bản lại. |
| 12 | Khái quát | Sắp thứ tự | Sắp xếp quy trình cập nhật an toàn. |
| 13 ★ | Thiết kế lại | Liên kết/sản phẩm | Dán URL công khai của phiên bản Quiz 10 câu. |
| 14 ★ | Thiết kế lại | Tự luận | Chứng minh: 5 câu cũ và chức năng chấm điểm vẫn chạy, và 5 câu mới đã hiện. Ghi changelog. |
| 15 | Nhìn lại | Tự luận | Nếu bản mới hỏng, em sẽ quay lại bản cũ bằng cách nào? |
| 16 | Nhìn lại | Mức tự tin | Em tự tin cập nhật sản phẩm mà không làm hỏng đến mức nào? |
★ = bước đánh giá tổng kết / summative step