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

搶先試用

LED 點矩陣 ( 顯示溫度 )

LED 點矩陣可以顯示數字、文字或動畫、跑馬燈,因此我們可以將溫濕度傳感器所偵測到的數值,透過 LED 點矩陣顯示出來,放在辦公室或家裡,變成一個顯示環境狀態的溫濕度計。

接線與實作

因為溫濕度傳感器與 LED 點矩陣同時都會用到 GND 的腳位,所以使用麵包板來連接,溫濕度傳感器格子狀的一面朝自己,左邊數來第一支針腳接 3.3V,第二支針腳接 16,GND 與 LED 點矩陣的 GND 都連接到 Smart 開發板的 GND,而點矩陣的 Din 接 2、CS 接 0,CLK 接 5,VCC 接 VCC。

溫濕度傳感器從左邊數來的第三支針腳沒有作用。

Webduino Smart、LED 點矩陣與溫濕度傳感器接線圖

Webduino Blockly 操作解析

打開 Webduino Blockly 編輯工具 ( https://blockly.webduino.io ),在畫面中放入開發板積木,開發板下拉選單選擇「Smart」,連線方式選擇「Wi-Fi」,填入 Device ID,在開發板內放入溫濕度傳感器與 LED 點矩陣的積木,溫濕度腳位設定 16,LED 點矩陣 Din 設定 2、CS 設定 0,CLK 設定 5。

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

Webduino Smart、LED 點矩陣與溫濕度傳感器積木

放入使用溫濕度每 1000 毫秒偵測一次的積木,利用 LED 點矩陣「顯示數字」積木顯示讀取到的溫度數值。

設定點矩陣顯示溫濕度偵測數值

我們也可以透過網頁互動測試區域的「顯示文字」,在 LED 點矩陣顯示溫度的同時,將溫度數值呈現在網頁中。

網頁顯示溫濕度偵測數值

填入裝置 Device ID,確認開發板上線,點選右上方紅色按鈕執行,就可以看到 LED 點矩陣顯示溫濕度傳感器所偵測到的溫度了。

解答:https://goo.gl/eYOHDm

相關參考