1 of 68

2 of 68

  • Smart 開發板初始化設定
  • 組裝教學
  • 網頁遙控器操控
  • WebEye 初始化設定
  • 鏡頭&整體接線圖
  • 馬達&循跡板接線圖
  • 影像分類

3 of 68

4 of 68

  • 初始化設定步驟:
  • 第一次雲端更新 + 取得 Device ID:

Smart 初始化設定(學習手冊)

5 of 68

請先進入 Webduino 雲端平台,

註冊帳號並登入:https://cloud.webduino.io/

接著,點選 Webduino Device 裝置管理

  1. 裝置認證 ( 綁定 Smart 開發板 )
  2. 雲端更新 ( 將 Smart 更新至最新版本 )

6 of 68

更新完 Smart 之後,透過 Smart 開發板自動設定 WebEye 的 Wi-Fi:

  1. 移除 Smart 電源
  2. 取出三條公母杜邦線依照右圖接線
  3. 接上 Smart 電源後,WebEye 右下方的燈號會持續閃爍,代表連線中,若燈號熄滅則成功上線

Smart

WebEye

VCC

5V

GND

GND

TX

IO13

7 of 68

開啟 Wi-Fi 搜尋,若連線成功可以找到與 WebEye 上貼紙相同的 SSID (如右圖),

Wi-Fi 名稱為 SSID_IP : wdxxx_192.168.xx.xx (如左圖),記下後面的 IP。

注意:IP 並非永遠固定,請在每次 WebEye 連上網路後重新查詢。

P.42 範例一

P.54 範例二

8 of 68

打開瀏覽器,網址列輸入 192.168.xx.xx ,在後方加上 /jpg

送出後有顯示鏡頭畫面代表設定成功 (如下圖)。

最後可以將所有杜邦線移除,開始進入組裝教學囉!

9 of 68

新增.....

10 of 68

WebEye 新版本設定畫面

11 of 68

  • Web:Bit 教育版 - 加入圖片
  • Web:Bit 教育版 - 影像分類
  • 雲端平台 - WebEye

都要用這個網址:

如果測不成功,可參考以下積木:

測試參考:

  1. 重新設定 Wi-Fi
  2. 設定串流
  3. 用圖片連結看串流影像
  4. 雲端平台 & Web:Bit 教育平台進行影像訓練和辨識

12 of 68

WebEye 網路串流

https://webeyes.webduino.io/api/view/cam04

13 of 68

網頁燒錄與測試 [連結]

  • 更新韌體
  • 拍照測試

14 of 68

以上為新增

15 of 68

16 of 68

  • 公母杜邦線 x 9
  • 公公杜邦線 x 2
  • 公母杜邦線(20cm) x 5
  • 螺絲起子 x 1
  • 木板 x 3
  • 減速馬達 x 2
  • 循跡板 x 1
  • 螺絲 x 8 + 螺母 x 8
  • 馬達驅動板 x 1
  • 25孔麵包板 x 1
  • WebEye x 1
  • 行動電源 x 1
  • 定向輪 x 1
  • 循跡膠帶 x 1
  • 輪胎 x 2

17 of 68

  • 木板平面圖

18 of 68

先找出兩塊木板 ( 右圖 ) 與兩個減速馬達,

減速馬達上有 “ 螺絲 ” 及 “ 圓點凸起處 ” 朝向外側。

19 of 68

將減速馬達平整面貼緊木板,插入長螺絲。

螺絲尾端以螺母固定,並拴緊螺絲。

20 of 68

找出車底板 ( 右圖 ),將馬達卡榫分別卡進車底板前方的凹槽。

21 of 68

找出車頂板,將車頂板翻至反面,

將定向輪安裝至車頂板下方,以短螺絲、螺母固定。

22 of 68

以螺絲起子拴緊螺絲,完成定向輪安裝。

接下來要將車頂板與車底板相接在一起。

23 of 68

拿出車底板,將馬達的線分別穿到車頂板兩側的方形孔洞上。

24 of 68

將馬達的上卡榫勾住車頂板後向前推。

25 of 68

找出ㄇ形卡榫 ( 右圖 ),插上車頂板固定。

防止馬達在車子移動時會偏移。

26 of 68

找出固定板卡榫 ( 右圖 ),由後側插入,將車頂板和車底板固定。

27 of 68

找出循跡板,兩孔分別裝上短螺絲,螺母鎖在上方,

螺母與循跡板間需預留空間,保留約兩個螺母厚度 ( 5mm 左右 ),勿鎖緊

28 of 68

插上五條杜邦線 ( 20cm ),並分別將線穿出車頂板的方形孔洞。

左邊穿兩條,右邊穿三條。

29 of 68

由下方頂住循跡板的兩側螺絲,

將循跡板的螺絲扣住車底板的小凹槽處。

30 of 68

固定循跡板螺母,由下方鎖緊螺絲,

確保循跡板與車底板牢牢固定。

31 of 68

將三樣零件 ( 右圖 ) 安裝在車頂板。馬達驅動板會在下一步驟加以固定。

32 of 68

找出 L 形卡榫,將卡榫插入馬達驅動板右方的孔洞。

33 of 68

依下列圖示完成馬達與循跡板接線:

34 of 68

將第二顆螺絲轉鬆,扣上鏡頭底座。

35 of 68

鎖緊螺絲鏡頭底座,並將 WebEye 安置底座上。( 記得撕下鏡頭前的保護膜哦!)

36 of 68

依下列圖示完成鏡頭與開發板接線:

37 of 68

裝上兩側輪胎。

38 of 68

接下來,為了將行動電源放進車子內,

請先壓平循跡板內兩側的線,完成後如右圖。

39 of 68

將行動電源從後方插入車子內部。

請確認行動電源正反方向,USB 孔在上方、Micro USB 孔在下方。

40 of 68

推到底後,找出後卡榫 ( 右圖 ),並插入卡榫固定。

41 of 68

最後插上 USB 電源線就組裝完成囉!

42 of 68

43 of 68

44 of 68

請先進入 Webduino 雲端平台,

註冊帳號並登入:https://cloud.webduino.io/

接著,點選 Webduino Blockly 程式積木

45 of 68

  1. 進入 Blockly 專案畫面後,找尋『+』新增專案。
  2. 輸入專案名稱後點選『新增』,新分頁會跳出 Webduino Blockly 程式積木平台。

46 of 68

在 Blockly 畫面中,於右上找到並開啟網頁互動區域】,

在互動方式的下拉選單中選擇『遙控器』。

最後執行程式時,會用遙控器來控制無敵小車。

47 of 68

找尋左側的積木,放入開發板及無敵車的積木 ( 如下圖 ),將開發板設定為「 Smart 」。

在綠色積木輸入Smart 的【Device ID】,可以在右上角輸入 ID,並查看 Smart 狀態,

若為綠色閃電代表開發板已上線。

  • 開發板設定 積木 在「開發板控制 > 開發板」目錄下
  • woodycar 的積木在「玩具及馬達 > 無敵車」目錄下

48 of 68

使用「遙控器按鍵」的積木,設定『按下』向上的圖案時,無敵車會往前移動,

設定『放開』,無敵車就會停止。

  • 遙控器積木在「遙控器」目錄下
  • woodycar 的積木在「玩具及馬達 > 無敵車」目錄下

49 of 68

加入 WebEye 積木,輸入 IP 位址 (可參考 P.6 ),遙控器即可顯示影像。

注意:正在使用積木編輯平台的『電腦』要和『 WebEye』 在同一個 Wi-Fi。

  • webeye的積木在「玩具及馬達 > 無敵車」目錄下

50 of 68

注意:由於新版的 chrome 對於 http 載入有限制而需調整設定才能顯示影像,請參考影片 :

51 of 68

依序將剩下的左轉、右轉和後退的行為放入遙控器的動作裡,就完成囉!

52 of 68

53 of 68

進入 Webduino 雲端平台,

註冊帳號並登入:https://cloud.webduino.io/

接著,點選 Webduino Blockly 程式積木。

54 of 68

進入專案畫面後,

於畫面右上角點選【兌換券按鈕】。

輸入影像分類兌換券的序號後,按下確定進行兌換。( 序號會附在 WebEye 盒子裡 )

55 of 68

新建一個專案,名稱為 “ 無敵車 ( 影像分類 ) ”。

進入程式積木平台後,已兌換的「影像分類」積木會在編輯器的「擴充功能」裡。

56 of 68

56

使用「影像分類」裡的設定積木,並在積木上按右鍵選擇小工具,

就會進入影像訓練平台。

57 of 68

影像分類的運作流程

  1. 收集訓練用照片,加以分類成【資料集】( ex. 分類貓和狗的照片 )
  2. 將想辨識的【資料集】丟入【模型】中訓練 ( ex. 寵物 )
  3. 使用【模型】來做影像分類 ( ex. 辨識出所偵測的物件是貓還是狗 )

接下來,會以計程車司機為範例進行影像分類訓練。

58 of 68

首先點選【訓練資料管理】新增資料集,使用電腦擷取要訓練的影像,

訓練時翻轉不同角度、靠近和遠離鏡頭、更換不同背景和擷取影像數量越多 ( 建議 70 張以上,數量上限為 100 張 ) 所訓練的精準度也會越高哦!

59 of 68

上傳後,可以在【訓練資料管理】看到自己的資料集。

接著,請依序新增「出發」手勢及「背景」的資料集

60 of 68

接下來建立影像模型,選擇【模型管理】新增模型。

61 of 68

完成訓練後,點選「辨識影像」,測試不同手勢所對應的辨識名稱是否一致,信心度越高代表辨識到準確度越高,建議信心度在 80% 以上為佳。

62 of 68

回到 Blockly 頁面,加入開發板積木,開發板選擇「Smart 」,並載入模型到積木中使用,

填入 WebEye 的IP ( 可參考 P.6 ) 。

注意:正在使用積木編輯平台的電腦要和 WebEye 在同一個 Wi-Fi

  • 開發板設定積木在「開發板控制 > 開發板」目錄下

63 of 68

在右上角找到【網頁互動區域】選擇『 顯示文字』,並新增以下影像分類積木。

在綠色積木輸入 Smart 的【Device ID】,按下執行後可以透過無敵小車看到辨識的結果。

  • 影像分類積木在「擴充功能 > 影像分類 」目錄下

64 of 68

新增循跡積木,當辨識到攔車手勢時停止循跡 ( 車子停止 ),辨識到出發手勢則啟動循跡 ( 車子前進 )。

  • 循跡的積木在「玩具及馬達 > 無敵車」目錄下

65 of 68

循跡,是透過循跡板內的 IR 循線感測器來感應路面上的路線狀況。感測器會根據路面狀況產生反應,並在感測器上方相對應位置的紅色 LED 反映出偵測結果。

循跡功能

66 of 68

取出材料盒中的循跡膠帶,依照下圖的路線貼上膠帶,直線長度約1公尺,在直線上辨識的成功率較高,貼完膠帶後就可以執行程式囉!

67 of 68

若發現車子辨識的準確度不高,可能有以下這些因素:

  • 車子速度過快
  • 循跡路線彎曲 (直線較容易)
  • 模型的樣本數太少
  • 訓練的影像背景太單ㄧ或是手勢的角度不全面

68 of 68

F&Q

若無法顯示影像畫面可能有以下原因:

  1. 供電不足,須充飽行動電源
  2. 檢查在 blockly 上填入的 Webeye IP是否正確,且需要和 WebEye 在同一個網域下
  3. 影像只能在一個頁面顯示,檢查其他裝置或分頁是否有 WebEye 影像,若有則關閉該分頁