Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
大專院校版本2014/10/5 
Articulate Storyline 1 Training 
東京時光有限公司(原小麥梗資訊) 
李芸茹 
yunjuli@gmail.com 
3hr 
入門課程 
All web browsers an...
校園賣點 
• Presentation-based courses in PowerPoint 
• Complete interactive courses 
本人多年製作數位教材經驗 
大推校園建置教材時選購此軟體 
PS: 本課程訓練到...
課程架構 
1. Storyline interface 
2. How to Build a Presentation 
3. Using the Storyline timeline 
4. Using characters 
5. Usi...
Storyline interface 
• Story View 
• Scenes 
• Slide View 
1
How to Build a Presentation 
• Create new project 
• Insert scenes and slides layer 
• Insert graphics, shape, caption, te...
Button 製作Advanced
Button Action 觸發 
滑鼠動作 
選項多元 
動作執行 
• 改變狀態 
• 圖層出現與隱藏 
• 跳至指定圖層 
• 跳至指定場景 
• 執行媒體 
• 離開畫面 
• 打開網頁 
• 送出信件
Marker icon 閃耀提示: 導航, 文件, 數字, 多媒體 
指定點擊icon 可秀出 
• 文字解說與多媒體 
(圖與文字都可) 
• 亦可出現解說內容 
• 顏色可更換 
• 圖案隨時改變 
點擊閃爍的icon指示 
可跳耀顯示文字...
• Slides 
▫ Template 
▫ Basic layouts 
▫ Quiz 
▫ Screen recording 
▫ Import
100個樣板供下載 
Articulate Storyline Template Download 
• http://community.articulate.com/downloads/g/storyline/default.aspx 
資...
Using the Storyline timeline 
• Zoom in and out. 
• Set slide duration, State and add notes. 
• Objects rename and timing ...
物件打開或關閉 
放大縮小調整時間軸 
點選編輯區 
大於2個物件 
按滑鼠右鍵 
才能使用 
群組功能
Screen Recoding 
錄製畫面 
大小選擇 
錄製完畢檔案可分配至 
新的或指定情境區 
錄製完畢檔案可分配至 
單一Slide 或平均分配至所有Slide
Using characters 
• Inserting character : 
▫ (Photographic or illustrated) 
• 3 step : 
▫ Character, Expression and pose. ...
Personalizing 
the character
Using media objects 
5 
• Inserting video from file, website or webcam and 
play video 3 style. (auto, clicked, trigger) 
...
Quizzing 
(6-12hr 課程) 
才有完整講解 
3hr 講解初步 
• Question format: 
▫ Graded, Survey, Freeform(Drop) 
• Setting question: answer ...
考卷試題多元含計分與問卷和結果 
新增互動式Freeform 系列
簡單範例單選題畫面
考題製作範例 
客製化作答結果 
錄音或作答走向
Customizing project’s style 
7 
• Play Tabs Setting 
▫ Controls: volume, search, seekbar, Logo 
▫ Features: title and menu...
自訂介面播放色彩
新增與刪除階層 
階層排序(往上/往下/內縮) 
新增教材附加檔案可多筆 
檔案類型不限制
Publishing your project 
• For the Web in Flash format 
• For mobile devices 
• For LMS SCORM 1.2 
8
Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程
Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程
Nächste SlideShare
Wird geladen in …5
×

Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程

3.954 Aufrufe

Veröffentlicht am

Articulate Storyline Training-HTML5 行動化學習數位教材製作教育訓練-3小時課程

Veröffentlicht in: Bildung
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程

  1. 1. 大專院校版本2014/10/5 Articulate Storyline 1 Training 東京時光有限公司(原小麥梗資訊) 李芸茹 yunjuli@gmail.com 3hr 入門課程 All web browsers and mobile devices. 校園HTML5 行動化教材製作
  2. 2. 校園賣點 • Presentation-based courses in PowerPoint • Complete interactive courses 本人多年製作數位教材經驗 大推校園建置教材時選購此軟體 PS: 本課程訓練到完整實作建議需9-12小時
  3. 3. 課程架構 1. Storyline interface 2. How to Build a Presentation 3. Using the Storyline timeline 4. Using characters 5. Using media objects (basic) 6. Quizzing (basic) 7. Customizing project’s style 8. Publishing your project 3小時版本 PS: 授課(120分鐘)/實作練習(50 min)/下課(10min)
  4. 4. Storyline interface • Story View • Scenes • Slide View 1
  5. 5. How to Build a Presentation • Create new project • Insert scenes and slides layer • Insert graphics, shape, caption, text box • Interactive Objects: Trigger, Button, Marker • Adding media: Video, Sound 2
  6. 6. Button 製作Advanced
  7. 7. Button Action 觸發 滑鼠動作 選項多元 動作執行 • 改變狀態 • 圖層出現與隱藏 • 跳至指定圖層 • 跳至指定場景 • 執行媒體 • 離開畫面 • 打開網頁 • 送出信件
  8. 8. Marker icon 閃耀提示: 導航, 文件, 數字, 多媒體 指定點擊icon 可秀出 • 文字解說與多媒體 (圖與文字都可) • 亦可出現解說內容 • 顏色可更換 • 圖案隨時改變 點擊閃爍的icon指示 可跳耀顯示文字+影片
  9. 9. • Slides ▫ Template ▫ Basic layouts ▫ Quiz ▫ Screen recording ▫ Import
  10. 10. 100個樣板供下載 Articulate Storyline Template Download • http://community.articulate.com/downloads/g/storyline/default.aspx 資料畫面來源: Articulate Storyline 官網
  11. 11. Using the Storyline timeline • Zoom in and out. • Set slide duration, State and add notes. • Objects rename and timing setting. • Object appear, disappear, hide and show. • Objects arrange and how to group. 3
  12. 12. 物件打開或關閉 放大縮小調整時間軸 點選編輯區 大於2個物件 按滑鼠右鍵 才能使用 群組功能
  13. 13. Screen Recoding 錄製畫面 大小選擇 錄製完畢檔案可分配至 新的或指定情境區 錄製完畢檔案可分配至 單一Slide 或平均分配至所有Slide
  14. 14. Using characters • Inserting character : ▫ (Photographic or illustrated) • 3 step : ▫ Character, Expression and pose. • Personalizing the character 4
  15. 15. Personalizing the character
  16. 16. Using media objects 5 • Inserting video from file, website or webcam and play video 3 style. (auto, clicked, trigger) • Record voice and adding background audio. • Enter a web from www or local file. • Creating screen recording (view)
  17. 17. Quizzing (6-12hr 課程) 才有完整講解 3hr 講解初步 • Question format: ▫ Graded, Survey, Freeform(Drop) • Setting question: answer and feedback • Creating a results slide 6
  18. 18. 考卷試題多元含計分與問卷和結果 新增互動式Freeform 系列
  19. 19. 簡單範例單選題畫面
  20. 20. 考題製作範例 客製化作答結果 錄音或作答走向
  21. 21. Customizing project’s style 7 • Play Tabs Setting ▫ Controls: volume, search, seekbar, Logo ▫ Features: title and menu direction (right or left) • Data Setting ▫ Data: menu setting, resources, and glossary. • Custom ▫ Setting colors(advanced) and save ▫ Browser and restart setting
  22. 22. 自訂介面播放色彩
  23. 23. 新增與刪除階層 階層排序(往上/往下/內縮) 新增教材附加檔案可多筆 檔案類型不限制
  24. 24. Publishing your project • For the Web in Flash format • For mobile devices • For LMS SCORM 1.2 8

×