<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智慧音樂播放盒實作
###### `進階` 6 小時
##  課程目的
自己動手打造可聽、可玩的智慧音樂播放盒，當你打開它，音樂就會自動播放；亦可使用旋鈕調整音量大小，透過 LCD 顯示播放的音樂曲目。當我們出門在外，還能透過 App 留言傳訊息給家人，打造一個智慧生活的 App。充滿趣味又有挑戰的實作課程，上完課就可帶極具個人 Style 的智慧播放盒回家。
本次實作坊從傳感器基本控制到互動整合，除了教你客製化自己的音樂遙控App，最後將程式部署至本機端，就算不開啟 App 也能控制盒子囉！本次課程提供由豐富的教案實例，從機構設計到整合實作，6 小時掌握 Web 開發技巧，一次洞悉所有 Webduino 獨特的物聯網操控模式。
##  課程目標
1. 動手組裝自己的智慧播放盒，送禮自用都很適合。
2. 快速學會 Webduino 經由 WiFi 控制開發板的技術。
3. 掌握最新的 MP3、LCD、可變電阻元件使用方式。
4. 掌握 Webduino 開源技術，傳感器、雲端到網頁互動一氣呵成。
5. 物聯網專屬 App 的開發技術與快速實作技巧。
6. 掌握 Webduino 開源技術，並串聯至生活的一部份，透過雲端操控、網頁互動、結合後端以落實改造
7. 認識講師，遇到困難有人回答。書本資料太多、網路資料太分散，現場有人教學得快。
##  課程內容
##  課前準備
1. 馬克一號開發板 x1(可購買或自備)
1. 光敏電阻 x1
1. 電阻 x2
1. MP3 + 喇叭 + 記憶卡 x1
1. LCD 顯示器 x1
1. 麵包板 x1
1. 可變電阻 x1
1. 杜邦線 x10
1. 伺服馬達 x1
1. 盒子製作木板
1. 行動電源+USB線 x1
<div class="result">
###  成果展示
<div class="pic">
</div>
<div class="pic">
</div>
<div class="pic">
</div>
</div>