T-04 User Profile

教師端登入與設定設計規格

畫面用途

1. 身份驗證： 確認老師在系統中的角色（Role）與綁定的區域（Zone）。

User Profile 🔗 ↗

閱讀完整規格 ↓

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

個人中心

🎨 Figma: User Profile 🔗

🎯 功能定位

1. 身份驗證： 確認老師在系統中的角色（Role）與綁定的區域（Zone）。
2. 個人化設定： 修改顯示名稱、頭像、聯繫方式及語言偏好。
3. 教學成就匯總： 統計老師在平台上的教學投入與班級成果（Career Stats）。
4. 帳號安全： 提供密碼修改與登出入口。

🧱 畫面結構

• Header:

  • < Back to Dashboard — 返回 T-01
  • Individual Center: Zhang LS — 頁面標題

• 身份名片（Teacher Identity Card）:

  • Avatar 📷 — 點擊可上傳更換頭像
  • Display Name: [Zhang Laoshi ✎] — 可編輯
  • Staff ID: T-2026-088 Title: Senior Teacher — 唯讀
  • Primary Email: zhang.ls@nihao.edu — 唯讀（灰色）

• 組織歸屬（Organizational Affiliation）:

  • Zone: [Taipei Zone] School: [Da-an Branch] — 唯讀
  • 提示：更換校區需由 Super Admin 在 A-10 修改

• 教學影響力（Teaching Impact, All Time）:

  • Total Students: 128 Classes Managed: 6
  • Avg. Class Mastery: 78%
  • Total Teaching Time Monitored: 1,450 Hours

• 帳號與偏好（Account & Preferences）:

  • Phone: [+886 912-345-678 ✎] — 可編輯
  • Notification Toggles: [✓] Alerts [✓] Trophy [ ] System
  • [🔒 Change Password] — 開啟 T-05 Modal
  • [🔴 Logout from System] — 返回 T-00

📦 區塊說明

#	區塊	元件	行為/交互	備註
1	身份名片	Card + Edit Fields	顯示名稱可修改（✎），Staff ID / Title / Email 唯讀。頭像點擊 📷 可上傳更換	Display Name 為系統中（含發給學生的訊息）顯示的名稱
2	組織歸屬	Info Card	Zone 和 School 唯讀。顯示提示：更換校區需由 Super Admin 在 A-10 修改	與 A-13 Zone 邏輯連動
3	教學影響力	Stat Cards	顯示 Total Students、Classes Managed、Avg. Class Mastery、Teaching Time	Career Stats 全生涯匯總
4	帳號偏好	Setting Section	Phone 可編輯；Notification Toggles 控制 T-03 哪些類別的訊息通知；Change Password 開啟 T-05 Modal；Logout 返回 T-00	—

🔁 交互流程圖

流程圖

正在載入流程圖…

⚙️ 狀態管理

狀態	觸發條件	畫面表現
正常	頁面載入	顯示個人資訊與統計數據
編輯中	點擊 ✎ 圖標	欄位變為輸入框，顯示 Save / Cancel
儲存中	點擊 Save	Loading spinner，欄位禁用
儲存成功	API 成功	Toast 提示 + 欄位回歸顯示模式
密碼修改成功	T-05 成功	強制登出，跳轉 T-00
空狀態	新教師無統計	Teaching Impact 顯示「尚無教學數據」

🔎 邏輯自我檢查

• Zone 變更權限： 此處為唯讀，必須通過 Super Admin 在 A-10 進行修改。
• 密碼安全規則： 需 8 位以上，包含大小寫字母與數字。
• 修改成功後行為： 密碼修改成功後強制重新登入（T-00）。
• Teaching Time 定義： 老師登入系統進行數據監控、排期管理、分析報告的累計總時數。

---