--- title: Fifth ML Study Circle (05/21/2020) tags: study circle --- > Fifth ML Study Circle (05/21/2020) > [官方網站](https://webduino.io/) ## Webduino 的開發模式 Webduino 開發模式其實就是「Web 開發模式」,簡單來說如果要「透過網頁」控制物聯網的開發板,必須在網頁裡頭載入對應的 JavaScript,才能使用對應的 API 來操控 開發板的腳位 ( 跟網頁載入 JQuery 的用法一樣 ),舉例來說,當我們已經載入了對應的 JavaScript,只要網頁裡綁定一個 led.on() 的事件,對應的 led 燈就會亮起。 ## 連線控制方法 * 網際網路控制 ( W-Fi ) * 區域網路控制 ( WebSocket ) * 藍芽 ( Bluetooth ) * 序列埠 ( Serial Port ) ![](https://i.imgur.com/hwz7vo5.png) ## Webduino 與 Arduino 的差異 ![](https://i.imgur.com/n5EJtQO.png) ## Webduino 擁有的程式積木 - 變數 - 流程 - 基本功能 - 邏輯 - 迴圈 - 數學式 - 文字 - 列表 - 顏色 - 進階功能 - 控制台 - 等待 - 數值轉換 - 鍵盤行為 - 語音聲控 - 語音朗讀 - 行動裝置 - MQTT - 開發版控制 - 開發板 - 資料傳輸 - I/O 腳位 - 發光元件 - LED 燈 - 三色 LED - LED 點矩陣 - OLED 螢幕 - LCD 螢幕 - 全彩點矩陣 - 七段顯示器 - 輸入輸出 - 繼電器 - 蜂鳴器 - 按鈕開關 - 震動開關 - 搖桿 - 條碼機 - 電子磅秤 - 紅外線發射 - 紅外線接收 - 冷氣紅外線 - MP3 播放器 - 環境偵測 - 電子羅盤 - 顏色感測 - 光度計 - 超音波 - 溫溼度 - 溫溼度(SHT31) - 細懸浮微粒 - 人體紅外線 - 聲音感測 - 光敏(可變)電阻 - 土壤濕度偵測 - 三軸加速度計 - 無線感應 - RFID - GPS - LORA - 玩具及馬達 - 哇寶機器人 - 伺服馬達 - 自走車 - 循跡車 - 樂高EV3 - 資料庫 - Firebase - Google 試算表 ## Webduino Smart ( 介紹 ) ### 預設元件和腳位介紹 * 大小:長 3 公分寬 2.5 公分的開發板 * 重量約 85 公克 * 數位腳 0、2、4、5、14、16 * PWM 腳位 12、13、15 * 類比腳 AD ( A0 ) * 其他腳位 TX、RX、3.3V、VCC、RST 和 GND 各 1 個。 * 內建一個光敏電阻、一個三色燈和一個微型按鈕開關 * AD 腳位預設供給光敏電阻使用 * 三色 LED 燈的紅色使用 15 號腳、綠色使用 12 號腳、藍色使用 13 號腳 ( 三色 LED 燈為「共陰」,在官網其他範例外接的三色 LED 為「共陽」 ) * 微型按鈕開關則使用了 4 號腳位 ![](https://i.imgur.com/8Z9ixkW.png) ### Webduino Smart 初始化步驟 1. 接上電源,輸入 Wi-Fi 帳號密碼連線   在具備 Wi-Fi 功能的電腦、筆電或行動裝置的 Wi-Fi 搜尋裡,就可以看到有個名為「Smart」的裝置,此時開發板會閃紅燈,接著紅燈恆亮,這是正常的狀況,因為開發板尚未連線至區域網路。( 不過如果你已經照著接下來的步驟設定完成,還是一樣紅燈恆亮應該就是設定錯誤或不正常了 ) ![](https://i.imgur.com/1KRB6Ks.png) 2. 設定 Wi-Fi 帳號密碼與顯示名稱 連線後打開瀏覽器 ( 建議使用 Chrome ),網址列輸入 192.168.4.1,進入設定畫面後設定裝置在 Wi-Fi 搜尋中所顯示的名稱和密碼 ( 避免別人用 12345678 也可以連結到你的裝置 ),Device ID 的部分會在進行第一次韌體更新後配發 ( 下面的步驟會介紹 ),每塊 Smart 會配發唯一的一個 ID,因此您無法填寫與修改。 ![](https://i.imgur.com/CDqwnU0.png)   3. 設定完成後就可以按下 SUBMIT 儲存 出現 SAVE OK 的字樣表示儲存成功,此時 Smart 開發板會重啟並閃爍紅燈,當紅燈熄滅,且綠燈亮起一次之後,表示 Smart 開發板已經成功連結上家裡或環境內的 Wi-Fi 基地台。( 若紅燈持續閃爍或恆亮,請移除電源,重新操作步驟 1 與步驟 2 ) ![](https://i.imgur.com/Ey6M5kL.png) ### 更新韌體 接上電源後,按住 Micro USB 旁的微型按鈕開關 ( 按住不放 ) ![](https://i.imgur.com/FkEniWA.png) :::warning 如果先按住按鈕,再接電源,會讓 Smart 回復出廠設定 ::: 按住直到綠燈亮起後,再放開按鈕開關,此時藍色燈會亮起 ,表示開始下載更新檔,下載完成後完成後藍色燈會熄滅,開始進行更新 ( 約 5~10 秒 ),更新完成後紅色燈會亮起,接著會閃紅燈進行連線,連線成功後綠色燈會亮起,當綠燈熄滅,表示我們可以重新開始控制開發板。 ( 注意!進行更新的 5~10 秒請勿移除電源,否則可能會造成更新失敗而無法啟用開發板的狀況 )