Webduino 教學範例 ::: Webduino = Web × Arduino

最新文章所有文章設定介紹元件模組傳感器綜合應用雲端平台 Bit

基本介紹

Webduino 讓使用者只需要撰寫簡單的網頁程式，就可以串接 Arduino，大幅降低開發的門檻。

初始化設定 ( 初次使用必讀 )

實作 Webduino 之前，最重要的就是進行初始化設定，初始化設定的目的在於讓 Webduino 開發板可以自動上網

常見問題處理

常見問題處理頁面裡頭會列出許多常見的問題，以及各種問題對應的解決方法。

Webduino Fly 初始化設定 ( 初次使用必讀 )

透過 Webduino Fly ( UNO 雲端擴充板 ) 的設定，讓您的 Arduino UNO 化身為 Webduino。

Arduino 韌體下載與燒錄

下載與燒錄客製化的韌體，讓你的 Arduino 更具多樣性，讓你的 Arduino 長出翅膀，躍上雲端。

Chrome API Proxy 安裝設定

安裝 Chrome API Proxy，讓 Arduino UNO 可以透過藍芽或序列埠的方式，感受方便美好的 Webduino 開發體驗。

Webduino Blockly 基礎教學

Webduino Blockly 線上編輯工具是 Webduino 所研發出來的圖像化編輯工具。

Webduino Blockly 實作範例

體驗最方便的 Webduino Blockly 線上編輯工具，感受從來沒有過如此輕鬆的物聯網開發體驗。

連動多塊 Webduino 開發板

我們就可以透過很簡單的判斷與控制，進一步讓各個開發板與電子零組件彼此連動。

Webduino 腳位偵測與設定

我們就可以透過很簡單的判斷與控制，進一步讓各個開發板與電子零組件彼此連動。

Webduino Blockly 的十一個操作密技

我們就可以透過很簡單的判斷與控制，進一步讓各個開發板與電子零組件彼此連動。

Webduino 使用藍芽操控

這篇文章將會介紹如何連接藍芽模組 ( HC05、HC06 )，以及相對應的設定、操控方式。

認識 Webduino Smart

Smart 是 2016 年推出的物聯網開發板，更能有效地應用在物聯網的開發和各種創意上。

Webduino Smart 初始化設定 ( 初次使用必讀 )

初始化設定的目的在於讓開發板可以自動上網，或是在區域網路透過 WebSocket 連線。

Smart 三色燈初體驗

Smart 內建一個微型三色 LED 燈，這表示我們可以直接透過 Smart 發出各種顏色。

躍動的 Smart 三色燈

上一篇已經了解基本的三色燈操控，這篇將透過「等待」與「迴圈」積木，實作出一個躍動的三色燈。

Smart 的光敏電阻

Webduino Smart 開發板的右上角內建了一顆光敏電阻，由這個光敏電阻我們就可以偵測環境的光線，做出許多簡單的光線偵測效果。

Smart 的按鈕開關

我們可以透過 Smart 內建的微型按鈕開關，執行「按下」、「放開」或「長按」等動作。

Smart 按鈕開關控制 Youtube

透過 Smart 開關的行為，操控 Youtube 的影片播放，如此一來只要動動手指，就可以控制影片。

Webduino 雲端平台

「Webduino 雲端平台」是 Webduino 所研發的全方位的物聯網開發工具，實現「從硬體到軟體、從軟體到雲端、從雲端到行動裝置」的完整應用。

雲端平台 - 註冊與登入

使用 Webduino 雲端平台的第一步就是註冊，註冊後便能儲存開發中的專案，並且進行物聯網裝置與個人帳號的綁定。

Blockly 程式積木

雲端平台的 Webduino Blockly 具備存檔與共享檔案的功能，並提供豐富的電子元件與傳感器模組。

Device 裝置管理 ( 裝置認證 )

不論手邊有多少物聯網的開發裝置，都可以在雲端平台上掌握裝置的上下線狀態、韌體版本以及安全性設定。

Device 裝置管理 ( 雲端更新 )

只要裝置處於上線狀態，就能透過雲端更新的方式也可輕鬆進行遠端更新，甚至多台裝置可以同時更新、同時設定。

LCD 螢幕

各種 3C 用品中，如果需要使用螢幕顯示訊息，大多會採用 LCD 顯示器，這篇將會介紹如何透過 Webduino Blockly，簡單實現出在 LCD 上顯示文字。

MP3 播放器

MP3 是相當流行的數位音訊編碼格式，這篇將介紹如何透過 Webduino 來控制 DFPlayer Mini MP3 Player 模組，實作出 MP3 音樂播放器。

PM2.5 細懸浮微粒偵測

只需要幾個簡單的步驟，Webduino 就能透過 G3 粉塵感測器，偵測周遭的環境空氣品質，也更能為自己的身體和居家生活多些關心與重視。

記錄 PM2.5 ( Google 試算表 )

偵測空氣的 PM2.5 數值之後，接著要透過資料庫來儲存數據，這篇將介紹如何將 Google 試算表當作資料庫，輕鬆存取 PM2.5 的數值。

Google 試算表 ( 設定 )

就算不會任何資料庫的技術，也能透過 Webduino 提供的 Google 試算表功能，將 Google 試算表當作資料庫，輕鬆儲存傳感器所接收到的訊號數值

Google 試算表 ( 儲存 )

對於不會資料庫的使用者而言，若能將 Google 試算表當作簡單的資料庫，再搭配 Webduino 輕鬆串接傳感器的優勢，簡單幾個步驟，就能完成許多有趣的應用

Google 試算表 ( 讀取 )

已經能透過 Webduino 寫入資料到 Google 試算表後，下一步就要來讀取資料，如此一來就能利用試算表，做出簡單的查詢功能，並延伸到 IoT 應用

單顆 LED 燈

進入了 Webduino 的世界之後，使用 LED 來作為第一個範例，而撰寫的程式也更為簡單，就像控制一張網頁圖片切換一樣的容易。

三色 LED 燈

三色 LED 是由紅綠藍三種不同顏色的 LED 所組成，可以發出最少三種顏色的光，我們也可以分別控制顏色的強弱，達到混合顏色的效果。

三色 LED 燈調色盤

利用 Web 裡頭常見的 slider range，來控制三色 LED 燈的顏色強弱，同時在網頁裡頭對應相同的色彩。

超音波傳感器

透過超音波碰撞到物體之後反射回來的時間差，就可以計算超音波傳感器與相對應物體之間的距離。

超音波傳感器改變圖片大小

藉由超音波傳感器回傳的公分數值，對應到網頁裡頭圖片的寬度，就輕鬆地利用超音波傳感器控制圖片大小。

超音波傳感器 + LED 燈

透過 Web 的方式，用超音波傳感器控制 LED 燈，當行為觸發時，網頁端同時也可以收到動作的發生

超音波傳感器 + 三色 LED 燈

這個範例最主要是希望能藉由三色 LED 燈顏色上的變化，對應距離的改變，如此一來我們就可以藉由燈號來判斷距離。

按鈕開關

開關是日常生活中很常見的電子零件，藉由開和關的訊號，可以控制各種不同的家電，這個範例將會展示。

溫濕度傳感器

透過溫濕度傳感器，可以準確的偵測溫度與溼度的即時變化，搭配一些圖表工具或後端資料庫，整合成為非常有用的數據收集應用。

震動開關改變網頁數值

震動開關在晃動的時候，內部互相接觸進而短路導電，利用震動的方式，控制電路的開或關，將結果回傳到網頁上。

聲音偵測點亮 LED 與網頁燈泡

這個範例將會利用聲音偵測傳感器，當偵測到有聲音，就自動點亮 LED 燈，同時也會點亮網頁裡頭的燈泡。

蜂鳴器播放自製音樂

藉由 HTML5 Attribute 來填入音符代碼，編輯 HTML5 或 javascript 就可以編輯音樂，透過蜂鳴器發聲。

繼電器控制風扇旋轉

繼電器通常應用於自動控制電路中，當我們開始用 Webduino 控制繼電器，就可以非常簡單的做出利用網頁控制的智慧插座或自動開關。

人體紅外線偵測控制 LED

利用 Webduino，在人體紅外線傳感器接收到訊號時，觸發網頁的燈泡亮起，同時也讓 LED 燈發光。

控制伺服馬達轉動角度

使用 HTML 的 range，透過 Webduino控制伺服馬達的旋轉角度，range 調整多少，馬達就會跟著旋轉多少角度。

光敏電阻獲取光源數值

光敏電阻主要是利用光電導效應的一種特殊的電阻，透過會變化的電阻值，進一步產生輸出強弱訊號。

LED 點矩陣顯示圖形

LED 點矩陣顧名思義，就是用許多 LED 燈所組成的元件，最常見到的就是在火車、公車等大眾運輸裡常見的文字跑馬燈。

RFID

RFID 中文翻譯為「無線射頻辨識」，是一種常見的無線通訊技術，常見於庫存、資產、人員等的追蹤與管理。

RFID 控制 Youtube

這一篇範例要來實作更進階的 RFID：控制 Youtube，利用不同的磁卡或磁扣，來切換不同的 Youtube 影片。

鍵盤操控自走車

Webduino 公仔自走車是 Webduino 自主研發的產品，使用 Webduino 馬克 1 號開發板控制。

語音聲控 LED 燈

在這個範例裡面我們將會透過 Google 的語音辨識功能，輕鬆實現語音聲控 LED 燈的效果。

三軸加速度計

在這個篇教學將使用 Webduino 來控制 ADXL345 這個型號的三軸加速度感應器。

紅外線發射與接收

紅外線發射與接收，常見於我們日常生活的電器用品，舉凡電視機、冷氣機、遙控電風扇、玩具...等

偵測搖桿行為

透過 Webduino 來偵測搖桿的訊號，進一步就可以用搖桿控制車子、機器人或一些實體裝置。

使用 Google 試算表控制 LED

我們將會填寫 Google 問卷，接著把問卷的統計數字平均並四捨五入成整數，再讓平均的分數透過 LED 的數量顯示出來。

人臉追蹤點亮 LED 燈

在這個範例中，將會使用網路攝影機，進行人臉追蹤，根據人臉的位置，來點亮 LED 燈。

霹靂燈 ( 12 顆 LED + 迴圈 )

我們將會用迴圈的方式，讓 12 顆 LED 燈交互閃爍，同時也可以控制交互閃爍的速度，實際做出一個超酷的霹靂燈效果。

使用 Firebase 資料庫記錄溫濕度

我們會使用溫濕度傳感器獲取環境溫濕度之後，下一步一定是想要把溫濕度的數值儲存起來。

雙馬達控制晶片改造玩具車

透過 Webduino 和「雙馬達驅動晶片」的輔助，我們可以讓一般家用玩具車使用 Wi-Fi 來操控。

偵測土壤濕度並由 LED 點矩陣顯示

我們可以利用土壤濕度計插入土中偵測土壤濕度，同時用 LED 點矩陣來顯示偵測到的濕度數值。

智慧插座 DIY

透過 Webduino 和繼電器的應用，將平凡無奇的插座升級成為可以光感、聲控、遠端遙控的智慧插座！

會說話的鬧鐘 ( 貪睡、蜂鳴器 )

這個範例將利用按鈕開關和蜂鳴器做出一個鬧鐘，具備貪睡、蜂鳴器音樂以及語音報時的功能。

可變電阻改變圖片位置

我們將使用可變電阻的旋鈕，透過旋轉旋鈕改變數值，就可以讓圖片的位置發生變化！

可變電阻改變 Youtube 音量大小

我們將使用可變電阻的旋鈕，透過旋轉旋鈕改變數值，就可以改變 Youtube 音量大小。

網頁操控水泵

水泵亦可稱之為「幫浦」，透過馬達的加壓，可以做到一個管子抽水，然後從另外一個管子放水的動作。

循跡自走車

透過「循跡控制板」，輕鬆跟隨地上的軌跡移動，最後甚至可藉由雲端資料庫的輔助，實現紀錄路徑軌跡並重複播放的功能。

Smart 自走車 - 組裝步驟

專為 Smart 開發板量身打造，輕巧、方便又環保！這裡有詳細步驟，帶領你組裝自己的 Smart 自走車。

Smart 自走車 - 網頁遙控器操控

組裝玩 Smart 自走車後，當然就是要控制他啦！這個範例我們會實作如何透過網頁遙控器，就能操控自走車。

Smart 自走車 - 溫濕度感測車

這篇範例將加入「溫濕度傳感器」及 Google 試算表，實現隨時隨地將環境溫濕度資料儲存在雲端。

Webduino Bit 詳細規格

如果你對 Webduino Bit 有興趣，可以透過此篇文章，了解開發板的詳細規格，以及所具備的傳感器和電子元件。

Webduino Bit 初始化設定

初始化設定可以幫助你，將 Webduino Bit 連結所在場所的無線網路，進一步享受無線操控或遠端更新的服務。

認識 Webduino Blockly Bit

Webduino Blockly Bit 體驗版提供虛實整合、程式積木、遠端操控的環境，可盡情體驗物聯網的使用情境與操作感受。

5x5 全彩 LED 點矩陣

全彩 LED 點矩陣是由 25 顆紅綠藍三色 LED 組成，透過不同位置的燈號與顏色顯示，就能呈現各種不同的圖案造型。

按鈕開關

開關常見於日常生活中，Webduino Bit 開發板預設兩顆按鈕開關，透過開關的操控能夠實作物聯網的情境甚至遊戲遙控器。

蜂鳴器

Webduino Bit 預設的蜂鳴器，能夠播放七個八度音階的聲音，透過不同音調頻率的組合，人人都能成為偉大作曲家。

偵測光線

藉由 Webduino Bit 預設的兩個光敏電阻，能夠偵測光線的強弱，甚至互相搭配實作智慧家電或自動偵測的相關應用。