20220525鳥松國小

主題：凱比在網路上的應用

教材網址：http://gg.gg/0525bird

時間：2022/05/25 13:30~16:30

講師：黃文玉老師

• 講師介紹：https://sites.google.com/site/wenyunotify/00-%E4%BD%9C%E8%80%85%E4%BB%8B%E7%B4%B9

一、認識凱比程式平台

• 高雄地區：採用慶奇科技(Webduino)的【Web:Bit X Kebbi】 平台寫程式，再利用【物聯網教室】與凱比機器人來互動

• 其他地方：採用【女媧公司】(凱比的公司)的【程式實驗室】 平台來寫程式，及控制凱比

• 取得凱比的Device ID

  • • 進入凱比選單下的【物聯網教室】，就會顯示Device ID

    • 這一功能也是要花錢購買的(高雄市前瞻計畫已購買此一功能了)

    • 寫完程式後，利用右上角的【更多】/【部署到機器人】，將程式部署到凱比身上

• 程式平台

  • • Web:Bit X Kebbi平台：https://kebbi.webduino.io/

    • 程式實驗室平台：選單中找到【與機器人連線】，可利用手機連線(要先安裝【女媧玩轉基地】APP)及用網頁連線https://codelab.nuwarobotics.com/koding

    • 接下來程式以Web:Bit X Kebbi平台為主

    • 小試身心一下，其他老師的作品觀摩，連結網址

二、MQTT網路應用

• 物聯網(IoT)的最佳工具：MQTT

  • 用B站解释MQTT协议，也相當於youtube的訂閱機制(youtuber為【發布者】、youtube網站為【Broker】、你我為【訂閱者】)

  • MQTT由三種角色構成，分別是Publisher(發布者)、 Broker(代理人)和Subscriber(訂閱者)

  • MQTT的主題（Topic）名稱：MQTT主題名稱是UTF-8（萬國碼）編碼的字串，我們可以自行決定主題名稱，例如，傳送溫度的訊息主題可命名成「溫度」、傳送亮度的訊息主題叫做「照度」…等等。主題名稱也支援類似檔案路徑的階層式命名方式 ，如： wenyu/home/1f/led

  • Web:Bit官方使用的Broker資料(可以不用理會)

    • WebsocketPort：

      • ws://mqtt1.webduino.io/mqtt (預設80port)

      • wss://mqtt1.webduino.io/mqtt(預設443port)

    • Username： webduino

    • Passeord： webduino

• 網路廣播介紹

  • 可利用網路廣播進行一對多、多對一、虛實互動...

  • 廣播積木的【頻道】就是MQTT的【主題】

  • 虛實互動實例

• 首先先請凱比當訂閱端、Web:Bit模擬器當發送端

  • 按Web:Bit模擬器A鍵，凱比向前進

  • 按Web:Bit模擬器B鍵，凱比向後退

  • 開啟 Web:Bit教育版平台：https://webbit.webduino.io/blockly/?demo=default

  • Web:Bit開發板端的程式

    • 取一個不要與別人相同的頻道名稱

    • 程式完成後，要記得將程式【執行】

    • 程式如右 https://webbit.webduino.io/blockly/#NyWrLXbnd1Y3b

  • 凱比端的程式 https://kebbiiot.webduino.io/webbit/#6yY4WXneZGw3w

  • 如果都要在Web:Bit x Kebbi平台寫程式時，Web:Bit要使用實體板子！

  • 當然這時也可以玩一對多的【群控】，凱比程式如下：https://kebbiiot.webduino.io/webbit/#wqaWr5gPzNZyY

• 萬用遙控器的使用

  • 網址：http://www.oxxostudio.tw/webduino-remote/

  • 教學網址：https://github.com/oxxostudio/webduino-remote

  • 凱比程式：https://kebbi-iot.webduino.io/webbit/#xqVMzO15a1gR7

• 法蘭斯Webduino MQTT

  • https://fustyles.github.io/webduino/webduino_mqtt.html

三、LINE的應用

• 教學請參閱：04 LINE的應用

• 使用 LINE 的聊天(chat)控制

  • 顯示加入好友的【行動條碼】

  • 輸入id，取得頻道名稱

  • 修改上面的程式，改用LINE來進行遠端控制

• 使用LINE Notify通傳

  • 取得權杖 ，要記好，以後無法再查得此權杖

  • 程式：https://kebbi-iot.webduino.io/webbit/#JyeOQoGAOA0qV

四、無人看守的是非題問答機【改用Google試算表來出題】

• 使用【陣列】出題：https://kebbi-iot.webduino.io/webbit/#rybbrVYL0Emyk

• 使用【Google試算表】出題：https://kebbi-iot.webduino.io/webbit/#VRmX1vkPEejy2

  • 開啟 【Google試算表】

  • 設定共用權限：知道連結的人均可以【檢視】，並複製該連結(只有取資料，沒有寫入，如果寫入就要用知道連結的人均可以【編輯】)

  • 在此題遇到了BUG，在頭被長按的積木內，無法寫入Google試算表，真奇怪！！

• 想一想，如何把學生的測驗結果寫入Google試算表

五、英語會話【Google試算表】

• 先擴充【英語會話】積木

• 到【教學】內有詳細使用介紹，真的很簡單好用

  • • 教學：https://webbit.webduino.io/tutorials/doc/zh-tw/kebbi/english/spread-sheet.html

    • 英語會話 Google 試算表模板

    • 更改參數、對畫內容及圖片
      

六、聲控

• 前進、後退的聲控 https://kebbi-iot.webduino.io/webbit/#Jyg9Qzgm2Ddq4

• 開燈、關燈，使用MQTT控制遠方的家電

  • 利用Web:Bit模擬器的屏幕全亮代表開燈

  • 利用Web:Bit模擬器的屏幕全暗代表關燈

七、影像辨識

• 有沒有戴口罩

  • 擴充【影像分類】積木

  • 內容請參考：https://sites.google.com/site/wenyuwebbit/08-%E5%87%B1%E6%AF%94%E6%A9%9F%E5%99%A8%E4%BA%BA/18-%E5%BD%B1%E5%83%8F%E8%A8%93%E7%B7%B4?authuser=0

  • 建立3個分類來組成一個模型

    • 有戴口罩

    • 沒戴口罩

    • 無人時(純背景)