南榮科技大學 102學年度教學觀摩

『電腦課程錄影教學』輔助課後學習室內設計系 蕭祝融

一、實施錄影教學之緣由本學期任教之科目均為電腦實作課程計有

室設系日間、進修部 1A 電腦繪圖 (Autocad)

室設系 2A 3D 建模 ( 一 )(3DsMax)

室設系 3A 3D 建模 ( 二 )(3DsMax+Vray)

美容造型設計及觀光系 1A 電腦軟體應用 (Offi ce)

進修部二技企管 3A 商業套裝軟體 (Offi ce)

因學生素質良莠不齊，程度差異大，甚難掌握進度與學習成效，早期之使用之教學電子檔( 操作步驟 ) 亦難見效，故改以課後將上課內容錄影並轉檔後，放置於網頁上做為學生課後練習之學習輔助，成效較佳。

二、採用 Camtasia Studio 錄製操作畫面搜尋 Camtasia Studio 臺灣區代理之愛

用客戶發現”南榮科技大學 通識教育中心”

經詢問本校於101 年 12 月曾購買Camtasia Studio 8 多使用者 (10 人 ) 授權版，目前存放於教發中心，商借後安裝使用。

三、 Camtasia Studio 錄製操作步驟 ( 一 )

安裝後由桌面捷徑點擊開啟 Camtasia Studio 程式

安裝合法版本，啟動後會檢查是否有更新版本(upgrate) ，目前可下載更新至Camtasia Studio8.3.0(build 1471) 。

三、 Camtasia Studio 錄製操作步驟 ( 二 )

開啟 Camtasia Studio 程式後，可直接點擊左上方之 Record the screen 。

三、 Camtasia Studio 錄製操作步驟 ( 三 )

設定錄影畫面大小 ( 如下圖之綠色虛線 ) 。設定 Audio on

三、 Camtasia Studio 錄製操作步驟 ( 四 )

開啟要錄影之軟體並調整視窗大小 ( 如下圖之Autocad 軟體 ) 。

三、 Camtasia Studio 錄製操作步驟 ( 五 )

設定要錄影效果 (effect) 包含 mouse click sound( 滑鼠點擊之聲音 ) 及Highlight cursor & clicks( 亮顯滑鼠游標與點擊時之增強顯示 ) ( 如下圖 ) 。

按下控制視窗右下角之 rec 或 F9 ，即可開始錄影。

三、 Camtasia Studio 錄製操作步驟 ( 六 )

錄影過程可隨時暫停，按下控制視窗上之Pause 或 F9 ，即可暫停錄影。

再按下控制視窗上之 Reesume 或 F9 ，即可繼續錄影。

三、 Camtasia Studio 錄製操作步驟 ( 七 )

錄影結束，可按下控制視窗上之 Stop 或F10 ，即可結束錄影。

( 部分軟體之功能鍵 (Function key) 已設定為快捷鍵 ( 如 Autocad 軟體 ) 需注意只能由控制視窗操作。

三、 Camtasia Studio 錄製操作步驟 ( 八 )

錄影結束後會出現預覽 (Preview) 視窗，可預覽錄下之影片是否正確，再選擇存檔、轉檔或刪除。

三、 Camtasia Studio 錄製操作步驟 ( 九 )

存檔格式有 *.camrec 及 *.avi 兩種選擇 *.avi 會出現 system audio can

only be saved in a .camrec only.提示。

四、 Camtasia Studio 錄製後製步驟 ( 一 )

關閉 Camtasia Studio 錄影控制視窗進入 Camtasia Studio 主視窗，將錄製之檔案拖曳至 Clip Bin 左上方空白處。

四、 Camtasia Studio 錄製後製步驟 ( 二 )

利用 Powerpoint 製作標題投影片，撥放時配合 FastStone Capture 將標題擷取存成圖片。

四、 Camtasia Studio 錄製後製步驟 ( 二 )

用 Google Chrome 進入 YouTube 音樂庫(免費無版權問題 ) ，將喜歡之音樂下載。

四、 Camtasia Studio 錄製後製步驟 ( 三 )

將下載之音樂 (mp3) ，利用 Format factory ( 格式工廠 ) 將其轉檔並設置轉檔範圍( 建議約 10秒即可 ) 後存檔。

四、 Camtasia Studio 錄製後製步驟 ( 四 )

回到 Camtasia Studio 主視窗，將製做好之標題圖片及音效檔案拖曳至 Clip Bin 左上方空白處。

四、 Camtasia Studio 錄製後製步驟 ( 五 )

依序將 Clip Bin 上之標題圖片 video拖曳至下方 Track1處。

四、 Camtasia Studio 錄製後製步驟 ( 六 )

設定後製影片之尺寸 (寬高像素值 )

建議採用錄製之尺寸大小。

四、 Camtasia Studio 錄製後製步驟 ( 七 )

調整標題圖片之播放時間 (Duration) 。

四、 Camtasia Studio 錄製後製步驟 ( 八 )

進入 Transitions 選擇適當之轉場效果，直接拖抑至不同媒體界面中間，拉動控制桿改變轉場時間。

四、 Camtasia Studio 錄製後製步驟 ( 九 )

回到 Clip Bin 面板，將音效 (mp3) 直接拖抑至 Track 上方之處，再拖拉至適當時間。

四、 Camtasia Studio 錄製後製步驟 (十 )

再調整圖片撥放時間及轉場時間後，點選右上方之 play 鍵，並由預覽視窗觀看效果。

四、 Camtasia Studio 錄製後製步驟 (十一 )

預覽 OK 或再調整後，先將檔案存檔成*.camproj 。

五、轉檔輸出 ( 一 )

點選 Produce and share(完成及分享 ) ，選擇 Custom production setting(自訂產品輸出 ) 。

五、轉檔輸出 ( 二 )

選擇影片輸出格式，建議用 MP4-Flash/HTML5 player 之格式 ( 檔案會較小，且可於網頁瀏覽，並加上控制撥放拉桿 ) 。

五、轉檔輸出 ( 三 )

於輸出轉檔精靈 (production Wizard) 中，點選 Size ，再確認輸出尺寸長寬像素大小。

五、轉檔輸出 ( 四 )

點選 HTML option 後輸入網頁要顯示之標題。

五、轉檔輸出 ( 五 )

輸入存檔名稱及存放目錄，按下完成。

五、轉檔輸出 ( 六 )

此時 Camtasia Studio主視窗會關閉，出現Rendering Project 視窗開始轉檔，完成後會詢問你是否再儲存設定變更。

五、轉檔輸出 ( 七 )

開啟存檔位置，會產生與存檔名稱相同之目錄，內有 html 、 mp4 及其他網頁控制檔案及目錄。

五、轉檔輸出 ( 八 )

開啟 html 網頁或 mp4 均可預覽完成的影片。

六、網頁製作及加入連結以 Adobe Dreamweaver CS5 ，製作網頁，

並加入連結，完成後上傳至網站。

七、公布訊息 ( 一 )

於學生班級之 FB社群中發佈訊息，讓學生於課後可觀看練習。

七、公布訊息 ( 二 )

八、成效檢討藉由影音教學之錄製，學生於返家後學習及練習

作業時， 可隨時上網觀看操作步驟， 且藉由聲音與動態之表現方式更能改善先前提供 pdf 電子檔跳躍操作步驟學習之不便，更能提供學生隨時複習之管道。

但亦有同事表示，那這樣學生就可以不用來上課了啊 !

應該無法避免會有此類學生，但也僅是少數罷了 !

九、結論由影音教學之錄製，多數學生於返家後學習及自行練習作業時，多有上網觀看其不熟之處，且會於下次上課與老師討論不解之處，確實有感受到預期效果。

但…，課後之教學影音錄製很辛苦，講解單元之內容腳本構思、錄製時狀況排解、編輯時間冗長…，約需多花上課之 2倍時間錄影轉檔，確實不划算，但看到假日班年紀較長之學生，上課時勤做筆記及操作步驟，學習意願高，也只有靠自己心理調適，繼續完成如此繁瑣無聊之工作。