<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">
# IoT 應用 - 一機在手！即時掌握氣象入門班（Bit 雲端開發 x 實務整合入門班）
###### `初階` 3 小時
##  課程目的
還在煩惱繁瑣的接線方法嗎？本課程實作將拋開接線流程，讓您學習更簡易！
課程中將帶你實作物聯網 (IoT) 十大範例，透過串接 IFTTT 服務、擷取氣象局開放資料，以及透過 Line 發送訊息通知、貼圖表情、圖片，預先通知你今日天氣狀態！
搭配生活時事範例的整合性課程，結合「程式 x 開放資料 x 生活創客」三大面向的學習，只要 3 小時，也能享受智能生活的快感！
##  課程內容
1. 瞭解物聯網 ( IoT ) 基礎概念
2. 學會基本程式邏輯概念To Bit or not to Bit
- 認識 Webduino Bit 雲端開發版
- 使用 Webduino Bit Blockly 線上編輯工具
- 快樂玩轉全彩 LED 點矩陣
- 繪製圖案、聲控圖案、跑馬燈、手機操控
3. 跨平台/裝置監測與操控
- 按鈕開關 ( Youtube 播放器 )
- 蜂鳴器發聲、偵測光線
- 串接氣象模組，全彩 LED 點矩陣顯示即時氣象資訊
- 串接 LINE，傳送推播通知 ( 按鈕開關發送訊息、表情貼圖 )
##  課前準備
1. 筆電（安裝 Chrome 瀏覽器）
2. 電力滿滿的行動電源（有的話更佳）
3. 智慧型手機（有的話更佳）
<div class="result">
###  成果展示
<div class="pic">
▲ 結合 Open Data 即時取得匯率數值
</div>
<div class="pic">
▲ 即時取得氣象資料
</div>
</div>