電腦是一片浩瀚的海洋，而我，只是在海灘上撿拾貝殼的-小孩。

程式語言是這個世界上最難掌握的語言之一，其複雜程度遠遠超出一般的種族的語言，令人難以想象。
而程式所組成的魔法，同樣也是傳說中最難掌握的魔法之一，而且據說程式語言只有頂尖的人才能掌握，和遊戲這類應用程式全然不同，人類根本掌握不了...
如果我能懂得程式，那麼所有的人工智慧將不再困難...

115學年第1學期課程規劃與準備：

用人工智慧協助學習與撰寫網頁。

焊接電路板

用人工智慧協助撰寫人機互動網頁

1. 登入google chrome

2. 確認可以登入【因材網】

3. 確認可以登入【Gemini】

4. 確認可以登入【ChatGPT】

5. 確認可以找到 【www.myiot.idv.tw】的網站

第3周：6/1-6/5

測驗題必填

¨ 作業一：完成後請將結果分享連結寄送至kuoderan2013@gmail.com，主旨：國風國中 XXX 作業1

● 使用搜尋軟體找出2處國外的著名景點，再使用AI軟體製作一個簡報檔介紹景點。

¨ 作業二：完成後請將結果分享連結寄送至kuoderan2013@gmail.com，主旨：國風國中 XXX 作業2

●   使用AI寫作一個網頁，介紹作業一的景點。需有地圖標示與景區照片。

第2周：5/26-5/29

• 4 digit 7-segment LED display module (3641BH) driven by two serial 74HC595’s (Pin Latch 4, Clock 7, Data 8)

• 4 Red LEDs (Pin 10,11,12,13) [D1-13, D2-12, D3-11,D4-10]

• 10K potentiometer (Pin A0) [Vr-A0]

• 3 x push buttons (Pin A1, A2, A3) [S1-A1, S2-A2, S3-A3]

• Piezo buzzer (Pin 3 digital ON/OFF) [LS1-3]

=====================================

Gemini GEM 設定 名稱：四位數七段顯示器

1. LED1->LED4連接在 D13->D10，低電位時發光。

2. 主動式蜂鳴器連接在D3，低電位時發出1KHz聲音。

3. VR (10K) 連接在 A0。

4. Push buttons SW1->SW3 連接在 A1->A3 ，按下時為低電位。

5. The 4-digit 共陽極 LED display (3641BH) 使用兩個74HC595串接控制，

(Latch->D4，Clock->D7，Data->D8)。

第一筆data：傳送Segment Map，決定點亮字節a->g分別連接在74HC595 bit0->bit6，小數點->bit7。

第二筆data：傳送「位碼」(Segment Select)，決定哪一位數要發光。從左到右分別連接在74HC595 bit0->bit3。

=============================================================

1. 【在arduino 上做一個計時器，SW1啟動，SW2暫停，SW3重置，在7段顯示器上顯示時間。並且透過USE與processing連線，在螢幕上同步呈現計數器的時間 】

2. 【在processing 上畫三個按鍵圖形，分別對應arduinoSW1~SW3，用滑鼠控制processing的按鈕，以控制arduino 上計時器的動作 】

3.  【設計一個火箭發射模擬動畫。按下按下S1從10秒開始倒數計時。到達0的時候，Processing的火箭開始啟動上升，同時在Arduino上的LED4-LED1呈現跑馬燈效果。按下S2緊急暫停計數，按下S3重置。】

4. 【修改processing的動畫效果，當火箭飛行至畫面中間時，火箭本體不再上升，改成移動背景的宇宙星系，模擬出在太空飛行的效果。】

第一周：5/18-5/22

● 使用不同的AI軟體針對同一問題觀察他們的回答，分別使用Google Gemini、ChatGPT、Perplexity進行比較

²  註冊並登入 Google Gemini、ChatGPT、Perplexity

²  輸入問題【小說【紅樓夢】裏提到的美食，有哪幾道菜使用了目前的保育類生物，分別是那些動植物?】

²  比較答案的產出方式

● 用Gemini繪製繪製一幅描寫唐詩【楓橋夜泊】意境的圖片

²  產生圖片

● 利用剛剛完成的圖片完成一個具備圖與【楓橋夜泊】文字的網頁，並且介紹這首詩的意境與作者簡介的網頁

²  下載並儲存網頁與相關附件檔，並且用瀏覽器打開呈現作品

²  如果在網頁裡無法看見圖片的原因是什麼?

²  可以增加網頁的特效。

• 網頁html檔的基本格式為何? 

● 自由發揮撰寫網頁

Ø  設計一個打磚塊遊戲，用滑鼠控制

Ø  設計一杯正在冒著渺渺輕煙的熱咖啡

Ø  設計一個【吃角子老虎】

Ø  還可以設計甚麼樣的有趣的網頁

相關知識：

¨ 作業二：

● 進入TinkerCAD： 3D繪圖與簡易電路模擬

²  註冊並登入TinkerCAD

²  右上角選【建立】【電路】

²  選擇Arduino UNO R3

直接執行 

將程式碼從區塊改程式

改變閃燈速度

● 增加一顆LED到第10腳，一個電位器到A0

²  用電位器控制LED的閃爍速度

● 增加一個Neopixel燈條8LED到第6腳

²  設計一個霹靂燈

²  用電位器控制燈條亮燈數量

● 增加一個Neopixel Ring燈條12 LED到第5腳

²  設計一個跑馬燈

● 增加一個七段時鐘顯示器，SDA à A4，SCL à A5。另外接3個開關分別在2、3、4三支接腳。

²  設計一個時鐘，顯示分與秒。

²  設計一個3分鐘倒數計時器

準備工作：

1. 啟動Google Chrome：右上角登入單一入口帳號 XXXX@mail.hlc.edu.tw 電子郵件。

   • Google Chrome瀏覽器帳號登入同步與刪除說明：這樣你登入ChatGPT、Gemini...登入上課用軟體就方便多了。

   • 安全說明：使用別人的電腦別再登出Chrome瀏覽器?請注意自己帳號的安全，共用電腦或公共電腦使用之後請記得登出。

2.  Gemini：Google 的AI人工智慧對話軟體，在螢幕右上角應用程式內，先用免費版就好，登入。
   備用人工智慧ChatGPT：就是OPEN AI的人工智慧對話軟體Google 的AI人工智慧對話軟體。註冊、登入。

3. 啟動 Processing ：在開始功能表的應用程式裡。

4. 
   

🟥🟧🟨🟩🟦🟪🟫⬛⬜🟥🟧🟨🟩🟦🟪🟫⬛⬜🟥🟧🟨🟩🟦🟪🟫⬛⬜🟥🟧🟨🟩🟦🟪🟫⬛⬜🟥🟧🟨🟩🟦🟪🟫⬛⬜

參考資料視需要使用： 

4. • 1. Perplexity：是一個即時整合多種 AI 模型與網絡的智能搜尋引擎

     2. Inkscape：向量繪圖軟體，用來產生雷射切割檔案

     3. Keuwl：安卓手機藍芽連結APP

     4. NotebookLM AI：Google 的AI資料整理。註冊、登入。

     5. Gamma ：投影片生成軟體用這個聯結推薦+200點AI點

     6. GitHub：版本控制，範例程式放置

     7. WOKWI：模擬電路與程式

     8. Multisim：是電路教學應用軟體，適用於類比、數位與電子電力的課程與實驗。

01月02日：

【使用processing 設計一個打磚塊遊戲 】

【修改得分規則：擊中最下面一排到最上面一排得分為(2,4,8,16,32) 】

【將processing 的功能改成網頁版本 】

開啟記事本 貼上 存檔 修改類別 *.* 存檔檔名 index.html

【設計一個網頁，將圖片檔案images.jpg 從螢幕右側緩緩移動到左側。 】

【用processing 製作出相同的效果 】

12月26日：

今日使用的講義

12月19日：

今日使用的講義

今日使用電路

參考連結1

參考連結  、 手冊  、 十進制計數 、 十六進制計數器

12月12日：

參考連結1

11月28日：

參考答案連結

11月21日：

科目一：Processing 使用

1. 開啟Gemini：就是使用人工智慧對話軟體，註冊並登入。

2. 啟動Processing：安裝路徑在選單 P 開頭的區域

3. 請AI用Processing寫一個程式，在螢幕上繪製一個紅色的圓。複製產生的程式碼到Processing。

   1. • 技能：繪製靜態畫面。學會將AI產生的程式碼貼到正確程式中執行。

      • 快速鍵提示：CTRL+A(全選)，CTRL+V(貼上)，CTRL+C(複製)

      • 變化：指定圖案大小，更換內容，產生一個簡單動畫。    畫一個101大樓。  畫一個城市夜景，背後的大樓燈光會明滅閃動。 ...

4. 用Processing繪製一個紅的圓。當滑鼠左鍵在圓中間按下時，變成草綠色。當滑鼠右鍵在圓中間按下時，變回紅色。

   1. • 技能：繪製與滑鼠互動的圖案。

      • 變化：用鍵盤互動，更換內容，產生一個簡單動畫。

5. 用Processing 製作一個聖誕夜風景，有樹木，天空有星星在閃爍，按一下滑鼠左鍵，聖誕老人從天空越過。

5. 1. 啟動 Arduino IDE 

      • ESP32開發板

      • Arduino UNO 開發板設定為 Nologo ESP32 C3 Super MINI  或 MakerGo ESP32C3 Supermini

      • 按鈕button： GPIO09、藍色LED  ：GPIO08

   2. 用範例完成一個閃爍程式。檔案 --> 範例  -->01.Basics -->Blink。

   3. 用AI寫一個程式，啟動後以LED亮1秒滅1秒。按一下按鈕以LED亮0.3秒滅0.7秒，再按一下按鈕恢復成LED亮1秒滅1秒，依次循環。

6.  讓Processing繪製一個紅的圓。當滑鼠左鍵在圓中間按下時，變成草綠色，同時讓ESP32 的LED閃爍。當滑鼠右鍵在圓中間按下時，變回紅色，同時同時讓ESP32 的LED熄滅。ESP32 的LED接在GPIO8。

7.  讓Processing在螢幕上繪製一個紅的圓。當ESP32 的按鈕按一下放開後，螢幕上的圓變成草綠色，同時讓ESP32 的LED閃爍。當當ESP32 的按鈕再按一下放開後，螢幕上的圓變回紅色，同時同時讓ESP32 的LED熄滅。ESP32 的按鈕接在GPIO9。

課程大綱：

課程主題：ESP32-C3 智慧光影互動系統設計 (Arduino IDE 版)

2025-11-12

創思：建立個人協作平台，可以記錄工作進度與項目。安裝 processing程式、更新Arduino IDE。

Lesson1：寫一個Processing的程式，使用滑鼠控制螢幕圖形的顏色或形狀。

Lesson2：寫一個Processing的程式，使用滑鼠或鍵盤控制螢幕ESP32 C3制WS2812 LED燈顏色。(電腦上同步顯示)

用鍵盤控制：R-紅，G-綠，B-藍，P-紫，D-熄滅，L-白光(電腦上同步顯示)

用滑鼠控制：按一下滑鼠左鍵：紅，綠，藍，紫 輪流換色。按一下右鍵：熄滅 與白光輪流點亮(電腦上同步顯示)

Lesson3：繼續Lesson2並用滑鼠拉動螢幕滑桿控制WS2812 LED燈閃燈速度。

Lesson4：繼續Lesson3且可以讀取ESP32 C3的使用者按鍵(按鈕button： GPIO09 )並在螢幕顯示按下次數。

解法：

在控制板選項確認是否有 ESP32，如果沒有請安裝 【ESP32】。

我們使用ESP32C3 悟空板 ESP32-C3 MiNi开发板 晶片使用ESP32-C3FN4晶片：技術資料 (這個跟一般的ESP32 C3 mini 不一樣，接腳與內建LED燈)

安裝ESP32需要其他開發板管理員網址：

https://arduino.me/packages/esp32.json

https://raw.githubusercontent.com/damellis/attiny/ide-1.6.x-boards-manager/package_damellis_attiny_index.json

https://raw.githubusercontent.com/digistump/arduino-boards-index/master/package_digistump_index.json

在驅動程式庫確認是否有【Adafruit_NeoPixel】，如果沒有請安裝。

WS2812 程式庫有多個：為了上課一致我們用Adafruit NeoPixel 。其他還有：Adafruit NeoMatrix 、Adafruit GFX Library By Adafruit、FastLED By Daniel Carcia

Arduino UNO 開發板設定為 Adafruit QT Py ESP32-C3

按鈕button： GPIO09

WS2812LED：GPIO08，一顆

設定ESP32-C3：【工具】【其他開發板及連接埠】【開發板】【QT】【選擇 Adafruit QT Py ESP32-C3】

準備：

對話：ESP32 C3 內建一顆 ws2812 LED在PIO8，按鈕在PIO9。請修改下列程式：將範例->Adafruit_NeoPixel->buttoncycler貼上

第一題：

啟動Processing程式

對話：寫一個Processing的程式，在螢幕上畫出房屋圖案，使用滑鼠控制改變牆壁的顏色。

第二題：

對話：將牆壁的顏色透過USB傳送到ESP32，並讓GPIO 8的LED跟著變成牆壁的顏色

課程大綱：

課程主題：ESP32-C3 智慧光影互動系統設計 (Arduino IDE 版)

2025-11-05

創思：建立個人協作平台，可以記錄工作進度與項目

Lesson1：使用ESP32 C3模組控制WS2812 LED燈。

工作一：紅-綠-藍-紫間隔點亮

Lesson2：使用ESP32 C3模組透過USB輸入字元控制WS2812 LED燈

工作二：R-紅，G-綠，B-藍，P-紫，D-熄滅，L-白光

Lesson3：使用ESP32 C3模組透過USB輸入字元控制WS2812 LED燈閃燈速度

工作三：RX-紅，GX-綠，BX-藍，PX-紫，D-熄滅，LY-白光；X：1-5代表每秒閃爍次數。Y：50-200代表亮度。

分數紀錄1：Lesson3完成：同時代表Lesson1、Lesson2皆完成。Lesson2完成：代表Lesson1與Lesson2皆完成。

內建的 ws2812 在PIO8，按鈕在PIO9

2025-06-03

第一小時：準備

1.在桌面上找到Arduino UNO程式並啟動它，【確認可以執行】。如果無法執行請舉手。

2. 在桌面上找到Processing程式並啟動它，【確認可以執行】。如果無法執行請舉手。

3.啟動chrome瀏覽器，打開網址【www.myiot.idv.tw】。如果無法打開網頁請舉手。

4.開啟chrome瀏覽器的新分頁，打開網址【ChatGPT.com】。如果無法打開網頁請舉手。

5.開啟Arduino IDE編譯器。

連接上 Arduino 開發板，在Tools確認 板子型號(ARDUINO UNO)與序列埠(不使用COM1、COM2)

6.在chatGPT下達腳色扮演命令，【你是一位Arduino 與processing的程式設計師】
在【www.myiot.idv.tw】首頁找到【Arduino】，在上方標籤找到【Multifunction shields】，點選【HAILANGNIAO Multi-Function shield V2】找到【Code Examples】向下找到【segment display】將該段程式碼複製貼到Arduino UNO中，然後在下列幾行加入註解：

/* Update the display with the current counter value */

WriteNumberToSegment(0 , 4);  //千位數

WriteNumberToSegment(1 , 5);  //百位數

WriteNumberToSegment(2 , 6);  //十位數

WriteNumberToSegment(3 , 7);  //個位數

}
將這個程式編譯後看結果。

提示：善用 CTRL+A、CTRL+V

7.將上述程式給ChatGPT解析。
然後讓ChatGPT協助設計一個具備分與秒的電子鐘

8.讓電腦螢幕與Arduino同步顯示【在Processing上繪製四個數字顯示圖形，用USB與Arduino連線，將剛剛Arduino的七段顯示器上的數值顯示在Processing上面】

9. 加上按鍵控制功能【SW1：加快速度】、【SW2：暫停計數】、【SW3：重置為0】。

10.可以用板子上的按鍵，LED等與Processing製作一個遊戲。 

2025-05-27

我在arduino UNO上連接4顆LED(D10-13)，請幫我設計一個程式，讓LED以霹靂燈方式點亮

現在增加一個使用MX1279的8X8LED模組，Din(D5)、CS(D6)、CLK(D9)。

用processing製作一個打外星人的遊戲

2025-05-13

第一小時：準備

1.在桌面上找到Arduino UNO程式並啟動它，【確認可以執行】確認可以執行後請【關閉程式】。如果無法執行請舉手。

2.啟動chrome瀏覽器，打開網址【www.myiot.idv.tw】。如果無法打開網頁請舉手。

3.開啟chrome瀏覽器的新分頁，打開網址【chatgpt.com】。如果無法打開網頁請舉手。

4.開啟Arduino IDE編譯器。

連接上 Arduino 開發板，在Tools確認 板子型號(ARDUINO UNO)與序列埠(不使用COM1、COM2)

5.在chatGPT下達腳色扮演命令，【你是一位Arduino 與processing的程式設計師】
【我在Arduino 上接了四顆LED1-4分別連接在arduino的pin13-10，LED是低電位時發光】
【幫我設計一個輪流點亮LED1-4的程式】

提示：善用 CTRL+A、CTRL+V

6.按下開關S1讓LED1-4輪流亮起，不斷重複。
按下開關S2讓LED1-4暫停。
按下開關S3讓LED1-4反向輪流亮起，不斷重複。

7.將七段顯示器的參考範例給AI分析。

8.在七段顯示器上從0向上計數。

9. 在七段顯示器上從100倒數計時。

10.在七段顯示器上從30倒數計時，到達0的時候，蜂鳴器發出警報聲3秒鐘。 

2025-05-07

第一小時：準備

1.在桌面上找到Arduino UNO程式並啟動它，【確認可以執行】確認可以執行後請【關閉程式】。如果無法執行請舉手。

2.啟動chrome瀏覽器，打開網址【www.myiot.idv.tw】。如果無法打開網頁請舉手。

進階：如果你記得你的教育處帳號密碼，可以在chrome右上角登入帳號，方便後續的軟體認證。

3.開啟chrome瀏覽器的新分頁，打開網址【wokwi.com】。如果無法打開網頁請舉手。

進階：請用你的教育處帳號  OOO@mail.hlc.edu.tw 註冊會員，可以用電子郵件認證，這裡的密碼可以與你電子郵件的密碼不同。

4.開啟chrome瀏覽器的新分頁，打開網址【chatgpt.com】。如果無法打開網頁請舉手。

進階：請用你的教育處帳號  OOO@mail.hlc.edu.tw 註冊會員，可以用電子郵件認證，這裡的密碼可以與你電子郵件的密碼不同。

5. 在開始功能表找到Processing程式並啟動它，【確認可以執行】確認可以執行後請保留畫面不要關閉等一下將立刻使用。

第二小時：練習使用ChatGPT來撰寫程式

1.用AI撰寫程式讓Peocessing畫出二個圓，分別為深紅與深藍。

提示詞：【你是一位processing的程式設計師，幫我在螢幕上畫出二個圓，分別為深紅與深藍】

技巧：複製後，移動至processing程式編輯區先用CTRL+A

2.用AI修改上述程式，當滑鼠在深紅的圓內按下左鍵後，深紅的園變成亮紅，按下右鍵時從亮紅變回深紅。

3.藍色的圓形也試試看可以用滑鼠來改變顏色嗎?

4.可以在電腦上畫出簡單的圖案如：雪人或農莊，可以加上一些細節或顏色的描述。

5. 你可以用Processing 產生一個模擬雷達掃描的畫面嗎?

第三小時：練習使用wokwi.com來繪製Arduio模組連接圖

1.啟動【simon-with-score】範例。並且執行。

2.開啟一個只有Arduino 板子的電路，並且加上一顆LED。VCCàLEDà1K電阻(RESISTOR)àD5。

3.用ChatGPT寫一個程式讓LED發光。亮與滅的時間比例為1比7。

4.在剛剛的電路上再加上一顆LED連接在D6。

5.用ChatGPT寫一個程式讓兩個LED輪流發光。

7.重新啟動一個只有Arduino 板子的電路，並加上一個點矩陣顯示器(LED Dot Matrix with MAX7219，搜尋MAX7219)。在點矩陣顯示器的上方有一個?號請點一下，選擇Etch A Sketch game。執行看看。

8.將左側範例程式複製後，問ChatGPT，請他幫你註解。

技巧：在ChatGPT對話框內可以用SHIFT+ENTER來達成換行。

9.今天我學會了那些能力?至少寫出5個。 

第四小時：練習使用Processing製做一個打磚塊的遊戲

1.規劃：控制方式□鍵盤 □搖桿，磚塊水平與垂直數量 _____、______。球拍大小 ______。

磚塊顏色數量、每種顏色得分：

得分顯示位置：                               作者顯示位置：

教學用軟體

arduino 已經安裝好，2.0以後的版本啟動後升級--> 系統要求安裝、允許都給同意或按下安裝

processing 下載點

chatGPT 進入點

模擬軟體 https://wokwi.com/

W3Cschool

AI 算圖

AI勵志演講短片，10分鐘實現百萬點擊｜用文字剪輯

復旦人工智能教授：未來3-5年，哪些工作會被AI取代？