學習旅程#

頁面位置#

• 課程章節總覽：/journeys/{課程ID}
• 影片播放頁：/courses/{課程ID}/missions/{任務ID}

功能說明#

學習旅程是用戶觀看課程影片、完成任務的主要頁面。

課程章節總覽#

頁面結構#

頂部區域：

• 課程名稱
• 課程描述
• 影片總數統計
• 道館挑戰統計（顯示"大量實戰題"）
• 立即加入課程按鈕
• 預約 1v1 諮詢按鈕

章節列表：

• 可展開/收合的章節卡片
• 點擊章節標題展開，查看該章節的所有任務
• 任務以列表形式顯示，包含：
  • 任務圖示（影片/文章/問卷）
  • 任務標題
  • 完成狀態標記

側邊欄：

• 課程證書圖片
• 課程特色說明（中文課程、支援行動裝置、專業的完課認證）
• 立即加入課程按鈕

優惠活動橫幅#

頁面頂部會顯示目前進行的活動：

• 「將課程的全部影片看完就可以獲得 3000 元課程折價券！」
• 點擊「前往」可查看活動詳情

影片播放頁#

頁面結構#

左側 - 影片播放區：

• 影片播放器（支援暫停、快轉、調整音量）
• 播放進度條
• 全螢幕按鈕

右側 - 課程資訊區：

• 任務標題
• 任務描述
• 經驗值獎勵資訊
• 「領取獎勵」按鈕

影片觀看邏輯#

進度追蹤#

系統會自動記錄用戶的觀看進度：

1. 記錄觀看位置

   • 每隔幾秒自動儲存當前播放位置
   • 下次進入時從上次離開的位置繼續播放

2. 計算完成度

   • 完成度 = (已觀看時間 / 影片總長度) × 100%
   • 達到 100% 視為完成該任務

3. 進度顯示

   • 在章節列表中顯示完成度百分比
   • 已完成的任務顯示打勾圖示

經驗值獎勵領取#

領取條件：

• 觀看進度達到 100%
• 必須實際觀看，不能快轉（系統會追蹤實際觀看時間）
• 每個任務的獎勵只能領取一次

領取流程：

1. 觀看影片直到進度達到 100%（實際觀看完整影片）
2. 「領取獎勵」按鈕變為可點擊狀態
3. 點擊按鈕領取經驗值
4. 經驗值自動加到個人帳戶
5. 如果經驗值累積達到升級門檻，會自動升級

重要： 進度是根據「實際觀看時間」計算，詳見 進度追蹤機制

獎勵金額：

• 每個影片的經驗值獎勵不同
• 通常較長的影片獎勵較多

免費試看限制#

未購買課程時：

• 只能觀看標記為「免費試看」的影片
• 可以正常播放和追蹤進度
• 無法領取經驗值獎勵（領取按鈕顯示為灰色）
• 其他影片會顯示鎖頭圖示

購買課程後：

• 所有影片解鎖
• 可以領取所有任務的獎勵
• 進度會正常累積