T-30 Error Hub

教師端追蹤學生設計規格

畫面用途

1. 模組與時間維度： 支援 Total、DH、SS 三大模組切換，並鎖定 1 週 / 1 月的時間範圍。

Error Hub 🔗 ↗

閱讀完整規格 ↓

內容依原始規格呈現 · 查看 Markdown 來源 ↗需具備倉庫查看權限

全方位錯誤診斷中心

🎨 Figma: Error Hub 🔗

🎯 功能定位

1. 模組與時間維度： 支援 Total、DH、SS 三大模組切換，並鎖定 1 週 / 1 月的時間範圍。
2. 精準教學過濾： 提供 Char、Word、Sent 的子分類篩選，方便老師針對性地準備複習單字卡或語法講義。
3. 高難度紅線預警： 若某個知識點的錯誤率（Error Rate）超過 50%，系統自動標紅，提醒老師這是全班性的難點，需回頭重教。
4. 人維度穿透： 鎖定錯誤數最高的學生，並提供進入 T-21 的快速入口。

🧱 画面結構

Web 佈局：12-col grid，1280px max-width，深色 Sidebar

• Header:

  • Nihao Academy Teacher Dashboard > Error Hub — Breadcrumb
  • [Class 3A ▾] [🔔] [👤] → T-02 / T-03 / T-04

• Sidebar (深色):

  • 🏠 Dashboard 📈 Progress ⚠️ Error Hub 🏆 Trophy Room 📊 Leaderboard
  • 底部：班級快捷切換器

• Main Content — Error Hub: Class Diagnostic Report:

  • Filters:
    • [Total] [Discovery Hub] [Speak Studio] — Segmented Control（預設 Total）
    • [4 ▾] [Week ▾] — 時間範圍 Dropdown
  • Class Error Top 10 — DataTable:
    • Filter Tabs: [All] [Char] [Word] [Sent]
    • Columns: Rank | Item | Type | Wrong Count | Err Rate
    • Error Rate > 50% 標紅
  • Student Error Top 10 — DataTable:
    • Columns: Rank | Name | Wrong Count | Err Rate | Action
    • [View >] → T-21（自動帶入 Module + Time 參數）
  • Empty State: "No errors recorded. Try switching to 1 Month or another Module."

📦 區塊說明

#	區塊	元件	行為/交互	備註
1	Module Scope	Segmented Control	切換 Total / DH / SS，決定數據來源	默認 Total
2	Time Filter	Dropdown	選擇時間範圍（1 週 / 1 月）	默認最近 1 週
3	Filter Type	Tabs	子分類篩選：All / Char / Word / Sent	方便老師針對性準備複習材料
4	Error Top 10	DataTable	顯示全班錯誤率最高的 10 個知識點。Error Rate > 50% 標紅並加 ⚠️ 圖標	「做兩次錯一次」代表全班性難點
5	Student Error Top 10	DataTable + Action	顯示錯誤數最高的 10 名學生。點擊 [View >] 跳轉 T-21	自動帶入當前 Module + Time 參數
6	Empty State	Placeholder	篩選結果為 0 時顯示鼓勵文字 + 引導切換按鈕	避免死胡同

🔁 交互流程圖

流程圖

正在載入流程圖…

⚙️ 狀態管理

狀態	觸發條件	畫面表現
正常	數據載入完成	顯示雙表格
加載中	Module/Time 切換	Loading spinner
空狀態	無錯誤記錄	鼓勵文字 + 切換建議
錯誤	API 失敗	錯誤提示
高風險	Error Rate > 50%	數值紅色 + ⚠️ 圖標

🔎 邏輯自我檢查

• Error Rate 計算： Error Rate = 錯誤次數 / 該項目總練習次數。
• 預警閾值： Error Rate > 50% 觸發紅色標註。
• 聯動性： 點擊 Student [View >] 時，系統自動帶入當前 Module Scope 與 Time Unit 到 T-21。
• 默認時間範圍： 預設為最近 1 週。

---