---
# System prepended metadata

title: IEH Workshop006：進階程式設計二

---

# IEH Workshop006：進階程式設計二

程式設計課程規定(違規視情況扣分，並影響學期末成績。)
1. 上課時請專心,禁止玩遊戲。下課時間可以玩遊戲沒問題。
2. 課程中若需要討論,請控制音量,不要干擾其他同學。
3. 每次的課堂作業,應於當天完成。
4. 課堂中有問題,請舉手發問。
5. 課堂中禁止飲食,只能帶水至教室。

* https://ieh.mattc.art
* https://editor.p5js.org

# Deploy 部署/發佈
## Editor 編輯器
p5.js 編輯器只是用來方便程式開發，開發出的程式還不算是真正的網頁，算是半成品，還需要經過部署才能上線。

## Local 本地端
本地端指的是平常用來開發的家用電腦，將 p5.js 編輯器的檔案匯出到本地端後，可以在瀏覽器中看到與編輯器相同的輸出結果。

## Server 伺服器端
伺服器相當於一台一直保持開機的電腦，若將本地端的網頁素材上傳到伺服器，便能讓任何人透過網路存取。

### 伺服器部署
* 註冊cloudflare帳號
https://pages.cloudflare.com/
https://10minutemail.net/
若有自己Email的人可使用自己私人Email註冊cloudflare，若沒有私人Email可暫時用10minutemail註冊，缺點是如果忘記Email，下次要重新註冊
* 進入Workers & Pages頁面
* 上傳檔案
* 最終結果(可能需等待約5分鐘時間同步結果) 
https://p5js-1q4.pages.dev/

## 課堂作業
https://chat.openai.com/
請發揮創意，使用 ChatGPT 生成任意 p5.js 程式，將其部署到伺服器，並將網址填寫至下方表單。
https://docs.google.com/spreadsheets/d/10j6PWivijgIH-0jbTb3e6vVHy8hoja5oujozwjPRAPs/edit?usp=sharing


