數位學習教材元件設計與應用

(1)

元

元培科技大學

培科技大學

資

資訊

訊

訊管

訊

管

管理

管

理

理系畢業專題

理

系畢業專題

數位學習教材元件設計與應用

組別： A2

指導老師：劉雯瑜老師

組員：王曉傑(0961408012)

林怡屏(0961408010)

王亭婷(0961408013)

徐鴻志(0961408020)

許智堯(0961408068)

中華民國九十九年十二月

(2)

i

摘

摘要

要

近年來，由於教育部的大力推動，使得數位學習（e-Learning）成為大專校院競相追逐的新朝流，元培科技大學亦不免於外。這兩年，元培科技大學教學資源中心除了舉辦多場數位教才製作研習營，培訓數位教學的種子教師，也投注了相當多的資本採購數位教材製作的相關軟體。不過，這些軟體雖然功能齊全、用起來簡便，但圖庫所提供的圖片元件卻相當有限，致使教師在教材製作上頗受限制。考量教師沒有太多時間可以自行開發設計教材元件，因此，本專題遂以開發教材圖庫元件作為目標。在製作過程中，本專題首先檢視中小企業網路大學校及元培網路大學系統上所公開的課程，從中整理出教材製作者常用的教材圖庫元件，並將其整理分類，之後再針對這些元件種類進行開發，最後總計開發出 2527 個元件，並將這些元件整合進學校所購買的 Course Master 軟體的素材圖庫光碟中，供全校教師自由取用，對於教師數位教材的製作，有頗大的助益。關鍵字關鍵字關鍵字關鍵字：數位學習、數位教材、教材元件

(3)

ii

目

錄

摘要 ... i 目錄 ... ii 表目錄 ... iv 圖目錄 ... vi 第一章緒論 ... 1 1.1背景與動機 ... 1 1.2目的 ... 2 1.3限制 ... 2 1.4關鍵名詞定義 ... 2 第二章文獻探討 ... 3 2.1數位學習（e-Learning） ... 3 2.2數位教材 ... 4 2.3數位教材取得方式 ... 5 2.4數位教材製作方法 ... 6 2.5數位教材製作原則 ... 14 2.6教材元件 ... 18 2.7數位教材元件識別 ... 19 2.8數位學習教材元件分析 ... 20 第三章專題設計與規劃 ... 23 3.1專題規劃目標 ... 23 3.2系統開發方法 ... 23 3.3系統藍圖 ... 25 3.4專題所需設備 ... 26 3.4.1硬體設備 ... 26 3.4.2軟體設備 ... 26

(4)

iii 3.4.3其它設備 ... 27 3.5專題時程規劃 ... 28 第四章專題成果 ... 30 4.1 需求分析 ... 30 4.2設計理念 ... 31 4.2 元件介紹 ... 32 4.4使用方法 ... 38 4.4.1程式開啟 ... 38 4.4.2使用功能 ... 39 4.4.3詳細操作 ... 40 第五章結論與建議 ... 44 5.1結論 ... 44 5.2貢獻 ... 44 5.3建議 ... 45 參考文獻 ... 46 【書籍類】 ... 46 【論文類】 ... 46 【網站類】 ... 47

(5)

iv

表

表目

目

錄

表 2-1 數位教材的自製、委製與外購考量要點 ... 5 表 2-2 學習需求與教學事件對照表 ... 11 表 2-3 軟體工具表 ... 12 表 2-4 元件統計表 ... 20 表 3-1 SDLC 交付標的 ... 24 表 3-2 使用軟體設備清單表 ... 26 表 3-3 使用其它設備清單表 ... 27 表 3-4 專題流程分工明細表 ... 29 表 4-1 元件種類、個數、及代表性元件細項列表 ... 30 表 4-2 元件介紹 – 課程類 ... 32 表 4-3 元件介紹 – 章節類 ... 32 表 4-4 元件介紹 – 下載類 ... 33 表 4-5 元件介紹 – Q&A 類 ... 33 表 4-6 元件介紹 – 大綱類 ... 34 表 4-7 元件介紹 – 操作類 ... 34 表 4-8 元件介紹 – 按鈕類 ... 35 表 4-9 元件介紹 – 索引類 ... 35 表 4-10 元件介紹 – 測驗類 ... 36 表 4-11 元件介紹 – 簡報元件 ... 36 表 4-12 元件介紹 – 美工圖庫 ... 37 表 4-13 元件介紹 – 簡報母片 ... 37 表 4-14 元件介紹 – 版面底圖 ... 37 表 4-15 插入圖文 ... 39 表 4-16 按鈕+圖文 ... 39 表 4-17 插入圖說 ... 39

(6)

v

表 4-18 插入組合 ... 40 表 5-1 專題成果 ... 44 表 5-2 專題成果 ... 44

(7)

vi

圖

圖目

目

錄

圖 2-1 數位學習演進圖 ... 4 圖 2-2 數位學習教材設計關係圖 ... 5 圖 2-3 AME 設計模式 ... 7 圖 2-4 ADDIE 設計模式 ... 8 圖 2-5 教材架構作法 ... 10 圖 2-6 評鑑規劃步驟 ... 13 圖 2-7 暢空原則 ... 14 圖 2-8 卡片原則 ... 14 圖 2-9 像框原則 ... 14 圖 2-10 重用原則 ... 15 圖 2-11 概距原則 ... 15 圖 2-12 多媒體原則 ... 15 圖 2-13 簡論原則 ... 15 圖 2-14 序列原則 ... 16 圖 2-15 書寫原則 ... 16 圖 2-16 指示原則 ... 17 圖 2-17 彈出原則 ... 17 圖 2-18 師徒原則 ... 17 圖 2-19 問題原則 ... 18 圖 2-20 元件範例圖 ... 19 圖 3-1 瀑布模式 ... 23 圖 3-2 系統架構圖 ... 25 圖 3-3 硬體設備圖 ... 26 圖 3-4 專題時程甘特圖 ... 28 圖 4-1 Course Master 建立專案畫面 ... 38

(8)

vii 圖 4-2 主程式畫面 ... 40 圖 4-3 素材庫位置 ... 41 圖 4-4 插入圖文圖示 ... 41 圖 4-5 按鈕+圖文圖示 ... 42 圖 4-6 插入圖說圖示 ... 42 圖 4-7 插入組合圖示 ... 43 圖 4-8 主程式畫面之圖片預覽區 ... 43 圖 4-9 儲存資訊 ... 43

(9)

1

第一章

第一章緒論

緒論

本章共分為四節，第一節介紹本專題的相關背景與動機；第二節將說明研究目的；第三節為限制；最後則說明關鍵名詞定義。

1.1 背景與動機

背景與動機

隨著電腦與網路科技的普及，近年來針對數位教材設計的指導方針與原則隨之增加，進而使得運用數位教材進行學習，漸漸成為一種重要的數位學習模式(周韻芳，2008)。在政府的積極推廣下，數位學習市場急速成長。台灣國教數位學習聯盟於 2004 年指出，在 92 年度實施九年一貫教學之後，每年國中小教科書及課輔的市場規模可達新台幣 1100 多億元，若以美國數位學習市場規模約佔實體的 10%來推算，國內的數位學習市場將具有 110 多億元的潛力(賴昀瑩，2005)。不過，在實施數位學習課程時，需要準備的事物很多，諸如學習相關軟硬體、選用適合的網路資源、教學策略、評量方式、教學活動及線上帶領技巧等，而首當其衝的困難就是如何取得數位教材。取得數位教材的方式有好幾種，可自行製作、委託製作，或是直接購買做好的成品(吳聲毅，2004)。本專題關心的是自製教材的問題，這兩年，元培科技大學教學資源中心除了舉辦多場數位教才製作研習營，培訓數位教學的種子教師，也投注了相當多的資本採購數位教材製作的相關軟體。不過，這些軟體雖然功能齊全、用起來簡便，但圖庫所提供的圖片元件卻相當有限，致使教師在教材製作上頗受限制。考量教師沒有太多時間可以自行開發設計教材元件，因此，本專題遂以開發教材圖庫元件作為目標。本專題先分析目前市面上教材之常用元件，歸類出教材常用元件種類，再依據這些種類`開發元件，並 Course Master 軟體的素材圖庫中，讓老師們，在開發自製教材時可以有豐富的圖片素材元件可用。。

(10)

2

1.2 目的

目的

本專題的目的是製作數位學習教材的圖片元件，以供老師製作數位教材時使用，擬完成之工作項目包括下列幾項： 1. 蒐集整理坊間數位學習教材常用的元件，並將其分類。 2. 製作數位學習教材元件。 3. 組織開發完成的元件。 4. 將數位學習教材元件整合到 Course Master 的素材圖庫光碟中。

1.3 限制

限制

本專題在進行過程中雖力求完美，但因元件製作的技術多元，本組組員之能力與專題執行時間有限，故目前本組僅採用靜態圖片的方式呈現，暫不考慮技術層面較高的製作方法。

1.4 關鍵名詞定義

關鍵名詞定義

本專題計用到下列幾個重要名詞，分別定義如下： 1. 數位學習：所謂數位學習，指的就是學習者應用數位媒介學習的過程，而其中所指的數位媒介包括網際網路、企業網路、電腦、衛星廣播、錄音帶、互動式電視及光碟等。應用的範圍包括網路化學習、電腦化學習、虛擬教室及數位合作（資策會教育訓練處講師群，2003）。 2. 數位教材：所謂的數位教材，指的經由教材數位化軟體（如 PowerCam、Camtasia 等）製作後同時呈現出文字教材（如 PowerPoint）及教師聲音或影像者，或是實體課程錄影等。並可供學生於課後自行上網，以進行數位學習之教材。 3. 教材元件：所謂的教材元件，指的就是，可以在數位教材製作或數位學習時被使用或重用的的任何數位物件。

(11)

3

第二章

第二章文獻探討

文獻探討

本專題牽涉到幾個重要的工具和相關之文獻，本章節將列出八個小節分別進行探討，第一節介紹數位學習；第二節介紹數位教材；第三節介紹數位教材取得方式；第四節介紹數位教材製作方法；第五節介紹數位教材製作原則；第六節介紹教材元件；第七節介紹數位學習教材元件分析；第八節介紹教材元件製作方法。

2.1 數位學習

數位學習

數位學習（

（

（e-Learning）

）

1999年在全球 e 化熱潮下，美國專家 Jay Cross 先生最先提出 e-Learning 這個名詞，也掀起了企業界和學校對 e-Learning 的熱情關注（資策會教育訓練處講師群，2003）。

最常被引用的 e-Learning 的定義，就是美國教育訓練發展協會（American Society of Training and Education, ASTD）所做的解釋：

「電子化學習是學習者應用數位媒介學習的過程，數位媒介包括網際網路、企業網路、電腦、衛星廣播、錄音帶、互動式電視及光碟等。應用的範圍包括網路化學習、電腦化學習、虛擬教室及數位合作。」 e-Learning中的 e 除了代表 electronic 之外，還有其他意涵來說明數位學習的成效，例如： exploration 表現了數位學習者自由探索的精神。 experience 說明了數位學習者可經由互動與電腦模擬深度體驗學習內容。 engagement 和 excitement 說明數位學習能帶給學習者的參與和興奮感。 empowerment 則點出數位學習能快速擴展學習者的能力。 Ease of use 則強調數位教材人機介面的設計，要注重容易使用的原則。 Effective 則歸納出企業導入數位學習的最重要目的，那就是讓學習者能獲得有效的學習成果。

(12)

4 總而言之，e-Learning 中的 e 是具備「電子化」、「有趣味」、「有效果」等多重意義的（資策會教育訓練處講師群，2003）。數位學習基本上含括了學習科技演進過程中的諸多名詞與方法，下圖將數位學習的演進過程很清晰的演示出來。圖 2-1 數位學習演進圖

2.2 數位教材

數位教材

常常有人誤以為數位學習就等於是數位教材，這是相當嚴重的錯誤觀念，其實數位教材僅是數位學習中的一環。數位教材目前常見的問題就是有很多人太講求多媒體、聲光影音，而忽略了學習本身的目的（資策會教育訓練處講師群， 2003）。數位教材的演進發展可從二十世紀中期行為主義者史金納（Skinner）所提倡的編序教學開始，其主張將數位教材所要教授的知識分解成相連接的獨立片段，由淺至深的順序一一呈現（資策會教育訓練處講師群，2003）。數位教材整合不同的媒體元素如文字、圖片、照片、聲音、動畫和影片等，以促進學習者的學習興趣與動機（Mayer, 2001）。希望學習者在學習過程中，可以依個別能力的差異與需求，來選擇適合的數位教材內容及進度。

(13)

5 圖 2-2 數位學習教材設計關係圖

2.3 數位教材取得方式

數位教材取得方式

取得數位教材的方式有好幾種，大致分為自行製作（自製）、委託製作（委製）、或是直接購買做好的成品（外購）。下表將由內容性質、經費的考量、教材更新及維護是否方便、及教材符合國際標準規則等四項來比較這三種不同方式的考量重點。表 2-1 數位教材的自製、委製與外購考量要點項目項目項目項目考慮要點_考慮要點考慮要點考慮要點內容性質自製：自製教材時需注意建立自製教材的環境、養成自製教材的團隊及能力。委製：變動性低，不具機密性，內容需有一定的設計水準與吸引力，為專業領域的入門基礎教材。外購：目前市面上可以採購到的內容，大致可分為語言類、資訊應用類、一般性管理類、產業主題知識類。經費的考量自製：製作成本比委製、外購較低（華銀易學網線上課程製作介紹與展望,2010）。委製：對企業來說所需付出的金錢成本會是幾種內容來源最高的，但製作出來的品質通常也是最高的。

(14)

6 項目項目項目項目考慮要點_考慮要點考慮要點考慮要點外購：有一定的費用支出，除可以節省教材設計與教材整理開發時間外，前提是需要適合公司的學習對象使用。教材更新及維護是否方便自製：教材若內容變動大，需內部專家之配合與透過定期品質管控修改機制。委製：教材考量廠商提供教材更新會維護服務外，及經濟規模效益。外購：教材會考量是否在授權使用期間有教材更新服務。教材符合國際標準規劃自製：教材會考慮所使用的 Authoring Tools 所產出的教材符合 SCORM 標準，並可與現有學習系統整合。委製：教材應符合 SCORM 標準，並可與現有學習系統整合。外購：教材應符合 SCORM 標準，並可與現有學習系統整合。

2.4 數位教材製作方法

數位教材製作方法

談到數位教材製作，學資訊管理的人通常會聯想到系統分析與設計中的螺旋模式、瀑布模式；學教育科技的人則會想到 AME（Analysis Make Evaluation）教學設計或 ADDIE（Analysis, Design, Development, Implementation, Evaluation, ADDIE），這些都是數位教材設計的方法之一（吳聲毅，2004）。不過，比較常見的還是 AME 及 ADDIE 模式，因此，以下將針對 AME 和 ADDIE 這兩種方法做介紹。

1. AMEAMEAME 設計AME設計設計模式設計模式模式模式

AME 模式分成三個步驟，分別為分析（Analysis）、製作（Make）、評鑑（Evaluation），模式架構如圖 2-3 所示，各階段的工作項目則說明如下（吳聲毅， 2004）：

(15)

7 圖 2-3 AME 設計模式

1. 1. 1. 1. 分析階段分析階段分析階段分析階段 ① 學習者分析分析學習者的背景、學習風格、先備知識與技能、較合適的媒體呈現方式，以及學習者進行課程時使用的硬體設備。 ② 學習目標分析設定學習目標，學習目標的分類有好幾種，最有名的就是布魯姆、克拉斯霍爾、辛普森的行為目標法，行為目標法分為三大領域，分別為認知（知識、理解、應用、分析、綜合、評鑑）、情意（注意、反應、評價、組織、品格）與技能（知覺作用、心向作用、引導反應、機械反應、複雜反應、技能調適、創作表現）。 ③ 資源分析蒐集現有與教材製作之相關資源與製作成本評估。 2. 2. 2. 2. 製作階段製作階段製作階段製作階段 ① 教材程序設計依據分析階段內容將教材進行完整化設計。 ② 學習策略設計設計將學習目標搭配相關的教學與學習策略。 ③ 媒體素材製作依據分析的內容製作多媒體素材。

(16)

8 ④ 發展完整教材彙整製作好的各項素材開始進行教材製作，並組裝形成單元課程。 3. 3. 3. 3. 評鑑階段評鑑階段評鑑階段評鑑階段 ① 形成性評鑑在製作過程中，隨時確認每一階段皆符合分析階段的分析內容，不能偏離原來的構想。 ② 總結性評鑑評鑑學習者閱讀這些教材或上完課後，其學習成果是否達到學習目標，並且透過問卷等方式瞭解其學習滿意度。 2. ADDIE 系統化教學設計模式系統化教學設計模式系統化教學設計模式系統化教學設計模式

ADDIE(Analysis, Design, Development, Implementation, Evaluation)為目前最多人於數位教材設計時所運用。ADDIE 在數位教材設計時顯得重要，因為傳統教學中還可依教師經驗來制定教學內容、時間與方法；但在以學生為中心的自主性學習環境裡，如何透過有邏輯架構設計的教材讓學生習得相關知識與技能，就得運用系統化的 ADDIE 模式來開發，以解決數位學習過程中的相關問題（資策會教育訓練處講師群，2003）。圖 2-4 ADDIE 設計模式

(17)

9 ADDIE之數位教材設計模式包含 5 個步驟，各步驟的工作細節如下： (1) 分析分析分析分析分析是系統化教材設計流程的第一步，目的是為了取得發展課程及教材時所需之較詳盡資料，後續的設計、發展、建置與評鑑皆依據此結果來實施，由此可見分析階段的重要性！分析工作項目主要有學習者分析、學習環境分析、現有資源分析、媒體分析、成本分析、目標分析、架構分析： ① 學習者分析為教學內容的組織、教學目標的編寫、教學活動的設計、教學方法的運用、教學媒體的選擇等提供依據。 ② 學習環境分析協助確認現有電腦與網路設備及未來教材執行的方式。 ③ 現有資源分析可以節省內容撰寫所需之資料蒐集與整理的時間，也可避免教材開發完成後再做修改的成本開銷及有足夠的外部人力支援，可以使專案開發流程能更順利推展。 ④ 媒體分析由於各媒體有不同的特質及適用時機，即使是同一媒體運用在教學上的方式也不盡相同。要注意的是，人很容易受到時代潮流的影響，將當時流行、受歡迎的媒體視為最重要的。 ⑤ 成本分析指出教材製作的花費、利潤及投資報酬率。 ⑥ 目標分析將需求評估中所提出要解決的問題，訂出其可透過訓練方式解決的績效任務目標，將欲達成該任務之目標轉換為具體的行為目標。

(18)

10 ⑦ 架構分析訂出單元，每個單元都要包含目標及學習內容。好讓學習者可以明確知道學習範圍與學習順序。 (2) 設計設計設計設計當你整理出所有分析的資料文件，並且做好必要的決定後，就可以進入設計的階段。設計階段工作項目主要有界定教學目標、教材架構設計、學習策略設計、風格與介面設計、雛型教材(prototype)設計、教材開發準則制定等。教材架構是為了讓學生對整體內容的邏輯架構有清楚的瞭解，提高學習效率。在分析階段已確認過目標及架構，在此則是要對其更細緻的設計。我們需從任一指定的學習目標往後推演，推至必須先學會的基礎知識，再將其依易至深的階層排出層次順序來。如此是為了導出欲開發的教材範圍，也可以依據目標做為設計評量題目的參考。圖 2-5 教材架構作法

甘業等大師(Gagne et.，1992)則提出了「教學事件(instructional events)」的理論供教學策略設計時運用。其指出學習者學習過程中，有一定的心理需求，若要設計有效的教學，就是要根據學習者的需求，規劃一系列相對應的教學事件，此學習需求與教學事件的對照如下表：

(19)

11

表 2-2 學習需求與教學事件對照表內在的學習需求

(Internal learning Activities)

外在的教學事件 (External Instructional Events) 1.感知到刺激 1吸引注意力. 2.預備心理狀態 2.告知目標 3.選擇有意義的刺激 3.勾起舊有回憶 4.默記練習 4.呈現教材 5.轉化成記憶的語意碼 5.提供指導 6.檢索記憶 6.實際演練 7.產生外顯行為 7.提供回饋 8.表現學習成就 8.評量 9.控制學習的成果 9.強化學習保留與遷移 (3) 發展發展發展發展在這個階段中，主要是著重在腳本撰寫及媒體開發的工作，此時就會有實際的產品可觀看。發展階段工作項目主要為腳本分鏡發展、製作開發教材、媒體製作。腳本即是將先前的設計構想以紙本的方式呈現出來，腳本的每一頁即是依電腦螢幕。腳本是美工、媒體製作群、程式人員、內容專家、其他相關人員書面溝通的最好依據，因此良好的腳本能使開發過程事半功倍。茲將腳本包含項目簡易說明如下： ① 教材主題包含教材名稱、該單元或主題名稱及編號。 ② 畫面編號幫該畫面編個號，同時也用於後續網頁的檔案存檔名稱。

(20)

12 ③ 畫面編排型態說明該畫面是文配圖、文配表、文配動畫、影片、超連結或彈跳視窗等等，說明編排的樣子，最好的作法是畫個簡易擺放位置之版型。 ④ 畫面文稿也就是說明該畫面之內容文字。要注意撰寫邏輯性及讀起來是否流暢。同時也須確認內容是否正確無誤。 ⑤ 媒體描述這裡需要說明要繪製什麼圖檔或製作什麼動畫、媒體等等。 ⑥ 互動類型其中練習題設計、須說明練習題的題型、題目和回饋，一般來說除了是非題外，最好設有兩次答題機會，也就是在第二次答錯時，就該給予正確答案與錯誤回饋語。如果將題目當成測驗題來看的話，就不需改與回饋，用以計分。 ⑦ 旁白、音效、配樂需要配音的部分則記錄在此。 ⑧ 時間如果有動畫或影片的話，也估計一下時間。腳本製作完成後，就需實際開發數位教材，目前運用在數位教材開發的工具大致如下表所示：表 2-3 軟體工具表素材製作工具 Word, PowerPoint 繪圖軟體 Photoshop, Photoimpact 錄音軟體 Soundforge, 錄音程式影像剪輯軟體 Premiere Media Studio 串流簡報式 Producer, Streamauthor 螢幕擷取式 Camtasia 模擬步驟式 RoboDemo, Viewletbuilder 互動多媒體式教材 Flash 網頁式 Frontpage, Dreamweaver 線上測驗製作 Coursebuilder

(21)

13 (4) 建置建置建置建置實際開發出了教材，還是必須要實際建到系統，並測試才能確保學習不會出問題。因此在此階段主要是組裝和測試的工作。建置階段工作主要有組裝教材、平台整合並上線測試等項目。 (5) 評鑑評鑑評鑑評鑑依照教學系統發展程序，評鑑計畫應包含兩種評鑑：形成性評鑑及總結性評鑑；形成性評鑑用來檢測發展過程中的每一個發展步驟，確保每個階段都能夠不偏離原始設計構想、教學內容、教學目標。而總結性評鑑，則施行於整個發展完成後，目的在於驗證軟體的成效，強調效果，並以評鑑結果來佐證課程使否能達到預期效果，做為下一次專案發展之參考。評鑑規劃步驟可如下圖：圖 2-6 評鑑規劃步驟綜上所述，不管採用 AME 或 ADDIE 模式開發教材，教材製作均是及為重要的歷程。因此，本專題將著重於教材製作步驟，以協助教師快速輕鬆地完成教材製作。

(22)

14

2.5 數位教材製作

數位教材製作

數位教材製作原則

原則

依據游寶達（2010）的研究，數位教材製作共包含四類 13 項的原則，茲簡要說明如下： 1. 情境管理原則情境管理原則情境管理原則情境管理原則當學生在線上自我學習時，教師的角色不見了。為了喚起學生有教師營造現場學習情境之感覺，特別提出下列原則。 (1) 暢空原則提供適合及寬闊的展示情境背景，讓文字及圖形可以適當地被展示出來。圖 2-7 暢空原則 (2) 卡片原則將文字管束在圖卡之內，在閱讀時會讓注意力聚焦於該圖卡範圍內。圖 2-8 卡片原則 (3) 像框原則將圖片管束在像框之內，在閱讀時會讓圖片更加顯著。圖 2-9 像框原則

(23)

15 (4) 重用原則將一些常用的標籤、標題等細緻化，以提升整體閱讀的美感及柔和度。圖 2-10 重用原則 (5) 概距原則文字在版面鋪陳時，主文及輔文之間形成一個完整的概念，其排版的距離宜接近為宜，讓讀者可以連貫閱讀。圖 2-11 概距原則 (6) 多媒體原則圖、文並茂將有助於概念(concept)及細節(detail or description)的關連參照(referential connection)，進一步促成全腦學習。圖 2-12 多媒體原則 (7) 簡論原則 ppt屬於 page-based 的展示模式，一個版型盡量放置一或二個議題，讓學習者可以專注在單一背景之情境上進行學習。圖 2-13 簡論原則

(24)

16 2. 情意展示原則情意展示原則情意展示原則情意展示原則上課時，教師可以展現出其解題及講解的過程，讓學生感受到教師的專業情意。為了保留教師的專業能力。 (8) 序列原則將上課的邏輯流程以序列的方式表現出來，讓學生感受到教師講解課程的意境。圖 2-14 序列原則 (9) 書寫原則教師親自撰寫文字、公式、方程式，及手繪圖形，將有助於學生的『築題』、『解題』等之能力，並可以提升學生自律學習之能力。圖 2-15 書寫原則

(25)

17 3. 導引教學原則導引教學原則導引教學原則導引教學原則上課時，教師利用投影筆及其肢體語言、互動眼神等可以帶領學生進入學習的意境。為了營造教師現場帶領之感覺。 (10) 指示原則在數位教材的表現過程中，利用滑鼠的游標來指示講解的過程，似乎不足。為了彌補教師上課的意境，適當的指示標籤及標示有其必要性。圖 2-16 指示原則 (11) 彈出原則當主概念不易解釋或必須加以強調，類似概念圖的表現架構就可以被派用上場。圖 2-17 彈出原則 4. 互動展示原則互動展示原則互動展示原則互動展示原則非同步教材的設計較不易表現出現場或同步的互動效果，但是可以加入多人對談的方式，讓學生有身歷其境的感覺。 (12) 師徒原則利用師生之間的對談方式，錄製數位學習內容，讓線上學習的學生有感同身受的效果。圖 2-18 師徒原則

(26)

18 (13) 問題原則當講解到一定的進度時，可以提出適當的問題及練習，要求學生進行線上答題或紙筆之練習。圖 2-19 問題原則在上述 13 個原則中，原則 1、2、3、4、6、8、9、11 均與圖片元件密切相關，因此，本專題將針對數位教材元件進行開發設計。

2.6 教材元件

教材元件

教材元件（Learning Object; LO）是近年來在電腦教學中的一個新型態的概念，它是從電腦科學的「Object Oriented Model; OOM」理念中所衍生出來的一個概念（Anido et al. 2001; Wiley, 2000）。對於此定義有許多學者有不同的解讀，有的人稱為學習資源（learning resource）或是數位學習教材，但稱做元件是一種趨勢。

Spalter和 Dam（2003）指出元件在教育領域中一般的解釋為，在任何可在教學中重複使用的各種形式的材料（meterial），比如教案（lesson plan）、影像檔、或是一段程式碼等。Fresen（2001）提到一般文獻中廣泛被使用的定義是來自 IEEE 的 LTSC（Learning Technology Standards Committee），一個教材元件可以定義為任何數位或非數位的個體，可以在技術支援的學習時用來被使用或重用。因此，針對不同的教學情境和目標，可組合不同的教材元件內容，讓教學元件可以更彈性的被運用。

根據 ADL（Advanced Distributed Learning）的研究指出，教材元件應具備的特質如下（ADL , 2001）：

1. 具可重用性（reusable）：在各個平台上，數位學習教材皆可重複使用。 2. 具可易得性（accessible）：可隨時隨地易取得數位學習教材之內容，

(27)

19 使用者可以利用電子載具來取得數位學習教材。 3. 具恆久性（durable）：在網路技術不斷更新之際，數位學習教材與其搭配的系統不需重新修改，如此的教材結構才能傳之久遠。 4. 具互用性（interoperable）：數位學習教材可以在不同的平台上操作（開發、修訂、使用、互動等）。 5. 具可適性（adaptable）：依使用者不同之能力，可以提供適當及彈性的數位學習教材。 6. 具可負擔性（affordable）：所提供的學習環境及內容必須是使用者可負擔之經濟許可範圍。如果教材元件的開發符合以上六個特性條件，能使得網路教學或數位學習（e-Learning）發展更加蓬勃。本專題所開發的元件，並將朝這 6 個目標努力。

2.7 數位教材元件

數位教材元件

數位教材元件識別

識別

圖 2-20 為針對中小企業網路大學校內的 DIA 輕鬆畫流程圖課程，將進行元件個數的統計，圖中所圈選處為教材中重覆出現的元件，我們的目的就是在將這些元件統整分類，再依照分類去設計元件。圖 2-20 元件範例圖

(28)

20

2.8 數位學習教材元件分析

數位學習教材元件分析

本專題以製作教材元件為前提，蒐集並統計所參考的數位教材元件個數將其分類，以便日後建置元件庫，本專題共計搜尋 243 門課程，統計結果如下表所示：表 2-4 元件統計表類別細項被使用次數排名課程類課程介紹 139 3 課程名稱 137 5 授課老師 137 5 講師簡介 81 10 學習地圖 61 14 適用對象 61 14 學習目標 61 14 課程首頁 23 26 章節類課程大綱 138 4 新手上路 31 23 第一章、第二章…等 19 27 第一節、第二節…等 7 32 一、二…等 68 12 1-1、1-2…等 47 17 1-1-1、1-1-2…等 2 35 1.1、1.2…等 9 31 1.1.1、1.1.2…等 2 35 第一堂、第二堂…等 32 22 本堂學習重點 44 18 本堂重點回顧 44 18 下堂重點提示 44 18 實作演練 18 28 1、2 …等 12 29 1.、2. …等 4 34 第一單元、第二單元…等 2 35 下載類範例下載 145 2 教材下載 56 15 檔案 1、檔案 2…等 95 7

(29)

21 類別細項被使用次數排名 Q&A 類課程評分 188 1 回主選課清單 188 1 提出問題 188 1 大綱類授課內容 62 13 授課大綱 47 17 練習步驟 75 11 成品展示 7 32 小技巧 41 19 操作類開始上課 5 33 看老師操作 83 9 老師教講 126 6 互動習作 28 24 開始演練 11 30 按鈕類進入 37 20 離開 37 20 回首頁 32 22 學習情境 37 20 在看一次 92 8 單元說明 37 20 說明 37 20 步驟 37 20 示範教學 37 20 引導教學 37 20 操作練習 37 20 綜合練習 37 20 單元測試 37 20 單元摘要 37 20 回主選單 37 20 讀教材內容 19 27 索引類返回 37 20 上一頁 37 20 下一頁 37 20 上一步 37 20

(30)

22 類別細項被使用次數排名下一步 37 20 Skip 50 16 播放 24 25 操作說明 34 21 進入課程 5 33 測驗類開始測驗 37 20 對 37 20 錯 37 20 放棄作答 37 20 詳解 37 20 再測一次 37 20

(31)

23

第三章

第三章專題設計與規劃

專題設計與規劃

本章中共包含六節，分別描述專題規劃目標、系統開發方法、系統藍圖、專題所需設備、專題時程規劃、預期貢獻。

3.1 專題規劃目標

專題規劃目標

本專題的目的是製作數位學習教材的元件，以供老師製作數位教材時使用，擬完成之工作項目包括下列幾項： 1. 蒐集整理坊間數位學習教材常用的元件，並將其分類。 2. 製作數位學習教材元件。 3. 組織開發完成的元件。 4. 將數位學習教材元件整合到 Course Master 的素材圖庫光碟中。

3.2 系統開發方法

系統開發方法

本小組在多次討論後，根據本專題的主要目的，決定以 SDLC 瀑布模式開發元件；由於現有教材元件的名稱種類樣式眾多，所以在開發新的元件時，必須先做好事前的計劃、分析、統計等工作；開發出的教材元件將可以幫助老師更簡單更快速地製作數位教材。瀑布模式為系統的每一個階段定義出相當嚴謹的開發程序與步驟。前一階段完成後，才可以進入下個階段。一階過一階像流水般，因此，這種開發方式才被稱為瀑布模式。瀑布式利用模組化的分析與設計，將複雜的問題由上而下切割 (Top-Down Partition)成為簡單的模組來進行系統開發，且在每個步驟會有確認過程。圖 3-1 瀑布模式

(32)

24 各階段的工作、交付標的及完成日期如下表所示：表 3-1 SDLC 交付標的階段計畫分析設計實作測試任務 1.會議討論 2.元件架構圖 3.資料蒐集 4.資料彙整 5.專題計畫書整合 6.網站空間評估 1.初步需求設計 2.撰寫需求設計 3.元件種類統計 1.視覺設計 3.元件庫設計 1.上傳元件 1.元件類型測試 2.元件庫滿意度問卷調查交付標的初步調查報告書元件需求文件元件設計規格書功能完整的元件庫可使用的元件庫設計完成日期 99/6/17 99/6/29 99/8/29 99/9/2 99/10/22

(33)

2 5

3 .3

系

統

藍

圖

系

統

藍

圖

系

統

藍

圖

系

統

藍

圖

本專題欲開發的教材元件，整理架構圖如下圖所示：元件庫課程類課程介紹課程名稱授課老師講師簡介章節類課程大綱新手上路第一章一、下載類範例下載教材下載檔案 Q & A 類課程評分回主選課清單提出問題大綱類授課內容授課大綱練習步驟成品展示小技巧操作類開始上課看老師操作老師教講互動習作開始演練按鈕類 _進入 _離開回首頁學習情境再看一次單元說明說明索引類 _返回上一頁下一頁上一步下一步測驗類開始測驗對錯放棄作答詳解再做一次圖 3 -2 系統架構圖

(34)

26

3.4 專題所需設備

專題所需設備

本節共包含 3 小節，依序介紹硬體設備、軟體設備及其他設備。

3.4.1_硬體設備_硬體設備_硬體設備_硬體設備

圖 3-3 硬體設備圖

CPU ：Intel Pentium III 667MHz(含)以上 RAM ：168Pin;128MB(含)以上 HD ：10.2GB(含)以上; Ultra DMA 66; 附高速排線主機板：Intel 440BX AGP 晶片組;支援 66/100MHz 工作外頻(含 )以上電源：250W(含)以上 ATX 規格,支援軟體關機顯示卡：AGP 高速顯示卡 8MB RAM(含)以上網路卡：10/100Mbps 螢幕：15 吋映像管;14 吋可視區";1280*1024dpi 最高解析度軟碟機：1.44MB 3.4.2_軟體設備軟體設備 軟體設備_軟體設備表 3-2 使用軟體設備清單表項目軟體名稱使用說明點陣繪圖軟體 PhotoShop 圖像美化編輯、專業圖繪製向量繪圖軟體 Illustrator 繪製專業圖、海報網頁程式設計 Flash Flash 製作

(35)

27 3.4.3_其它設備_其它設備_其它設備_其它設備表 3-3 使用其它設備清單表設備名稱設備型錄彩色雷射印表機 • 彩色列印/影印/平台式掃瞄 • 列印速度:黑 12/彩 8ppm • 直覺式控制面板隨身碟 • 支援隨插即用及熱插拔。其它軟體

Microsoft Office Project

(36)

2 8

3 .5

專

題

時

程

規

劃

專

題

時

程

規

劃

專

題

時

程

規

劃

專

題

時

程

規

劃

本節將專題由開始規劃至系統完成的時程，依序分為專題時程甘特圖、專題分工明細表及專題流程表。圖 3 -4 專題時程甘特圖

(37)

2 9 表 3 -4 專題流程分工明細表元件規劃元件需求分析元件設計元件庫建 _置元件庫測試結案 9 9 /6 /1 7 完成 9 9 /6 /2 9 完成 9 9 /8 /2 9 完成 9 9 /9 /2 完成 9 9 /1 0 /2 2 完成 9 9 /1 1 /3 0 完成會議討論元件架構圖資料蒐集資料彙整專題計畫書整合網站空間評估初步需求設計撰寫需求設計元件種類統計視覺設計元件庫設計上傳元件元件類型測試元件庫滿意度問卷調查結案報告書撰寫專題文宣王曉傑 ● ● ● ● ● ● ● ● ● ● ● 林怡屏 ● ● ● ● ● ● ● ● ● ● ● ● ● 王亭婷 ● ● ● ● ● ● ● ● ● ● ● 徐鴻志 ● ● ● ● ● ● ● ● ● 許智堯 ● ● ● ● ● ● ● ● ● ● ● ● ● 任務名稱組員姓名

(38)

30

第四章

第四章專題成果

專題成果

本章共分為四節，第一節介紹需求分析；第二節說明設計理念；第三節為元件介紹；第四節則說明使用手冊。

4.1 需求分析

需求分析

本專題以製作教材元件為目的，在需求分析的部分，首先蒐集網路上的教材元件進行歸類，共計搜索了中小企業網路大學校及本校的網路大學…等平台上共計 243 門的課程，最後整理出 42 個元件，然後將這些元件進行分類，共計分成課程、按鈕、Q&A、章節、索引、下載、操作、大綱及測驗等九大類，各類所包含的被使用次數及其代表性元件細項如表 4-1 所示。表 4-1 元件種類、個數、及代表性元件細項列表類別名稱被使用次數代表性元件細項課程類 700 課程介紹、課程名稱、授課老師、講師簡介章節類 523 課程大綱、新手上路、第一章、一、下載類 296 範例下載、教材下載、檔案 Q&A 類 564 課程評分、回主選課清單、提出問題大綱類 232 授課內容、授課大綱、練習步驟、成品展示、小技巧操作類 253 開始上課、看老師操作、老師教講、互動習作、開始演練按鈕類 624 進入、離開、回首頁、學習情境、再看一次、單元說明、說明索引類 298 返回、上一頁、下一頁、上一步、下一步測驗類 222 開始測驗、對、錯、放棄作答、詳解、再做一次

(39)

31 經由此分析，本專題組歸納出教師們製作教材時常用到的元件共計有下列幾項： 1. 課程類 2. 按鈕類 3. Q&A 類 4. 章節類 5. 索引類所以，本專題將以這幾項作為本專題開發的重點。另外，由於本校新購買了 Course Master 教材製作軟體，這套軟體可以協助教師快速開發數位教材，但是它所附的圖庫檔案較為不足，因此，本專題所開發的元件，亦參考此軟體所需的元件進行規劃，此軟體將圖庫分為簡報元件、美工圖庫、簡報母片…等幾個資料夾，為方便教師們使用，本專題開發的元件亦將配合這幾個類別，以便將來可以快速整併至這些類別中。

4.2 設計理念

設計理念

初期要協助教師們可以快速地開發教材，我們分析了目前市面上的教材，整理並分類出如系統藍圖中的九大類教材常用元件，而這九大類是作為設計元件時的核心基礎，我們設計了以下四種風格，可以直接套用至任何一個元件標題。按鍵式風格主要讓學生在觀看教材時方便閱讀，所以設計上以按鍵搭配文字，增加閱讀的方便性。簡易式風格主要讓學生在閱讀教材時不會有視覺上的負擔，在設計上以少量的色彩配置為主。複合式風格將標題名稱的字義以美工圖的方式呈現，並結合兩者成為一個教材元件。純文字風格主要是應用在標題名稱，考慮到教材的頁面上如果過多的美工圖案會影響閱讀焦點而又要有變化性，所以額外設計純文字系列。

(40)

之後為了結合前段所提到的了美工圖庫、簡報母片、

4.2 元件介紹

元件介紹

1. 課程類：共開發風格按鍵式個數 24 例圖一例圖二例圖三 2. 章節類：共開發風格按鍵式個數 252 例圖一例圖二例圖三 32 之後為了結合前段所提到的 Course Master 教材製作軟體，所以又另外新增、版面底圖、簡報元件等四個類別。共開發 191 種元件表 4-2 元件介紹 – 課程類簡易式純文字 24 60 共開發 1134 種元件表 4-3 元件介紹 – 章節類簡易式 252 所以又另外新增複合式 83 純文字 630

(41)

3. 下載類：共開發風格按鍵式個數 18 例圖一例圖二例圖三 4. Q&A 類：共開發風格按鍵式個數 18 例圖一例圖二例圖三 33 共開發 81 種元件表 4-4 元件介紹 – 下載類簡易式 18 共開發 81 種元件表 4-5 元件介紹 – Q&A 類簡易式 18 純文字 45 純文字 45

(42)

5. 大綱類：共開發風格按鍵式個數 30 例圖一例圖二例圖三 6. 操作類：共開發風格按鍵式個數 26 例圖一例圖二例圖三 34 共開發 135 種元件表 4-6 元件介紹 – 大綱類簡易式 30 共開發 131 種元件表 4-7 元件介紹 – 操作類簡易式 26 純文字 75 純文字 79

(43)

7. 按鈕類：共開發風格按鍵式個數 78 例圖一例圖二例圖三 8. 索引類：共開發風格按鍵式個數例圖一例圖二例圖三 35 共開發 228 種元件表 4-8 元件介紹 – 按鈕類按鍵式簡易式 8 45 共開發 194 種元件表 4-9 元件介紹 – 索引類按鍵式簡易式 80 39 純文字 105 純文字 75

(44)

9. 測驗類：共開發風格按鍵式個數 36 例圖一例圖二例圖三 10. 簡報元件：分為名稱類別人形個數例圖 36 共開發 162 種元件表 4-10 元件介紹 – 測驗類簡易式 36 分為 9 類，合計 101 個元件表 4-11 元件介紹 – 簡報元件簡報元件人形、不規則圖形、四邊形、立體四邊形圓形、圓柱、箭頭、音符、多角形 101 純文字 90

(45)

11. 美工圖庫：分為名稱類別人物類個數例圖 12. 簡報母片：合計名稱個數例圖 13. 版面底圖：合計名稱個數例圖 37 分為 9 類，合計 79 個元件表 4-12 元件介紹 – 美工圖庫美工圖庫人物類、建築類、動物類、交通工具類、電腦工具類場景類、生活工具類、食品類、植物類 79 合計 2 個元件表 4-13 元件介紹 – 簡報母片簡報母片 2 合計 8 個元件表 4-14 元件介紹 – 版面底圖版面底圖 8 電腦工具類

(46)

38

4.4 使用方法

使用方法

本專題所開發完成之元件，可被應用在 Course Master 的 4 種樣版中，將這四種樣版分別說明如下 4.4.1_程式開啟_程式開啟_程式開啟_程式開啟開啟 Course Master 後會看到建立專案的畫面，如下圖所示：圖 4-1 Course Master 建立專案畫面 (1) 輸入您的課程名稱，可以輸入中文。 (2) 輸入課程代號，請使用英文或數字，此為專案資料夾名稱。 (3) 選擇專案資料夾所要存放的路徑。若有勾選建立教材管理資料夾系統將會自動幫您建立（中文/英文）的管理目錄（建議以英文較適合平台分享）。 (4) 專案類型有三種空專案：不會為您建立課程的節點，必須自己從頭開始建立。認證範本：會為您建立符合教學設計的認證課程節點架構。 單元範本：會為您建立一組單元課程的節點。

(47)

39 4.4.2_使用功能_使用功能_使用功能_使用功能在 CM 上我們可以利用以下功能使元件在數位教材上有不同的發揮。表 4-15 插入圖文表 4-16 按鈕+圖文表 4-17 插入圖說功能說明功能說明功能說明功能說明：：：：選擇素材要呈現的類型，直接輸入頁面所需要的文字、圖片。圖片大於限制時，會出現點圖放大的功能。適用時機適用時機適用時機適用時機：：：：適用於表達文字與圖片資訊的素材。檔案格式檔案格式檔案格式檔案格式：：：： png、jpg、靜態 gif 功能說明功能說明功能說明功能說明：：：：提供至多六個按鈕，可在按鈕中輸入頁面所需要的文字資訊或插入圖片。適用時機適用時機適用時機適用時機：：：：適用於以按鈕區分頁面，集中呈現相類似的課程內容。檔案格式檔案格式檔案格式檔案格式：：：： png、jpg、靜態 gif 功能說明功能說明功能說明功能說明：：：：提供使用者直接插入所需要的圖片與聲音，圖片與聲音是互相搭配。適用時機適用時機適用時機適用時機：：：：適用於表達圖片與聲音資訊的素材。檔案格式檔案格式檔案格式檔案格式：：：： png、jpg、bmp mp3、wav

(48)

40 表 4-18 插入組合 4.4.3_詳細操作_詳細操作_詳細操作_詳細操作進入主程式畫面，如下圖所示：圖 4-2 主程式畫面

主要功能選擇，各功能詳細請參考前面解說。功能說明功能說明功能說明功能說明：：：：提供圖片、影片、動畫、壓縮檔及網頁等素材匯入功能，能呈現最多種類的檔案格式。適用時機適用時機適用時機適用時機：：：：適用於呈現各類型的檔案素材。檔案格式檔案格式檔案格式檔案格式：：：： png、jpg、靜態 gif flv、wmv、swf zip、htm、html

(49)

41 使用以下功能時我們能在附圖所示的地方隨意更改自己想要的元件。當持有素材庫的光碟時，可到光碟內的素材圖庫資料夾底下挑選最符合需求的元件。圖 4-3 素材庫位置插入圖文在選擇圖片類型之後，可在瀏覽部分更改圖片。圖 4-4 插入圖文圖示

(50)

42 按鈕+圖文

可以更換顯示的圖片

利用新增與減少按鈕來控制所需要的按鈕數量

圖文類型同「插入圖文」圖 4-5 按鈕+圖文圖示插入圖說選取此功能後，依序新增圖檔與聲音檔即可。圖 4-6 插入圖說圖示

(51)

43 插入組合在此功能中可以有不同的呈現方法，依照下圖指示位置更改圖片路徑即可。圖 4-7 插入組合圖示在Course Master的左下角則有一圖片預覽區，當您的游標停留在圖片欄位時，即可預覽該欄位的圖片，此功能搭配〔貼上圖片〕按鈕使用時，可以立即觀看貼上圖片是否成功。圖 4-8 主程式畫面之圖片預覽區當製作完成或者想先預覽成品樣式的時候，您可以按下儲存本頁或儲存並預覽按鈕，就可以立即觀看課程成品。圖 4-9 儲存資訊

(52)

44

第五章

第五章結論與建議

結論與建議

本章共分為三節做說明，第一節專題成果的結論；第二節組織與個人的貢獻；第三節給設計教材元件之對象的建議。

5.1 結論

結論

本專題所分類設計完成的元件共分為十三類。有課程類、章節類…等，如下兩張表所示：表 5-1 專題成果類別名稱課程類章節類下載類 Q&A 類大綱類操作類按鈕類總數 191 1134 81 81 135 131 228 表 5-2 專題成果類別名稱索引類測驗類簡報元件美工圖庫簡報母片版面底圖總數 194 162 101 79 2 8

5.2 貢獻

貢獻

本專題完成後，預計可達成下列績效： 1. 對政府而言：（1）可將本組開發的元件，提供給各級學校使用，以促進數位學習的普及。（2）可輔導廠商開發類似的元件，以提升國家未來的產業競爭力。（3）協助政府推廣數位學習。 2. 對產業而言：（1）有助於企業快速開發數位學習教材。（2）刺激廠商開發更多數位教材元件。 3. 對學校而言：（1）結合豐富課程，提供優質的學習空間。（2）提供一個更便利的數位學習環境，藉此推動全校學生快樂學習。（3）規劃定期相關活動，讓每位有心學習的學生均可接取其所需之資訊，享受學習之滿足與成就。

(53)

45 4. 對老師而言：（1）使教材便於修改。（2）增加數位教材品質。（3）方便老師製作數位學習教材。（4）可結合現有的元件與其操作平台，發展知識的交流與學習活動。 5. 對學生而言：（1）提升數位學習興趣。（2）提升學生資訊素養。（3）可透過網際網路擷取豐富學習資源。 6. 對本組而言：（1）可提升繪圖專業技能。（2）知道如何有效分配工作。（3）更加深入瞭解數位教材常用的元件有哪些。（4）提供符合老師們所需之元件。

5.3 建議

建議

1. 針對 Course Master 素材圖庫做使用率的調查，根據調查結果評估未來開發元件的重點項目。 2. 調查老師們在使用 Course Master 素材圖庫的需求與滿意度結果做更改。 3. 蒐集網路上的數位教材元件，做統整後將素材圖庫未有的元件新增至圖庫內。

(54)

46

參考文獻

【

【書籍類

書籍類

書籍類】

】

資策會教育訓練處講師群(2003)，數位學習最佳指引，財團法人資訊工業策進會教育訓練處，初版。

【

【論文類

論文類

論文類】

】

1. 周韻芳(2008)，數位教材之動機設計對網路學習者的動機表現與學習策略應用之影響，國立臺灣師範大學資訊教育研究所碩士論文。 2. 賴昀瑩(2005)，電子化學習市場中選擇教材元件組合之研究，國立成功大學工業與資訊管理研究所碩士論文。 3. 游寶達(2010)，數位學習內容設計原則，元培科技大學教務處教學資源中心。

4. ADL. (2001). Advanced distributed learning. http://www.adlnet.org. 5. Allen, M. W. （2003）,Michael Allen’s guide to e-learning: Building

interactive, fun, and effective learning programs for any company. NJ: John Wiley & Sons.

6. Astleitner,H. & Wiesner,C. （2004）,〝An integrated model of multimedia learning and motivation,〞Journal of Educational Multimedia and Hypermedia, 13(1), 3-21.

7. Mayer, R. E. （2001）,Multimedia learning, Cambridge, UK: Cambridge University Press.

8. Anido, L., Llamas, M., Fernandez, M. J., Caeiro, M., Santos, J. and Rodriguez, J. S.（2001）,〝A component model for standardized Web-based education,〞ACM Journal of Educational Resources in Computing, 1(2), 1-21.

9. Wiley, D. A. （2000）,Learning object design and sequencing theory. Unpublished doctoral dissertation, Brigham Young University,

Provo,Utah

10. Spalter, A. M. and Dam, A. （2003）,〝Problems with using components in educational software Computers and Graphics,〞27, 329-337. 11. Friesen, N. What are educational objects? Interactiue Learning

(55)

47

【

【網站類

網站類

網站類】

】

12. 數位教材製作概論， http://km2.iiietc.ncu.edu.tw/xms/read_attach.php?id=2824， 2010/05/20摘錄 13. 華銀易學網線上課程製作介紹與展望， http://campaign.hncb.com.tw/intranet/monthly/mon037/03703.pdf， 2010/05/30摘錄

(56)

48

附錄 A

會議紀錄

(57)

49

元培科技大學日四技資管專題

附錄 B

研習記錄

(64)

56

研習記錄

講座主題

數位學習內容設計原則

時間

99/04/30(五)

10：00~12：00

地點

L205

主講人

游寶達教授

主持人

周雪美教務長

(65)

57

附錄 C

元件圖

(66)

58

尺寸：L:600*600、M:300*300、S:200*200

(67)

59

(68)

60

(69)

61

(70)

62

尺寸：L:600*600、M:300*300、S:200*200

(71)

63

(72)

64

(73)

65

(74)

66

(75)

67

(76)

68

(77)

69

(78)

70

(79)

71

(80)

72

(81)

73

(82)

74

(83)

75

(84)

76

(85)

77

(86)

78

(87)

79

(88)

80

(89)

81

(90)

82

(91)

83

尺寸：L:600*600、M:300*300、S:200*200

(92)

84

(93)

85

尺寸：L:600*600、M:300*300、S:200*200

(94)

86

(95)

87

尺寸：L:600*600、M:300*300、S:200*200

(96)

88

(97)

89

(98)

90

尺寸：L:600*600、M:300*300、S:200*200

(99)

91

(100)

92

(101)

93

尺寸：L:600*600、M:300*300、S:200*200

(102)

94

(103)

95

(104)

96

(105)

97

(106)

98

尺寸：L:600*600、M:300*300、S:200*200

(107)

99

(108)

100

(109)

101

(110)

102

尺寸：L:600*600、M:300*300、S:200*200

(111)

103

(112)

104

(113)

105

尺寸：L:600*600、M:300*300、S:200*200

(114)

106

(115)

107

尺寸：L:600*600、M:300*300、S:200*200

(116)

108

(117)

尺寸

簡報母片：共計 2 張

版面底圖（有 logo）：共計

109 尺寸：簡報母片:800*600、版面底圖:900*675

共計 4 張

(118)

尺寸

版面底圖（無 logo）：共計

110

尺寸：簡報母片:800*600、版面底圖:900*675

數位學習教材元件設計與應用

元

元

元

元培科技大學

培科技大學

培科技大學

培科技大學

資

資

資

資訊

訊

訊管

訊

管

管理

管

理

理系畢業專題

理

系畢業專題

系畢業專題

系畢業專題

數位學習教材元件設計與應用

數位學習教材元件設計與應用

數位學習教材元件設計與應用

數位學習教材元件設計與應用

組 別： A2

指導老師： 劉雯瑜老師

組 員： 王曉傑(0961408012)

林怡屏(0961408010)

王亭婷(0961408013)

徐鴻志(0961408020)

許智堯(0961408068)

中 華 民 國 九 十 九 年 十 二 月

摘

摘

摘

摘 要

要

要

要

目

目

目

目 錄

錄

錄

錄

表

表

表

表 目

目

目

目 錄

錄

錄

錄

圖

圖

圖

圖 目

目

目

目 錄

錄

錄

錄

第一章

第一章

第一章

第一章 緒論

緒論

緒論

緒論

1.1 背景與動機

背景與動機

背景與動機

組別： A2

指導老師：劉雯瑜老師

組員：王曉傑(0961408012)

中華民國九十九年十二月

摘要

目錄

表目

目錄

圖目

目錄

第一章緒論

第二章文獻探討