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

1. 大專院校版本2014/10/5
Articulate Storyline 1 Training
東京時光有限公司(原小麥梗資訊)
李芸茹
yunjuli@gmail.com
3hr
入門課程
All web browsers and mobile devices.
校園HTML5 行動化教材製作

2. 校園賣點
• Presentation-based courses in PowerPoint
• Complete interactive courses
本人多年製作數位教材經驗
大推校園建置教材時選購此軟體
PS: 本課程訓練到完整實作建議需9-12小時

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)

5. Storyline interface
• Story View
• Scenes
• Slide View
1

6. 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

7. Button 製作Advanced

8. Button Action 觸發
滑鼠動作
選項多元
動作執行
• 改變狀態
• 圖層出現與隱藏
• 跳至指定圖層
• 跳至指定場景
• 執行媒體
• 離開畫面
• 打開網頁
• 送出信件

9. Marker icon 閃耀提示: 導航, 文件, 數字, 多媒體
指定點擊icon 可秀出
• 文字解說與多媒體
(圖與文字都可)
• 亦可出現解說內容
• 顏色可更換
• 圖案隨時改變
點擊閃爍的icon指示
可跳耀顯示文字+影片

10. • Slides
▫ Template
▫ Basic layouts
▫ Quiz
▫ Screen recording
▫ Import

11. 100個樣板供下載
Articulate Storyline Template Download
• http://community.articulate.com/downloads/g/storyline/default.aspx
資料畫面來源: Articulate Storyline 官網

12. 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

13. 物件打開或關閉
放大縮小調整時間軸
點選編輯區
大於2個物件
按滑鼠右鍵
才能使用
群組功能

14. Screen Recoding
錄製畫面
大小選擇
錄製完畢檔案可分配至
新的或指定情境區
錄製完畢檔案可分配至
單一Slide 或平均分配至所有Slide

15. Using characters
• Inserting character :
▫ (Photographic or illustrated)
• 3 step :
▫ Character, Expression and pose.
• Personalizing the character
4

16. Personalizing
the character

17. 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)

19. Quizzing
(6-12hr 課程)
才有完整講解
3hr 講解初步
• Question format:
▫ Graded, Survey, Freeform(Drop)
• Setting question: answer and feedback
• Creating a results slide
6

20. 考卷試題多元含計分與問卷和結果
新增互動式Freeform 系列

21. 簡單範例單選題畫面

22. 考題製作範例
客製化作答結果
錄音或作答走向

23. 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

24. 自訂介面播放色彩

25. 新增與刪除階層
階層排序(往上/往下/內縮)
新增教材附加檔案可多筆
檔案類型不限制

26. Publishing your project
• For the Web in Flash format
• For mobile devices
• For LMS SCORM 1.2
8