S-43 Microphone Permission

學生端登入與設定設計規格

畫面用途

確保學生的語音輸入功能正常運作。

setting 🔗 ↗

原型與規格有待確認事項，請一併閱讀正文中的差異說明。

閱讀完整規格 ↓

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

語音權限管理

🎨 Figma: setting 🔗

麥克風權限設定位於 Figma setting Frame 中。具體 UI 內容尚未填充。

🎯 功能定位

確保學生的語音輸入功能正常運作。

• 狀態透明：讓學生一眼看出麥克風是否可用。
• 導航修正：當權限被關閉時，提供一鍵跳轉至系統設定的快捷路徑。
• 教學診斷：作為 Speak Studio 故障排除的第一站。

🧱 畫面結構

• Header: < Back Microphone Settings
• Status Icon: [ Mic Icon ] ← 視覺化狀態圖示
• Status Text: Current Status: [ Disabled ] ← 狀態文字 (紅/綠色)
• Description:
  • Why do we need this?
  • "To use Speak Studio and practice your pronunciation, Nihao Academy needs access to your microphone."
• CTA: [ Open System Settings ]
• Tips: Note: If the mic is off, you can still use Discovery Hub (Reading).

📦 區塊說明

#	區塊	元件	行為/交互	狀態	備註
1	Status	Mic Icon	隨權限改變顏色/形狀	Green: OK / Red: Off	OK 為展開式，Off 為打叉式
2	Status	Status Text	對應系統實際權限狀態	Enabled / Disabled	明確文字告知
3	Content	Description	滾動閱讀	靜態	強調與「口說練習」的關聯
4	Action	Settings Btn	點擊跳轉至 OS 設定頁	Normal	這是修正權限的唯一路徑
5	Tips	Fallback Hint	告訴學生還有什麼能學	靜態	導向 Discovery Hub

🔁 交互流程圖

流程圖

正在載入流程圖…

⚙️ 狀態管理

狀態	觸發條件	畫面表現
Permission Unknown	未檢查	顯示「Not Checked」，按鈕文字「Grant Permission」
Permission Denied	用戶拒絕	顯示「Disabled」，按鈕文字「Open Settings」
Permission Granted	已授權	顯示「Enabled」，隱藏按鈕或顯示「Everything is Ready」
Dynamic Detection	從系統設定返回	透過 AppLifecycle 監聽自動刷新權限狀態

🔎 邏輯自我檢查

1. 初期確認：用戶使用 App 的時候，如果沒有打開權限，則提示。
2. 跨平台差異：iOS 與 Android 的跳轉邏輯略有不同，需確保 API 調用正確。
3. 極簡化：對於孩子來說，視覺上專注於「麥克風不能用 → 點這個按鈕去修理」。

---