第三章數位內容與數位教材設計模式課程名稱：數位學習授課老師：李春雄博士

第三章數位內容與數位教材設計模式課程名稱：數位學習授課老師：李春雄博士
授課老師：李春雄博士各位同學大家好，我是李春雄老師，本學期所開設的課程名稱為「資料結構」，今天所要為各位介紹的是第一章「資料結構導論」

本章學習目標 1.讓讀者了解「數位內容」與「數位教材」的關係。 2.讓讀者了解「數位教材」的種類、使用時機、優
缺點、製作工具及學習成效之影響。 3.讓讀者了解「數位教材」的設計原則及品質規範。開始：本章學習目標有二項：

本章內容 3-1 導論 3-2 數位內容 3-3 數位內容產業 3-4 數位教材 3-5 數位教材的模式 3-6 數位教材設計原則
3-7 數位教材品質規範 1-1 認識資料與資訊的關係: 其中，「資料」轉換成「資訊」必須要經過一連串處理過程，而這一連串的處理過程就是透過「程式」來處理。 1-2 何謂資料結構？「資料結構」(Data Structures)主要是探討如何將資料更有組織地存放到電腦記憶體中，以提昇程式之執行效率的一門學問。 1-3 何謂演算法?演算法就是「解決問題的方法」 1-4 程式設計概念: 步驟1. 分析所要解決的問題步驟2. 設計解題的步驟步驟3. 編寫程式步驟4. 上機測試、偵測錯誤步驟5. 編寫程式說明書 1-5 結構化程式設計利用「由上而下」的技巧，將程式分解成許多個獨立功能的模組。並且每一個模組都是由三種結構所組成。分別為循序結構、選擇結構及重複結構。 1-6 演算法的效率評估指用來計算某些演算法所撰寫的程式，在經過編譯之後，實際執行所需要的時間。

3-1 導論【閱讀模式改變】由於資訊科技的進步，使得學習者的「閱讀模式」已從「個人電腦PC」轉移到利用「行動載具」。【原因】硬體成熟
3-1　導論【閱讀模式改變】由於資訊科技的進步，使得學習者的「閱讀模式」已從「個人電腦PC」轉移到利用「行動載具」。【原因】硬體成熟【示意圖】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【學習模式改變】由於通訊網路的進步，學習者的「學習模式」也從「數位學習(e-Learning)」轉移到「行動學習(m-Learning)」。【原因】攜帶方便【示意圖】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【目前存在的問題】只有「閱讀器」，沒有「數位內容」時，英雄無用武之地。【示意圖】英雄無用武之地圖：
接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法英雄無用武之地

【解決方法】製作「數位內容」「數位內容」對於學習者利用「行動載具」來進行「行動學習」是非常重要。【示意圖】電子書圖：
接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法電子書

【翻頁模式】但是，目前「數位內容」的呈現模式：大部份「翻頁效果」的模式。【適用時機】小說、漫畫及雜誌類書籍。
並且此種「翻頁模式」的電子書對大專院校的學習是有限的。【示意圖】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【原因】 (1)與傳統紙本教科書沒有明顯差異。因為不管是「數位學習」或是「行動學習」，其重點在學習
(2)如何讓學習者「有效的學習」呢？因材施教依照不同的學生程度來提供不同的教材。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【孔子說：因材施教】問題來了！教育部網站之解說：依據受教者不同的能力，而給予不同的教導。
在大學課程中，每一門課程每週只有三節課，老師如何在有限的時間內，來依照不同的學生程度(低分群、中分群及高分群)來提供不同的教材呢??? 【示意圖】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【因材施教的教材製作策略】設計不同的教材模式 1.高分群：直接按「自動播放」<從頭播到底>
2.低分群：直接按「手動播放」<可反覆閱讀某一單元> 【圖解說明】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業一】請各位同學上網整理「閱讀器與數位內容」在「教學或學習上」還有那些應用？至少寫出四種應用。注意：請要註明「資料來源」圖：
接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-2 數位內容(Digital Content)
【定義】是指將「圖片、文字、影像、語音」等運用資訊科技(IT) 註1加以「數位化」並「整合運用之產品或服務」。【示意圖】【註1】：資訊科技(IT)包括：軟體(錄製工具)。例如：Powercam 硬體(耳機、麥克風及攝影機)設備圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【國家對數位內容的重視】行政院已經將「數位內容產業」列為國家重點計畫「兩兆雙星---核心優勢產業計畫」中之推動要項。【原因】
數位內容產業具有發展「知識經濟」與「數位經濟」之指標意義，除了可以促進「傳統產業」提升知識含量而轉型成「高附加價值產業」，亦是提升我國整體「產業競爭力」之基礎。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業二】請各位同學上網整理目前國內有那些「公、民營機構」有在推動「數位學習或數位內容」？
至少寫出四種應用。Ex:資策會的「數位學習研究所」注意：請要註明「資料來源」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-3 數位內容產業數位內容產業（Digital Content Industry）是指運用資訊科技來製作數位化產品或服務的產業，一般可分為八大領域： 1.數位遊戲 2.電腦動畫 3.數位學習 4.數位影音應用 5.行動內容 6.網路服務 7.內容軟體 8.數位出版典藏　圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-3.1 數位遊戲【定義】是指利用「資訊硬體平台」提供「聲光娛樂」給予一般消費者。【例如】 1.家用遊戲軟體 2.個人電腦遊戲軟體
數位遊戲【定義】是指利用「資訊硬體平台」提供「聲光娛樂」給予一般消費者。【例如】 1.家用遊戲軟體 2.個人電腦遊戲軟體 3.掌上型遊戲軟體或大型遊戲軟體。圖片來源：【人才需求】創意企劃人員、影音設計人員、遊戲製作人員、程式開發設計人員。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業三】請各位同學上網整理有開發或代理「數位遊戲」的廠商？至少寫出四種廠商及該廠商的網址。注意：請要註明「資料來源」圖：

3-3.2 電腦動畫【定義】是指運用電腦產生製作的連續影像，廣泛應用於娛樂或工商業用途。【例如】
1.娛樂應用：影視、遊戲、網路傳播等，著重於娛樂效果。如：玩具總動員、喜洋洋與灰太狼。 2.工商業用途：應用於建築、工業設計、醫學等。著重於工商業之輔助。圖片來源：【人才需求】導演、製片、企劃、動畫師、原畫師、美術、構圖、後製、掃圖、定色、合成等。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業四】請各位同學上網整理有開發或代理「電腦動畫」的廠商？至少寫出四種廠商及該廠商的網址。注意：請要註明「資料來源」圖：

3-3.3 數位學習【定義】是指以電腦為輔助工具進行線上或離線之學習活動。【例如】數位學習內容製作、工具軟體、建置服務、學習課程服務。
數位學習【定義】是指以電腦為輔助工具進行線上或離線之學習活動。【例如】數位學習內容製作、工具軟體、建置服務、學習課程服務。圖片來源：【提供廠商】台灣數位學習科技、巨匠電腦及台灣知識庫等等。【人才需求】數位訓練規劃師、數位教學設計師、教育數位產品企劃、教學原理、知識管理、創意管理、技術研究、作業管理的生產研發、軟體研發工程師等。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業五】請各位同學上網整理有開發或代理「數位學習」的廠商？至少寫出四種廠商及該廠商的網址。<註：不可與老師上課講義重複>
注意：請要註明「資料來源」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-3.4 數位影音應用【定義】是指運用數位化拍攝、傳送、播放之數位影音內容。【例如】MOD數位音樂、數位KTV、數位電影及數位電視。
數位影音應用【定義】是指運用數位化拍攝、傳送、播放之數位影音內容。【例如】MOD數位音樂、數位KTV、數位電影及數位電視。圖片來源：【提供廠商】中華電信與三星。【人才需求】視音訊工程師與剪輯師、影音串流與壓縮技術的資訊工程師、創意企劃、編劇、電腦動畫、互動內容製作技術、虛擬實境、交易平台管理、傳輸通路技術等。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業六】請各位同學上網整理有開發或代理「數位影音應用」的廠商？
至少寫出四種廠商及該廠商的網址。<註：不可與老師上課講義重複> 注意：請要註明「資料來源」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-3.5 行動應用服務【定義】是指運用行動通訊網路提供數據內容及服務。【例如】手機簡訊、導航或地理資訊等行動數據服務。
行動應用服務【定義】是指運用行動通訊網路提供數據內容及服務。【例如】手機簡訊、導航或地理資訊等行動數據服務。圖片來源：【人才需求】軟體工程師、系統開發人員、美工設計人員等。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業七】請各位同學上網整理有開發或代理「行動應用服務」的廠商？
至少寫出四種廠商及該廠商的網址。<註：不可與老師上課講義重複> 注意：請要註明「資料來源」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-3.6 網路服務【定義】是指提供網路內容、連線、儲存、傳送、播放之服務。【例如】
網路服務【定義】是指提供網路內容、連線、儲存、傳送、播放之服務。【例如】網路內容(ICP)、應用服務(ASP)、連線服務(ISP)、網路儲存(IDC)。圖片來源：【人才需求】電信、通訊、電子、電機、資訊、資管等。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-3.7 內容軟體【定義】是指提供「數位內容」應用服務所需之軟體工具及平台。【例如】內容工具、平台軟體、內容應用軟體、內容專業服務。
內容軟體【定義】是指提供「數位內容」應用服務所需之軟體工具及平台。【例如】內容工具、平台軟體、內容應用軟體、內容專業服務。圖片來源：【人才需求】程式設計師、系統分析師、測試工程師、產品語言轉換工程師、產品專案經理等。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業八】請各位同學上網整理有開發或代理「內容軟體」的廠商？至少寫出四種廠商及該廠商的網址。<註：不可與老師上課講義重複>
注意：請要註明「資料來源」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-3.8 數位出版典藏【定義】是指運用數位化方式將國家重要的文物、史料、照片、影音……等紀錄並保存下來。【例如】
數位出版典藏【定義】是指運用數位化方式將國家重要的文物、史料、照片、影音……等紀錄並保存下來。【例如】數位出版、電子書、數位典藏及新聞、數據、圖像等電子資料庫。圖片來源：【人才需求】編輯人員、智財權人員、資訊人員等。凌網科技圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業九】請各位同學上網整理目前國內、外有那些「電子書廠商」？至少寫出四種廠商及該廠商的網址。注意：請要註明「資料來源」圖：

3-4 數位教材【定義】是指具有引導學習者學習，以達到某一學習目標的「數位內容」。
3-4 數位教材【定義】是指具有引導學習者學習，以達到某一學習目標的「數位內容」。【例如】網頁式教材(HTML)，演講式教材(PowerCam)等可以在電腦上呈現的資訊，都可以稱為數位教材。【組成要素】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【「數位內容」與「數位教材」的差異】 1.「數位內容」是「數位教材」的子集合。 2.數位教材=數位內容+學習目標。【示意圖】圖：

數位教材的特性： 1.可結合多媒體 2.可重複使用 3.可交換及分享圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

(一)可結合多媒體【定義】教學者在設計數位教材時，可以整合不同的媒體(例如：Flash 結合動畫、文字、及影音效果)。【實例】
假設老師在教授「資料結構」課程時，在數位教材中可以加入「情境動畫教材」的媒體技術，可以讓學習者更容易「演算法」的運作原理並且提高學習者的動機。【示意圖】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

(二)可重複使用【定義】授課老師只要作一次教材，就可以重複使用好幾次。最多再補充不足之處。
【實例】開設網路教學課程、學生補救教學(重修)、課程複習。【示意圖】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

(三)可交換及分享【定義】教學者可以將課程內容分享給其他教學者使用, 以達到教材的可重複使用性。【實例】數位教材、評量試題及問卷。
【示意圖】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業十】請各位同學上網整理「數位教材的特性」？至少寫出四種。撰寫內容：必須要有「內文+圖片」，亦即「圖文並茂」
<註：不可與老師上課講義重複> 撰寫內容：必須要有「內文+圖片」，亦即「圖文並茂」注意：請要註明「資料來源」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5 數位教材的模式一般而言，數位教材可以分為七種不同的模式： 1.瀏覽式教材 2.演講式教材 3.模擬式教材 4.視訊式教材
5.情境動畫教材 6.互動式教材 7.註記式教材圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.1 瀏覽式教材【定義】是指將傳統實體上課的書本教材以網頁方式來呈現，由學習者自行瀏覽教材內容，它是最常見的數位教材。
瀏覽式教材【定義】是指將傳統實體上課的書本教材以網頁方式來呈現，由學習者自行瀏覽教材內容，它是最常見的數位教材。【使用時機】非正式授課(自我學習及補充教材)。【優點】製作最簡單，可以快速製作完成。【缺點】只能提供學生靜態瀏覽，而無法聽到教師講解的授課過程。【學習成效】較差。【製作工具】 FrontPage, Dreamwearver等網頁製作軟體圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.1瀏覽式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

演講式教材【定義】是指利用教材錄製工具將實體上課的教學內容，錄製成數位影音教材，其呈現方式是以「投影片」為主，並且可以同時錄製授課老師的講解過程(包括：教材內容、影像、聲音及註記筆)，在錄製完成之後，學習者可以自行點選影音教材影片。【使用時機】正式授課(理論課程) 【優點】與實體上課情況相同【缺點】對於實作課程比較無法真實呈現【學習成效】較佳【製作工具】 PowerCam、Camtasia教材錄製軟體圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.2 演講式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」
演講式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

模擬式教材【定義】是指利用教材錄製工具將「電腦螢幕的操作過程」，錄製成數位影音教材，其呈現方式是以「影片」播放為主，其原理是將螢幕視為一個白板教學平台，用來記錄所有的操作過程。【使用時機】實作性課程(例如：程式設計課程或應用軟體的操作課程) 【優點】能夠較真實模擬操作過程<實作性課程> 【缺點】對於理論的內容比較難講解<理論性課程> 【學習成效】較佳【製作工具】 PowerCam 、Camtasia, AniCam及ViewletBuilder等製作工具圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.3 模擬式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」
模擬式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

視訊式教材【定義】是指利用數位攝影機將「展示的過程」，錄製成影片，再透過視訊編輯軟體，加入相關素材(例如：轉場、旁白或字幕等)到影片中，最後輸出成數位影音教材。【使用時機】展演的課程(例如：體育運動課程、演藝課程或音樂演奏課程) 【優點】能夠較真實呈現「表演」過程<實作性課程> 【缺點】對於理論的內容比較難講解<理論性課程> 【學習成效】較佳【製作工具】 Camtasia ,Videospin及Movie maker等製作工具圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.4 視訊式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」
視訊式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.5 情境動畫教材【定義】是指先依照單元學習目標來撰寫情境據本(原理)，再利用動畫軟體依照情境據本來製作出模擬真實情境的教材。
情境動畫教材【定義】是指先依照單元學習目標來撰寫情境據本(原理)，再利用動畫軟體依照情境據本來製作出模擬真實情境的教材。【使用時機】幼稚園或國小的教材【優點】提供多媒體的情境動畫學習。【缺點】教材較難設計【學習成效】配合「演講式教材」極佳【製作工具】Flash製作工具或程式語言圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.5 情境動畫教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」
情境動畫教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.6 互動式教材【定義】指教材的內容可以與學習者進行互動，亦即透過互動的try and error的方式來進行學習。
互動式教材【定義】指教材的內容可以與學習者進行互動，亦即透過互動的try and error的方式來進行學習。【使用時機】幼稚園或國小的教材【優點】提供多媒體的互動學習。【缺點】教材非常難設計<因為必須要有判斷正確的功能> 【學習成效】配合「演講式教材」極佳【製作工具】 Flash製作工具、互動式多媒體製作工具(哈瑪星提供的工具)或程式語言圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.6 互動式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」
互動式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.7 註記式教材【定義】是指閱讀者可以利用「註記系統」功能來對所閱讀的數位教材內容進行註記的學習活動。【使用時機】輔助學習
註記式教材【定義】是指閱讀者可以利用「註記系統」功能來對所閱讀的數位教材內容進行註記的學習活動。【使用時機】輔助學習【優點】可以完整記錄個人的閱讀歷程，進而建構專屬個人筆記本(電子書) 【缺點】必須要依附於LMS學習平台上【學習成效】配合瀏覽式教材較佳【製作工具】ASP.NET, JAVA Script等開發工具圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-5.7 註記式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」
註記式教材《展示畫面》圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業十一】請各位同學上網整理七種不同「教材設計模式」的相關網站？請寫出網站名稱及網址。
<註：不可與老師上課講義重複> 撰寫內容：必須要有「內文+圖片」，亦即「圖文並茂」注意：請要註明「資料來源」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-6 數位教材設計原則一、多媒體原則多媒體在教學上的運用時，需要參考的原則：【定義】運用「多媒體」可以提升學習成效。
【例如】以「文字搭配圖形」就比僅用「文字」要好。【實例】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

分析比較【實例一】電腦處理資料的三大步驟(純文字)與(文字+圖形) 1.純文字 學習上比較吃力 2.文字+圖形 學習上比較容易了解
1.純文字 學習上比較吃力 2.文字+圖形 學習上比較容易了解【實例二】資料、處理資料及資訊三者關係(文字+圖形)與(動畫+旁白) 1.文字+圖形 學習上比較容易了解，但是缺少樂趣(只有視覺) 2.動畫+旁白 學習上比較容易了解，並且具有樂趣(視覺+聽覺) 根據教育心理學家 Richard Mayer的認知理論中的「雙通道假設」 人們對於感官訊息(例如：視覺與聽覺)有不同的接受信息通道。所以，學生可以同時看「動畫影片」及聽「旁白講解」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

二、空間連續原則【定義】是指相關的「文字搭配圖形」時，最好能「置於鄰近」的地方，對於學習的效果較佳。【實例】圖：

分析比較【實例】電腦處理資料的三大步驟(不連續)與(連續)的比較 1.結構化的步驟(不連續)簡單結構被分割(無法整合知識)
2.結構化的步驟(連續) 學習上學習成效最佳(有效整合知識) 根據教育心理學家 Richard Mayer的認知理論中的「有限容易假設」 人們在同一時間，同一個通道(例如：視覺)所能加工處理的信息是有限的，因為，學生在看「圖片」的同時，必須還必須看(找尋)「文字」解說位置。所以，會產生「認知負荷」的問題。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

三、時間原則【定義】是指相關的「文字與圖形」最好能「同時呈現」，效果比較好。【實例】圖：

分析比較【實例】電腦處理資料的三大步驟(分成2頁)與(1頁)的比較 1.結構化的步驟(分成2頁)簡單結構被分割(無法整合知識)
2.結構化的步驟(1頁) 學習上學習成效最佳(有效整合知識) 圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

四、一致性原則【定義】與學習「主題無關」的「文字、圖形與聲音」等內容最好不要放入學習內容中。【實例】圖：

分析比較【實例】電腦處理資料的三大步驟((無關)與(有關)的比較 1無關沒有直接關係或不相關的文字(干擾學習)
2.有關適時加入適當文字(幫忙學習) 根據教育心理學家 Richard Mayer的認知理論中的「有限容易假設」  有趣但不相關的文字及圖片被加入多媒體呈現時，學生的學習成效降低。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

五、感官原則【定義】人類對於「視覺與聽覺」資訊的處理「容量有限」，因此，在學習上，「動畫┼旁白」的效果要比「動畫┼文字」的效果為佳。因為看「動畫」的同時可能無法很專注地讀「字幕」。【實例】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

分析比較【實例一】資結構結中的「堆疊」單元的Push與Pop(動畫+字幕)
1.動畫+字幕 學習上比較不容易了解(同時使用視覺) 2.動畫+旁白 學習上學習成效最佳(視覺+聽覺) 根據教育心理學家 Richard Mayer的認知理論中的「有限容量假設」 人們在同一時間，同一個通道(例如：視覺)所能加工處理的信息是有限的，因為，學生在看「動畫影片」的同時，必須還必須看「字幕文字」所以，會產生「認知負荷」的問題。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【作業十二】請各位同學先參考本書的例子，再自行設計不同的例子。並且套用「數位教材設計的五個原則」。
<註：不可與老師上課講義重複> 撰寫內容：必須要有「內文+圖片」，亦即「圖文並茂」注意：如果是上網整理，請要註明「資料來源」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3-7 數位教材品質規範【引言】我們都知道，食品有GMP認證、產品有CNS認證、企業有ISO認證，而「數位學習教材」也不例外。【原因】
3-7 數位教材品質規範【引言】我們都知道，食品有GMP認證、產品有CNS認證、企業有ISO認證，而「數位學習教材」也不例外。【原因】為了確保進行「網路教學或數位學習」時，學位課程實施品質及提升社會大眾的認同。因此，在國內也有一個重要的認證規範。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【認證目的】 1. 提供「學習者」一個選擇教材的依據 2. 提供「數位學習產業業者」一個教材開發的規範 3. 進而提升教材品質。圖：

【認證方式】由政府「數位學習國家型計劃」針對「數位學習教材」四項「品質構面」進行品質的認證。教材內容（Content）
學習導引（Navigation）教學設計（Instructional design）教學媒體（Instructional Media）資料來源：數位學習國家型科技計畫圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

1.教材內容（Content）【定義】是數位學習最重要的內涵。【重要指標】 (1)數位教材應提供正確的教材內容。
(2)數位教材應適切的組織與清楚合適的表達。【目的】讓學習者能學習到預期的知識與技能。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

2.學習導引（Navigation）【定義】是指引領學習者順暢進行數位學習活動的關鍵機制。【重要指標】 (1)控制學習進行之機制
(2)控制學習進行之指引 (3)控制學習之追蹤。【目的】讓學習者可以輕鬆掌控個人學習活動的進展。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

3.教學設計（Instructional design）
【定義】良好的教學設計是數位教材達成預定學習目標首要關鍵。【重要指標】 (1)清楚明確的學習目標 (2)適切的教學呈現 (3)適當運用學習策略促進學習理解 (4)良好的學習互動與導引 (5)適切的評量與回饋。【目的】讓學習者能達成預期的學習目標。圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

4.教學媒體（Instructional Media）
【定義】是指傳達數位學習內容的中介。【重要指標】 (1)適切的學習介面設計 (2)有效的教學媒體運用 (3)高品質的教學媒體製作【目的】 (1)保持學習者學習的興趣 (2)促進學習理解 (3)掌握學習的進展 (4)達到事半功倍的效果圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

【認證三個層級】當評核結果滿足前四項之必備項目，且分數達到一定標準即可獲得認證，認證分為三個層級，分別為：圖：

【作業十三】請各位同學上網整理，目前大專院校中有那些學校的教授有通過「課程證認」或「教材證認」，並說明通過那來「課程名稱」。
注意：如果是上網整理，請要註明「資料來源」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

第三章數位內容與數位教材設計模式課程名稱：數位學習授課老師：李春雄博士

Similar presentations

Presentation on theme: "第三章數位內容與數位教材設計模式課程名稱：數位學習授課老師：李春雄博士"— Presentation transcript:

Similar presentations

About project

反馈

请登录

Auth with social network:

第 三 章 數位內容與數位教材設計模式 課程名稱：數位學習 授課老師：李春雄 博士

Similar presentations

Presentation on theme: "第 三 章 數位內容與數位教材設計模式 課程名稱：數位學習 授課老師：李春雄 博士"— Presentation transcript:

Similar presentations

About project

反馈

第三章數位內容與數位教材設計模式課程名稱：數位學習授課老師：李春雄博士

Presentation on theme: "第三章數位內容與數位教材設計模式課程名稱：數位學習授課老師：李春雄博士"— Presentation transcript: