S-32 Test Result Page
內容依原始規格呈現 · 查看 Markdown 來源 ↗需具備倉庫查看權限
檢定成績報告
🎨 Figma: TR_pass (合格) 🔗 · TR_fail (不合格) 🔗
🎯 功能定位
作為考試與學習循環的終點，提供明確的結果回饋。
- 情緒引導：透過吉祥物的不同狀態，緩解學生的考試壓力或放大成就感。
- 獎勵結算：計算經驗值（EXP）並正式發放 Trophy（榮譽勳章）。
- 數據反饋：讓學生了解自己的分數位置，並引導至錯題複習。
🧱 畫面結構（兩大狀態）
狀態 A：合格 (Passed)
EXAM REPORT
[ 🎉 CONGRATS! 🎉 ]
[ Mascot: Dancing ]
"You did it! You're a pro!"
Score: [ 180 / 200 ] Status: PASS
[🏆 Trophy Earned: HSK-2 Mock]
Rewards: +180 EXP (18 Correct x 10)
[ Review Errors ] [ Back to Room ]狀態 B：不合格 (Failed)
EXAM REPORT
[ 💪 KEEP GOING! 💪 ]
[ Mascot: Hugging ]
"So close! Let's try once more."
Score: [ 90 / 200 ] Status: FAIL
Rewards: +90 EXP (9 Correct x 10)
[ Review Errors ] [ Back to Room ]設計參考: 合格標籤使用綠色系，不合格標籤使用紅色系。吉祥物表情對應頁面情緒。
📦 區塊說明
| # | 區塊 | 元件 | 行為/交互 | 狀態 | 備註 |
|---|---|---|---|---|---|
| 1 | Header | Page Title | 顯示「Exam Report」 | 靜態 | — |
| 2 | Mascot Area | Mascot Image | 合格: 慶祝/灑花圖案；不合格: 鼓勵/加油圖案 | Dynamic | 基於 A-40 配置的合格閾值觸發 |
| 3 | Result Card | Score Display | 顯示 總分/滿分 與 合格/不合格 標籤 | Pass/Fail | 標籤顏色：合格(綠), 不合格(紅) |
| 4 | Trophy Section | Trophy Icon | 僅在合格時顯示對應的獎盃圖案 | Show/Hide | 合格後該獎盃會同步出現在 S-30 頂部 |
| 5 | EXP Section | Reward Text | 顯示本次獲得的經驗值 | 累計 | 算法：正解數 × 10 |
| 6 | Action Buttons | Nav Buttons | Review: 跳轉錯題列表；Back: 回到 S-30 | CTA | 鼓勵學生 Review 錯題 |
⚙️ 核心邏輯與權限
1. 合格判定邏輯
- 判定標準：讀取教師端設置。
- 範例：若 A-40 設定合格線為 60%，總分為 200，則 Score >= 120 為合格。
2. 經驗值 (EXP) 算法
- 系統根據答對題目的總數（Correct Count）進行即時結算。
- EXP = Correct Count × 10（具體分數參考規則配置）。
- 即使不合格，答對的部分依然給予經驗值，以獎勵學生的努力。
3. 吉祥物文案 (Mascot Persona)
- 祝賀（合格）：多個圖案 —「太棒了！你的努力得到了回報！」、「你是漢語小天才！」
- 鼓勵（不合格）：多個圖案 —「沒關係，失敗是成功的老師。我們一起再練習一次吧！」、「差一點點就成功了，加油！」
🔁 交互流程圖
正在載入流程圖…
⚠️ Mastery 影響說明：只有 Discovery Hub 和 Speak Studio 中的盒子狀態（Box 1-6 的進階/降級）會影響 Mastery 數據。Trophy Room 考試不影響盒子系統的 Mastery。
🔎 邏輯自我檢查
- 獎勵機制：確保 EXP 無論合格與否都發放，符合鼓勵學生的初衷。
- 數據閉環：此頁面的合格/不合格數據供教師端參考，老師能即時看到全班的合格率。
- 心理建設：吉祥物的「鼓勵模式」非常重要，避免挫敗感導致學生流失。
- Mastery：只有 Discovery Hub 和 Speak Studio 的盒子狀態影響 Mastery，Trophy Room 考試不影響。