# GDSC NCKU 形象網站

> 負責人：GDSC 2nd Lead - 蘇奕幃
UI 設計師：GDSC 2nd 設計長 - 張維芹
前端工程師：GDSC 2nd - 網頁開發組

- [Github repo](https://github.com/gdsc-ncku/gdsc-ncku.github.io)
- [Figma UI 設計稿](https://www.figma.com/file/oKwtlnw4ECflwGhzMp7JmY/Untitled?type=design&node-id=0-1&mode=design&t=XQuNv9PDpsIqqUIZ-0)
- [多媒體素材雲端資料夾（限開發人員存取）](https://drive.google.com/drive/u/1/folders/15u-OISPBKE-3MKu-F0Vc3qL4iksYuLMR)
- 特殊需求
- [x] RWD (mobile first)
- [ ] 多語系：中文（主要）、英文（次要）
- [ ] 暗黑模式（次要）

## A - 首頁
### 標題與Logo
> Google Developer Student Club National Cheng Kung University
> Google 學生開發者社群 在成功大學


### 我們是誰？
> GDSC 是一個由 Google 支持的學生社群計畫，期望能鼓勵學生們對於 Google 技術的學習與應用，並為成員們提供資源協助以及和專家互動交流的機會。GDSC 在全球超過 100 個國家/地區裡擁有上千個合作院校，是學生們學習和分享軟體開發技術的理想社群。
而我們 GDSC NCKU 則位於台南的國立成功大學，每年會從成大學生中遴選一位 GDSC Lead 負責帶領。我們希望透過人與人之間的溝通合作，運用軟體科技來解決生活中會面臨到的種種難題。

旁邊嵌入GDSC官方YT的介紹影片：https://www.youtube.com/watch?v=UGE13GR9_CU

### 我們在做些什麼？
- `課程活動`
- `舉辦講座或工作坊來分享軟體開發知識，也會透過聚會來活躍社群。`
- `參加活動`：連結導到活動頁
- `專案實作`
- `利用資訊科技，與夥伴解決生活中的問題。`
- `瀏覽專案`：連結導到專案頁
- `結交夥伴`
- `呼朋引伴，認識具有不同背景與專長的同學們。`
- `認識成員`：連結導到成員頁

### FAQ
- 什麼是 GDSC、GDG 與 GDE?
> Google Developer Student Clubs (GDSC) 是一個由Google支持的學生社群，旨在通過學生與專業開發人員聯繫，促進學生對 Google 開發人員技術的學習和應用，並為學生提供與技術專家互動和學習的機會。 GDSC 在全球有超過 100 個國家/地區的 1000 多個社群。GDSC 是學生們學習和分享技術的理想社群，並且能夠與技術行業的其他開發人員和專家建立聯繫。
- 如何成為 Lead、一般成員或核心成員？
> Lead 是由 Google 的 Developer Relation 進行招募的，而 GDSC NCKU 的核心成員與一般成員則由上任後的 Lead 進行招募，更多詳情請查看「如何加入成員」。
- 我只要加入活動報名平台上的 GDSC NCKU Chapter 就是社員了嗎
> 不是，[Bevy活動報名平台](https://gdsc.community.dev/national-cheng-kung-university/)上的活動是我們用來管理活動報到的平台。因為許多活動是免費公開，所以就算不是社員也能夠參與活動！如果是僅限社員參與的活動的話，我們會放在 Discord 的社員限定頻道讓社員報名喔。
- 當社員的話需要繳社費嗎？
> 是的，雖然我們會跟成大校方與 Google 申請部分預算，但因為並非完全贊助且行政流程繁雜。因此需要收取社費來事先支付講師費、場地費、器材費...等等費用，請多多擔待。

### Footer
- 電子信箱：[e-mail]
- 據點資訊：國立成功大學 台灣台南市東區大學路1號
- 社群連結：
- Discord: https://discord.gg/3AgWYcZXZm
- Facebook: https://www.facebook.com/gdscncku
- Instagram: https://www.instagram.com/gdsc.ncku
- YouTube: https://www.youtube.com/@nckugdsc
- GitHub: https://github.com/gdsc-ncku
- HackMD: https://hackmd.io/@gdscncku
- 外部連結：
- 活動報名平台: https://gdsc.community.dev/national-cheng-kung-university/
- Google for Developer: https://developers.google.com/
- Code of Conduct: https://developers.google.com/community-guidelines


## B - Events 頁面

### B-1 現有活動
#### 行事曆(Google Calendar)
- 公開網址，使用這個網址即可從網路瀏覽器存取這個日曆：
> https://calendar.google.com/calendar/embed?src=c_c1282d53761f762b713c492f8a8b70ebf9aed7213851ad54871551d95df6e64f%40group.calendar.google.com&ctz=Asia%2FTaipei
- 公開網址(iCal格式)，使用這個網址即可從其他應用程式存取這個日曆：
> https://calendar.google.com/calendar/ical/c_c1282d53761f762b713c492f8a8b70ebf9aed7213851ad54871551d95df6e64f%40group.calendar.google.com/public/basic.ics
- 內嵌程式碼，使用這個程式碼可以在網頁上嵌入這個日曆：

#### 近期活動
- 利用Bevy官方提供的API串接GDSC後台帳號，只要幹部在Bevy平台上新增活動，形象網站就會同步更新活動
- 如果有現在有活動開放報名的話就會顯示活動，沒有的話就會顯示`近期沒有可報名的活動，敬請期待更多消息!`
- [GDSC NCKU Bevy 活動平台](https://gdsc.community.dev/national-cheng-kung-university/)
- [Bevy Api 使用指南](https://docs.google.com/document/d/1Q84GVG6sW06VEno3EaJREZaq08HVKDsh/edit#heading=h.gjdgxs) 
- 「加入行事曆」功能：call google 日曆的api，會跳轉到自己的行事曆
    - 範例：https://mopcon.org/2022/schedule/

#### 年度活動
- [Solution Challenge](https://developers.google.com/community/gdsc-solution-challenge?hl=en)
    > Solution Challenge 的使命，是用 Google 技術x來達成一或多個聯合國的 17 項永續發展目標（SDGs）。自 2020 年起，世界各地的 GDSC 成員共同攜手合作，打造創新的方案來解決全球最迫切的難題，歡迎全球各大學的 GDSC 成員參加！
- [Study jam](https://goo.gle/csj-tw-s4)
    > Google Study Jam 培訓計劃，讓參加的開發人員能夠以自己的步調，學習多種 Google 產品的基礎技能，過去曾經舉辦的主題有 Android、Machine learning、GenAI。在最近的 GenAI 主題中，除了學習基礎的 Google Cloud 平台之外，也增加關於 Generative AI 相關的服務，完成挑戰還能獲得官方製作的相關紀念品喔。

- 成果發表會
    > 每一屆 GDSC NCKU 在學期即將結束前，將會舉辦盛大的成果發表。讓社團內眾多的專案小組有個發揮的舞台，向大眾展示該學年度的專案成果。

### B-2 特設活動宣傳頁
為了單獨宣傳某個特設活動（像是成果發表會）

## C - Projects 頁面

### 歷屆專案列表
- 成果發表會（當年還沒辦的話就空著）
- 專案資訊卡片
    - 預覽圖
    - 專案名稱
    - 專案成員
    - 相關標籤
    - 詳細介紹（Modal畫面）
        - 專案介紹
        - Demo 發表會影片
        - 檔案連結(簡報、GitHub 程式碼...等等)
        
### 專案資料 
專案資料收集表單（限開發人員存取）：[Google sheet](https://docs.google.com/spreadsheets/d/18x1476Aq7NERt7BU57R4M2nvdcO75eEkf9aPjuMLgmo/edit#gid=0)

## D - Teams 頁面

### D-1 歷屆團隊成員
#### 歷屆幹部照片牆
輪播歷屆社團幹部的合照（限制存取）：[Google drive 資料夾](https://drive.google.com/drive/u/1/folders/1gCCjvhk36wb6j3aJIhs41sFQ_ASSXi_i)

#### 歷屆成員列表
預設當屆的會在第一頁，點擊分頁按鈕後可以選擇切換到前幾屆
- 成員資訊卡片
    - 頭貼
    - 姓名
    - 職稱
    - 系級
    - 簡介（30字以內）
    - 社群連結icon（IG, GitHub, LinkedIn）
- 排列順序
    - Lead
    - 總務
    - 活動部長、部員
    - 公關部長、部員
    - 設計部長、部員
    - 專題組長

### 成員資料
- 成員資料收集表單（讓核心成員們填的）：https://forms.gle/rUYQEPtpmwmKENV48
- 成員資料收集表單-後台（限制存取）：[Google form](https://docs.google.com/forms/d/1w6DK9d0-DjUJdBJIpKPCG9GFSX-4cfCSKu475KHoh7w/edit)
- 成員資料收集表單回覆（限制存取）：[Google sheet](https://docs.google.com/spreadsheets/d/1cpg-VHHDv5MHKsVtFMB4TQUY_LDl80v3K9d63r4injI/edit?resourcekey#gid=872148138)

### D-2 如何加入成員
- 架構圖（[FIgJam檔](https://www.figma.com/file/2jW9POuzvhxEV4dxaMqlJh/GDSC-organization-chart?type=whiteboard&node-id=0%3A1&t=CVogqeJyNXDNijkE-1)）
![GDSC organization chart](https://hackmd.io/_uploads/r1fWHKHS6.png)


#### 如何成為 Lead？
> 在 4~5 月左右開放學生上網申請成為 GDSC Lead，會由 Google Developers Relations 的區域主管進行審核。每間學校只會選出一位同學領導該學校社團，通過資料審查以及簡單的面談後，就能正式成為 GDSC Lead！
> - 條件：
>     - 成大在校學生
>     - 承諾參與計畫一年
>     - 熱衷於對社群產生影響
>     - 對軟體開發與電腦科技有基礎了解
> - 職責：
>     - 舉辦至少 4 次活動以上
>     - 組建核心成員團隊，籌劃活動、講座或工作坊
>     - 定期與區域主管分享交流
> - 福利：
>     - Google Developer 電子獎章與實體證書
>     - Google 紀念禮品
>     - 與 Google 工程師以及其他 GDSC 社群交流的機會
>     
> 更多詳情請參考[官方申請網站](https://developers.google.com/community/gdsc/leads?hl=en)，或是參加台灣各地區的 Lead 申請實體說明會。

#### 如何成為 Core member？
> 核心成員就是所謂的「社團幹部」，通常在暑假 7~8 月開始招募，招募與審核方式由各校的 Lead 自行規劃，因此各校的組織架構不盡相同。以 GDSC NCKU 來說，職務分工包括但不限於總務、活動部長、公關部長、設計部長以及多種主題的專案組長。
> 核心成員必須帶領部員或組員並協助 Lead 經營 GDSC NCKU 社群，另外能獲得 Google 頒發的電子獎章及實體證書，以及獲得更多的教材資源及相關紀念品。
> - 條件：
>     - 成大在校學生
>     - 承諾參與計畫一年
> - 職責：
>     - 幫助 Lead 經營社群，並與其他部門溝通交流
>     - 帶領部員或組員進行專案發想、開發與維護
> - 福利：
>     - Google Developer 電子獎章與實體證書
>     - 有機會獲得 Google 提供的教材資源及相關紀念品
>     - 與其他 GDSC 社群交流的機會
>     - 從零到有開發軟體產品，豐富自身經歷與作品
>     - 參與社員限定的活動與課程
> 
> 更多詳情請關注 GDSC NCKU [Faceboook](https://www.facebook.com/gdscncku/)、[Instagram](https://www.instagram.com/gdsc.ncku/) 或 [Discord](https://discord.gg/3AgWYcZXZm)，並參加每年的核心成員招募說明會。

#### 如何成為 Team member？
> 一般成員就是所謂的「社員」，通常在開學後 9 月開始招募。一般成員必須加入某個部門或專案組別，並跟其他夥伴們一起完成一項專案，在成果發表會中跟大家分享。一般成員可以獲得參加限定社課、工作坊與休閒活動的機會！
> - 條件：
>     - 承諾參與計畫一年
> - 職責：
>     - 跟隨部長或組長進行專案開發
>     - 參與實體社課
> - 福利：
>     - Google Developer 電子獎章
>     - 從零到有開發軟體產品，豐富自身經歷與作品
>     - 參與社員限定的活動與課程
> 
> 更多詳情請關注 GDSC NCKU [Faceboook](https://www.facebook.com/gdscncku/)、[Instagram](https://www.instagram.com/gdsc.ncku/) 或 [Discord](https://discord.gg/3AgWYcZXZm)，並參加每年的社員招募說明會。

#### 無法加入成員怎麼辦？
> 別擔心！我們會有許多公開的活動與社課，就算不是社員也能參加喔！只要進入我們的[活動報名平台](https://gdsc.community.dev/national-cheng-kung-university/)，點選"Join us"即可加入平台會員。每當有活動要舉辦時就會第一時間通知你，在活動頁點選RSVP就算報名成功喔！（不過當然還是更多活動是僅限社員參與的唷...😝）

## E - Resources 連結
在導覽列上的「Resources」項目，游標hover過去會跑出下拉選單，每個項目點下去都是外部連結
- Google Developers: https://developers.google.com/?hl=zh-tw
- Google Developer Groups: https://gdg.community.dev/
- GDG Taiwan: https://gdg.tw/
- Google Tech Dev Guide: https://techdevguide.withgoogle.com/
- Google Open Source: https://opensource.google/

## 其他參考資料
GDG TW: https://github.com/GDGTaipei/gdg-gdsc-website-demo

- 首頁
    - [板塊Studio](https://blockstudio.tw/)
    - [GDG Taiwan](https://gdg.tw/about/gdsc/)
    - [Neux](https://www.neux.com.tw/)
    - [東華gdsc](https://dscndhu.blogspot.com/#)
    - [GDSC SKHU](https://www.gdsc-skhu.com/)
- Events
    - [GDG Taiwan](https://gdg.tw/activity/)
    - [Googole Cloud summit](https://cloudonair.withgoogle.com/events/summit-taipei-2023)
- Projects
    - [ccClub](https://www.ccclub.io/achievement)
    - [墨雨設計](https://monoame.com/works)
- Teams
    - [GDSC WCE](https://gdscwce.vercel.app/teams)