INTEGRATED LAB · Starter

運動器材電商需求、資料模型與驗收矩陣|整合 Lab

在同一份章節作品中整合 4 個 module,排除單項通過但組合失敗的問題。

最後整合任務

交付:完成 project/e-commerce 的六頁 brief、三組資料契約與 L23–L28 requirement-to-evidence matrix。

將同一組責任轉用到另一個商家情境,仍達成:完成 project/e-commerce 的六頁 brief、三組資料契約與 L23–L28 requirement-to-evidence matrix。

限制:不新增框架。;保留 module id 與驗收證據。

依序回看每個 topic

整合不是重新背一遍名詞;是把每個 topic 的責任放回同一份作品。

  1. 1. 六頁 Sitemap 與章節邊界
    files/starter/project-brief.md|count=6、uniqueCount=6、valid=true
    回到 topic 說明
  2. 2. Product 資料模型
    files/starter/data-contract.md|count=6、uniqueCount=6、valid=true;L26 公開 count=5
    回到 topic 說明
  3. 3. Order 與 Contact 資料模型
    files/starter/data-contract.md|count=15、uniqueCount=15、valid=true
    回到 topic 說明
  4. 4. 需求到證據矩陣
    files/starter/acceptance-matrix.md|count=6、uniqueCount=6、valid=true
    回到 topic 說明

四個整合停點

每個停點都要留下檔案、畫面或瀏覽器證據。

  1. Step 1|觀察整合 Starter 並找出第一個未通過 module。

    檔案:files/starter/index.html 定位:#observe

    操作:逐項讀取 outcomes,執行一次現況操作。

    // OBSERVE:不修改程式,先記錄第一個失敗 moduleId。

    預期:能指出第一個未通過 module。

    證據:第一個 moduleId 與缺少的 evidence。

    卡住先查:確認開啟的是 files/starter/index.html。

  2. Step 2|依 module 順序修改,一次只加入一個責任。

    檔案:files/starter/index.html 定位:#modify

    操作:逐列核對六頁檔名與主要行動,再口述每章只新增哪一層責任。 → 先核對 Products 私有六欄,再到 L26 確認公開欄位正好五欄且沒有 active。 → 逐字對照需求,先驗訂單 10 欄,再驗聯絡 5 欄與 owner;最後另核對技術欄位。 → 任選一列沿 requirement→lesson→file→expected→evidence 走到底。

    // 23-01-sitemap: 逐列核對六頁檔名與主要行動,再口述每章只新增哪一層責任。
    // 23-02-product: 先核對 Products 私有六欄,再到 L26 確認公開欄位正好五欄且沒有 active。
    // 23-03-order-contact: 逐字對照需求,先驗訂單 10 欄,再驗聯絡 5 欄與 owner;最後另核對技術欄位。
    // 23-04-topic: 任選一列沿 requirement→lesson→file→expected→evidence 走到底。

    預期:完成 project/e-commerce 的六頁 brief、三組資料契約與 L23–L28 requirement-to-evidence matrix。

    證據:count=6、uniqueCount=6、valid=true;count=6、uniqueCount=6、valid=true;L26 公開 count=5;count=15、uniqueCount=15、valid=true;count=6、uniqueCount=6、valid=true

    卡住先查:回到第一個未通過的 module,只修該處。

  3. Step 3|驗證所有 module 在整合後仍成立。

    檔案:files/solution/index.html 定位:#verify

    操作:重新整理並依 outcomes 順序重跑所有證據。

    // VERIFY:逐項記錄 pass/fail,不以看到畫面代替 evidence。

    預期:4/4 module 通過。

    證據:每個 moduleId 都有實際結果與重設後重現紀錄。

    卡住先查:若失敗,回到第一個失敗 module,不同時修多項。

  4. Step 4|把本章責任轉用到不同內容情境。

    檔案:files/starter/index.html 定位:#challenge

    操作:替另一個商家情境重做,仍達成:完成 project/e-commerce 的六頁 brief、三組資料契約與 L23–L28 requirement-to-evidence matrix。

    // CHALLENGE:只替換內容與資料,不新增框架或跳過 self-check。

    預期:完成 project/e-commerce 的六頁 brief、三組資料契約與 L23–L28 requirement-to-evidence matrix。

    證據:轉用後的作品與全數 module self-check。

    卡住先查:先確認共同基底與 module id 未被改壞。

完成本階段後,重新載入並保存整合證據。

回到自主學習入口