一、認識 Webduino

• • • • Webduino = Web + Arudino

      • Webduino 開發板介紹

      • Webduino 三大雲端平台 ( 試閱章節 )

      • Webduino 應用實例

      • Webduino 線上教學文件與FB技術支援社群

      • Webduino Smart 開發板初始化

二、Webduion Blockly 體驗版開發平台

• • • • Webduino Blockly 體驗版操作介面

      • 網頁互動區與相關程式積木

      • 載入範例積木

      • 自我挑單：關卡練習

三、Webduino 初體驗：點亮你的 LED 燈

• • • • Smart 開發板與 LED 燈硬體連接

      • 點亮 LED 程式積木設計

      • 利用「點擊燈泡」互動控制

      • 馬上掃描 QRCode，用行動裝置體驗

      • 用「手機陀螺儀」互動控制

      • 用「語音聲控」互動控制

四、Webduino 元件基本使用

• • • • Webduino Smart 開發板簡介

      • 光敏﹙可變﹚電阻

      • 杜邦線

      • 溫溼度感測器與麵包板

      • 超音波

      • 鳴蜂器 ( 試閱章節 )

      • 按鈕開關

      • LED 點矩陣

五、Webduino Smart 創意應用

• • • • Webduino 雲端平台註冊

      • 認識 Webduino 雲端平台

      • 用光敏電阻 + 三色 LED 燈製作情境小夜燈

      • 用 LED 點矩陣學小綠人動畫與分鏡設計

      • 用 LED 燈 + 蜂鳴器 + 超音波完成「倒車雷達」

      • 用 Google 試算表自動記錄溫溼度

      • 用 LED 點矩陣 + 按鈕 + 蜂鳴器製作遊戲骰子 ( 試閱章節 )

      • 用 LED 點矩陣 + 語音朗讀學陣列應用、玩賓果

一、Webduino 自有積木的使用

• • • • 如何取得「自有積木」？

      • 如何在 Blockly 中匯入「自有積木」？

      • 「Google 地圖」自有積木的使用

      • 「氣象開放資料擷取」自有積木的使用

      • 「Google 試算表加強版：SpreadSheet」自有積木的使用

二、用 Mobirise 輕鬆建置 Webduino 專屬網頁

• • • • Mobirise 四大特色

      • 下載與註冊 Mobirise

      • Mobirise 網站資訊與 CSS 樣式設定

      • Mobirise RWD 網頁區塊的使用

      • Mobirise 專案預覽與發佈

      • 如何取得 Webduino 專案完整網頁程式碼？

      • 認識 Webduino 專案完整網頁程式碼架構

      • 客製化 Webduino 遙控器介面

      • Webduino 點擊燈泡客製化網頁製作

      • 語音聲控機器人客製化網頁製作

      • 用遙控器播放 Youtube 影片客製化網頁製作

三、Webduino 模擬器「瘋」神榜

• • • • Webduino 模擬器的操作 ( 試閱章節 )

      • Webduino 模擬器為什麼無法「模擬」出結果？ ( 試閱章節 )

      • 歡樂倒數計時器：LED 點矩陣 + 蜂鳴器 + Youtube 影片 ( 試閱章節 )

      • 用三色 LED 控制紅綠燈，學 Blockly 函數(流程) 的使用 ( 試閱章節 )

      • 用伺服馬達 + 按鈕，學旋轉角度控制與使用者資料輸入，看誰的角度「眉角」最神準！ ( 試閱章節 )

      • 真假 Webduino 開發板同臺競技！真假同樂會一起 Hight 翻天！( 試閱章節 )

四、Webduino Smart 自走車

• • • • Smart 自走車組裝步驟 ( 試閱章節 )

      • Smart 自走車基本操控 ( 試閱章節 )

      • Smart 自走車超音波自動避障 ( 試閱章節 )

本書彙整最新應用於部落格上，把 Webduino 最新的 MQTT 方式做一個介紹，讓大家可以更靈活地控制 Webduino 與在網頁上有更高的互動性！歡迎有興趣的讀者可以上「述文老師學習網」部落格自由參考學習。請參見以下網址：

• 用 MQTT 打通所有 Webduino 開發板的「任督二脈」https://harmonica80.blogspot.com/2019/07/webduino-blockly-mqtt-webduino.html

• 用 MQTT 做到真正 Webduino 網頁協同同步顯示裝置狀態https://harmonica80.blogspot.com/2019/08/webduino-blockly-mqtt-webduino.html