<style>
.main{
}
.main img{
border-radius:10px;
}
.main h1{
text-align: center;
border: none;
color:4B4B4B;
letter-spacing: 3px;
}
.main h6{
text-align:right;
color:#F4AA14;
font-size:18px;
}
.main code{
background-color:#FFF0D1;
padding: 8px 10px;
border-radius: 20px;
margin-right:7px;
}
.main h2{
background-color:#0B8D97;
color:#fff;
width: max-content;
padding: 7px 25px 7px 17px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-bottom: none;
margin-top:46px;
margin-bottom: 25px;
}
.main h2 img{
padding-bottom: 4px;
border-radius:0;
}
.main p,li{
font-size: 18px;
line-height: 29px;
letter-spacing: 0.15em;
color:#525252;
}
.main .result{
background-color:#0B8D97;
padding:0.8rem 1rem 1rem 1rem;
border-radius: 10px;
}
.main .result h3{
text-align:center;
color:#fff;
margin-bottom:3rem;
}
.main .result h3 img{
margin-bottom:0.5rem
}
.main .result .pic img{
border: 5px solid #FFFFFF;
}
.main .pic{
text-align:center;
width: 84%;
margin: auto;
margin-top: 2rem;
}
.pic p{
color:#fff;
text-align:left;
font-size:1.8rem;
line-height:4rem
}
</style>
<div class="main">
# Webduino 實戰智慧插座工作坊
###### `進階` 6 小時
##  課程目的
這次智慧插座工作坊，從認識家中插座一直到組裝及控制，透過 8 大範例應用，帶你精確地做到控制並與家電溝通！無論是智慧家電串網頁前後端 ( Google Map、Google 試算表、Opendata、NodeRed ) 通通難不倒你！豐富又深入淺出的教案實例，帶你掌握最完整的物聯網開發歷程，就算是回到家裡，也可以輕鬆的實現各種居家改造的創意，真正落實雲端監控、智慧生活。
##  課程目標
1. Webduino 雲端平台和基本操控原理
2. 熟悉物聯網的常見應用
3. 學會串接 Google 試算表與 Google Map，以獲取資料
4. 掌握實用有趣的開發技巧
5. 從無到的有組裝智慧插座
6. NodeRed 後端應用 ( 爬蟲、接 OpenData、推播 Email )
掌握 Webduino 開源技術，並串聯至生活的一部份，透過雲端操控、網頁互動、結合後端以落實家電改造
7. 實現做中學，學中樂的精髓，喚起你的創客魂
##  課程內容
- Webduino 基本介紹
- Webduino 雲端平台介紹
- 新增專案與管理
- 裝置認證與管理
- 雲端燒錄與更新韌體
- 智慧插座組裝教學
- 實作智慧插座 8 大範例
- 智慧小夜燈
- 遠端按按鈕開燈
- 有人靠近就開燈
- 刷卡認證就開燈
- 語音聲控就開燈
- 行動裝置控制燈泡開關
- Google 試算表監控燈泡狀態並記錄時間
- 智慧插座與 Google Map 的淵源
- Google Map 監控電燈狀態與位置顯示
- Google Map 操控電燈開關
- 智慧插座結合 OpenData 和 NodeRed
- NodeRed 取得 OpenData
- NodeRed 網路爬蟲
- NodeRed Email 推播與操控電燈
##  課前準備
1. Webduino Smart x1 + Micro USB 傳輸線 x1
2. 智慧插座套件 x1
3. USB LED 燈 x1
4. 電子零件包 x1
5. 筆電
6. 學員本機環境需事先完成安裝 Node.js 6
7. 電力滿滿的行動電源（ 有的話更佳 ）
8. 智慧型手機（ 有的話更佳 ）
9. 學員需具備 HTML / JavaScript 的基礎與使用經驗
<div class="result">
###  成果展示
<div class="pic">
▲ 智慧插座結合 Google Spreadsheet
</div>
<div class="pic">
▲ 智慧插座警示燈：結合 Opendata 顯示空氣品質超標
</div>
<div class="pic">
▲ 智慧插座結合 Google Map
</div>
<div class="pic">
▲ 智慧插座串 Email 推播
</div>
</div>