述文老師 Webduino 新書續集接棒:跟著 Webduino 邁向 IoT 高手之路!透過「自有積木」增強 Webduino 功能與 IoT 客製化互動網頁一次到位!



此別冊規劃內容延續前一本「跟著 Webduino 一起 Smart 學習」學會的 Webduino 基礎知識,除了加強使用「Webduino 模擬器」進行創新應用,更將以 Webduino 進階應用為主,帶領大家一起來認識如何透過「自有積木」增強 Webduino 功能,並透過 Mobirise RWD 自適應網頁設計與 Webduino IoT 物聯網的結合,完成專屬的 IoT 客製化互動網頁,不論是專題開發或是科展成果網頁製作,都能輕鬆完成!

最後一個章節再加上 Smart 自走車的組裝與操控,讓同學在動手實做中完成更複雜、完整的 Webduino IoT 體驗!

  • Webduino 進階精熟應用,從這本開始。
  • 用 Mobirise 輕鬆建立客製化的 Webduino 專題、科展網頁。
  • Webduino 模擬器「瘋」神榜,強化學生的虛實整合設計能力。
  • 完整 Smart 自走車組裝與超音波自動避障、手動控制切換教學。

※本書籍將以下兩個章節完全開放供大家閱讀!

  • 三、Webduino 模擬器「瘋」神榜
  • 四、Webduino Smart 自走車

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


一、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 自走車(本章節完全開放閱讀)


書籍專屬的 Google 協作平台也同步更新,將「跟著 Webduino 一起 Smart 學習」與「跟著 Webduino 邁向 IoT 高手之路」兩本書籍相關資料都放在一起,不論您是否有購買此書,都可以在網站看到:

  • 兩本書籍的「試閱章節」
  • 「Webduino 線上模擬器」的教學文章
  • 述文老師關於 Webduino 的教學文章、公開研習的資料、上課錄影影片
  • 進行「Webduino 即測即評」

https://sites.google.com/view/cfp-webduino-smart/



以下為部份書籍內容頁面,供大家參考:
















※ 教學資料總整理:


※ 延伸閱讀:


留言