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點矩陣 寫一個跳動的動畫。