S-41 Profile

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

畫面用途

管理學生的完整個人化資訊與帳號安全。

profile 🔗 ↗

閱讀完整規格 ↓

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

個人資料與帳號安全

🎨 Figma: profile 🔗

🎯 功能定位

管理學生的完整個人化資訊與帳號安全。

• 資料維護：包含法律與行政所需的真實姓名、性別與生日。
• 帳號安全：提供 Email 驗證與密碼修改入口。
• 數據透明：展示不可篡改的學習進度數據。

🧱 畫面結構

• Header: < Back Profile
• Avatar: [ Avatar Circle ] ← 點擊更換預設頭像
• Basic Information（基本資訊）:
  • Display Name [ David ] ← 唯讀
  • Full Name [ Zhang Xiao Ming ] ← 唯讀
  • Gender [ Male / Female V ] ← 唯讀
  • Birthday [ 2018-05-20 V ] ← 唯讀
  • Email [ xm@gmail.com ] ← 唯讀
  • > Change Password (>) ← 修改密碼入口
• Learning Info（學習數據）:
  • Category EK (🔒)
  • Level L1 (🔒)
  • Current Session 3-1 (🔒)
  • Total Time 48.5 Hours
  • Total Exp 45,800

📦 區塊說明

#	區塊	元件	行為/交互	狀態	備註
1	Identity	Avatar	點擊更換預設吉祥物	ReadOnly	不開放自傳，維持品牌感
2	Identity	Display Name	不可改	ReadOnly	App 內互動顯示的名字
3	Basic Info	Full Name	不可改	ReadOnly	方便老師導師識別學生
4	Basic Info	Gender	不可改	ReadOnly	用於數據分析建議
5	Basic Info	Birthday	不可改	ReadOnly	幫助系統判斷適齡內容
6	Basic Info	Email	不可改	ReadOnly	—
7	Security	Change Password	點擊跳轉至 S-41-A	Normal	需先輸入舊密碼驗證
8	Learning	Level/Session	無	ReadOnly (🔒)	由系統/老師端強制控制

🔁 交互流程圖

流程圖

正在載入流程圖…

---