---
# System prepended metadata

title: 官網建置會議記錄
tags: [官網, SPT]

---

# 官網建置會議記錄
[TOC]


## 資源區:
- [google spreadsheet](https://docs.google.com/spreadsheets/d/19YWSc-IgM1cPR2rfRYNxKVWoK9OXA8dUALCotrDxlMk/edit#gid=0)
- [Figma](https://www.figma.com/design/Jv1EZJTRB7mMBxLO4Vz39T/Official-website?node-id=0-1&t=gGdSEUuyxYq3S5St-0)
---

### 2024/06/2 (日) 
:::info
:::spoiler 會議記錄
#### 與會人員
俊彥、阿峯、奶捲、阿鵝、蛙哥、駭客瓜

#### 主席
俊彥
#### 紀錄
俊彥
### 上次的 Action Item
4/4
### 討論議題
1. 上週的未完成討論

2. 確定一下 佈版細節, 慢慢來把目前 nextjs 做好的網頁放到正式上面 ( 特別感謝 瑞絲/安東尼/峯/阿樹 以及一起 build 網頁的夥伴們的付出)

3. 討論一下 測試站 > 正式站 的流程 ( 測試站已開出來 )

4. 目前專案列表資料先寫死, 因為其他資深大大的建議「資料可以考慮不要用DC來存」, 後端開始邊技術選型, 目前以 Java / Postgres 為方向

5. 活動列表初步討論( 主要細節下次官網會議討論 )

6. 奶捲加入前端組

### 組別會議
專案組
前端組
後端組
### 臨時動議
無

### Action Item
1. 請 Yuanlin 幫開 https://stage.sideproj.tw
2. 請 Yuanlin 幫忙 deploy stage
3. 上版 stage 
4. 後端 java project init

## 會議記錄
### 2024/05/19 (日)
:::warning
:::spoiler 會議記錄
#### 與會人員
俊彥、峯、阿樹、蛙哥

#### 主席
阿樹
#### 紀錄
俊彥
### 討論議題
1. 前提摘要：上次結論是，用 discord channel 當作我們的 DB，透過這個 channel 進行審核等 actions
    2. 這個 channel 是否已經開出來了
    3. 這個 channel 裡面是否已經有資料了

###
議題1:discord channel
目前會是這樣流程：
1. 前端 post project data to dc channel A
2. 在 channel A 的審核，把審核過得 project(s) 貼到 DC ChannelB. (暫時先人工)
3. Frontend 接 backend(java)

議題2：峯 demo 桌面版 frontend 
桌機/mobile版面已經做好，下次會議決定要不要更新 DC channel 的功能

### 組別會議
專案組
1. phase1, phase2 task已開出來，到時候俊彥再跟
2. 6/16 會有一個線下聚，預計前端 phase1 會初亮相
前端組
1. phase1 mobile/desktop(有RWD)已完成，但顯示資料有缺的部份大家邊完善(活動列表可以用 ChatGPT生 mock 圖。
後端組
目前已有做的資料流測試：
1. 前端 post 資料到 DC_Channel「待審核專案」(用 webhook)
2. 審核人員根據 post 過來的資料跟 owner 聯繫並確認審核通過與否
3. 審核人員將通過審核的專案放到 DC_Channel「已審核專案」並且通知 owner。

### Action Item
[V] 1. 俊彥開一下頻道：審核專案, 已審核專案
[V] 2. 俊彥問一下 Yuanlin，關於線上 QA 環境建制，要/demo 還是另開環境？
[V] 3. 針對其他群友給的建議，俊彥來問一下 Yuanlin 能不能開個資料庫環境
[V] 4. 俊彥整理一下目前 DC 的線上活動資料 log 到 DC 頻道，目前也將 DC 頻道作為暫時的資料/log集中方式。

### 其他群友給的建議
1. 兔田大有建議，資料庫的部份可以更完善一下功能角色/使用情境（針對專案列表/活動列表），的部份，然後使用關聯式作為資料庫。


### 組別進度
#### 專案組（目前夥伴：阿樹、Sin）
1. Phase1 Task 已開出來
2. 建立 label
3. Prepare Phase 2 item

#### 前端組（目前夥伴：安東尼、峯）
1. desktop 初版 UI 完成
2. updated new mock data

#### 後端組（目前夥伴：俊彥、路易斯、峯）
1. 提供新得資料結構
    ```json
        {
        "title": "title",
        "description": "description",
        "imageUrl": "image url",
        "tags": ["PM","UIUX","前端", "後端","開源","自主學習","Go","CI/CD","DevOps"],
        "isSoftDelete": false,
        "githubUrl": "https://github.com/side-project-taiwan/member",
        "createdAt": "created at",
        "projectStartedAt":"2022/12/27",
        "isActive": true,
        "owner": { 
            "name": "owner name", 
            "personalGithub": "https://github.com/xxx",                 "role": "owner"
        }
    }
    ```
:::

### 2024/04/28 (日) 
:::info
:::spoiler 會議記錄
#### 與會人員
俊彥、Sin、峯、KO、安東尼、瑞絲、蛙哥、竹子
#### 主席
俊彥
#### 紀錄
Sin
### 討論議題
1. 開立專案表單：
    - 欄位必要性討論，添加 or 減少
    - 審核流程確認
    - 開立專案 phase 1 資料儲存方式
- 結論
    - 先比照 [3/10 會議記錄資料欄位](#資料格式)
    - 官網開立專案 -> send message to discord -> 負責審核人員提供協助＆審核 -> 審核通過，由管理員到審核通過頻道（不開放）發文 -> 官網從 discord 審核通過頻道，撈文章列表作顯示
    - phase 1 暫放 systeam

2. 開立專案審核人員確認
- 結論
    - 先由俊彥處理 
4. [phase 1 final UI](https://www.figma.com/file/Jv1EZJTRB7mMBxLO4Vz39T/Official-website?type=design&node-id=345%3A637&mode=design&t=HFZnUrSYwhTOi6RM-1)：
    - desktop layout 可以先確認一下，目前有把一些 style 像是 [color](https://www.notion.so/Color-palette-885d3e2db9cf4c04b35cee94b62df968?pvs=4) 跟 [typography](https://www.notion.so/Typography-cf9b0eaf02ff4bd48084b91af58cb288?pvs=4) 先定義出來，文件也有附在 UI 內 & UI 裡有一些 comment 有些需要確認
        
    
### 組別進度
#### 專案組（目前夥伴：阿樹、Sin）

#### 前端組（目前夥伴：安東尼、峯）
1. mobile 版本 UI 完成
2. 前端這邊有連同把 icon, text 做成 component，到時候再跟著 UI 調整（峯）

#### 後端組（目前夥伴：俊彥、路易斯、峯）
1. 請後端協助確認 discord api
    - 前端建立專案時，post discord send message api url, params, and payload 等
    - 前端畫面顯示，fetch discord channel api 的 response 資料格式
> 目前取得 discord api post webhook payload
```json
{
  "content": "Hello, this is a message from my app!",
  "username": "Webhook Bot",
  "avatar_url": "https://path.to.your/avatar.png",
  "thread_name": "我想提案",
  "embeds": [
    {
      "title": "KO提案中",
      "description": "說明細節摟",
      "color": 65280,
      "image": {
        "url":"https://fountain.org.tw/upload/upload/repository/74a7f73b7f18d193ddebff71c0b8afeaimage_normal.jpg"
        }
    }
  ]
}
```

### 臨時動議
:::

### 2024/04/14 (日) 
:::warning
:::spoiler 會議記錄
#### 與會人員
俊彥，阿樹，Sin，峯，瑞絲，路易斯，小許，竹子，ko

#### 主席
阿樹

#### 紀錄
Sin

### 討論議題
1. UI 功能定案
    - 首頁揪夥伴區塊，filter存在與否及替代方案
    - 揪夥伴區塊list，顯示邏輯討論 
    - [第一版UI - figma](https://www.figma.com/file/Xo0tQqeL40Vtpn3a3nN2Mt/Untitled?type=whiteboard&node-id=0-1&t=H8YlHQduxBlgJs80-0)
- 結論 
    - [第二版UI - figma](https://www.figma.com/file/Jv1EZJTRB7mMBxLO4Vz39T/Official-website?type=design&node-id=206-6123&mode=design&t=lOaEci6RkIM8RMa6-0)
    - 確定移除filter功能
    - 開專案功能的model，流程修改
        1. 送出開立專案需求文章，導流到spt dc 頻道 - 問題求助＆建議回饋頻道發文
        2. 送出成功訊息，show 出 dc 相關文章連結  
    > todo：
    > 1. 統計目前專案，用於定案揪夥伴區塊顯示卡片數量。小於5個，直接全部顯示，並先隱藏搜尋功能。大於5個，則只顯示3張卡片並加入搜尋功能及頁面（隨機3張）。
    > 2. phase1 先隱藏改到 phase 2 實現 : 看更多的button、nar bar 的menu、開專案功能
    > 3. 提交現有專案詳細資料（依照UI card 上的顯示資料提供）
    
2. Frontend CDN of assets
- 結論 
    - phase 1 暫放 systeam  
4. [官網建置 - 貢獻規則](https://hackmd.io/@SPT/B1nh0XuxC)
- 結論
    - commit 規範 [參照](https://www.conventionalcommits.org/en/v1.0.0/) [相關輔助套件](https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits) 
    - PR規範，一律先以PR到dev為主
    - 官網上最下方的介紹說明：直接在文案上加上 email：sideproj210@gmail.com， 讓非程式者可以參與
    > todo：調整文案


### 組別進度
#### 專案組（目前夥伴：阿樹、Sin）
1. 貢獻文件初版定案
2. tesk開立
3. 第一版 UI 調整討論
#### 前端組（目前夥伴：安東尼、峯）
1. 第一版設計稿，UI已完成

#### 後端組（目前夥伴：俊彥、路易斯）
1. 歡迎後端小夥伴：峯
3. project init: main_prod 分支
4. 後端功能需求

### 臨時動議
:::


### 2024/04/07 (日) 
:::info
:::spoiler 會議記錄

[UI-prototype](
https://www.figma.com/proto/Jv1EZJTRB7mMBxLO4Vz39T/Official-website?type=design&node-id=4-221&viewport=1108%2C1169%2C0.76&t=CyG1JM2rMksBZvs2-0&scaling=min-zoom&starting-point-node-id=26%3A376)

[UI-wireframe](
https://www.figma.com/file/Xo0tQqeL40Vtpn3a3nN2Mt/Untitled?type=whiteboard&node-id=0-1&t=6HFtiCIsoa2Q9haW-0)
### UI Flow調整
 * 頁面調整 Figma 畫面討論
     - 揪夥伴、活動進行，區塊調整
         - 揪夥伴、活動進行，改由新頁面顯示較完整列表 ( phase 2 進行 )
     - 首頁分頁區塊取消
     - 開新專案表單，改由 button 開啟新頁面
> UI/UX設計，有事未參加本次會議，待俊彥把討論結果與UI/UX溝通過後，取得最終修改結果。
- 先出 desktop 的 UI
- mobile UI 的改動

### 後端部份
1. 確認一下 project init 的部份
2. 準備後端 API spec
:::

:::spoiler 會議記錄
### 2024/03/31 (日) 會議記錄
### UI Prototype
 * 清單項目
     - 揪夥伴(Side Project)/讀書會
     - 進行活動
###  reviewer 機制
直接 assign 請對方看 pr
- 前端 reviewer:
    - 峯: arthur-mountain 
    - 安東尼: hcw0915
    - Yuanlin: yuaanlin
- 後端 reviewwer:
    - 俊彥: cbot918
    - Yuanlin: yuaanlin
###  pr 環境 ( main / dev )
###  貢獻組機制

TODO: 
- [x] 安東尼權限嘗試

:::


### 2024/03/30 (日) 
:::warning
:::spoiler 會議記錄
### UI Prototype ( 感謝 UI 大佬 )
https://www.figma.com/file/Jv1EZJTRB7mMBxLO4Vz39T/Official-website?type=design&node-id=4-221&mode=design&t=RAzNqFYz7eVaJF7S-0

![截圖 2024-04-01 上午10.52.02](https://hackmd.io/_uploads/ByoqZowyC.png)
![截圖 2024-04-01 上午10.52.39](https://hackmd.io/_uploads/HyMi-sPyC.png)
![截圖 2024-04-01 上午10.52.48](https://hackmd.io/_uploads/BJOj-jw1A.png)
- Action: 根據目前的設計稿，先依據會議討論畫成 flow chart

### 貢獻組機制
不論身份，一率都 fork 出去並發 PR
### pr 環境 ( main / dev / hotfix )
多新增一個 dev
### reviewer 機制
- 會想 review 的人 review (有空的人) 
- 一個或兩個人 review
- 主要開發者
- 互相 review



... 等等議題 ( 大家也可以提出 )

:::

### 2024/03/23 (六) 
:::info
:::spoiler 會議記錄
1. phase1 專注於專案先出來
2. 自由認領 Task，需要有權限要再麻煩 Yale 開
3. 有兩張 tasks(active block的兩張) 看能不能拆小
4. Phase2 的 task 會需要先方在 Backlog 區域

:::

### 2024/03/17 (日) 
:::warning
:::spoiler 會議記錄

1. 阿樹會將任務及前端組件拆分，下周小船來討論
2. 阿樹同時進行 Project Init
3. 任務平台先暫時用 Trello
4. 制定基本守則，並補上文件


:::

### 2024/03/10 (日) 
:::info
:::spoiler 會議記錄

### 資料格式

```jsonld!
{
  title: "",
  description: "",
  imageUrl: "",
  tags: ["A","B","C"],
  isSoftDelete: false,
  github_url: "",
  create_at: 163124124, // TimeStamp
  isActive: true,
  owner: {
    name: '',
    personal_github: '',
    role: ''
  }
  ... // 看要哪種命名方式就後端大大們定了。
}
```

### Notion 邀請

- Antonio H : `love233031@gmail.com`


### 結論:

1. 先 phase1 畫面出來，json 先上資料
2. 專案的 SPT 官網功能，就像是專案的 linkedin，專案類比公司
3. 目前專案分類：
  - 正式- Zeabur、島島阿學  
  - 私人- Java 讀書會 
4. 資料 sync: 
    (1) 資訊入口: notion
    (2) 會議記錄: [hackmd](https://hackmd.io/@sideprojtw/HyFo6ksTa/edit)
    (3) 整理的資料: [google sheet](https://docs.google.com/spreadsheets/d/19YWSc-IgM1cPR2rfRYNxKVWoK9OXA8dUALCotrDxlMk/edit?usp=sharing)
:::

### 2024/03/03 (日) 
:::warning
:::spoiler 會議記錄
- 官網頁面：1頁
- 官網區塊 (可參考 hahow 好學校或其他網站)
- 近期活動
- 專案列表
- 說明文字
- 外部連結
- 資料庫(下周決定)：notion 或 mongodb
- 前端框架 next14 (app router)
    - CSS: tailwindcss
    - Deployment: Zeabur
    - CI: Github Action
:::



### 2024/02/25 (日) 
:::info
:::spoiler 會議記錄

### 
管理組: Yuan Lin, Yale, 小許
公關組: 關Ash
協辦組: Jia(FE), Antonio(FE), 峯(FE), 瑞絲(UIUX)
未明確列入: Jia, Sam, Joan, CC


### 線下
活動: 內容演講、專案分享、產品推廣、純粹小聚
受眾: 任何人
候選場地: 五倍紅寶石、AppSchool、天瓏書局...
  - 主題講演: 包含技術、概念、流程、心得等等，依正式規劃組議程軌。
  - 產品推廣: 可提供公司產品宣傳、個人上架產品交流使用。
  - 純粹小聚: 如題，給予相互角色交流，小遊戲等等。
  - 專案分享: 給予團體類 side project 提供平台做簡報。


### Discord
活動: 各種小型，非團體分享會。
受眾: 任何人
場地: DC 會議室
內容: 
  - 專案分享: 願意分享自身 sideproject 內容，正式分享可登記宣傳。
  - 專案招募: sideproject 的人員彼此意願配對。
  - 文章分享: 貼文形式保存紀錄，提供查閱。
  - 自由分享: 個人訓練，開放會議室可以使用，也可以公開邀請。
---


### 官方網站 (https://sideproj.tw/)

Stack:


1. 核心理念說明
2. 資訊匯集區域
3. 產品推銷區域
4. 成果發表區域

:::