<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">
ploads/upload_3c56cb79c09c18dd7e886578e628f38f.jpeg)
# Webduino 體驗活動
###### `初階` 2 小時
##  課程目的
十二年國民教育課程設立【科技】領域，以強化學生的動手實作及STEM學科知識整合運用之能力。
一個位在南台灣高雄的熱血創意團隊，實現了用Web串接Arduino。我們想把Webduino介紹給學校老師，藉由實作的體驗，感受到科技課程的好玩、有趣。
##  課程目標
體驗課程主要是以最基礎的應用，透過Webduino Bockly程式編輯工具（網頁），控制Webduino板子及元件模組（硬體），撇除以往複雜的接線流程，讓從沒有程式學習經驗的人也能快速上手，體驗透過網頁與硬體溝通的操作模式，並藉由Webduino Bockly程式編輯工具學習基礎的程式邏輯。
##  課程內容
- 認識Webduino - 基礎概念
- Web x Aduino的運作方式
- 實作範例 - 影片介紹
- Webduino Blockly介紹(如何透過瀏覽器控制Arduino)
- LED
- LED燈閃爍
- LED燈與網頁互動
- 行動裝置控制LED燈亮暗程度
- 三色燈
- 用三色燈改變燈泡顏色
- 蜂鳴器
- 使用蜂鳴器播放聲音
- 蜂鳴器譜出優雅樂曲
- 超音波
- 超音波基本實作 - 偵測距離
- 超音波結合Youtube影片播放
- LED點矩陣
- LED點矩陣顯示圖示
- 點矩陣做跑馬燈
- 用手機玩LED點矩陣(用手機顯示點矩陣的圖示)
<div class="result">
###  成果展示
<div class="pic">
</div>
<div class="pic">
</div>
</div>