2022年11月18日 星期五

用webbit玩AIOT(8)Web:Bit 擴充功能:擴充功能:網路廣播(MQTT)

一、MQTT 是一套嶄新的訊息傳遞的協議。設計上,基於發佈/訂閱的模式,並且以 輕巧、開放、簡易為主軸,當程式容量有限,或是網路頻寬受限的時候,MQTT 優勢特別明顯。

二、Web:Bit 的網路廣播功能,不僅能讓 Web:Bit 與 Web:Bit 開發板彼此資訊互動,更可以實現一對多、多對一、虛實互動、遠距廣播。


三、參考資料:MQTT簡介- YouTube


Web:Bit 開發板的按鈕開關,按下 A 的時候向 test 頻道發送文字 A,按下 B 的時候發送文字 B。

程式1


程式2Web:Bit 網路廣播

收聽 test 頻道的的開發板可以撰寫邏輯判斷,當收到 A 的時候顯示紅色的 A,收到 B 的時候顯示藍色的 B。




Web:Bit 網路廣播

程式3





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 教學手冊


2022年9月10日 星期六

用PictoBlox玩AI(4)-PictoBlox的類比輸入-可變電阻、光敏電阻、麥克風

 類比輸入-光感測、聲音感測與可變電阻


A0
滑桿可變電阻(10K) 有效行程30mm
A1
光感測元件
A2
麥克風

程式1:可變電阻控制 Tobi熊的大小

1.先由「檔案」->「examples」->Arduino UNO->Arduino - LED Blinking

接下把全部的積木清除,因為我們要重新設計。

2.再把「舞台」的進行背景更新。

3.完成以下積木,再按「綠旗」即可以可變電阻,控制
Tobi熊的大小




4.將A0依序改為A1 :光敏電阻  A2:麥克風。即可以光線的明暗程度與聲音來控制
Tobi熊的大小
類比腳位的輸入值為 0-1023 ,可依需求,再進行修改 


程式2:麥克風控制 跳跳

背景圖的座標如下圖,中心為(0,0), 長為480,寬為360。




開始位置定在(0,-100) 尺寸為50%。讀取麥克風的音量(A2類比腳位),進行定位的設定。










用PictoBlox玩AI(2)-Arduino 與Sensor Board基本介紹

  () Arduino介紹

1.腳位介紹


(1)一般介紹
控制器
 ATmega328
 運作電壓
 5V
 輸入電壓 (建議)
7 -12V
 輸入電壓 (限制)
 6-20V
 數位 I/O Pins 
 14腳位 (D0~D13)
 3, 5, 6, 9, 10  11 共六支腳 提供PWM輸出
 類比輸入 Pins
 6腳位 (A0~A5)
 I/O Pin直流電流 
4 0 mA
 3.3V Pin直流電流 
 50 mA
 Flash 記憶體
 32 KB (ATmega328) 其中 0.5 KB  用於 bootloader
 EEPROM
 1 KB (ATmega328)

(2) 數位 I/O Pins (0~13)
共計14 支數位 I/O Pins,可以當作 input output 使用。利用 pinMode(), digitalWrite(), digitalRead() 等函式存取。其中幾支腳有特殊的功能:
 串列通訊
 0(RX)  1 (TX) 用來接收(RX)與傳輸(TX) TTL訊號的序列資料。這 兩支腳也連接到ATmega8U2USB串列晶片
 外部中斷
 2  3 這兩支腳可以利用低電壓觸發外部中斷,請參考attachInterrupt()
 PWM
 (前置~符號) 3, 5, 6, 9, 10,11六支腳。透過 analogWrite()函式可提供8-bit PWM 輸出
 SPI
 10(SS), 11(MOSI), 12(MISO), 13(SCK)這四支腳搭配 SPI Library 可提供SPI 序列通訊
 LED
 13。內建一顆 LED連接該Pin,當 pin腳為HIGH 時,LED亮,當pin腳為 LOW時,LED關閉

(3)電源:可使用USB或外部電源。

 VIN 
當使用外部電源時,輸入電壓給Arduino版,可透過這個Pin腳提供電壓
 5V 
該腳輸出5V的穩定電源,該板可提供(7-12V)直流電源,USB接口(5V)
 3.3V 
產生3.3伏的電源板上穩壓器。最大電流消耗為50mA
 GND 
接地引腳
 IOREF
提供Arduino板的參考電壓





()Sensor Board基本介紹(Arduino UNO擴充板)
簡介
S4A/S2A Sensor Board for Arduino v2主要設計給Arduino/Motoduino S4A/S2A初學者使用的一塊互動板,結合麥克風、按鍵開關、光源感測、滑桿式可變電阻、RGB LED 、蜂鳴器等元件,以及四組RJ11的接頭可供外部連接其他裝置或元件,如接溫濕度感測器、土壤濕度感測器等。另外預留一個藍芽孔位給需要無線傳輸的使用者。可利用此無線傳輸跟Android手機或電腦溝通


1技術規格
接腳
功能
D2/D3
RJ11外接其他裝置
D2
無段式按鍵開關
D5
彩色RGB LED - 綠色
D6
彩色RGB LED - 紅色
D9
彩色RGB LED - 藍色
D9
蜂鳴器(RGB LED 的藍色互相切換使用)
D10
LED 綠色
D11
LED 紅色
D12
LED 黃色
D12/D13
RJ11接頭外接其他裝置
A0
滑桿可變電阻(10K) 有效行程30mm
A1
光感測元件
A2
麥克風
A3/A4
RJ11接頭外接其他裝置
A4/A5
RJ11接頭外接其他裝置
D0/D1
藍芽孔位(UART)