Skip to content

學生端整體流程與導航

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

Bottom Navigation(主結構)

🎯 功能定位

Student App 主導航結構。提供五個核心入口:

Tab對應畫面功能
HOMES-10學習首頁:積分與吉祥物看板
STUDYS-06練習選擇樞紐(Discovery Hub / Speak Studio / Trophy Room)
MISSIONS-07每日/每週任務(賺取 Elalitte)
ZULUS-08吉祥物收集圖鑑(消耗 Elalitte 抽卡)
SETTINGSS-40個人設定(Me)

Figma 對應: Student Page 主導航欄,5 Tab Bottom Nav Bar。

🧱 畫面結構

text
┌──────────────────────────┐
│        內容區             │
│      (動態內容)           │
│                          │
├──────────────────────────┤
│ HOME │STUDY│MISSION│ZULU│SETTINGS│
└──────────────────────────┘

📦 區塊說明

#區塊元件行為/交互狀態備註
1Bottom NavHOME切換至 S-10選中高亮預設頁
2Bottom NavSTUDY切換至 S-06選中高亮練習選擇中樞
3Bottom NavMISSION切換至 S-07選中高亮任務系統
4Bottom NavZULU切換至 S-08選中高亮吉祥物收集圖鑑
5Bottom NavSETTINGS切換至 S-40選中高亮帳號與設定管理

設計參考: 導航欄使用白色背景,active tab 使用藍色(Primary Blue),inactive tab 使用灰色(Gray 500)。

📌 積分系統

學生端有兩種積分:

積分獲取方式消耗方式特性
EXPDiscovery Hub / Speak Studio / Trophy Room 答對 1 題得 10 EXP不消耗累積制,用於等級提升與進度展示
ElalitteMISSION Tab:每日任務 (+1) / 每週任務 (+3)消耗於 ZULU Tab 抽卡(前 3 次半價 5 / 之後 10)可重複完成任務獲得

📌 Session 說明(重要規則)

  • Session 清單僅作為回饋與成就展示
  • 學生不可自行選擇 Session
  • 出題依據:
    • 老師設定的 Current Session
    • 盒子系統自動抽題

🔎 邏輯自我檢查

  • 不允許從 Home 跳轉 Session 選單 ✔
  • Session 僅展示,不可操作 ✔
  • 與盒子系統設計一致 ✔

🟢 Discovery Hub Flow

模組說明

  • S-11 Discovery Hub Smart Practice(智能練習)
  • S-12 Discovery Hub Round Summary(練習結算)

🔵 Speak Studio Flow

模組說明

  • S-20 Speak Studio Smart Speaking Practice(口說練習)
  • S-21 Speak Studio Round Summary(口說結算)

🏆 Trophy Room Flow

模組說明

畫面目的備註
S-30檢定刷題首頁 / 榮譽室題庫範圍由老師端控制
S-31刷題進行 / 考試頁考試風格 UI、含計時
S-32刷題結果 / 成績報告成績、正確率、題型分析

⚙️ Me (Settings)

模組說明

  • S-40 Me(Settings 主頁)
  • S-41 Profile(個人資料)
  • S-41-A Change Password(修改密碼)
  • S-42 Learning Reminder(學習提醒)
  • S-43 Microphone Permission(麥克風權限)
  • S-44 Terms & Voice Consent(條款與語音授權)

提交版本內容版本 29c89979提交 5ca7557規格文件,功能實現狀態另行確認