學校導入之探討 巨匠電腦鄭正權(max5028@gmail.com) 數位教材之發展與製作 學校導入之探討 巨匠電腦鄭正權(max5028@gmail.com) 巨匠電腦數位學習事業部

Agenda 1 2 3 4 5 6 數位教材的類型與呈現 數位教材發展流程 數位教材發展建議 數位教材 發展與製作 數位教材對學校教育的影響 5 發展數位教材之做法 6 結論

串流媒體與非串流媒體 串流媒體:網路與影音結合的重要里程碑

串流媒體播放的原理 1 2 3 4 5 用戶端(Client)與伺服器端(Server) 影音封包資料(Packets) 緩衝資料區(Buffer) 4 解碼器解壓縮接收的影音封包(Decode) 5 邊播放邊傳遞影音封包(向流水一樣) 串流(Streaming)播放方式 非串流播放 串流播放

串流媒體與非串流媒體比較 1 2 3 4 5 6 7 頻寬(Bandwith): 傳遞資料的速率(bps) 畫面解析度: 畫面的大小(以像素作單位) 3 播放速率: 每秒播放的格數(fps) 4 媒體類型: 視訊.動畫.聲音.3D 5 影音編碼器與解碼器(Codec) 6 瀏覽器的外掛程式(Plug-ins) 7 伺服器運用說明(Server)

非串流媒體的類型與應用 非串流 媒體 應用 方式 avi.wav mpg1 mpg2.mp3 mov 類型 數位媒體 應用方式 Microsoft VCD/DVD播放 avi.wav 直接呼叫播放程式 非串流 媒體 mpeg mpg1 結合軟體播放 mpeg 應用 方式 編譯成exe後播放 mpg2.mp3 Apple 3D結合視訊表達 mov

串流媒體的類型與應用 串流 媒體 網路 應用 wmv.wma rm.ra mov flv.swf 類型 數位媒體 網路應用 Microsoft RealNetwork rm.ra Apple mov MacroMedia flv.swf wmv.wma 數位媒體 網路應用 下載儲存後播放 點選後用播放程式 串流 媒體 嵌入網頁中播放 網路 應用 真人結合虛擬場景 3D結合虛擬場景

1 2 3 4 5 非串流媒體發展模式 Step Step Step Step Step 設計 製作 轉換 傳遞 播放 Design Create Convert Deliver Play 腳本設計 播放設計 拍攝規劃 旁白設計 配樂設計 片頭製作 現場拍攝 現場錄音 影片剪輯 配音製作 圖卡製作 壓縮法選取 播放平台選定 網際網路 內部網路 光碟媒體 執行檔(exe) 安裝特殊串流 播放程式 下載播放 電腦直接播放 平台頻寬測試

1 2 3 4 5 串流媒體發展模式 Step Step Step Step Step 設計 製作 轉換 傳遞 播放 Design Create Convert Deliver Play 腳本設計 播放設計 拍攝規劃 旁白設計 配樂設計 片頭製作 現場拍攝 現場錄音 影片剪輯 配音製作 圖卡製作 壓縮法選取 頻寬設定 影音轉串流 整合於網頁中 上傳到伺服器 內部網路 光碟媒體 執行檔(exe) 串流播放 下載播放 頻寬測試 精緻串流媒體展示

數位教材發展模式(技術觀點) 數位教材 非串流 媒體 非串流 教材 數位教材 串流 媒體 串流 教材

分類方式很多,這裡以非簡報式與簡報式來分類 數位教材類型與呈現 分類方式很多,這裡以非簡報式與簡報式來分類

以非ppt為主的數位教材型式 1 2 3 4 資訊類精緻型數位教材 語文類精緻型數位教材 學理類精緻型數位教材 其他類型精緻型數位教材-如企業訪談 4 資訊類精緻型數位教材

以ppt為主的數位教材型式 Ppt 原始的e化教材 1 Ppt標準型數位教材 2 Ppt精緻型數位教材 3

教學訊息準備的完整度 高 低 課程(ppt 或非ppt精緻型數位教材) 單元教材(ppt 標準型數位教材) 素材 (ppt 教材) 學習活動(任務)、測驗評量… 單元教材(ppt 標準型數位教材) 投影片、影像、視訊、串流教材… 素材 (ppt 教材) 文、圖、影、音、動畫 低

Ppt原始e化的數位教材型式 1 2 3 4 5 全世界99%以上內容專家實體授課的最佳教材 內容專家(老師)上手容易-半天的學程(3小時) 可快速搭配各種影像及影音素材 4 配合數位教材發展-無法生成優良的聽讀架構 5 但可作為網路數位教材的重要內容素材之一

Ppt標準型數位教材 內容專家都可輕易製作的教材類型

教材內容:可加入HTML網頁資料做解說輔助 ppt標準型-所需媒體素材分析 串流媒體 人頭影片 內容影片 教材內容 ppt檔為 主要內容 教材講解:講師錄製或現場收音的語音檔 教材內容:可加入HTML網頁資料做解說輔助

ppt標準型數位教材呈現 1 2 3 4 5 3d動畫教學串流課程展示(訊連Stream Author) 地震教學串流課程展示(微軟Producer) 3 公司簡介串流課程展示(肯心Can Presenter) 4 軟體操作示範串流課程展示(一宇Power Cam) 5 兒童英語學習課程展示(智展 MCG)

ppt標準型-發展功能圖 wmv.avi wav.mp3 jpg.htm .ppt 素材類型 製作工具 傳遞目標 導入 試作 標準型 視訊 wmv.avi 我的電腦 選定 (Producer) My Computer 音訊 wav.mp3 光碟媒體 CD Rom 導入 試作 影像.網頁 jpg.htm 內部網路 Intranet Powerpoint .ppt 網際網路 標準型 串流教材 Internet 巨匠電腦數位學習事業部

ppt標準型課程製作所需技術 所需技術 對應工具 視訊拍攝.聲音錄製 DV.Web Cam.麥克風 影音檔剪輯與轉換處理 Powerpoint簡報製作 串流教材整合製作 所需技術 VideoStudio Powerpoint XP DV.Web Cam.麥克風 Producer 對應工具

學習ppt標準型課程製作所需時間 所需技術 所需時間 視訊拍攝.聲音錄製 0.5 小時 影音檔剪輯與轉換處理 2 小時 Powerpoint簡報製作 串流教材整合製作 所需技術 2 小時 3 小時 0.5 小時 1 小時 所需時間

ppt標準型-優缺點說明 生產快速.成本低.易用 優點 少互動.少變化 缺點 企業或學校導入初期,自製數位教材的最佳選擇 製播工具容易學習與使用 現有簡報內容 加工直接轉換,產生快速 課程產生成本低 使用者介面統一且易用 少互動.少變化 缺點 公版型介面 課程呈現無變化性 缺少互動體驗的教學設計 感覺比看錄影帶好一點 學習者必須要有 很強的意志力 企業或學校導入初期,自製數位教材的最佳選擇 適用對象:社會人士或大專院校學生

1 2 3 4 5 ppt標準型課程-學校導入應用狀況 現階段許多學校自製線上課程的最佳工具 內容專家(老師)上手容易-兩天的學程(12小時) 3 老師配合課程製作的意願相對較高 4 學生觀看學習的意願不高(須有配套的輔助做法) 5 以實體教學課程為主,線上教材為輔的教學運用

Ppt精緻型數位教材 特色說明與大量案例觀摩

使用介面:利用Flash搭配網頁技術呈現 Ppt精緻型-所需媒體素材分析 使用介面:利用Flash搭配網頁技術呈現 教材內容 將ppt檔內容 改為 Flash動畫 或網頁呈現 串流媒體 人頭影片 內容影片 自訂播放介面 教材講解:講師錄製或現場收音的語音檔 教學設計:情境.測驗.學習回饋.延伸閱讀

精緻型與標準型教材呈現比較 人資管理-標準型 人資管理-精緻型

ppt精緻型數位教材呈現 1 2 3 4 5 前後測+ppt+案例說明+Scorm:人資管理 ppt+情境模擬:大陸投資與境外節稅 實作演練+筆試+模擬測驗:中餐檢定 4 ppt+3D情境模擬+前後測比對:智財權(法制類) 5 ppt+情境模擬+遊戲+測驗:新人訓練(新生訓練)

ppt精緻型數位教材呈現 6 7 8 9 A 前後測驗+ppt+案例說明+查詢功能:金融研訓 ppt+專題演講+錄製:台電專題演講 資訊查詢教學+情境導引+測驗:國家圖書館 9 ppt+雙人對話+裝備測驗:匯豐汽車 A ppt+找碴案例+測驗:(文字圖表表達)

Ppt精緻型-課程特色說明(相較於標準型課程] 多種教學設計結合 前測.瀏覽式.串流簡報.案例說明.案例研究.小故事 情境模擬教學設計 以情境模擬導引學習需求 優質串流媒體引用 大量動畫及拍攝內容製作(相較於人頭影像的攝製) 製作期長.成本昂貴 製作時間需長達至少1個月.製作成本至少10萬/時以上

Ppt精緻型-課程特色說明(相較於標準型課程] 企劃與SME需緊密結合 教學企劃.內容專家與製作團隊的共同合作 專業傳播人員引用 動畫及內容拍攝與後製,均以導演為製作主軸 多種主軸技術混用 WMT及Flash串流技術的混合引用 緊密結合平台架構 符合Scorm的規格,相容於各平台

ppt精緻型課程製作所需技術 所需技術 對應工具 視訊拍攝.聲音錄製 影音檔剪輯與轉換處理 影像處理技術 網頁製作觀念及技術 網路動畫製作技術 Dhtml及網頁互動技術 所需技術 MediaStudio/WME Photoshop/Illustrator DV Cam.專業麥克風 Dreamweaver MX Flash MX Html碼及Javascript碼 對應工具

學習ppt精緻型課程製作所需時間 所需技術 所需時間 不保證會作 視訊拍攝.聲音錄製 影音檔剪輯與轉換處理 影像處理技術 網頁製作觀念及技術 網路動畫製作技術 Dhtml及網頁互動技術 所需技術 24小時 18小時 2小時 36小時 所需時間 不保證會作

Ppt精緻型-優缺點說明 優點 缺點 獨特性.客製化 成本中高.程序複雜 導入策略 : 委外製作或自製需建立專職的團隊 所需製作工具多,如要自製 較不容易學習與運用 若要自製 需額外的人力配置 簡報內容動態化的成本高 SME 需花更多時間配合 客製版型介面 整體呈現可彰顯獨特性 可結合不同的教學設計 得到較優質的數位教材 課程呈現活潑 易激發學習者的學習意願 導入策略 : 委外製作或自製需建立專職的團隊 適用對象:社會人士或大專院校學生

Ppt精緻型課程-學校應用狀況 1 2 3 4 5 委外製作為現階段許多學校配合的執行模式 專案以比例分配方式進行委外 (標準:精緻) 老師配合精緻型課程製作的意願較低 4 導入後學生的學習意願明顯高於ppt標準型教材 5 以實體教學課程為主,線上教材為輔的教學運用

非Ppt精緻型數位教材 兒童.英語.資訊.管理.企業經營等課程

非ppt精緻型數位教材呈現 A B C D 情境+Show me.Guide me.Let me+測驗: 資訊類課程(已通過3A認證課程) 理論+操作+遊戲互動+案例實證+實體混成: Flash動畫課程 B 情境+聽.說.讀+任意查字典+測驗+錄音比對: 英語類課程(Live ABC) (已通過3A認證課程) C 導引+讀.按.聽+即時驗收+資訊連結+ 專家分析: 成功案例報導.訪談案例 D

數位教材的開發流程 ADDIE標準流程

1 2 3 4 5 數位教材開發標準流程(ADDIE) Step Step Step Step Step 分析 設計 發展 建置 評鑑 Analysis Design Development Implementation Evaulation 學習對象分析 目標分析 工作分析 資源分析 頻寬需求分析 媒體呈現分析 引用技術分析 成本分析 效益分析 教學目標設計 教學架構設計 互動架構設計 使用介面設計 教材模型設計 測驗模型設計 工作流程規劃 使用介面製作 分鏡腳本製作 課程媒體製作 教學內容製作 互動模型製作 課程模組開發 建立工作流程 課程模組組合 教材組裝整合 上線測試 平台整合 易用性評鑑 互動性評鑑 滿意度評鑑 技術支援

標準型ppt數位教材開發流程 (ADDIE簡化流程) 選定主題 分析目標族群 選定講師/內容專家群 數位教材藍本設計 簡報檔 媒體呈現規劃 課程製作簡單規劃 課程章節 切割架構 內容資料 收集撰寫 數位教材製作

精緻型數位教材開發流程 (ADDIE內隱流程) 選定主題 分析目標族群 選定講師/內容專家群 教學設計建議 數位教材藍本設計 課程架構圖 媒體呈現規劃 課程製作腳本規劃設計 互動設計規劃 主軸技術 分析選用 內容資料 收集撰寫 課程章節 切割架構 課程腳本 設計繪製 使用介面 分析設計 媒體素材 製作計畫 頻寬需求 分析修正 講師定稿最終核驗 課程製作腳本整合確認 數位教材製作

1 2 3 4 5 6 Free Media Server (免費媒體伺服器) Free MediaPlayer & SDK(免費開發套件) 主軸技術選用分析 WMT技術選用分析 1 Free Media Server (免費媒體伺服器) 2 Free MediaPlayer & SDK(免費開發套件) 3 提供先進的DRM技術架構 4 加值軟體開發廠商的支持 5 最便宜的線上學習建置解決方案 6 最多引用於開發線上學習的主軸技術

數位教材-傳遞功能圖 By Web Server By Media Server By Web+Media

數位教材發展建議 符合學習需求與動機是教材發展的思維重點

數位教材發展建議 委 製 (轉製) 自 製 發展模式 外 購 (租賃)

數位教材發展建議 發展模式 對所有學校而言,數位教材的取得, 無論是來自於外購或委製或自製, 都必須要有自己一套適用的評估法則 委 製 委 製 (轉製) 自 製 發展模式 外 購 (租賃) 對所有學校而言,數位教材的取得, 無論是來自於外購或委製或自製, 都必須要有自己一套適用的評估法則

數位教材發展建議 快速製作或取得需求 發展 模式 課程內容變動性高或需隨時更新 學習者因需求必須快速取得 一個課程提供3-10分鐘的內容 以自製為主 委外或委外顧問 為輔 課程內容變動性高或需隨時更新 學習者因需求必須快速取得 教務流程QA 每年一改的課程 看護技巧交流 證照考取分享 學習心得分享 英語每日一詞 食譜分享 研討會精華 一個課程提供3-10分鐘的內容 採用ppt標準型的製作模式

數位教材發展建議 長期與定期訓練需求 自製 委製 發展 模式 課程內容變動性相當低 學習者因需求必須定期取得 新生訓練 學校資訊系統 專業技能養成 制度或政策 理論類課程 操作訓練 實習操作 相關證照課程 自製 或 委製 一個課程提供30-120分鐘的內容 採用標準ppt或ppt精緻型模式

數位教材發展建議 資訊與語文訓練需求 外購 租賃.客製 發展 模式 課程內容變動性相當低 學習者因需求必須定期取得 一般語文訓練 英文檢定 專業技能養成 專業證照取得 Office資訊技能 乙丙級檢定 主題式課程 外購 或 租賃.客製 一個課程提供60-120分鐘的內容

自製數位教材的課程設計 符合學習需求規劃與學習動機是重點

自製數位教材的課程設計 需求規劃 學習動機 課程設計

數位教材發展建議 課程設計 文學院的計概要如何規劃 需求規劃 學習動機 增加文學院開計概課程的選修人數 數位化妝 進位演算法 音樂CD轉mp3 如何觀看 數位相機的相片 DVD為何播不出來 進位演算法 電腦的結構 影像解析度 輸入與輸出

羅雅萱、袁世珮譯 《打造TOP1線上學習方案》 數位教材與學習動機的迷思 許多線上學習方案 都假設一般人有學習動機， 只要把內容製作成網頁， 大家就會上網瀏覽。 羅雅萱、袁世珮譯 《打造TOP1線上學習方案》

數位教材與學習動機的迷思 對象是人稱「牛頭班」的低成就高一學生 以下是Medicine Hat高中個人理財課的教室現場 時間為星期五下午三點 老師Orville Radcliffe上課的情況是這樣的… 案例取自Guy R. Lefrancois著《教學心理學》一書 李茂興譯(民87)

教學的實況報導 他開始希望自己所準備的是不同的教材 教室充滿了吵鬧、走動、說話與不安份，沒有多少人在聽講。 Radcliffe先生看了一眼他的教材筆記，他讀出課程大綱： 銀行的功能：金融方案；利率的波動；貸款的花費… 「無聊」他心裡這麼想，然後清了清喉嚨。 「嗯」他試著吸引學生的注意力，但是沒有成功。 「今天我們要談個人理財」他不確定地咕噥。他很快地發現， 在下課鐘拯救他之前，他可能會失去所有的聽眾。 但這是預定的課程內容，於是他繼續往下說： 「拿出筆記本做筆記，因為考試會考到，特別是利率的影響， 以及所有的……」 他開始希望自己所準備的是不同的教材

教學的實況報導 您覺得Radcliffe先生 該如何改變 他的教材與教學方式 ?

教學的實況報導 (II) 老師Orville Radcliffe換一種上課的情況是這樣的… 他闊步走到教室前方， 將他的公事包打開平放在教桌上，沒有人看得見公事包裡的東西。 然後他一邊將一疊疊鈔票堆在桌上 (也許只是用橡皮筋綁著的報紙鈔，只有最上面的那張是真鈔)， 一邊說著：「現在愈來愈像了。」 他說：「教一輩子的書也領不到這麼多錢，但是我中了彩券」 然後Radcliffe先生和同學們一起討論銀行提供給彩券得主的各種 理財方案，每一種辦法的涵義等等。

教材與教學設計 第一種教法 缺點 無法吸引學生注意力 直接講授知識 第二種教法 優點 創設情境吸引學生注意力 學生透過任務獲得知識 啟示：教學要情境化、活動化 (無論E不E)

每位同學得到同樣的點數與一顆銀色子彈， 作為「標」課籌碼。 當你非選某堂課時，就丟出銀色子彈， 勝算便會變得非常大。 成為銀色子彈老師的秘密 史丹佛學生開學選課… 就如同一場商場競爭 每位同學得到同樣的點數與一顆銀色子彈， 作為「標」課籌碼。 當你非選某堂課時，就丟出銀色子彈， 勝算便會變得非常大。 王文華《史丹佛的銀色子彈》

數位教材發展對學校教育的影響 教材e化已是不可擋的趨勢

教室環境的變化 沒有電腦 1台電腦(老師用) 很多台電腦(師生用) 教材在這裡! (So,教材e化是難以抵擋趨勢)

遠距教學的同步與非同步 非同步遠距教學 老師出現不見 您玩的是哪一種遠距? 對老師的備課有什麼差別? 同步遠距教學(看得到老師)

教室裡互動的變化 作答 題目 如果沒有互動，學生會… 回饋 在網路問問題的樣子!(麻煩多了) 考慮… 不然，問個問題好了! 題目的型式? 答題的方式 (封閉或開放)? 回饋擺哪裡? 平台作的工具是否能多元呈現題型? 題目 作答 回饋 不然，問個問題好了!

教學 E的程度 您目前屬於哪一種 E? 對老師的備課有什麼差別? 沒 全 有 部 E E 見到學生 次數 每次 每次 偶爾 沒有 教室面授 C-Learning 資訊融入教學 使用數位 教學材料 混成教學Blended Learning 看教材自學 沒 有 E 全 部 E 見到學生 次數 每次 每次 偶爾 沒有 數位化材料 準備度 不用 低度 中度 高度 巨匠電腦數位學習事業部

學習行為的改變 下了課還要上網看資料、回答問題 聽完就下課 (講完也下課了) 學習行為 變化

增加學習互動(生、師) 如果您是這樣上課的 e-Learning後是這樣上課的 (But,一定比較累的)

增加合作學習(生、生) Teamwrok 一起討論、寫學習單 一起討論，上網填表單

科技化學習的變與不變 教學的目的：讓學習發生 (學生最後能從課程中帶走的) 教師的變與不變 教材? 教法? 角色? 應該是這裡 還是這裡? 教學的目的：讓學習發生 (學生最後能從課程中帶走的) 教師的變與不變 教材? 教法? 角色? 應該是這裡 還是這裡? 這是我們目的地嗎?

數位教材發展與製作-結論

數位教材發展與製作-結論 e-Learning界傳說中有一種人: 100%推動的熱誠: 必須身懷各種絕技: 要能身先士卒試用各種軟體與教材 要有遊說內容專家加入的熱情 必須身懷各種絕技: 網頁.視訊.影像.簡報.聲音的整合製作 頻寬.網路應用.平台.社群經營的應用 要能夠用簡單的語言向內容專家 說明這些技術的使用方式

數位教材發展與製作-結論 e-Learning界傳說中有一種人: 要有打死不退的毅力: 任勞任怨的精神: 半年辛苦的成果, 也許得不到別人一句話的肯定 別人玩到一半不做了 去收尾也不會有怨言

數位教材發展與製作-結論 什麼!!! 我就是你們要找的人? 這種人…..真的存在…. 我們稱之為外星人

數位教材發展與製作-結論 要成為一個好的數位教材製作者, 一定要親自用過其他數位教材的課程並要親身體驗各種教材製作工具的使用方式…

數位教材發展與製作-結論 當思考要製作一科數位教材與製作一百科數位教材時,整個製作的流程及思維的面向是完全不同的,包括破冰啟動的方式也不大一樣…