iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 1 留言 308 瀏覽

鐵人賽自我挑戰組 DAY 1

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 1 篇

技術 Day 1｜一塊板子，兩個腦袋

Day 1｜一塊板子，兩個腦袋用 Arduino UNO Q 製作一套兼顧現場控制與遠端管理的智慧路口 Edge Box Arduino 從微控制器走向...

ted99tw ‧ 2026-08-01

0 Like 0 留言 271 瀏覽

鐵人賽自我挑戰組 DAY 2

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 2 篇

技術 Day 2｜工欲善其事，先把 App Lab 架好

App Lab : 同時包含MCP和MPU程式開發傳統 Arduino IDE 主要處理 Sketch，將 C++ 程式編譯後送進微控制器，App Lab...

ted99tw ‧ 2026-08-02

0 Like 0 留言 233 瀏覽

鐵人賽自我挑戰組 DAY 4

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 4 篇

技術 Day 4｜接上第一個號誌輸出

上一篇我們已建立 Edge Box 的完整目錄，MCU、Python 與網頁檔案都有固定位置，我們今天要修改 MCU 端程式，讓 D2 腳位 LED 成為智慧...

ted99tw ‧ 2026-08-04

0 Like 0 留言 217 瀏覽

鐵人賽自我挑戰組 DAY 5

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 5 篇

技術 Day 5｜如何管理號誌燈

點亮 LED 只是第一步，接下來更重要的問題是：當現場按鈕與遠端命令都能操作這盞燈時，誰來記住它現在究竟是亮還是滅？接下來要為號誌燈建立統一的狀態管理方式，讓...

ted99tw ‧ 2026-08-05

0 Like 0 留言 204 瀏覽

鐵人賽自我挑戰組 DAY 3

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 3 篇

技術 Day 3｜看懂 Edge Box 專案結構檔案

Day 3｜先看懂 Edge Box 專案結構檔案建立完整專案骨架，確認 MCU、Python 與網頁檔案都放在正確位置。專案目錄 UNO Q 的 A...

ted99tw ‧ 2026-08-03

0 Like 0 留言 178 瀏覽

鐵人賽自我挑戰組 DAY 20

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 20 篇

技術 Day 20｜用 CSS 渲染頁面

狀態區與按鈕已經出現在頁面上，今天要用 CSS 把畫面整理成控制台。 CSS 負責外觀而不是結構 HTML 說明頁面有哪些元素，CSS 則決定這些元素如何排...

ted99tw ‧ 2026-08-20

0 Like 0 留言 171 瀏覽

鐵人賽自我挑戰組 DAY 6

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 6 篇

技術 Day 6｜為 Edge Box 加上實體按鈕

現在號誌燈的狀態已經有了統一的管理方式，但真正的控制箱不能每次都靠修改程式來操作，今天要加上一顆實體按鈕，讓現場人員只要動手一按，就能直接向 MCU 下達指令...

ted99tw ‧ 2026-08-06

0 Like 0 留言 170 瀏覽

鐵人賽自我挑戰組 DAY 19

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 19 篇

技術 Day 19｜為網頁添加控制項

第一個 HTML 頁面已能開啟，今天要放上狀態顯示區與遠端切換按鈕。管理畫面需要兩個核心元素狀態區負責呈現 MCU 回報的結果，按鈕則是未來發出遠端操作...

ted99tw ‧ 2026-08-19

0 Like 0 留言 167 瀏覽

鐵人賽自我挑戰組 DAY 7

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 7 篇

技術 Day 7｜按一下再切換，別讓燈一直跳

前一天我們發現只要按住按鈕，燈號就會持續切換，問題在於程式只知道按鈕目前被按下，還分不出是「剛按下」還是「持續按住」，今天要讓程式記住按鈕前一次的狀態，只在...

ted99tw ‧ 2026-08-07

0 Like 0 留言 166 瀏覽

鐵人賽自我挑戰組 DAY 12

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 12 篇

技術 Day 12｜用 Python 函式處理訊息

Python 已經能在 MPU 上執行，今天要把未來會收到的兩種訊息，一種是 MCU 回報狀態，一種是 Web 要求切換分別歸到兩個處理入口。函式讓訊息...

ted99tw ‧ 2026-08-12

0 Like 0 留言 163 瀏覽

鐵人賽自我挑戰組 DAY 9

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 9 篇

技術 Day 9｜狀態不能有兩個答案

我們已讓按鈕操作變得穩定，但當現場按鈕與遠端系統都能控制同一盞燈時，新的問題也隨之出現：燈號狀態到底該聽誰的？今天要讓 MCU 來統一管理燈號狀態。交給...

ted99tw ‧ 2026-08-09

0 Like 0 留言 162 瀏覽

鐵人賽自我挑戰組 DAY 8

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 8 篇

技術 Day 8｜處理實體按鈕的彈跳問題

上一篇我們已經讓號誌只在按鈕被按下瞬間切換一次，但實體按鈕並不總是乖乖配合，偶爾按一次，訊號卻可能跳動好幾次，今天要加入簡易去彈跳處理，讓每一次按下都能得到...

ted99tw ‧ 2026-08-08

0 Like 0 留言 161 瀏覽

鐵人賽自我挑戰組 DAY 26

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 26 篇

技術 Day 26｜用 Python 主動更新網頁狀態

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

ted99tw ‧ 2026-08-26

0 Like 0 留言 153 瀏覽

鐵人賽自我挑戰組 DAY 11

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 11 篇

技術 Day 11｜UNO Q 另一個大腦新登場

由 MCU 主控的 Edge Box 1.0 已完成驗收，今天要啟動 UNO Q 的另一個大腦 MPU，有請 Python 閃亮登場。從現場控制走向上層...

ted99tw ‧ 2026-08-11

0 Like 0 留言 146 瀏覽

鐵人賽自我挑戰組 DAY 22

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 22 篇

技術 Day 22｜用幾何優化按鈕外觀

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

ted99tw ‧ 2026-08-22

0 Like 0 留言 140 瀏覽

鐵人賽自我挑戰組 DAY 10

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 10 篇

技術 Day 10｜階段驗收 Edge Box 1.0

現在我們已經完成 LED 輸出、實體按鈕、按下判斷、去彈跳與燈號狀態管理，第一階段的 MCU 現場控制功能已經到位，今天進行整合驗收，確認完成 MCU 現場...

ted99tw ‧ 2026-08-10

0 Like 0 留言 139 瀏覽

鐵人賽自我挑戰組 DAY 16

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 16 篇

技術 Day 16｜將硬體狀態轉成可讀資訊

MCU 已經會回報真正狀態，今天要把 Python 收到的布林值整理成 ON／OFF。從布林值轉成人能閱讀的文字 Python 的條件運算式可以根據真假...

ted99tw ‧ 2026-08-16

0 Like 0 留言 136 瀏覽

鐵人賽自我挑戰組 DAY 15

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 15 篇

技術 Day 15｜由 MCU 主動回報狀態

MPU 已經能要求 MCU 切換燈號，今天要讓 MCU 把真正結果回報給 Python。回報必須放在共同切換入口實體按鈕與 MPU 命令都會進入 to...

ted99tw ‧ 2026-08-15

0 Like 0 留言 134 瀏覽

鐵人賽自我挑戰組 DAY 14

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 14 篇

技術 Day 14｜搭建 MPU 到 MCU 的第一座橋樑

Edge Service 已能持續待命，今天要讓 MPU 第一次向 MCU 下達切換命令，實現遠端程序呼叫RPC。 Bridge 以名稱連接兩端 Brid...

ted99tw ‧ 2026-08-14

0 Like 0 留言 134 瀏覽

鐵人賽自我挑戰組 DAY 21

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 21 篇

技術 Day 21｜用顏色讓頁面更醒目

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

ted99tw ‧ 2026-08-21

0 Like 0 留言 133 瀏覽

鐵人賽自我挑戰組 DAY 24

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 24 篇

技術 Day 24｜接住使用者互動操作事件

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

ted99tw ‧ 2026-08-24

0 Like 0 留言 129 瀏覽

鐵人賽自我挑戰組 DAY 30

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 30 篇

技術 Day 30｜最終驗收 Edge Box 3.0

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

ted99tw ‧ 2026-08-30

0 Like 0 留言 127 瀏覽

鐵人賽自我挑戰組 DAY 17

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 17 篇

技術 Day 17｜階段驗收 Edge Box 2.0

下行控制、上行回報與狀態格式都已完成，今天先驗收沒有網頁的雙大腦系統。驗收下行控制與回程先執行 Day 16 程式，Python 啟動後會呼叫一次 o...

ted99tw ‧ 2026-08-17

0 Like 0 留言 127 瀏覽

鐵人賽自我挑戰組 DAY 23

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 23 篇

技術 Day 23｜用 JavaScript 增加互動性

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

ted99tw ‧ 2026-08-23

0 Like 0 留言 121 瀏覽

鐵人賽自我挑戰組 DAY 13

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 13 篇

技術 Day 13｜讓 Edge Service 保持運行

訊息入口已經分好，今天要讓 Edge Service 不再印完就結束，而是留在 MPU 上等待事件。一般腳本與邊緣服務不同一般 Python 腳本會按...

ted99tw ‧ 2026-08-13

0 Like 0 留言 102 瀏覽

鐵人賽自我挑戰組 DAY 29

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 29 篇

技術 Day 29｜解決現場與網頁各說各話

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

ted99tw ‧ 2026-08-29

0 Like 0 留言 84 瀏覽

鐵人賽自我挑戰組 DAY 25

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 25 篇

技術 Day 25｜把前端 Web 操作送到後端 Python

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

ted99tw ‧ 2026-08-25

0 Like 0 留言 69 瀏覽

鐵人賽自我挑戰組 DAY 18

一塊板子，兩個腦袋：Arduino UNO Q 30 天實戰系列第 18 篇

技術 Day 18｜建立第一個網頁管理頁面

雙大腦系統已通過驗收，今天開始建立瀏覽器能看見的管理頁面。 Web UI 是第四個執行位置目前專案已包含 MCU 的 sketch/sketch.ino...

ted99tw ‧ 2026-08-18