<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 小時
##  課程目的
智慧時鐘不再單純顯示時間，能提供更多有效資訊給您。課程從機構組裝、測試、程式撰寫並部署到雲端，透過爬蟲技術串接 Open Data，掌握即時氣象資訊 (溫度、地震、空氣品質)， 搭配自製的 Web App 遙控器，將多項生活範例整合到智慧時鐘，一次掌握環境資訊不遺漏。
##  課程目標
1. 學習 Webduino 雲端平台和基本操控原理 。
2. 自製 Web App 遙控器，將生活實例整合到智慧時鐘。
3. 爬蟲技術串接 Open Data，掌握即時氣象資訊。
4. 結合物聯網模擬實際情境，打造 AIoT 智慧家居應用範例。
5. 掌握 Webduino 開源技術，並結合深度學習串聯至生活，透過雲端操控、手機互動以落實實際場域改造。
6. 認識講師，遇到困難有人回答。書本資料太多、網路資料太分散，現場有人教學得快。
##  課程內容
1. Webduino Cloud 使用介紹
- 裝置認證與管理
- 雲端燒錄與更新韌體
- 新增專案與管理
2. 手把手組裝智慧時鐘
- 原理解析、實作組裝、測試
- 智慧時鐘離線運行
3. 智慧時鐘離線運行
- 改變數字顏色、漸層、亮滅控制
- 一鍵部署程式到雲端
- 計數器、看分板等應用
4. 結合開放資料讀取環境數值
- 偵測天氣預報，遠端遙控顯示氣象資訊
- 偵測空氣品質，自動更換燈號警示
- 爬蟲技術實作，醫院叫號服務
5. 物聯網 Web App 應用開發
- 爬蟲程式撰寫與串接
- 客製化調整操控介面
##  課前準備
1. 電腦
2. Smart 開發板
3. 電子零件包
4. 行動電源
<div class="result">
###  成果展示
<div class="pic">
▲ 智慧時鐘遙控換顏色
</div>
<div class="pic">
▲ 智慧時鐘 - 裝飾家具
</div>
</div>