Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
大專院校版本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小時課程
Prochain SlideShare
Chargement dans…5
×

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

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

  • Identifiez-vous pour voir les commentaires

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

×