1.
2012/03/18 更新版
Articulate Studio 09
Engage 09
Introduction and Basic
小麥梗資訊工作室-李芸茹
http://yunjuli.wordpress.com/
yunjuli@gmail.com
附中英翻譯
無料分享文
圖片與資料來源: Articulate Studio 09官方網站

2.
小麥梗資訊工作室 李芸茹
軟體購買
• 軟體購買可洽勝典科技股份有限公司
• 或自行到Articulate Studio 國外官網購買
圖片與資料來源: Articulate Studio 09官方網站

3.
小麥梗資訊工作室 李芸茹
教學內容 (Introduction )
• Engage 基本介紹
• Engage 最佳用途介紹
• Engage 5-step Workflow
• Interaction : Basic
• Interaction : Communication + Resource
• Engage Interface
• Interaction Properties
• Preview and Saving
圖片與資料來源: Articulate Studio 09官方網站

4.
Engage 基本介紹
圖片與資料來源: Articulate Studio 09官方網站

5.
小麥梗資訊工作室 李芸茹
Engage 基本介紹
• 讓使用者不需太強的美術背景與實力下，就能做
出互動性佳又美觀的Flash問答題
• 提供10種基本款不同的互動式Flash模板!
• 提供彈性大的編輯模式(媒體模式與自由設計)
讓整個軟體能在觀看編輯時做快速切換
• 能快速地加入許多互動物件，例如：聲音、影像
和影片、切換效果等
• 輸出多元，除了能整合到Presenter也能將小單元
置入到網站
• 官網有免費外掛模板、技巧與優秀教材觀看
圖片與資料來源: Articulate Studio 09官方網站

6.
Engage 最佳用途介紹
圖片與資料來源: Articulate Studio 09官方網站

7.
小麥梗資訊工作室 李芸茹
Engage 程序製作
Select an Build
Customize
Interaction 建立教材內容
自訂呈現風格
選擇互動模板 文字照片媒體
Saving Publishing
發佈網頁或
儲存檔案
Presenter
圖片與資料來源: Articulate Studio 09官方網站

8.
Interaction :
Basic
圖片與資料來源: Articulate Studio 09官方網站

9.
小麥梗資訊工作室 李芸茹
Engage 10種基本互動式模板
1. Process 互動流程
2. Labeled Graphic 標記圖形
3. Tabs 互動式標籤
4. Circle Diagram 圓餅圖
5. Timeline 時間軸
6. Media Tour 媒體之旅
7. FAQ 常見問題
8. Pyramid 金字塔
9. Guided Image 圖片式引導
10. Glossary 詞彙表
圖片與資料來源: Articulate Studio 09官方網站

10.
小麥梗資訊工作室 李芸茹
1. Process 互動流程
活動流程適用於有程序性，有步驟性的教材
圖說式於一個流程的解釋 如故障排除
讓使用者經歷
一系列的相關內容
解釋工作流程或步驟性的內容
圖片與資料來源: Articulate Studio 09官方網站

11.
小麥梗資訊工作室 李芸茹
2. Labeled Graphic
標記圖形
標記圖形於重要照片特徵分辨解說
照片中細節呈現解說
呼叫圖形的相關內容
解釋螢幕擷取的相關特色
圖片與資料來源: Articulate Studio 09官方網站

12.
小麥梗資訊工作室 李芸茹
3. Tabs 互動式標籤
互動標籤形式適用於群組中相關的內容分段
瀏覽一系列相關概念內容
定義是群組中的成員之一
比較各種物件的不同之處
圖片與資料來源: Articulate Studio 09官方網站

13.
小麥梗資訊工作室 李芸茹
4. Circle Diagram圓餅圖
互動圓餅圖可用來解釋階層或層級關係
顯示各階層內容
將圖層與概念
以階層圓圈表示
描述哲學的概念或研究方法
圖片與資料來源: Articulate Studio 09官方網站

14.
小麥梗資訊工作室 李芸茹
5. Timeline 時間軸
時間軸可製作有關時程中事件關鍵的時間點描述
瀏覽年代與事件
帶領瀏覽連續性的內容
強調行程中重要的事件說明
圖片與資料來源: Articulate Studio 09官方網站

15.
小麥梗資訊工作室 李芸茹
6. Media Tour 媒體之旅
媒體導覽可製作一系列主題照片與影片介紹
瀏覽步驟性螢幕擷取內容
建立多媒體導覽
例如畫展或個展
透過圖片與解說來製作使用手冊
圖片與資料來源: Articulate Studio 09官方網站

16.
小麥梗資訊工作室 李芸茹
7. FAQ 常見問題
互動問答常建立常見問題內容或特殊問題解決
回答常見之問題
搜尋問題
解決方法
透過問與答複習各種內容
圖片與資料來源: Articulate Studio 09官方網站

17.
小麥梗資訊工作室 李芸茹
8. Media Tour 媒體之旅
金字塔可建置有繼承或相關連之內容
顯示階層關係內容
比較同概念於不同
階層之想法或重要性
在流程與方法中陳列出重點步驟
圖片與資料來源: Articulate Studio 09官方網站

18.
小麥梗資訊工作室 李芸茹
9. Guided Image
圖片式引導
引導式可建置檢查圖片中重點部分或解釋細節
程序細瀏覽圖像細節
檢查圖片中重點部分
( tip:可加入放大圖或影片)
表現出圖片中具有特殊意義的部份
(例如:病理圖或X光片解釋等等)
圖片與資料來源: Articulate Studio 09官方網站

19.
小麥梗資訊工作室 李芸茹
10. Glossary 詞彙表
詞彙可允許揭示各種文字、定義和片語
定義常見名詞
解釋科技單字縮寫
提供文化常見用語的解釋
(例如: 中英文化語言差異或是國台語的文化意涵解釋)
此互動模式目前單字排序 尚未支援中文
圖片與資料來源: Articulate Studio 09官方網站

20.
Interaction :
Communication + Resource
圖片與資料來源: Articulate Studio 09官方網站

21.
小麥梗資訊工作室 李芸茹
基本介紹
• Community Interaction
社區互動：尚未安裝其
他互動時，系統內建只
有Flashcards
圖片與資料來源: Articulate Studio 09官方網站

22.
小麥梗資訊工作室 李芸茹
相關疑問(1)
• 是免費的嗎?
▫ YES
• 要去哪裡下載?
▫ Articulate 官網
▫ http://www.articulate.com/products/engage-
community-interactions.php
▫ Flashcards、Flipbook、Stairstep
圖片與資料來源: Articulate Studio 09官方網站

23.
小麥梗資訊工作室 李芸茹
Flashcards
圖片與資料來源: Articulate Studio 09官方網站

24.
小麥梗資訊工作室 李芸茹
Flipbook
圖片與資料來源: Articulate Studio 09官方網站

25.
小麥梗資訊工作室 李芸茹
Stairstep
圖片與資料來源: Articulate Studio 09官方網站

26.
小麥梗資訊工作室 李芸茹
相關疑問(2)
• 除了上述3個外掛，還有其他免費樣板供下載嗎?
▫ 有(Carousel、Bar Chart、Tic-Tac-Toe )
▫ http://www.articulate.com/blog/download-3-
new-engage-09-community-interactions/
圖片與資料來源: Articulate Studio 09官方網站

27.
小麥梗資訊工作室 李芸茹
Carousel
圖片與資料來源: Articulate Studio 09官方網站

28.
小麥梗資訊工作室 李芸茹
Bar Chart
圖片與資料來源: Articulate Studio 09官方網站

29.
小麥梗資訊工作室 李芸茹
Tic-Tac-Toe
圖片與資料來源: Articulate Studio 09官方網站

30.
Engage Interface
互動模式相同部分
圖片與資料來源: Articulate Studio 09官方網站

31.
小麥梗資訊工作室 李芸茹
Intro/Summary,Tools and Publish
編輯內容簡介 互動屬性 預覽教材內容
增加總結內容 色彩選擇 輸出到Web或
拼字檢查 Presenter
圖片與資料來源: Articulate Studio 09官方網站

32.
Engage Interface
互動模式不同部分
十種皆不同
圖片與資料來源: Articulate Studio 09官方網站

33.
小麥梗資訊工作室 李芸茹
Process
增加內容
刪除內容
移動內容
圖片與資料來源: Articulate Studio 09官方網站

34.
小麥梗資訊工作室 李芸茹
Label
標籤顏色
標籤圖型
標籤方向
更換 增加內容
照片 刪除內容
移動內容
圖片與資料來源: Articulate Studio 09官方網站

35.
小麥梗資訊工作室 李芸茹
Process
增加內容
刪除內容
移動內容
圖片與資料來源: Articulate Studio 09官方網站

36.
小麥梗資訊工作室 李芸茹
Circle
增加片段
刪除片段
移動片段
增加層級 層級色彩
刪除層級 改變方向
移動層級
圖片與資料來源: Articulate Studio 09官方網站

37.
小麥梗資訊工作室 李芸茹
Timeline
增加事件
刪除事件
移動事件
增加期間
刪除期間
移動期間
期間顏色
圖片與資料來源: Articulate Studio 09官方網站

38.
小麥梗資訊工作室 李芸茹
Item
增加媒體
刪除媒體
移動媒體
圖片與資料來源: Articulate Studio 09官方網站

39.
小麥梗資訊工作室 李芸茹
Question
增加問與答
刪除問與答
移動問與答
圖片與資料來源: Articulate Studio 09官方網站

40.
小麥梗資訊工作室 李芸茹
Pyramid Diagram
增加片段
刪除片段
移動片段
增加階層
刪除階層
移動階層
階層色彩
圖片與資料來源: Articulate Studio 09官方網站

41.
小麥梗資訊工作室 李芸茹
Guided Image
增加標籤
刪除標籤
編輯標籤
指示色彩
更換照片
箭頭方向
圖片與資料來源: Articulate Studio 09官方網站

42.
小麥梗資訊工作室 李芸茹
Glossary
增加項目
刪除項目
圖片與資料來源: Articulate Studio 09官方網站

43.
Interaction Properties
圖片與資料來源: Articulate Studio 09官方網站

44.
Playback 小麥梗資訊工作室 李芸茹
性質模式
互動性質模式
顯示上一步與下一步按鈕
顯示開始提醒
程序性呈現教材
自訂演示
顯示無媒體的內容於指定秒數
圖片與資料來源: Articulate Studio 09官方網站

45.
Glossary 小麥梗資訊工作室 李芸茹
展示播放的特色
是否包含(打勾=有)
內容介紹
內容總結
教材物件聲量控制
允許恢復播放
標籤呈現的
數字形式
圖片與資料來源: Articulate Studio 09官方網站

46.
Colors and Effects 小麥梗資訊工作室 李芸茹
播放的色彩樣式 (亦可自訂)
動畫樣式使用設定(淡入淡出)
邊界呈現
教材播放音效設定
標題與內容字型呈現設定
圖片與資料來源: Articulate Studio 09官方網站

47.
Quality 小麥梗資訊工作室 李芸茹
教材發佈解析度品質設定
網頁觀看最佳化呈現
CD觀看最佳化呈現
自訂品質觀看最佳化呈現
圖片與資料來源: Articulate Studio 09官方網站

48.
Preview and Saving
圖片與資料來源: Articulate Studio 09官方網站

49.
小麥梗資訊工作室 李芸茹
插入到此演示檔
插入到此當標籤播放
圖片與資料來源: Articulate Studio 09官方網站

50.
小麥梗資訊工作室 李芸茹
直接儲存到本機硬碟
圖片與資料來源: Articulate Studio 09官方網站

51.
小麥梗資訊工作室 李芸茹
發佈到LMS系統
並選擇標準
圖片與資料來源: Articulate Studio 09官方網站

52.
小麥梗資訊工作室 李芸茹
圖片與資料來源: Articulate Studio 09官方網站