---
title: 工作坊規劃 - 1101 網頁與行動應用組規劃
tags: 文件, 工作小組, 110 學年, 上學期
GA: UA-54884750-6
---
<!-- Tag 規範：https://hackmd.io/@cmrdb/tags -->

# 工作坊規劃

## 導言

參照 [1101 規劃](/_BgjLoJzQJChtDlr6cpiPw%23)

## 什麼是工作坊？工作坊在做什麼的？

簡單來說，工作坊就是一個直接帶著參與的大家進行實作某個東西的活動。不論是從頭開始架設環境、Git Flow 訓練，甚至是寫測試、CI/CD 實務、用特定框架架設一個網站，從簡單到困難，只要是實作的都可以舉辦工作坊，開放自由參加。

## 為什麼要辦工作坊？

這學期基本上放大家透過直接做專案去自學，但是其中一定還是有新手，因此我們還是會舉辦一些基礎工作坊，讓新手的大家可以透過新手工作坊直接手把手帶著入門實作。

除了新手工作坊之外，學期中後當然就變得更自由，只要有興趣手把手帶大家實踐，或是想要推廣技術，都可以來提案想舉辦工作坊的意願。

希望透過這樣的方式，補足讓大家自學的缺點，並推動各項技術。

# 工作坊規劃

## 學期內的工作坊數量與內容

- 對所有人 (含行雲者外)
- 最多十次
- 下午開始
- 不供餐
- 最晚 11/01 要規劃完成

### 須注意

- 場地借用
- 演講內容
- 工作坊一週前要有試講
- 時間範圍：４～６小時
- 錄影存檔

### 可能內容

- Git、GitHub、Gitflow
- UI/UX、Adobe XD
- 框架的入門
- 前後端分離

### 可能時間

1. 10/30 (六): 網頁工作坊
2. 10/31 (日): Android APP 工作坊
5. ~~12/04 (六):~~
6. ~~12/05 (日):~~
7. 12/11 (六): PHP 工作坊
8. 12/12 (日): Git 工作坊
9. 12/18 (六): Vue.js 基礎工作坊
10. 12/19 (日): iOS 工作坊
11. ~~12/25 (六):~~
12. ~~12/26 (日):~~

### 下學期

# 工作坊列表

[TOC]

## 範例工作坊

### 基本資訊

- 主題
- 給工作坊一個標題
- 時間
- 日期：2021/10/16
- 時間：
- 預計教學時長：
- 場地
- 主顧 304
- 講者
- 月太 <[e-mail]>

### 內容

#### 介紹

這個工作坊會帶大家了解，如何規劃一個工作坊。
在規畫工作坊的時候，不論是如何宣傳、策畫都是有許多的眉角需要注意。
我們希望透過這個工作坊，可以有更多的人出來一起舉辦工作坊。

#### 前置條件

-

#### 涵蓋內容與技術

-

### 文件

- 簡報
- ???
- 共筆
- ???
- 範例
- ???
- 參考資料
- ???

### 相關時程

-

### 待辦事項

- 課程內容
- [ ] 製作簡報
- [ ] 製作範例
- [ ] 試講
- 宣傳
- [ ] 發宣傳文章至粉絲團
- [ ] 發宣傳信件
- [ ] 張貼宣傳海報

---

# 已結束

## 網頁工作坊

### 基本資訊

- 主題
- 建立屬於自己的網站
- 時間
- 日期：2021/10/30
- 時間：13:00 ~ 18:00
- 預計教學時長：
- 場地
- 主顧 324
- 講者
- 張孟軒，吳承佑，高執益

### 內容

#### 介紹

- 建立屬於自己的網站

#### 前置條件

- 無

#### 涵蓋內容與技術

- VSCode 安裝以及插件安裝
- HTML、CSS
- JavaScript
- Bootstrap

### 文件

- 簡報
- [簡報](https://docs.google.com/presentation/d/18XHEu7lf0slIs6Bbk8AxISlJQk_R3viGcc79H57Kngc/edit)
- 共筆
- ???
- 範例
- https://github.com/2434nijisanji/bootClass
- https://github.com/2434nijisanji/bootClassFinal
- 參考資料
- [Javascript Date()的應用 ](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Date)
- [網頁HTML表格的做法](http://140.129.118.16/~richwang/Database/TableShow.html)

### 相關時程
- 9/23 前確定技術可行性
- 10/2 前進行內容以及規劃
- 10/22 完成簡報以及範例
- 10/23 試講
- 10/29 前進行確認 完成修改

### 待辦事項

- 課程內容
- [ ] 製作簡報
- [ ] 製作範例
- [ ] 試講
- 宣傳
- [ ] 發宣傳文章至粉絲團
- [ ] 發宣傳信件
- [ ] 張貼宣傳海報
- [x] [KKTIX 報名頁](https://cmrdb.kktix.cc/events/4e6adf48)

<iframe class="kktix" src="https://kktix.com/tickets_widget?slug=4e6adf48" frameborder="0" height="420" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe>

---

## Android APP 工作坊

### 基本資訊

- 主題
- 做一張自己的電子名片八
- 時間
- 日期：2021/10/31
- 時間：13:00 ~ 18:00
- 預計教學時長：
- 場地
- 主顧 324
- 講者
- 🐟🐟🐟

### 內容

#### 介紹

- 做一張自己的名片

#### 前置條件

- Android Studio 環境安裝
- Android 裝置
- 傳輸線

#### 涵蓋內容與技術

- Android Studio 環境安裝
- Layouts、TextView、ImageView、Button等元件的使用
- 自訂義元件外型
- 引用套件
- XZing

### 文件

- 簡報
- [簡報](https://docs.google.com/presentation/d/10ZOmLLchfT0dURdjtjoKABArqat6aqcP/edit?usp=sharing&ouid=112790736309147367879&rtpof=true&sd=true)
- 共筆
- ???
- 範例
- https://github.com/???/???
- 參考資料
- ???

### 相關時程

- 10/03 -> 10 前完成範例
- 10/17 前完成簡報
- 10/24 前完成試講

### 待辦事項

- 課程內容
- [ ] 製作簡報
- [ ] 製作範例
- [ ] 試講
- 宣傳
- [ ] 發宣傳文章至粉絲團
- [ ] 發宣傳信件
- [ ] 張貼宣傳海報
- [x] [KKTIX 報名頁](https://cmrdb.kktix.cc/events/zywtg85b)

<iframe class="kktix" src="https://kktix.com/tickets_widget?slug=zywtg85b" frameborder="0" height="420" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe>

---

# 尚未舉辦

## GIT 工作坊

### 基本資訊

- 主題
- GIT 是什麼？
- 時間
- 日期：2021/12/12 (日)
- 時間：
- 預計教學時長：3 小時
- 場地
- 主顧 320
- 講者
- 邱文也

### 內容

🍌🍌🥔🍌🍌

#### 介紹

版本控制是工程師、設計師等等，只要有需要一直修改資料的工作，所需要的控制版本的工具，具備一定專案經驗的製作人員肯定對他不陌生。如果你使用過 Adobe 的 PS 來修圖，你應該有類似的經驗：

設計出的成品在經過一次次的討論以及改版後，主管看完卻跟你說：「哎啊，我覺得上次的版本好像比較好看欸！」，於是你又花了兩三個小時還原更動，甚至重新調整設計... 又浪費了美好的下午時光呢！

那要怎麼解決這個問題呢？在這個流程中加入版本控制，就可以馬上找出上一次的版本，然後~~砸在主管臉上~~就可以直接拿來用了。

不過即使把檔案複製一份，然後重新命名為 v1, v2v v3...，也是可以達成啊！雖然這也是版本控制，但 Git 能更好的達成與儲存。究竟有什麼差異呢？待工作坊為大家介紹！

這個工作坊會帶大家認識 Git，並了解 Git 的基本指令、運作模式。還有行雲者採用的 git flow，並且現場使用 Git 與 GitLab 來做操作練習。這些都是不能錯過的重要技能！能不能做事有效率還得靠版本控制的能力，有了它就像哈利波特有了手杖，法力更上一層樓～

#### 前置條件

需要有電腦

#### 涵蓋內容與技術

- Git 基本內容
- git flow

### 文件

- 簡報
- [PPT]()
- 共筆
- ???
- 範例
- ???
- 參考資料
- ???

### 相關時程

- 12/5 前完成工作坊教學簡報
- 12/09 前完成試講

### 待辦事項

- 課程內容
- [ ] 製作簡報
- [ ] 製作範例
- [ ] 試講
- 宣傳
- [ ] 發宣傳文章至粉絲團
- [ ] 發宣傳信件
- [ ] 張貼宣傳海報

# 延期

## Vue.js 工作坊

### 基本資訊

- 主題
- Vue3 實作一個簡單的 To Do List 🎣🎣🎣
- 時間
- 日期：----/--/--
- 時間：
- 預計教學時長：
- 場地
- 主顧 ???
- 講者
- 陳泓亦

### 內容

#### 介紹

🍌🍌🥔🍌🍌

#### 前置條件

- 環境安裝
- [VSCode - Vue Language Features (Volar)](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
- 網頁基礎(HTML,CSS,JavaScript)
- DOM

#### 涵蓋內容與技術

- 功能
- 展示任務
- 完成，已完成，所有
- 新增任務
- 刪除任務
- 統計任務數量
- 清空所有任務

### 文件

- 簡報
- [簡報](https://docs.google.com/presentation/d/1KXkYAAMEK37F7oF_MAOfK_-OBWJ4FqMa/edit?usp=sharing&ouid=103869072193828033514&rtpof=true&sd=true)
- 共筆
- ???
- 範例
- ???
- 參考資料
- [Vue.js](https://v3.vuejs.org)
- [重新認識 Vue.js](https://book.vue.tw/CH1/1-1-introduction.html)

### 相關時程

- 10/23 製作範例
- 11/27 製作簡報
- 11/28 試講

### 待辦事項

- 課程內容
- [ ] 製作簡報
- [ ] 製作範例
- [ ] 試講
- 宣傳
- [ ] 發宣傳文章至粉絲團
- [ ] 發宣傳信件
- [ ] 張貼宣傳海報

---

## PHP 工作坊

### 基本資訊

- 主題
- 給工作坊一個標題
- 時間
- 日期：----/--/--
- 時間：
- 預計教學時長：
- 場地
- 主顧 304
- 講者
- 李欣玲

### 內容

#### 介紹

#### 前置條件

-

#### 涵蓋內容與技術

-

### 文件

- 簡報
- ???
- 共筆
- ???
- 範例
- https://gitlab.com/xinling__0915/guestbook
- 參考資料
- ???

### 相關時程

- 10/30 製作範例
- 11/21 製作簡報
- 12/5 試講

### 待辦事項

- 課程內容
- [ ] 製作簡報
- [ ] 製作範例
- [ ] 試講
- 宣傳
- [ ] 發宣傳文章至粉絲團
- [ ] 發宣傳信件
- [ ] 張貼宣傳海報

---

## IOS 工作坊

### 基本資訊

- 主題
- 說明工作坊是什麼
- 時間
- 日期：----/--/-- (日)
- 時間：
- 預計教學時長：
- 場地
- 主顧 304
- 講者
- 李文鵬、鍾雨璇

### 內容

#### 介紹

這個工作坊會帶大家了解，如何規劃一個工作坊。
在規畫工作坊的時候，不論是如何宣傳、策畫都是有許多的眉角需要注意。
我們希望透過這個工作坊，可以有更多的人出來一起舉辦工作坊。

#### 前置條件

#### 涵蓋內容與技術

-

### 文件

- 簡報
- ???
- 共筆
- ???
- 範例
- ???
- 參考資料
- ???

### 相關時程

- 11/01 前完成工作坊技術可行性、成品範例
- 11/14 前完成工作坊教學簡報
- 11/21 前完成試講

### 待辦事項

- 課程內容
- [ ] 製作簡報
- [ ] 製作範例
- [ ] 試講
- 宣傳
- [ ] 發宣傳文章至粉絲團
- [ ] 發宣傳信件
- [ ] 張貼宣傳海報

# 取消

## ~~Flutter 工作坊 (取消)~~

:::spoiler

### 基本資訊

- 主題
- 做個 FoodPanda 的 UI
- 時間
- 日期：----/--/--
- 時間：
- 預計教學時長：
- 場地
- ???
- 講者
- 文也 <[e-mail]>

### 內容

#### 介紹

這個工作坊會帶大家了解如何刻畫面，做出 FoodPanda 的畫面。

#### 前置條件
-

#### 涵蓋內容與技術

- 如何使用套件
- 如何閱讀官方文件
- Animation 的教學
- 基礎元件教學
- 入門 Flutter

### 文件

- 簡報
- ???
- 共筆
- ???
- 範例
- https://drive.google.com/drive/folders/1Iiylo1AopBcsx54uEaQVJnU4XMsOSg91
- 參考資料
- ???

### 相關時程
- 10/17 前確定技術可行性
- 10/31 前完成範例
- 11/12 前完成簡報

### 待辦事項

- 課程內容
- [ ] 製作簡報
- [ ] 製作範例
- [ ] 試講
- 宣傳
- [ ] 發宣傳文章至粉絲團
- [ ] 發宣傳信件
- [ ] 張貼宣傳海報
- [ ] KKTIX 報名頁

:::