快捷式數位教材實例

本教材在完成教材設計與發展的步驟後，開始使用Articulate Studio 與 Captivate 軟體來建置快捷式數位教材。此部份總共有：錄製投影片、製作 模擬元件、製作互動式元件、製作測驗、發佈教材五個階段，以下將詳述

1.1.如圖 4.1 所示，開啟已安裝 Articulate Presenter 5 的 PowerPoint 簡報 軟體，點選「「Library and Options」。

1.2.如圖 4.2 所示，點選「Add」加入 LOGO 的圖片。

1.3.如圖 4.3 所示，切換至 Presenters 下，點選「Add」進入「New Presenter」

編輯主講者的資訊，如圖4.4。

1.4.如圖 4.5 所示，切換至 Playlists 下，點選「New」新增撥放清單。

之後點選「Add」加入音效至清單，如圖 4.6。

1.5.如圖 4.7 所示，切換至「Quality」，設定教材發佈時壓縮品質，例如 本教材設定為「Optimize for web delivery」，適合網路傳輸的格式。

圖4. 1 啟動 PowerPoint，進入初始化設定

圖4. 2 加入LOGO

圖4. 3 建立主講者資訊

圖4. 4 編輯主講者的資訊

圖4. 5 建立撥放清單

圖4. 6加入音效

圖4. 7設定教材品質

2.錄音：將每一張投影片加入錄音說明。

2.1. 如圖 4.8 所示，點選「Record narration」，開啟同步錄音視窗。

2.2.在開啟的視窗，點選右下角的 Record narration 視窗的「Record」，

便可開始錄音，如圖4.9(事先已安裝麥克風)

2.3.如圖 4.10 所示，完成錄音後點選「Close」即完成錄音並自動存檔。

圖4. 8 開啟錄音視窗

圖4. 9 開始錄音

圖4. 10 結束錄音

3.匯入附檔：將補充的資料附上提供學習者下載觀看 3.1.如圖 4.11 所示，點選「Attachments」，開啟附檔視窗。

3.2.如圖 4.12 所示，編輯檔案的名稱、類型及存放路徑。

圖4. 11 開啟附檔視窗

圖4. 12 編輯附檔資訊

(三)教材結果畫面

圖4.13 為已完成錄製的教材首頁，圖 4.14 則是教材右上方的附檔資訊。

圖 4. 13 錄製後投影片教材

圖4. 14 附檔

二、製作模擬元件

軟體教學時，常會使用畫面側錄的軟體來幫助學習者了解詳細的操作 步驟。筆者使用 Macromedia Captivate 製作模擬元件並採取以下的策略與步 驟。

1.1.如圖 4.15 所示，開啟 Macromedia Captivate 後選取「錄製與新增影 片」，。

圖4. 15 選取「錄製與新增影片」

圖4. 16 選擇「應用程式」

圖4. 17 開始錄製

圖4. 18 進入編輯動畫的視窗

圖4. 19 選取「圖文說明」

圖4. 20 編輯文字

圖4. 21 選取工具列上的「發佈」

圖4. 22 發佈動畫

圖4. 23 所發佈的檔案

(三)教材結果畫面

圖4.24 為教材中嵌入模擬元件的教材頁面。

圖4. 24 模擬元件頁面

三、製作互動式元件

利用Articulate Engage 提供的 Flash 模版來豊富內容。

(一)製作策略：Articulate Engage 容易上手，只要使用它提供的模版逐 步建立就可開發出所需要的元件。

(二)製作流程：選擇模版Æ同步錄音及編輯Æ發佈元件

1.選擇模版：進入 Articulate Engage，建立一個新的模版，然後選擇需 要的Flash 模版。一共有程序型、標籤型、列表型、圓圖型、時間軸型、多 媒體型、問答型、金字塔型、導引型、字典型等十種模版。

1.1.如圖 4.25 所示，點選「Create a new Interaction」來建立新的模版檔 案。

1.2.如圖 4.26 所示，進入模版選擇清單後，選擇需要的模版。例如：選 擇Process(程序型)模版。

圖4. 25 建立新模版 圖4. 26 選擇「Procrss」(程序型)模版

2.同步錄音及編輯：進入新開「程序型」(Process)模版互動檔案後，開 使用進行元件的錄音及編輯；如圖4.27 所示，操作功能區分成四大區 塊(2-1~2-4)：

2-1.「屬性編輯區」(Properties)：輸入標題(Interaction Title)及色彩版面 (Color Scheme)。

2-2.「快捷工具區」(Interaction&Process)：列出常用的功能，如新增、

刪除、移動、修改屬性、預覽等。

2-3.「文字工作區」(Tab text)：文字內容的處理與建立。

2-4.「多媒體工作區」(Audio&Media)：多媒體內容的建立與處理，可 同步錄音和匯入圖片、影音、動畫等檔案。例如，本教材匯入由Captivate 所製作的動畫檔元件(.SWF)。

圖4. 27 選擇「Procrss」(程序型)模版

3.發佈元件：將互動式元件整合至簡報檔中。

3.1.如圖 4.28 所示，選取工具列上「Publish」，進入「發佈元件」的視 窗。

3.2.如圖 4.29 所示，選擇「Insert as a slide in the presentation」將此元件 插入開啟的簡報檔中。接著按下「Publish」即可完成元件的插入。

圖4. 28 進入發佈元件的視窗

圖4. 29 完成互動式元件的插入

(三)教材結果畫面

圖4.30 為教材中嵌入互動式元件的教材頁面。

圖4. 30 互動式元件頁面

四、製作測驗

使用Articulate Quizmaker 發展課後的練習，幫助複習內容。

(一)製作策略：題目全部是出自於教材學習的範圍內，目的是希望透過

1.1.如圖 4.31 所示，進入「Articulate Quizmaker」後，選取「New Quiz」

新增一個測驗題組，然後命名，如圖4.32。

1.2.如圖 4.33 所示，選取工作列上方的「Quiz Properties」，進入考題初 始設定的視窗。

1.3.如圖 4.34 所示，在「Quiz Info」下輸入測驗的標題、指示等。

1.4.如圖 4.35 所示，切換至「Quiz Settings」設定回答方式、操作介面 的型式或顯示的方式。例如，「Submit one question at a time」：每次回答一 題；「Display question-list navigation panel」：顯示題目的指引列；「Display question point value」：顯示題目的配分。

1.5.如圖 4.36 所示，切換至「Quiz Default」下設定考題屬性、字體大 小，例如，「Points awarded=10」：每題分數 10 分；「Attempt permitted=1」：

允許錯1 次；「Question font size=14」，「Answer font size=14」：問題與答案 字體為14。

1.6.如圖 4.37 所示，切換至「Question Feedback」下設定答題後的回覆，

例如，當答案錯確時顯示「答對了」，答錯時顯示「答錯了」。

1.7.如圖 4.38 所示，切換至「Result」下設定顯示結果的樣式，例如，

「Display user score」：顯示使用者的分數；「Display Pass/fail messages」：顯 示通過/沒通過時的訊息。

圖4. 31 開啟 Articulate Quizmaker

圖4. 32 命名測驗

圖4. 33 選取測驗初始設定

圖4. 34 輸入標題及指示

圖4. 35 設定回答方式、操作介面的型式等功能

圖4. 36 設定屬性與字體大小

圖4. 37 設定答題後的回覆

圖4. 38 設定顯示結果

2.編輯考題：加入編輯各種型式的考題

2.1.如圖 4.39 所示，選擇考題的類型，例如，加入「是非題」(True/False)。

2.2.如圖 4.40 所示，輸入題目名稱、設定正確答案等，完成後按下

「OK」。

圖4. 39 加入是非題

圖4. 40 編輯考題

3.發佈測驗：將所有的考題發佈成測驗題組，並整合至簡報檔中。

3.1.如圖 4.41 所示，選取工具列上「Publish」，進入「發佈測驗」的視 窗。

3.2.如圖 4.42 所示，選擇要發佈的資料夾「Folder:」。接著按下「Publish」

即可完成測驗的發佈。

圖4. 41 進入發佈測驗的視窗

圖4. 42 完成測驗的發佈

(三)教材結果畫面

圖4.43 為教材中的測驗頁面。

圖4. 43 教材測驗頁面

五、發佈教材

將原本靜態的簡報與考題、互動式元件、模擬元件合併轉換成動態的 學習教材。

(一)製作流程：

1.1.如圖 4.44 所示，點選「Publish」開啟「發佈教材」的視窗。

1.2.如圖 4.45 進入「發佈教材」的視窗後，可視需求將檔案轉換成網頁 (Web)、學習管理平台(LMS)、光碟(CD)、Articulate Online、文書(Word)、

專案檔(Project)格式，例如：發佈成「網頁」(Web)格式。

1.3.如圖 4.46 所示，在「網頁」格式下，設定發佈的位置及格式。例如，

「Folder = c:\Documents and Settings\ShihLin..」：教材發佈檔的存放路徑；

「Published title = RD」：發佈網頁的標題名為 RD；「Player template = Corporate Communications 」： 撥 放 模 版 為 Corporate Communications ；

「Presenter =Jack」：主講人為 Jack。

1.4.按下「Publish」後，發佈的位置便出現對應的檔案，如圖 4.47。

圖4. 44 開啟「發佈教材」視窗

圖4. 45 發佈教材視窗

圖4. 46 設定發佈的位置及格式

圖4. 47 發佈的檔案

(二)教材結果畫面

圖4.48 與圖 4.49 為教材發佈後的頁面，總結與完成頁面。

圖4. 48 總結頁面

圖4. 49 完成頁面

以上錄製投影片、製作模擬元件、製作互動元件、製作測驗與發佈教

利用Articulate Presenter 將設 計好的簡報加入教材說明資

利用Macromedia Captivate 側 錄軟體的教學過程，做為軟

4.製作測驗 利用Articulate Quizmaker 製

作各單元的測驗題。 題目以教材內容為主。 初 始 設 定Æ編 輯 考題Æ發佈測驗

5.發佈教材

透過Articulate Presenter 整合 匯入所有的教材與考題，最 後 發 佈 成 網頁 格 式(html)的 動畫檔

無 合併發佈