Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

2,183 views

Published on

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

Published in: Education
  • Be the first to comment

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

×