<p style="text-align: right; margin: 0; padding: 0;">
<img src="https://i.imgur.com/K6fPN7B.png" width="180" />
</p>
# course pro 介紹
course.ntust.pro
#### 源碼與設計稿：
[UI設計 (Figma)](https://www.figma.com/file/3Uy156OSTesry8QePbLdfG)
[course pro Front-end](https://github.com/ChengHung-Wang/course-pro-gui)
[course pro Back-end (Developer only)](https://github.com/ChengHung-Wang/course-pro-api)
-------
#### 重點：
- **讓學校清楚學校需要做什麼**
- 不要阻擋我們開發，學校不需要改變現有的系統，也不需要對現有的系統做出任何改變。
- 校務會議學生會發表(找到對的人來聽提案)
- 校務會議學生代表，發表簡報
-------
course pro 是專門開發給台科學子的一個系統，目的是為了讓您在台科有更棒的學習體驗。
我們希望你能在這個系統完成在學校課業上的大小事。
:::danger
<div style="display: flex; align-items: center;">
<svg width="20" style="margin-right: 12px;" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-ea893728=""><path fill="currentColor" d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"></path></svg>
<p style="margin: 0;">
course pro 不是營利項目
</p>
</div>
:::
## course pro 的技術突破：
### 社群翻譯功能:
讓台科的系統不再只有中英文的系統，貢獻自己的母語，讓自己獨特的才華被看見。
必須要有友善的操作體驗，讓沒有資工背景的人也能輕鬆地參與翻譯，針對為系統作出貢獻的人發放台科幣，並依造語言分類將翻譯貢獻高者納入貢獻者清單中（示意圖如下）。
<img src="https://i.imgur.com/xSSnnss.jpg" style="box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);" />
### 高度整合
一個 course pro，
做到台科查課、選課、成績查詢、必修查詢等多個系統的事。
除此之外，我們還整合了歷屆 GPA 搜尋的功能，因為可以同步個人資料，我們可以透過學生的身份來獲取成績單，並分析成績單上的成績分布資料來建立 GPA 資料庫。
### SEO 搜尋
我們必須配合使用者的習慣，如果使用者想要了解某堂課的資訊，使用者可能會將相關的資訊放到搜尋引擎中查詢，因為他想要獲得更多的資訊，<strong class="text-warning">所以 SEO 加強是很重要的關鍵，好的 UI/UX 加上高整合度的系統可以讓使用者知道，「我有更快的方式，course pro」。</strong>
## 現今的非校方系統
- [courselink(2016~)](https://www.crosslink.tw/)
- 功能：
- 查詢大家對於課程的評價
- 查詢課程資訊
- 選課模擬
- 課程詢問
- 找同學
- 優勢：
- SEO 是目前所有競品中最好的
- UI 不差
- 劣勢：
- 模擬選課功能無法同步
- one page one link使用體驗較差
- 討論：
- 為什麼慢慢消聲匿跡？如何讓 course pro 永續發展？
- [myNTUST(2021~)](https://myntust.com/)
- 功能：
- 校內討論區
- 歷年成績查詢
- 空教室查詢
- 交友功能
- 優勢:
- 考古題功能
- 空教室查詢
- 劣勢:
- 沒有品牌IP
- 交友功能很累贅，使用者只有6位
- [NTUST GPA SEARCH(2021~)](https://gpa.ntustexam.com/)
- 功能：
- GPA 搜尋
- 選課模擬
- 上傳成績單(用於GPA搜尋)
- 計中行不行
- 排行
- 優勢:
- 目前本國在學學生幾乎都會用這個系統查詢歷屆的GPA
- 劣勢:
- UI 不好看
- SEO 效果不好
- 需要手動上傳成績單，不方便
- 除了 GPA Search 的功能其他的功能有失可用性
- 沒有品牌IP
## course pro 優劣評估
### 優勢：
**1. 如果能夠成功與學校合作，course pro 將會成為唯一能同步個人資料的系統非校方的課務系統**
2. 具有可識別的品牌IP
3. 良好的UI
4. 低門檻進入貢獻者清單，讓自己也有展露頭角的機會，提高學生參與度。
5. 台科幣加速系統自我進步
### 劣勢：
1. UX可能不夠人性化
2. 系統中新的交互方式是一種賭注，可能大好或大壞。
## Preview of system apps:
<div class="flex-img align-start" style="margin-bottom: 12px;">
<img src="https://i.imgur.com/0oTAhXb.png" height="96" width="96" />
<span class="text-info" style="margin-left: 12px;">
<div class="text-dark">
<strong>課程</strong> | Course <br /> 針對個人量身定制的課程規劃系統
</div>
<span><strong>替換：</strong></span>
- 選課系統所有功能
- 查課系統所有功能
- 成績查詢系統所有功能
- 學生必修查詢系統所有功能
<strong>創新功能：</strong></span>
- 課程轉讓
- 我不想要見到的同學
- 糞課雷達
</span>
</div>
<div class="flex-img align-start" style="margin-bottom: 12px;">
<img src="https://i.imgur.com/JwUplRO.png" height="96" width="96" />
<span class="text-info" style="margin-left: 12px;">
<div class="text-dark">
<strong>課程指南</strong> | Course Guide<br/>
課程討論社群
</div>
<span><strong>替換：</strong></span>
- 課程查詢系統部分功能
- GPA 查詢網站部分功能
- Moodle 部分功能
- croesslink 部分功能
</span>
<span><strong>創新功能：</strong></span>
- 具備實名制的課程評價與討論
- 考古題、作業分享
- 課務提醒(使用Mail, LINE 發送通知)
</span>
</div>
<div class="flex-img align-start" style="margin-bottom: 12px;">
<img src="https://i.imgur.com/nATyAEh.png" height="96" width="96" />
<span class="text-info" style="margin-left: 12px;">
<div class="text-dark">
<strong>郵件</strong> | Mail <br/>
</div>
<span><strong>替換:</strong><br />
- [web 版台科電子郵箱](https://mail.ntust.edu.tw)所有功能
</span>
</span>
</div>
<div class="flex-img align-start" style="margin-bottom: 12px;">
<img src="https://i.imgur.com/3CRrqNE.png" height="96" width="96" />
<span class="text-info" style="margin-left: 12px;">
<div class="text-dark">
<strong>搜尋</strong> | Find <br/>
得知台科的大小事，快人一步。
</div>
<span><strong>替換:</strong><br />
- 討論小間申請、圖書館討論室申請
- 教室查詢系統
- FB 二手書社團
</span>
<span><strong>創新功能：</strong></span>
- 免費食物
- 吃啥
</span>
</span>
</div>
<div class="flex-img" style="margin-bottom: 12px;">
<img src="https://i.imgur.com/2MGyz9n.png" width="96" />
<span class="text-info" style="margin-left: 12px;">
<div class="text-dark">
<strong>台科幣</strong> | Wallet <br/>
</div>
<span>
<!-- 替換: mail.ntust.edu.tw (web 版台科電子郵箱)並提供更舒適的郵件模板、 -->
</span>
</span>
</div>
<div class="flex-img" style="margin-bottom: 12px;">
<img src="https://i.imgur.com/7JTYUbx.png" width="96" />
<span class="text-info" style="margin-left: 12px;">
<div class="text-dark">
<strong>設定</strong> | Settings <br/>
</div>
</span>
</div>
## Highlights of system apps:
<img src="https://i.imgur.com/0oTAhXb.png" width="96" />
### 課程 (Course)：
#### 選課不知道怎麼選嗎？有想要的課但卻選不到？
系統可以根據您的科系，你修課的歷史紀錄來自動推薦課程，讓你的課程規劃更加的輕鬆、簡單。
#### 怕選到糞課嗎？ 糞課雷達：
為您偵測課表上歷屆 GPA 過低、評價過低的課程，並且為您挑選出更棒的替代方案。實時守候您的課表，避免踩坑
後續我們還會規劃加入<strong class="text-danger">自然語言學習技術</strong>，從網路上的評價、大家在這個系統中的評價，綜合你個人的喜好、興趣，推薦你可能會喜歡的課程。
> 糞課雷達推送建議
<img src="https://i.imgur.com/ytzdoDP.png" width="220" />
> 糞課雷達實時守護您的課表，拒絕糞課入侵
#### 手裡有一門課覺得退選可惜？試試看<strong class="text-primary">課程轉讓</strong>
現在如果你有選到一堂課，但是你突然有更棒的選擇，或是有人更需要這堂課，於是你想把這堂課轉給你的朋友，但是現今學校的系統不支援這樣的功能，所以你只能先退選，然後叫你的朋友馬上按下加選的按鈕，但這樣往往會被機器人搶走，留下遺憾與悔恨的淚水。
所以這個系統，提供 <span class="text-primary">課程轉讓</span> 的功能，**讓機會落在對的人手裡**。
<div class="flex-img">
<div>
<img src="https://i.imgur.com/qSjUYH4.png" width="240" />
</div>
<div>
<img src="https://i.imgur.com/yTvSOnI.png" width="510" />
</div>
</div>
<p class="text-info text-small">
點擊「轉送給別人」後彈出轉讓操作視窗
</p>
<div class="flex-img">
<div style="padding-right: 12px;">
<img src="https://i.imgur.com/s82z9iM.png" width="450" />
<p class="text-info text-small">
確認資訊後系統會發送通知給對方
</p>
</div>
<div style="padding-right: 12px;">
<img src="https://i.imgur.com/P9gtVp2.png" class="shadow" style="margin-bottom: 12px;" width="280" />
<p class="text-info text-small">
課程轉讓請求通知
</p>
</div>
</div>
<img src="https://i.imgur.com/oxQYwHB.png" />
> 對方進入系統中查看之畫面
#### 剛分手？試試看<strong class="text-primary">我不想見到的同學</strong>
我能理解你的不便，但是如果不小心選到同一堂課那應該會非常尷尬，試試看這個功能，帶你度過這個困難的時刻。
#### 沒填期末評量期末成績要等到下個學期才能看到，你應該將這項繁瑣的工作交給course pro
你只需要填你想填的，剩下的交給course pro，course pro 會自動幫你將你不想填的欄位填上預設值。當然，你也可以自訂預設的值。
我相信，強迫填寫的評價是沒有太大的參考價值的做法。
#### 擺脫又臭又長的<strong class="text-primary">修課歷史</strong>，瞭解你課程的需要。<strong class="text-primary">我的學習地圖</strong>：
也許你花大量的時間，用很沒效率的方式來計算你還有哪些未修的，哪些被當掉的必修還沒修的，這樣不僅沒效率，還有可能在你快要畢業的那刻才發現，啊！我還有一堂課沒有修到。
course pro 幫你根據你的科系，各面向、各方面的參考點用更友善、圖表化的方式來告訴你，讓你更方便規劃你的下一步，並在適當的時間自動提醒你
<strong><p class="text-center">該選這堂課了。</p></strong>
> 我的學習地圖 Weight (示意圖)
#### 從此選課時間不再衝突：
<img src="https://i.imgur.com/R8TorWT.png" width="280" />
> 藍色表示已經選上的課，灰色表示未選上但在選課清單中的課程，如果上課時間有衝突將能輕易的被觀察。
#### 規劃你的課表，應該輕鬆有條理：
規劃你的時間，拒絕沒效率的對照。
<div style="margin-bottom: 12px;">
<img src="https://i.imgur.com/0PWznrS.png" width="280" style="margin-right: 12px; margin-bottom: 12px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;" />
<img src="https://i.imgur.com/pDAuvA5.png" width="280" style="box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; margin-bottom: 12px;" />
<br />
<br />
<div style="margin-bottom: 12px;">
<img src="https://i.imgur.com/rLeeMcL.png" width="280" style="margin-right: 12px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; margin-bottom: 12px;" />
<img src="https://i.imgur.com/UZh4LxT.png" width="280" style="box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; margin-bottom: 12px;" />
</div>
</div>
---
<img src="https://i.imgur.com/JwUplRO.png" width="96" />
### 課程指南 (Course Guide)：
#### 每次選課分頁都一大堆？<strong class="text-primary">課程指南</strong>一個頁面全部搞定
不用再透過 Dcard、PPT 還有 GPA Search 來回查找自己想要查看的課程，這裏彙整了大家的評論以及歷屆的 GPA 分佈，提高你選課時的效率。透過評論也可以賺取台科幣喔～
#### 難道只有正妹才能拿<strong class="text-primary">考古題</strong>嗎？
不用擔心自已是系邊了啦！好心的學長姐，把課程會使用到的考古題，分享在這邊，輕鬆應付考試，卷哥、卷姐不是夢！
> 課程評價動態參考版面
---
<img src="https://i.imgur.com/nATyAEh.png" width="96" />
### 郵件(Mail)：
替換學校現有的線上郵件系統，並且提供更友善的使用介面、更好看的信件模板。
---
<img src="https://i.imgur.com/2MGyz9n.png" width="96" />
### 台科幣 (Wallet)
#### 你的一點點貢獻可以造福更多人，<strong class="text-primary">獎勵給你台科幣！</strong>
只要真心在課程指南中留言，就能輕鬆獲得台科幣，用這個去換取更多功能吧！
:::warning
不可透過實際的金錢交易來交換台科幣。
:::
#### 獲得台科幣的途徑：
- 翻譯系統
- 提交系統功能建議
- 漏洞回報
- 提交課程評價
- 分享考古題
- 分享你的作業
- 檢舉違規行為
- 他人轉讓
- 分享你的 Email 模板並被他人使用
#### 台科幣，你可以用來
- 糞課雷達
- 課程轉讓服務
- 看別人分享的考古題
- 看別人分享的作業
- 免費食物雷達
- 自動填寫學期評量
- 信件模板去logo
- 使用他人的信件模板
- 儲存空間擴容
---
<img src="https://i.imgur.com/3CRrqNE.png" width="96" />
### 搜尋 (Find)
#### 找不到合適的空間跟同學討論東西、空堂待哪裡？
系統整合**國際大樓 12 樓討論小間、圖書館討論室、還有空教室查詢系統**，討論東西、空堂時，一查便知道可以待在哪裡！
#### 頭殼版上的<strong class="text-primary">免費食物</strong>你還在一次又一次的錯過嗎？
我知道你總是懊惱那麼晚才看到這個好看，正當你想衝去現場時，才發現留言處寫「已發完」。我也知道你不會想為了免費食物開啟頭殼版的貼文通知。
所以，我們推出<strong class="text-primary">免費食物雷達</strong>，結合<strong class="text-danger">自然語言學習技術</strong>在偵測到贈送食物相關的貼文時，才會向你發出通知，讓你不錯過這樣的好機會。
#### 東西突然丟在哪個教室找不到好煩惱...
歡迎來到失物招領平台尋找，依照時間、地點、種類等等，讓尋找更加方便，一秒找回心愛的東西。
也可以用設定提醒功能，有新的東西被刊登，馬上就可以注意到！
刊登別人遺落的東西，拾金不昧，還可以獲得台科幣換取更多功能，一舉兩得！
#### 想要找<strong class="text-primary">二手書</strong>、課本買完只能在旁邊生灰塵墊泡麵...
每一次新的學期都要買一本課本真的好貴...
學期結束也不曉得課本要丟去哪裡，只好讓他在旁邊生灰塵
我們整合了 FB 的台科二手書社團，建立優良的查詢系統，有沒有學長姐在賣二手書，一查便知！
<!--
- 失物招領
- 教室
- 討論空間(圖書館、國際大樓)
- 書
- 課、老師(簡易版)
- 吃啥 -->
---
<img src="https://i.imgur.com/7JTYUbx.png" width="96" />
### 設定 (Settings)
- 帳戶
- 安全與隱私
- 管理儲存空間
- 日誌
- 通知
- 網路連
- 語言
<style>
:root {
--danger: #F56C6C;
--el-color-danger-light-8: #fde2e2
--success: #67C23A;
--primary: #409EFF;
--warning: #E6A23C;
--info: #909399;
--dark: #303133;
--shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
#doc.comment-enabled.comment-inner {
margin-right: 0;
}
.text-dark {
color: var(--dark)!important;
}
.text-primary {
color: var(--primary);
}
.text-danger {
color: var(--danger);
}
.text-warning {
color: var(--warning);
}
.text-center {
text-align: center;
}
.text-info {
color: var(--info);
}
.text-small {
font-size: 14px;
}
.flex-img {
display: flex;
align-items: center;
max-width: 100%;
overflow-x: auto;
}
.align-start {
align-content: start!important;
align-items: unset!important;
}
.flex-img> div+img {
margin-right: 12px;
margin-bottom: 12px;
object-fit: contain;
}
.shadow {
box-shadow: var(--shadow);
}
</style>
Sign in with Wallet
Connect another wallet