2022年10月28日 星期五

用webbit玩AIOT(7)Web:Bit 擴充功能:Google 試算表

 Web:Bit 擴充功能:Google 試算表

透過 Web:Bit 編輯器的 Google 試算表功能,只需要簡單幾個步驟,就能將 Google 試算表當作資料庫,儲存傳感器所接收到的訊號數值,或透過開發板顯示試算表讀取的資料。

說明文件 如下


一、按A,清空資料 並建立時間、溫度的表頭。,按B填入 時間、溫度資料。


二、將一的程式,改成每10秒自動上傳。

https://docs.google.com/spreadsheets/d/1jAkgVMNZslXgIXGPqBY3TK7-Z3opZ6Ex60XFQpH-Ses/edit#gid=0








用webbit玩AIOT

 






用webbit玩AIOT(6)Web:Bit 偵測光線&溫度

 Web:Bit 偵測光線&溫度

Web:Bit 開發板內建兩個光敏電阻,以及一個溫敏電阻,光敏電阻可以偵測環境光線的流明數值,溫敏電阻則可偵測到小數點兩位的溫度變化,藉由光線和溫度的偵測,就能輕鬆地做出環境監控相關的場域應用

Web:Bit V2 硬體規格

一、測量溫度與左上、右下的亮度(流明)


作業:按A鍵,矩陣 LED顯示當時溫度,並用語音朗讀「現在時刻 x xxxx, 溫度是?度



用webbit玩AIOT(5)-Web:Bit 語音朗讀

 

朗讀不同段落的文字

如果要朗讀不同段落的文字,第一種方法可使用建立字串積木,配合變數積木,在執行後就會從電腦喇叭聽到語音。

Web:Bit 語音朗讀


朗讀輸入的文字

由於「在對話框中輸入文字」和語音朗讀積木特性相同,搭配重複迴圈,就能做到透過語音朗讀,唸出輸入的文字。

Web:Bit 語音朗讀

朗讀輸入的文字

由於「在對話框中輸入文字」和語音朗讀積木特性相同,搭配重複迴圈,就能做到透過語音朗讀,唸出輸入的文字。

Web:Bit 語音朗讀

作業:點選不同綠、紅的怪獸 讓它們依序報數,並朗讀出,按黃色 讓數字從0開始。



用webbit玩AIOT(4)-Web:Bit 怪獸基本操作與偵測

小怪獸積木清單 ( 基本操作 )

基本操作小怪獸的積木分別有講話、展示圖片、情緒、改變位置、改變角度、改變大小、顯示隱藏和階層...等,可以透過這些積木控制小怪獸的外在表現。

一、輸入文字指定小怪獸講話


二、小怪獸報時 ( 小時鐘 ):

三、作業:

寫一個程式,讓綠色怪獸轉圈。每完成一圈,紅色怪獸報數,點選黃色 轉的速度加快!

點選藍色,速度減慢。



2022年10月14日 星期五

用webbit玩AIOT(3)-Web:Bit 編輯器 ( 操作介面 )、按鈕與偵測光線&溫度

按鈕開關積木說明

按鈕開關積木可以指定「按下、放開、長按」三種開關行為,三種行為可分別套用至 A、B 或 A 和 B 同時。( 長按的定義為持續按下一秒 )

Web:Bit 按鈕開關

按下開關改變 LED 矩陣圖案

在編輯畫面放入按下 A、按下 B 和按下 A+B 的積木,接著分別在各自的區塊內放入 LED 矩陣顯示圖形的積木,執行後,如果是使用模擬器,就可以用滑鼠點擊 A 、B 或 A+B 按鈕查看變化效果,如果是使用實體開發板,則可以直接用手指按壓開關。

模擬器裡的 A+B 按鈕開關,只有在編輯畫面有 A+B 按鈕開關的積木時才會出現。

Web:Bit 按鈕開關

 

偵測光線

「偵測光線」積木使用時只會偵測一次,搭配重複迴圈就能進行連續偵測。

Web:Bit 偵測光線&溫度



偵測溫度

「偵測溫度」積木使用時只會偵測一次,搭配重複迴圈就能進行連續偵測。

Web:Bit 偵測光線&溫度

用webbit玩AIOT(2)-Web:Bit 編輯器 ( 操作介面 )、LED點矩陣

 

操作介面一覽

Web:Bit 編輯器的操作介面分成下列幾個區塊:

  • 主功能選單:包含檔案儲存與開啟、範例和教學、刪除所有積木、更多功能、執行按鈕和帳號。
  • 積木 / 程式碼切換:將寫好的程式轉換為標準 Javascript,讓學習程式更簡單。
  • 積木清單:包含基本功能、小怪獸互動、開發板操控和物聯網擴充...等積木。
  • 積木編輯區:進行積木的邏輯組合,產生各種不同的情境應用。
  • 開發板模擬器:包含一塊虛擬的 Web:Bit 開發板,可以模擬實際開發板的狀況和應用。
  • 小怪獸互動舞台:包含四種不同造型顏色的小怪獸,可以透過積木設定相關動作和互動情境。
  • 縮放按鈕:夠快速縮放畫面積木或刪除積木。
  • 畫面收折按鈕:快速收折開發板模擬器和小怪獸互動區,讓積木編輯區域放大或縮小。

安裝版不含「帳號」、「分享」功能。

Web:Bit 編輯器 ( 操作介面 )

練習1、請在利用LED點矩陣 寫一個跳動的動畫。






2022年10月13日 星期四

用webbit玩AIOT(1)-Web:Bit 基本介紹


Web:Bit 教育版

 Web:Bit 教育版,Web:Bit 教育版主要分成「編輯器」和「開發板」兩個部分,藉由軟硬體的整合可以學習程式設計、數學邏輯和網路知識。

 一、Web:Bit 教學手冊

網頁版網址:https://webbit.webduino.io

硬體規格

Web:Bit v2 開發板長 5 公分寬 5 公分,重量約 10~12 公克,除了下方 20 Pin 的「金手指介面」,更內建一個 25 顆全彩 LED 燈的矩陣,兩個光敏電阻、兩個按鈕開關、一個溫度感應電阻,以及一個蜂鳴器。

  • 全彩 LED 矩陣:( GPIO 18 )
  • 光敏感應器:左上 ( GPIO 12 )、右上 ( GPIO 13 )
  • 按鈕開關:按鈕 A P5 ( GPIO 5 )、按鈕 B P11 ( GPIO 11 )
  • 溫度感應器:( GPIO 14 )
  • 蜂鳴器:P0 ( GPIO 17 )

Web:Bit V2 硬體規格

初始化方法 1:使用安裝版進行初始化


安裝版下載:WebBitSetup.exe



參考資料:Web:Bit 教學手冊