認識 Webduino Blockly Bit

Webduino Blockly Bit 體驗版是 Webduino 所研發出來的圖像化編輯工具,採用 Google Blockly 設計而成,提供虛實整合、程式積木、遠端操控的環境,可盡情體驗物聯網的使用情境與操作感受,快速實現各式各樣的創意。

更多 Webduino Blockly 功能請參考:Webduino Blockly 基本操作Webduino Blockly 特殊功能連動多塊開發板

工具介面說明

Webduino Blockly 的介面主要分成三個部分,第一個部分是左邊與左上方的選單列,裏頭有「程式積木」與「JavaScript」兩個互相切換的頁籤,右上方依序為「產生 QRCode」、「查看裝置狀態」、「網頁互動測試」、「Webduino Bit 模擬器」、「刪除所有積木」、「存檔並產生連結」和「執行」。

控制 Webduino Bit 開發板

Webduino Blockly Bit 目前可以 Wi-Fi 操控,如果沒有實體開發板,亦可透過「模擬器」的方式操控。

儲存檔案

當我們編輯完之後,可以點選 Webduino Blockly 右上方的「連結」圖示,會產生一組連結網址,這組連結網址代表的是當前畫面,只要把這組網址記到瀏覽器的「我的最愛」或「書籤」內,下次再打開就會出現一模一樣的畫面了。

線上 Webduino Bit 模擬器

打開 Webduino Blockly Bit 體驗版後,畫面上會自動打開模擬器,模擬器裡包含一塊虛擬的 Bit 開發板,程式執行後,開發板上的 Webduino logo 會變成綠色,同時下方出現燈泡與火燄的虛擬元素,如果有使用「光敏電阻」,則可以透過燈泡元素進行互動,若有使用「溫敏電阻」,則可以透過火焰元素進行互動。

網頁互動區

Webduino Blockly 內嵌網頁範本,點選網頁互動測試的按鈕,就可以從下拉選單選擇這些網頁範本,並透過這些網頁操控物聯網裝置,網頁範本包含:顯示文字、點擊燈泡、控制圖片、顏色調整、按鈕行為、拉霸操作、Youtube、影像追蹤、遙控器、繪製圖表。

完美支援行動裝置

Webduino Blockly 內建了 QRCode 的按鈕,點選這個按鈕就會產生 QRCode ,用行動裝置掃描,就可以將目前「網頁互動區」的網頁,呈現於行動裝置的瀏覽器。