Webduino 2018
（Introudction of Webduino)

班級：大學部一年級學分：3學分
任課教師：吳智鴻任課科系：數位內容科技學系
TEL：04-22183024
E-mail: chwu@mail.ntcu.edu.tw
Website: chwu.weebly.com.tw

修訂日期：106/02/13

一、本課程之學習目的與教學目標

隨著電腦科技的進步，許多以往需要專業人士才能製作的多媒體內容，現在已有許多套裝軟體可以讓初學者已相當簡易的方式，就做出令人驚嘆的效果。藉由此類軟體的協助，老師可以透過多媒體教材，將許多不易在課堂上講解的內容，透過多媒體多樣化的方式呈現，讓學生易於接受與瞭解，激發學生的學習興趣。

二、本課程之主要講授重點與範圍：

本課程主要讓學生瞭解何謂多媒體並透過介紹Flash這套動畫多媒體製作軟體，讓學生也可以輕易的做出聲光影像俱全之多媒體教材，以協助教學上之應用。主要範圍如下：

多媒體概論
應用電腦製作數位內容
多媒體的整合應用
Flash動畫製作
Flash遊戲製作
浮空投影技術與製作

培養之核心能力

A2 具有系統應用與整合研究能力

三、本課程之教學方法：

課堂講解與討論
上機實作
分組報告
作品展示

四、本課程之評量方式與時間：

平時成績：40% (平時作業、學習單、出席)
期中作品：30%
期末作品：30%

五、使用教材或參考書目：

[A] 施威銘研究室，「正確學會FLASH CS6的16堂課」，旗標。F3421。

[B] 陳漢昇，「多媒體導論與應用」，旗標。F7512。

--- 其他教材及參考書籍、資料將由教師於課堂上發放或指定。

六、有關學習建議事項：

學生需在老師指定之主題下，主動尋找相關資料與軟體，與提出可能應用方向，以及改進之方法。
「遵守智慧財產權觀念」及「不得非法影印」。

七、本課程之教學進度：（請詳填於課程進度表）

週次	日期	課程內容	補充說明	學習單
01	02/13	初始化設定 Smart 確認連線成功 #1	雲端Blocky 本機Blocky Webduino網站教學範例教學簡報 FB粉絲團 FB技術粉絲團雲端資料庫 Webduino Blocky Arduino IDE下載（需1.6.7之前的版本）燒錄Arduino韌體教學燒錄standard Firmata
02	02/18	控制單顆LED燈 #2	LED ON LED OFFWebsocket連線控制紅燈動手作：是不是可以自己換顏色呢？ Websocket 連線 WIFI 用迴圈控制顯示十次LED燈並且變換顏色用按鍵控制
03	04/17	浮空投影專題＃3	多媒體互動藝術專題製作原理製作浮空投影原理測試用影片浮空投影影片#1 浮空投影影片#2 浮空投影影片#3 製作方法用CD光碟片製作用威力導演製作浮空投影完成範例 3D影片範例素材下載 [素材下載] [紙模範本下載] [威力導演試用版下載]
04	04/24	浮空投影專題 #4	影片素材下載影片剪輯/字幕製作/音效處理/多影片影片教學音樂素材下載 Bensound [網站說明] 需標註來源： Music: www.bensound.com 10個免費音樂素材下載網站威力導演教學影片（字幕/調整顏色等）威力導演基礎教學影片製作如下: 兩個影片/加入字幕/加入兩個背景音樂/調整音樂大小聲/裁減音樂影片輸出成高畫質Mpeg2/4 加上兩個字幕（小小兵/水母）移動字幕位置完成影片高畫質版
05		按鈕控制 #5	按鈕控制LED顏色按下為紅色/放開黑色/長按藍色按鈕控制Youtube播放選擇網頁互動格式
		按鈕與點矩陣	按鈕與LED點矩陣綜合運用接線圖程式
03	02/20	控制二顆LED燈	LED2
04	02/27	三色LED燈
05	03/13	三色LED燈調色盤	LED_RGB
06	03/20	超音波	練習網址超音波測距離
07	03/27	點矩陣	點矩陣接線圖範例#1 顯示微笑圖形 ^_^ 範例#2 顯示向上圖形 ↑ 範例#3 運用圖形工具顯示圖形＋範例#4 運用動畫，顯示 2 + 3 = 5 （動畫間格 1秒鐘 = 1000豪秒）範例#5 運用跑馬燈，向左移動，顯示START動畫，範例#6 製作倒數計時器（從10~0，倒數十秒）
08
09	04/10	人臉追蹤	用人臉追蹤控制顏色網址：https://blockly.webduino.io （需要HTTPS開頭才能啟用攝影頭）沒偵測人顯示黑色，搖頭變白色範例：追蹤顏色並顯示顏色
10	04/17	OLED	OLED LED Assistant 製作點陣圖注意： OLED尺寸是128x64 LED Assistant程式下載 OLED program (Arduino)
11	04/24
12	05/01	影片和成與去背	威力導演去背教學呂聰賢 Youtube控制取消建議播放開啟自動循環播放功能
13	05/08	OLED圖片顯示	OLED 點陣圖轉OLED 網站 OLED顯示圖片 OLED跑馬燈
14	05/15	三種感測元件集合	OLED＋點矩陣＋按鈕接線狀況
15	05/22		自走車（需使用馬克一號）馬克一號介紹步驟一：初始化設定（在組裝自走車之前，需先把馬克一號設定號再組裝）馬克一號初始化設定步驟二：雲端平台管理設備並更新韌體版本步驟三：組裝自走車組裝過程（需仔細組裝）實際練習 1# 用鍵盤上下左右控制自走車
16	05/29		自走車（循跡功能) 循跡自走車介紹與組裝循跡功能操作介面語音操控自走車說明影片
		超音波感測與自走車避障	自走車避障超音波原理介紹程式#1 增加超音波感測，設定距離小於10公分時停止顯示畫面程式#2 增加有障礙物時，停止，後退，然後隨機左轉或右轉
17	06/05	軟體更新	更新韌體（增加對更多傳感器的支援）雲端平台，讓開發版連線，然後選更新。
18	06/12		Smart接空氣偵測器（韌體版本需3.1以上）程式程式＃2 如果PM2.5 or PM10 超過標準，則LED亮紅燈，正常亮綠燈。程式#3 把PM2.5 & PM10的即時資訊顯示在OLED螢幕上
			自走車循跡