80 views
<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"> ![](/uploads/upload_ca97b3a3ec3dda6b41a29c9b18079431.png) # IoT 應用 - 4hr 打造 Smart 無人駕駛車 ###### `初階` 4 小時 ## ![](/uploads/upload_65f1b457e95d6f8fc94beeeaa45d15e7.svg) 課程目的 車,原來不只是競速!你想過它還能自動避障做到無人控制嗎? 現在將啟動你的創客魂,透過自己編寫的程式,實作出具個人特色的自走車! ## ![](/uploads/upload_549a9523108383e3c48e23dd52a8ad6c.svg) 課程目標 只要 4 個小時,你將擁有別人就算看書也學不到的技術力和知識力! 本次課程就算沒有程式基礎的人都能輕鬆上手,透過 Webduino Blockly ( 程式編輯工具) 輕鬆學會程式邏輯,並學會控制 Smart 自走車,實現無人車之應用,體驗生活中的樂趣。 ## ![](/uploads/upload_76d8af8406b9c435bc83c72c5e5cdab1.svg) 課程內容 1. 認識物聯網 - 學會基本程式邏輯概念 - 瞭解物聯網 ( IoT ) 基礎概念 2. 車體機構 - 從無到有組裝 Smart 自走車 - 熟悉操控車體、馬達等機構原理 - 跨平台裝置監測與操控 3. 智慧控制 - Smart 自走車程式編寫 - Smart 自走車實際道路測試 - 體驗 Smart 自走車自動控制、避障功能 ## ![](/uploads/upload_cfe6c2033ba5caf352335920c07ba7f6.svg) 課前準備 1. 電腦 ( 安裝 Chrome 瀏覽器 ) 2. 行動電源 3. 智慧型手機 <div class="result"> ### ![](/uploads/upload_1a73c2d77753895360c738bfc31b8c16.svg) 成果展示 <div class="pic"> ![](http://webduinoio.github.io/tutorials/img/activity/activity-201803-1.gif) </div> <div class="pic"> ![](http://webduinoio.github.io/tutorials/onsale/img/car-photo-3.gif) </div> </div>