01 Web:AI初體驗

(2021/06/19)

用了好久的Webduino的Web:Bit開發板,最近取得他們的另一款開發板-Web:AI,它也是結合了最近很紅的鏡頭,可以玩很多AI的應用,感覺還蠻好玩的,使用環境也跟以前的Web:Bit教育版、Kebbi等一樣,今天先做簡單的測試...


一、認識Web:AI鏡頭

  • Web:AI 使用 AI 晶片 ( K210 ) 以及 Wi-Fi 晶片 ( ESP8285 ),能夠做出人臉追蹤、影像分類、物件追蹤、語音辨識、QRcode 掃描等應用,讓教師與學生只需要一塊板子就能夠讓 AI 人工智慧融入生活。

  • Web:AI 教學大綱:https://md.kingkit.codes/s/siSKyknlU


二、我拿到Web:AI的初體驗

  • 當我把Web:AI與電腦接上時,屏幕畫面如下(後來發現,這已經是設過WiFi了):

  • 當時畫面出現很快,也沒注意上面的內容

  • 直接在電腦點擊初始化設定 ( 第一次使用請看這裡 ) https://md.kingkit.codes/s/AO_XqPykW

  • 進入WiFi設定頁面 https://ai-blockly.webduino.io/#/setting

    • 按下「點擊開始設定」

    • 點擊「開始連接」

    • 選擇連接 Web:AI 的 USB,點擊「連接」

    • 電腦連接上 Web:AI 後會出現開發板的 Device ID 和現在的韌體版本。(但我的測試卡在這裡過不去)

  • 又測試了幾次後,都是一樣的結果

  • 這時,看到最後一行,寫著:若無法進行設定 Wi-Fi 或更新韌體,可以參考:安裝版更新韌體 來完成設定!

  • 這跟Web:Bit一樣,寫程式的環境有分【網頁版】及【安裝版},兩者的功能差不多,如果用USB連線就要用【安裝版】。

  • 進入【安裝版更新韌體】頁面 https://md.kingkit.codes/s/wTzUFfJMb

  • 下載【安裝版】https://drive.google.com/file/d/1m4qGyWGae-2yytYrSorrJKaP-XBBarHR/view

  • 進入Web:AI安裝版,點擊【更新韌體】(回復原廠韌體 )

  • 韌體更新完,就會重新開機,就會看到如下最初的畫面

  • 這時,我才發現我的板子一開始已經有設定過其他組AP了,所以當然一定無法連上網路

  • 再重新回到上面設定WiFi的步驟

  • 到了設定Wifi的畫面時,又出現另一個問題,右方的Wifi設定畫面沒有出來!剛剛測試時,是可以出現的,但沒有找到我家的AP,我想部份可能還有問題,因此官方還在修復中.....

  • 卡在這邊後,好像就不能去設定WiFi了!(這好像是我電腦或網路的問題!!!)

  • 沒有設定AP,用安裝版的可以使用嗎?發現:都還沒有設定AP時,用WebAI安裝版的環境,且使用USB連線,測試成功!所以在電腦教室進行教學時,還是使用USB的連線方式來教學。

  • 後來,我發現在WebAI安裝版及網路版,也有【WiFi設定】,只是放置位置與之前的Web:Bit不同

  • 但這邊需要用【QRcode模式】,而【QRcode模式】在開機後進入倒數的畫面,這時候 按下 " R 按鈕 ",就會進入 QRcode 模式,即可開始掃描 QRcode。但我的畫面還停留在如下畫面,因此也無法使用【QRcode模式】!!!只好先用USB連線方式來測試一些簡易的功能了。

、Web:AI的積木介紹

  • 分4大類

  • 擴充功能,還有如下

四、簡單測試

  • 這邊先利用【安裝版】,且使用【USB連線方式】來測試

  • Web:AI類積木

    • LCD螢幕

    • 螢幕解析度為 320*240

    • 座標:

      • 文字:字【左上角】座標

      • 直線:為【起點】與【終點】座標

      • 圓形:為【圓心點】座標

      • 矩形:為【左上角】座標

    • 測試一:圖形顯示

  • 測試二:

    • 開發板預設的圖檔:

      • logo:Webduino Logo

      • m01:笑臉

      • m02:閉眼

      • mleft:向左看

      • mright:向右看

      • mrun:>o<

      • 還有4隻怪獸,分別為red、blue、yellow、blue

  • 測試

    • 內建圖形

  • 測試四:鏡頭擷取動態圖片 (原本以為下面程式這樣會lag,但測試後很順暢)

  • 按鈕開關積木

  • 測試一:向右看、向左看

  • 測試二:取得按下按鍵的數位值

  • 測試剪刀石頭布遊戲

    • 按左鍵,呈現骰子1

    • 鍵,呈現骰子2

    • 同時按下左右鍵,呈現骰子3

  • 麥克風積木:只有一個積木,這還滿有趣的,下次再測試

    • Web:AI 開發板內建了麥克風,藉由麥克風錄音將音檔錄製到 SD 卡中,做出各種和聲音有關的物聯網互動。

    • 因為開發板的記憶體有限,因此使用錄音積木前需要搭配記憶卡作使用。

  • IO引腳積木:這與使用Web:Bit差不多