多媒體概論 2018
（Introudction of Multimedia)

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

修訂日期：107/02/25

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

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

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

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

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

培養之核心能力

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

三、本課程之教學方法：

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

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

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

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

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

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

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

六、有關學習建議事項：

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

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

週次	日期	課程內容	補充說明	學習單
01	02/26	一、基礎篇 FLASH CS6基礎操作 --操作介面	WinRar 書本範例檔案(ALL) CS6 版本書本範例檔案(ALL) CS5 版本完成檔互動多媒體技術 MaKey MaKey - An Invention Kit for Everyone Amazing Technology Invented By MIT - Tangible Media Scratch@mit 2012 - Kinect And scratch Scratch + KINECT 玩具動起來期末成果展 arduino s4a scratch lego wedo Neurosky \| Ep. 9	期初問卷調查學習單#0
02	03/05	第一部FLASH動畫製作—手繪風格網站 --移動補間動畫	完成檔補充教材 Flash -> HTML5 Flash CS6 輸出成HTML5 工具下載 Toolkit for CreateJs 旅遊景點宣傳下雪動畫範例	學習單#1
03	03/12	二、應用篇補間與形狀漸變—英文字母動畫教學影片製作英語教學動畫	補充教材何謂4K/1080P 解析度說明 1080i/1080P的說明 PS轉換顏色數 4K示意與說明素材 Quad4k #1 4K#2 繪本動畫文化部繪本花園繪本動畫繪本動畫網繪本動畫製作得獎繪本動畫短耳兔 3D動畫Technology	完成檔學習單#2
04	03/19	3D工具與移動編輯器的應用—網頁橫幅Banner --3D轉譯工具、3D旋轉工具	補充教材--網站的動畫廣告 Google 動畫廣告大小規格檢查你的HTML5廣告工具	完成檔學習單#3
05	03/26	導引線動畫與移動預設效果—電子耶誕賀卡 --移動預設效果面版、噴刷工具	補充教材（躍動的網頁）遮色片～小偷遮色片動畫 [完成檔] 遮色片應用—節能減碳宣導短片素材檔完成檔電子賀卡 Bluemountain 繪本素材封面範例素材與範例檔案完成檔範例	完成檔(電子耶誕賀卡) 學習單#4 遮色片動畫
06	04/02	裝飾工具與骨塊工具的應用—螢幕保護程式 --裝飾工具、骨塊工具	補充教材（躍動的網頁）骨架動畫～長頸鹿 [完成檔] 繪本動物動畫素材檔 [完成檔] 資料來源: 可愛動物：井本蓉子認知繪本	完成檔 CuteDance螢幕保護程式範例螢幕保護程式螢幕保護程式Instant Storm 學習單#4 骨塊工具
07	04/09	三、ActionScript入門與網頁應用篇 Actionscript 3.0入門學習相片撥放器		完成檔
08	04/16	Actionscript 3.0入門學習— 音樂會	音樂會完成檔
09	04/23	期中作品報告 Flash 例子效果 Flash粒子系統補充教材 Live 2D 動畫軟體教學 Live 2D 英文版下載	網路空間上傳 105 舊 104 範例期中繪本動畫參考1 熊之初期中繪本動畫參考 2 Owl 期中繪本動畫參考 3 短耳兔期中繪本動畫參考 4.兒童繪本期中繪本動畫參考 5.交通安全 Freemake 轉檔軟體	學習單：期中專題素材下載何謂創用CC 台灣創用CC計畫免費圖庫下載 46個免費圖庫網站 9個免費設計素材網站 20個創用CC的音樂下載運鏡技巧 7種運鏡技巧
10	04/30	高質感網頁介面設計—美食餐廳網站	Crazy_Talk 試用版下載	完成檔練習檔（CS4 ）程式碼　主選單程式碼　主廚推薦程式碼　全部完成程式碼
11	05/07	網頁預載動畫設計		完成檔1 (Loading) 完成檔2 (水淹沒) 完成檔3 (巧克力樹) 程式碼按一下前往場景並播放 Loading計算完成檔 1 完成檔 2
12	05/14	多媒體互動藝術專題浮空投影專題 [素材下載] [紙模範本下載] [威力導演試用版下載]	製作原理製作浮空投影原理測試用影片浮空投影影片#1 浮空投影影片#2 浮空投影影片#3 製作方法用CD光碟片製作用威力導演製作浮空投影 Premiere Pro基礎操作教學	Hologram Video 水母製作方式＃1 製作方式#2 製作方式#3 塑膠瓶製作方式#4
13	05/21	遊戲專題～時間處理數字時鐘1 [空白簡易版本][完成檔] [原始檔] [完成檔] 程式 [判斷補0] [控制文字格式] [改用timeout方式] [PDF說明] 指針時鐘 [原始檔] [完成檔] 程式 AIR Widget 桌面程式 AIR下載建立桌面Air Widget程序完成範例	倒數計時程式時鐘練習檔時鐘完成檔(無動態文字) 　 [程式碼] 時鐘完成檔(有動態文字) 　 [程式碼] 時鐘設計範例壓縮檔做成AIR桌面程式教學	學習單#7 時間處理教學PPT 倒數計時範例
14	05/28	影音應用—影片撥放器(載入影片與文字) 補充教材：遊戲專題二～亂數的處理拉霸遊戲原始檔 [程式1] [程式2] [程式3] [程式全][兩排] 完成檔外部載入文字教材 [PPT] 自訂滑鼠外觀 [原始檔] [程式] [完成檔] 加入手指後的拉霸遊戲 [完成檔] 載入外部文字 [外部文字] [程式] [完成檔] [SWF]	補充 ============================ 自訂影片播放器練習檔自訂影片播放器完成檔　[ 程式碼 ] 加東楓情（自定播放外觀） IPOD影片播放器練習檔 IPOD影片播放器完成檔 [程式碼] [FLA] 【補充教材】多媒體認知負荷理論以研究證據為基礎之多媒體學習理論：劍橋多媒體學習手冊之分析	外部載入影片與文字完成檔程式碼1 程式碼2 完成檔學習單8_CTML與亂數
15	06/04	跑馬燈效果應用—精品展示網站補充教材：遊戲專題三～拖曳與碰撞偵測拖曳練習拖曳手指 [原始檔] [程式] [完成檔] 拖曳拼圖遊戲雛形 [完成雛形FLA] [完成檔] 拼圖遊戲原始檔 [程式1] 讓影片片段可以拖曳 [程式2] 加入停止拖曳，並判斷碰撞 [程式3] 成功的拼圖便無法再拖曳 [程式3的說明 [程式5] 加上時間計時 [程式全(影格1] [程式全(影格2] [說明] 完成檔 [HTML] [FLA] Photoshop切片說明（吳智鴻） Photoshop切片工具	【補充教材】Flash與外部溝通 Serproxy server使用 Flash與Arduino 溝通用可變電阻控制FLASH動畫 Flash與Facebook Flash連結至FB ActionScript指令介紹	完成檔學習單9_FLASH與外部溝通
16	6/11	趣味遊戲設計紙娃娃遊戲學習單		紙娃娃遊戲 [素材檔] [程式一] 讓衣服可以拖曳 [程式二] 判斷衣服拖曳後的位置 [完成檔] [FLA]
17	06/18 端午節放假	搓泡泡遊戲學習單範例程式範例SWF 素材1 素材2	補充教材接寶石遊戲壓縮檔完成檔教材空中大戰壓縮檔完成檔教材	搓泡泡遊戲 [素材檔] [程式一] 切換到場景2 [程式二] 把滑鼠指標變成子彈準心 [程式三] 加上倒數計時 [程式四] 隨機產生泡泡 [程式五] 隨機產生與移除泡泡 [程式六] 設定泡泡索引位置 [程式七] 結束倒數計時 [程式八] 發射子彈與縮小 [程式九] 檢查是否射中泡泡 [程式十] 讓被射中的泡泡立刻消失 [程式11] 射中泡泡加三分 [程式12] 移除畫面所有泡泡 [完成檔] [FLA] [完成程式碼]
18	06/25	期末成果展示拼圖遊戲	說明網路空間上傳
		補充教材 Live 2D 教學網站下載試用版