# Final Project 主題：教育系統

分頁
- 首頁(網格式展示所有課程)
- 課程結帳(購物車)
- 我的課程頁面(留言板)
- Q&A
- 管理後台
- 註冊
- 登入
---

## User Story

### 訪客（一般瀏覽者/沒付費）

P1 身為一個訪客，我想在首頁看到所有課程，因為我想知道有哪些課程可以選擇。
P1 身為一個訪客，我想要註冊成為會員，因為我想購買課程。
P1 身為一個訪客，我想了解常見問題，幫助快速找到解答。
P1 身為一般會員，我想登入功能，因為才可行使會員權利。

P2 身為一個訪客，我想要在首頁就能看到簡單的平台介紹。
P2 身為一個訪客，我想要在首頁就能以關鍵字搜尋有興趣的課程。
P2 身為一個訪客，我想要了解更多此平台（About 頁面），有助了解這個平台。
P2 身為一個訪客，我想要能夠觀看課程的評價，因為我想知道其他人對這堂課的看法。

P3 身為一個訪客，我想要能夠搜尋課程/知識主題，因為我方便我更快找到自己有興趣的課程/主題。
P3 身為一個訪客，我想要能夠觀看 roadmap，因為我想知道 roadmap 的主題。

### 一般會員（沒付費）
P1 身為一般會員，我想要有登出功能。
P1 身為一般會員，我想直接購買喜歡的課程，這樣才能擁有觀看課程的權限。

P2 身為一般會員，我想要把喜歡的課程加入購物車，因為我想方便瀏覽購買清單跟只跑一次結帳流程。
P2 身為一般會員，我想要把購物車結帳，因為這樣才能正式獲得課程權限。
P2 身為一般會員，我想要看到更多的課程內容(免費影片)，因為我想確認實際課程的品質。

P3 身為一般會員，我想要有個關注清單，因為我想每次都可快速找到我看過的課程/roadmap。

### 付費會員（有付費）
#### 自己的功能
P1 身為付費會員，我想在我的課程頁面看到所有已購買課程，方便日後觀看。
P1 身為付費會員，我想在我的課程頁面直接觀看，方便日後觀看。

P2 身為付費會員，我想在我的課程頁面看到上課的進度(%)，了解學習狀況
P2 身為付費會員，我想在我的課程頁面進行留言(發問)，可以與他人互動或解答學習問題。
P2 身為一個訪客，我想在我的課程頁面以關鍵字快速找到已購買的課程。

P3 身為付費會員，我想要瀏覽自己的成就系統，因為我想知道我的學習成效。
P3 身為付費會員，我想要看到 roadmap 的細部內容，因為我想更了解課程內容。
P3 身為付費會員，我想要在 roadmap 的 node 上標記完成，因為這樣使我知道自己看過哪些內容。
P3 身為付費會員，我想要註解自己的 roadmap，因為我想在自己的內容下筆記。
P3 身為付費會員，我想要在 roadmap 的每個 node 搜尋評論內容，因為這樣方便我知道前人留下的內容。
P3 身為付費會員，我想要在教學影片留下筆記，因為這樣方便我複習。
#### 與別人互動

P2 身為付費會員，我想要有通知功能(站內or寄信)，因為我想知道已購買的課程是否有更動。

P3 身為付費會員，我想要有通知功能(站內or寄信)，因為我想知道關注的 roadmap 是否更動以及別人在我 roadmap 留下的註解。
P3 身為付費會員，我想要在 node 上留下評論，因為我想對課程發表意見或發問。
P3 身為付費會員，我想要分享我完成的內容給別人，因為我想讓別人知道自己學過哪些內容。

### 站方管理員(直接處理教材)
P1 身為站方管理員，我想要有圖形化介面的管理後台，方便管理。
P1 身為站方管理員，我想在管理後台管理所有教材的內容，因為可以視情況更新。
P1 身為站方管理員，我想在管理後台查看所有會員的資料，因為這方便我管理會員/發促銷廣告信。

P2 身為站方管理員，我想在管理後台管理所有會員的權限，因為我需要讓有惡意的使用者無法使用本系統。

P2 身為站方管理員，我想在管理後台發布通知，因為我需要告知訊息給相關會員。

P2 身為站方管理員，我想要屏蔽評論的內容，因為我需要讓惡意留言消失。
P2 身為站方管理員，我想要設定成就機制，因為我要讓會員可以審視自己或他人的學習成果。
P3 身為站方管理員，我想要有設定所有 roadmap 是否公開的功能，因為我需要停止違法的資訊散播出去。

### 開課者
P3 身為開課者，我想要創造自己的 roadmap，因為這讓我可以按自己專長為別人安排學習路徑。
P3 身為開課者，我想要 roadmap 可以隨意拖拉位置，因為這樣製作比較直觀。
P3 身為開課者，我想要 roadmap 可以插入圖片/文字/連結，因為這樣內容更為豐富。
P3 身為開課者，我想要編輯自己的 roadmap，因為 roadmap 內容需要更新。
P3 身為開課者，我想要編輯 roadmap 時有 undo redo 功能，因為這方便我進行錯誤處理。
P3 身為開課者，我想要設定別人可編輯我 roadmap 的權限，因為這方便我們一起編輯。
P3 身為開課者，我想要 roadmap 版本記錄，因為這方便我切換到上版本。
P3 身為開課者，我想要製作 roadmap 時有儲存草稿的公能，因為這樣我不用每次都需要一次做完 roadmap。
P3 身為開課者，我想要收到評論通知，因為我需要即時回覆評論或得到回饋。

---

### roadmap 互動網站(暫停)
參考 [Developer Roadmap](https://github.com/kamranahmedse/developer-roadmap)
1. 互動
- Roadmap 的每個 node 都可展開，使用者可看到學習資源
- `?` 內容不限於程式學習，也可以有其他主題（例如英語對話、學樂器...等）
2. `?` 使用者可以創造自己的 roadmap
- 參考 [線上 flowchart 工具](https://online.visual-paradigm.com/tw/diagrams/solutions/free-flowchart-maker-online/)
3. 站方建議的 roadmap
- 站方自定義
- `？` 撈取所有使用者創造的公開 roadmap 而定
- `？` 使用者投票而排定

### 成就系統
1. 達到目標得到徽章或獎盃
2. 根據徽章或獎盃數量升級
3. 使用者可以自製成就
4. 分為項目成就（例如分為程式語言、樂器）及整體成就
5. 站方設定挑戰
6. 使用者可以自製挑戰

### 課程購買系統
1. 金流
2. 用驗證碼發送到信箱，依驗證碼註冊會員

### 筆記系統
1. 模組化的筆記系統跟自我檢討幫助確認學習成效跟提高複習效率。
2. 社群交流互相觀看，提高撰寫動機

### 影片系統優化
1. 在影片時間點留下筆記（類似六角 Udemy），方便日後快速複習

### 發問系統優化
1. 加入分類標籤，方便日後查看。
2. 導師可收錄至精華區，整合學習資源

### 輔助學習小遊戲
1. 例如玩過的 Flex 排版遊戲跟 lidemy challenge