Webduino 學習手冊網站即將改版,提供您更好的閱讀體驗!

搶先試用

LED

Smart 開發板除了本身的三色 LED、光敏電阻與按鈕開關外,也可以透過 LED 的程式積木操控 LED 燈基本元件,然而同樣的控制方式,更可以實際應用在智慧插座、水泵...等日常生活裡。

接線與實作

LED 的接線方法很簡單,只需將 LED 的長腳接在 Smart 開發板的 5 號腳,短腳接在 GND。

因為 Smart 的部分腳位已經使用於內建元件,例如三色 LED ( 15、13、12 )、按鈕開關 ( 4 )、光敏電阻 ( A0 ),因此接線上會先避開這些內建的腳位。

Webduino Smart 與 LED 燈接線圖

Webduino Blockly 操作解析

在畫面中放入開發板積木,開發板下拉選單選擇「Smart」,連線方式選擇「Wi-Fi」,填入 Device ID,在開發板內放入LED的積木,腳位設定 5 號腳。

取得 Device ID、使用 IP 來進行 WebSocket 操控,請參考:Webduino Smart ( 初始化設定 )

設定 LED 腳位

要點亮 LED 很簡單,只需要放入 LED 狀態的積木,並將狀態設為 on,填入裝置 Device ID,確認開發板上線,點選右上方紅色按鈕執行,就會看到 LED 亮起。

設定 LED 狀態

如果想讓 LED 閃爍,只需要把 on 的積木換成 LED 閃爍的積木,填入閃爍時間,執行後 LED 就會開始閃爍。

設定 LED 閃爍

除了開、關、閃爍這些基本應用外,我們更可以透過一個設計好的網頁遙控器來操控,要使用網頁遙控器,可以點選右上方的「網頁互動測試區」,打開測試區之後,下拉選單選擇「遙控器」,就可以使用相對應的功能積木。

網頁互動 - 遙控器

接著就把遙控器的按鈕,一一綁定對應的 LED 事件,例如點擊按鈕 1 的時候 LED 會切換狀態,按下按鈕 2 的時候 LED 會亮、放開按鈕 2 則會熄滅,點擊 3 會閃爍...等。

點擊遙控器按鈕,執行不同 LED 狀態

填入裝置 Device ID,確認開發板上線,點選右上方紅色按鈕執行,就可以開始使用網頁遙控器來操控 LED 燈了。

範例解答:https://goo.gl/5HkBUj

行動裝置操控 LED

過去要使用行動裝置操控 LED,必須使用額外學習 APP 的編輯工具,或是必須得購買一台蘋果電腦才能辦到 ( 開發 iOS APP ) ,不過如果今天我們使用 Webduino 來實作,只需要用行動裝置 ( 不限作業系統 ) 打開網頁遙控器的網頁,不用安裝任何 APP,就可以輕鬆操控 LED 或是其他傳感器裝置

要使用行動裝置操控很簡單,在我們編輯完成網頁遙控器程式後,只需要點選右上方的「產生即時預覽 QRCode」,就會將網頁遙控器包裝成網頁並產生 QRCode。

即時產生預覽 QRCode

這時候只要用行動裝置掃描 QRCode,就可以看到遙控器的畫面出現在行動裝置裡,點選按鈕就可以操控 LED 了。

行動裝置遙控器

相關參考