{%hackmd theme-dark %}
# 集資計畫追蹤平台 開發部工作項目
###### tags: `內部` `集資計畫追蹤平台` `公開文件`

## 募資平台爬蟲
### 工作項目
* 需要從以下平台爬取募資活動的各項資料
* 嘖嘖: https://www.zeczec.com/categories
* flyingV: https://www.flyingv.cc
* 彙整並記錄各募資平台的資料結構
* 與核心開發者確認資料儲存與處理方式
* 介接核心 API 將取得之資料輸入至系統中
* 整合第三方紀錄套件或介接核心 API ，紀錄爬取過程中產生之訊息與錯誤
* 排定時間定時執行爬蟲
* 繞過反爬蟲機制
* 須爬取的資訊:
* 標題
* 平台
* 圖片
* 類別
* 集資人次
* 集資金額
* 目標金額
* 集資時間
* 集資進度
* 專案詳細資訊導向網

### 工具與環境
* 以 Python 開發爬蟲，不限使用之套件 (免費、穩定、可非開源商業用途)
* Linux 作業系統執行 (Ubuntu Server 20.04 LTS on AWS)
* Docker 容器化
* 以 Git 為版本控制工具
* 整合 CI/CD Pipeline
* 應自備所需之電腦設備及相關軟體
* 須在家工作，並配合定期或彈性會議討論

## 追蹤平台核心
### 工作項目
* 連接資料庫，儲存各大募資平台之資料
* 須可以儲存/處理/產出之資料:
* 標題
* 平台
* 圖片
* 類別
* 集資人次
* 集資金額
* 目標金額
* 集資時間
* 集資進度
* 專案詳細資訊導向網
* 贊助人次趨勢
* 集資金額趨勢
* 贊助人數排行
* 建立 API 端口提供爬蟲服務將更新資料匯入至系統
* 建立 API 端口提供前台網頁取得資訊以及與系統互動
* 建立 API 端口提供前台網頁基於標題、關鍵字進行集資專案的搜尋
* 基於 24 小時最多贊助人次，建立 API 端口供前台呈現並分頁首頁熱門項目
* 圖片、目前贊助人次、需要贊助人次、更新時間
* 基於贊助人次，建立 API 端口供前台呈現並分頁前 25 贊助人次排行榜
* 排名移動、編號、人數、名稱、平台
* 建立 API 端口提供前台依照以下條件進行篩選
* 依平台篩選
* 依人次排序
* 依建立時間排序
* 依計畫類別 (時尚、科技、生活等) 篩選
* 建立 API 端口提供前台呈現活動檢視頁所需之資訊
* 標題、平台、圖片、類別、集資人次、集資金額、目標金額、集資時間、集資進度
* 贊助人次趨勢、集資金額趨勢、贊助人數排行
* 連結至專案詳細資訊的連結
* 建立其他前台所需的 API 端口
* 整合第三方紀錄套件或將資料寫入資料庫 ，紀錄核心產生之訊息與錯誤
* 若爬蟲無整合第三方套件，則須建立 API 端口提供爬蟲紀錄訊息與錯誤
### 工具與環境
* 以 .NET Core 開發 ASP.NET WebAPI
* Linux 作業系統執行 (Ubuntu Server 20.04 LTS on AWS)
* Docker 容器化
* 以 Git 為版本控制工具
* 整合 CI/CD Pipeline
* 應自備所需之電腦設備及相關軟體
* 須在家工作，並配合定期或彈性會議討論

## 前端網頁
### 工作項目
* 依照設計部提供之文件，進行網頁 UI/UX 開發
* 與設計部溝通，討論調整網頁排版或設計圖
* 多平台的 RWD 介面設計
* 網站比須以 SSR (Server Side Rendering) 開發
* 與客戶溝通，確認網頁成品是否符合需求預期並配合調整
* 介接核心 API 取得資料
* 整合 AdMob 提供廣告
* 頁面與功能
* 首頁
* 最近 24 小時最多贊助人次
* 顯示圖片、目前贊助人次、需要贊助人次、更新時間
* 贊助人次排行榜
* 取得前 25 贊助人次
* 顯示排名移動、編號、人數、名稱、平台
* 篩選檢視
* 依平台篩選
* 依人次排序
* 依建立時間排序
* 依計畫類別 (時尚、科技、生活等) 篩選
* 廣告版位
* 活動檢視頁
* 顯示標題、平台、圖片、類別、集資人次、集資金額、目標金額、集資時間、集資進度
* 依據資料繪製贊助人次趨勢圖、集資金額趨勢圖、贊助人數排行圖
* 連結至專案詳細資訊
* 廣告版位
* 搜尋
* 依據關鍵字、標題搜尋相關集資活動
* 廣告版位
### 工具與環境
* 不限語言開發，不限使用之套件 (免費、穩定、可非開源商業用途)
* Linux 作業系統執行 (Ubuntu Server 20.04 LTS on AWS)
* Docker 容器化
* 以 Git 為版本控制工具
* 整合 CI/CD Pipeline
* 應自備所需之電腦設備及相關軟體
* 須在家工作，並配合定期或彈性會議討論
* UI 設計成品使用 Figma

## 參考資料
* 集資計畫追蹤平台: https://backtail.tw/
* 嘖嘖: https://www.zeczec.com/categories
* flyingV: https://www.flyingv.cc