iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
自我挑戰組

一塊板子,兩個腦袋:Arduino UNO Q 30 天實戰 系列

Arduino 玩了二十年,終於不只會控制 LED!

Arduino UNO Q 把微控制器與微處理器放在同一塊板子上,既能用 C++ 處理即時控制,也能以 Python 執行 Linux、Web 與邊緣 AI。

本系列將用 30 天,從 App Lab、GPIO、感測器與馬達開始,架起 MCU 與 MPU 的橋梁,再加入網頁互動、影像辨識及雲端服務,每篇都會完成可執行成果,最後整合成能感測、控制、連網並具備 AI 的智慧裝置,希望能讓讀者了解 Arduino 如何從一顆 LED 開始,走向廣泛用在電動車與機器人的雙大腦邊緣運算架構。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21|用顏色讓頁面更醒目

管理畫面已經置中,今天要讓 ON 與 OFF 一眼就能分辨。 id 與 class 各有不同用途 Day 19 的狀態元素同时具備 id="st...

2026-08-21 ‧ 由 ted99tw 分享
DAY 22

Day 22|用幾何優化按鈕外觀

ON/OFF 已經有清楚顏色,今天要讓遠端按鈕看起來真的可以操作。 按鈕要看得出可以操作 控制介面的按鈕需要足夠大的點擊範圍,文字與背景要有清楚對比,游標...

2026-08-22 ‧ 由 ted99tw 分享
DAY 23

Day 23|用 JavaScript 增加互動性

靜態管理畫面已完成,今天開始讓 JavaScript 找到畫面上的元素。 DOM 是 JavaScript 看到的頁面 瀏覽器讀取 HTML 後,會將標籤...

2026-08-23 ‧ 由 ted99tw 分享
DAY 24

Day 24|接住使用者互動操作事件

JavaScript 已找到按鈕,今天要接住使用者每一次點擊。 瀏覽器以事件驅動互動 網頁程式不會一直詢問按鈕是否被按下,而是先登記一個 click ca...

2026-08-24 ‧ 由 ted99tw 分享
DAY 25

Day 25|把前端 Web 操作送到後端 Python

瀏覽器已能接住點擊,今天要把這個操作送到 Python,再交給 MCU。 Socket.IO 負責傳送瀏覽器事件 JavaScript 需要先建立 Soc...

2026-08-25 ‧ 由 ted99tw 分享
DAY 26

Day 26|用 Python 主動更新網頁狀態

Web 按鈕已能控制實體 LED,今天要讓網頁等 MCU 回報後再更新狀態。 Python 推送固定資料格式 Day 16 已建立 {"stat...

2026-08-26 ‧ 由 ted99tw 分享
DAY 27

Day 27|從 Web 串起遠端控制完整路徑

驗收前固定初始條件 重新啟動 App,確認 D2 依 ledState = false 初始化為熄滅,管理頁面初始顯示 OFF,Python Edge Ser...

2026-08-27 ‧ 由 ted99tw 分享
DAY 28

Day 28|從現場串起遠端控制完整路徑

驗收前開啟兩個觀察位置 啟動 App 並開啟管理頁面,同時保留 Python Console,先以頁面目前文字與 D2 實體狀態建立基準。 本日不要先點擊 W...

2026-08-28 ‧ 由 ted99tw 分享
DAY 29

Day 29|解決現場與網頁各說各話

六條狀態規則 最終系統固定遵守以下規則。 ledState 只由 MCU 保存。 D9 與 Web 都呼叫 toggle_led()。 Python 不建...

2026-08-29 ‧ 由 ted99tw 分享
DAY 30

Day 30|最終驗收 Edge Box 3.0

驗收一|現場控制 啟動 App 後,確認 D2 依 ledState 初始值顯示熄滅,管理頁面開啟,Python Edge Service 保持待命。 按下...

2026-08-30 ‧ 由 ted99tw 分享