T-40 Trophy Room Management

教師端查看檢定設計規格

畫面用途

這是老師管理「檢定與榮譽」的指揮中心：

Trophy Room Management 🔗 ↗

閱讀完整規格 ↓

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

🎨 Figma: Trophy Room Management 🔗

⚠️ Figma node 151-636 為父容器，T-42 Exam Analytics 及 T-43 Student Result Matrix 為其子幀/面板。三者共用同一 Figma Frame。

🎯 功能定位

這是老師管理「檢定與榮譽」的指揮中心：

1. 監控戰績： 查看全班學生在歷次模擬考中獲得的獎盃分佈與及格率。
2. 發起挑戰： 從管理員建立的「考卷庫」中挑選試卷，推送給學生。
3. 進度追蹤： 查看目前正在進行中（Active）的挑戰任務進度。

🧱 画面結構

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

• Header:

  • Nihao Teacher Trophy Room Management — 頁面標題
  • [Class 3A ▾] [🔔] [👤] → T-02 / T-03 / T-04

• Sidebar (深色):

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

• Main Content — Trophy Room:

  • [+ Push Challenge] — Header Button → T-41 Modal
  • KPI Cards × 3:
    • Total Trophy: 42 🏆 Avg Mock Score: 165/200 Last Pass Rate: 85%
  • Active Challenges — DataTable:
    • Columns: Exam Name | Start | Progress | Avg Score | Action
    • [👁️] → 查看進行中詳情
  • Trophy History — DataTable:
    • Columns: Exam Name | Date | Pass Count | Avg Score | Action
    • [📊] → T-42 深度分析

📦 區塊說明

#	區塊	功能	行為與權限
1	Header [+ Push Challenge]	推送按鈕	點擊後開啟 T-41 彈窗
2	KPI Cards	戰績總覽	反映該班級在所有模擬考中的累積表現
3	Active Table	進度追蹤	顯示目前進行中的挑戰，已完成人數 / 總人數。點擊 [👁️] 查看詳情
4	History Table	歷史歸檔	記錄過去所有檢定成績。點擊 [📊] 進入 T-42 深度分析

🔁 交互流程圖

流程圖

正在載入流程圖…

⚙️ 狀態管理

狀態	觸發條件	畫面表現
正常	數據載入	顯示 KPI + Active + History 三區
空狀態 - 無挑戰	尚無任何挑戰記錄	引導老師發起第一個挑戰
推送中	點擊 Confirm & Push	Loading + 按鈕禁用
推送成功	API 成功	Toast + Modal 關閉 + Active Table 刷新
Challenge 完成	學生全數完成	項目從 Active 移至 History

🔎 邏輯自我檢查

• 試卷來源： 老師看到的試卷由管理員在 A-50（Admin 端）導入。
• 班級過濾： 老師只能看到自己擔當的班級，與 T-02 保持一致。
• 推送即時性： Confirm & Push 後，學生端 S-30 立刻顯示 Challenge 卡片。
• 轉化邏輯： 學生完成測驗後，數據從 Active Table 移至 History Table，合格學生獲發 Trophy。

---