S-21 Speak Studio Round Summary

學生端學習與練習設計規格

畫面用途

口說訓練回合的終點。

開啟畫面 🔗 ↗

閱讀完整規格 ↓

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

口說結算

🎨 Figma: 開啟畫面 🔗（與 S-12 共用節點）

🎯 功能定位

口說訓練回合的終點。

• 核心價值：透過「通過率」給予發音品質的反饋。
• 激勵：結算積分並同步至個人總資產。
• 分流：決定是繼續挑戰發音，還是回到首頁休息。

🧱 畫面結構

• Title: Speaking Session Ended
• Mascot: [ Mascot: Speaking! ] ← 吉祥物拿著麥克風慶祝動畫
• Message: "Your accent is great!"
• Points: ⭐ +80 Points Earned ← 本次獲得積分 (金色)
• Stats Cards:
  • [📝 Items] [🎯 Pass Rate]
  • 10 | 80% ← 核心統計數據卡片
• Actions:
  • Practice Again ← 主操作 (再練 3 分鐘)
  • Back to Home ← 次操作 (回首頁)

📦 區塊說明

#	區塊	元件	行為/交互	狀態	備註
1	Header	Summary Title	確認口說回合結束	靜態	與 S-12 區分（使用口說主題色）
2	Mascot	GIF Area	播放「口說專屬」慶祝動畫	動態	吉祥物拿著麥克風或戴耳機
3	Metrics	Points Earned	數值跳動增加	即時更新	預設答對1題為 10 點 (依 A-40 設定)
4	Data Card	Items / Pass Rate	靜態顯示統計結果	靜態	Pass Rate: ASR 判定的正確比例
5	Action	Practice Again	點擊跳轉 S-20	Normal	重新執行 Speak Studio 抽題邏輯
6	Action	Back Home	點擊跳轉 S-10	Normal	點數同步至「總積分」

🔁 交互流程圖

流程圖

正在載入流程圖…

⚙️ 狀態管理

狀態	觸發條件	畫面表現
Auto-Calc	進入頁面	自動將 Pass Rate 定義為 (ASR Pass 題數 / 總嘗試題數) × 100%
No Details	常態	嚴格禁止顯示哪一個字唸錯，保持正向情緒
Sync	點擊 Back to Home	點數同步至 S-10 總積分

🔎 邏輯自我檢查

1. 3 分鐘邏輯：只有在 S-20 完成 3 分鐘倒數且結束最後一個錄音後才會跳轉至此。
2. 通過率 (Pass Rate)：數據直接對應到 A-80 (Learning Quality) 監控中的正確率指標。
3. 求助功能影響：在 S-20 使用過 Need Help? 的題目雖然算在 Completed 內，但若最終判定 Pass，仍會計入 Pass Rate（儘管該題不會進階盒子）。
4. 即時同步：確保點擊 Back to Home 後，S-10 的 Today 和 Total 積分已更新。

---