Arduino 玩了二十年,終於不只會控制 LED!
Arduino UNO Q 把微控制器與微處理器放在同一塊板子上,既能用 C++ 處理即時控制,也能以 Python 執行 Linux、Web 與邊緣 AI。
本系列將用 30 天,從 App Lab、GPIO、感測器與馬達開始,架起 MCU 與 MPU 的橋梁,再加入網頁互動、影像辨識及雲端服務,每篇都會完成可執行成果,最後整合成能感測、控制、連網並具備 AI 的智慧裝置,希望能讓讀者了解 Arduino 如何從一顆 LED 開始,走向廣泛用在電動車與機器人的雙大腦邊緣運算架構。
管理畫面已經置中,今天要讓 ON 與 OFF 一眼就能分辨。 id 與 class 各有不同用途 Day 19 的狀態元素同时具備 id="st...
ON/OFF 已經有清楚顏色,今天要讓遠端按鈕看起來真的可以操作。 按鈕要看得出可以操作 控制介面的按鈕需要足夠大的點擊範圍,文字與背景要有清楚對比,游標...
靜態管理畫面已完成,今天開始讓 JavaScript 找到畫面上的元素。 DOM 是 JavaScript 看到的頁面 瀏覽器讀取 HTML 後,會將標籤...
JavaScript 已找到按鈕,今天要接住使用者每一次點擊。 瀏覽器以事件驅動互動 網頁程式不會一直詢問按鈕是否被按下,而是先登記一個 click ca...
瀏覽器已能接住點擊,今天要把這個操作送到 Python,再交給 MCU。 Socket.IO 負責傳送瀏覽器事件 JavaScript 需要先建立 Soc...
Web 按鈕已能控制實體 LED,今天要讓網頁等 MCU 回報後再更新狀態。 Python 推送固定資料格式 Day 16 已建立 {"stat...
驗收前固定初始條件 重新啟動 App,確認 D2 依 ledState = false 初始化為熄滅,管理頁面初始顯示 OFF,Python Edge Ser...
驗收前開啟兩個觀察位置 啟動 App 並開啟管理頁面,同時保留 Python Console,先以頁面目前文字與 D2 實體狀態建立基準。 本日不要先點擊 W...
六條狀態規則 最終系統固定遵守以下規則。 ledState 只由 MCU 保存。 D9 與 Web 都呼叫 toggle_led()。 Python 不建...
驗收一|現場控制 啟動 App 後,確認 D2 依 ledState 初始值顯示熄滅,管理頁面開啟,Python Edge Service 保持待命。 按下...