---
# System prepended metadata

title: N108 完整功能介紹
tags: [N108]

---

---
tags: N108
---
# N108 完整功能介紹
## 開發流程
- **功能心智圖**
    - ![](https://i.imgur.com/9Bnx1ce.png)
- **爬蟲資料流程圖**
    1. 透過爬蟲將教育部資料從 word 中擷取，並且存成 Excel (XML解析
    ![](https://i.imgur.com/U1FXos4.png)
    2. 分類課綱學習內容，並以關鍵字以 request Youtube API 獲取資料
    3. 學習內容只針對高中領域，在各大網路搜尋段考題
    4. 放入 DateBase 中
    - ![](https://i.imgur.com/M2N9GtV.png)
    
    - ![](https://i.imgur.com/5pqVNjZ.png)
- **資料庫設計**
    - EER Model
    - ![](https://i.imgur.com/yuiN8ZL.png)
- **前端設計**
    - React 框架樹狀圖
    - ![](https://i.imgur.com/K7OF90h.png)
