Page tree
Skip to end of metadata
Go to start of metadata

Table of Content

Storyline Template Review

The template contains the following files and folders:

  • Design_Source - design source files;
  • StoryLine_Source - Articulate Storyline source files;
  • Published_For_Web - template, which is published for web.

How to open Articulate Storyline template

  1. Save the template to the hard drive.
  2. Extract files using file archiver.
  3. Open Articulate Storyline.
  4. Drag "TA_001_ASL_0010.story" from "StoryLine_Source" to the program (pic. 1).

Please, note! The template is created in Articulate Storyline 2.0. Make sure you have the latest version of Storyline. Otherwise, you may experience problems, when opening a template.


Pic. 1

The list of standard slides/layouts

The template consists of the following slides:

  • introduction (pic. 2)
  • slide with the character (pic. 3)
  • image + text (pic. 4)

  • audio / video slide (pic. 5)
  • pre-test slide (pic. 6)
  • single and multiple choice quizzes (pic. 7)
  • slide with the course result (pic. 8)

The template also contains different variants of these slides.


Pic. 2


Pic. 3


Pic. 4


Pic. 5


Pic. 6


Pic. 7


Pic. 8

How to edit the standard slide

Changing the text  

  1. Go to the slide
  2. Double-click the text box to display the cursor
  3. Enter the text
  4. Set text style and coordinates using Storyline menu

Please, note! It is recommended to use Notepad when you copy text from "Word". It will help to reset font settings and to display text correctly.

Changing the image

  1. Go to the slide
  2. Select the image  
  3. Click Delete
  4. Add new image using "Insert" menu or press Ctrl+J to specify image path

Adding a background image

You may change a background the same way as image, but please keep in mind the order of objects. The top object from "Timeline" will be the top object on the slide as well (pic. 9).


PIc. 9

Timeline

One of the biggest time-saving features that Storyline offers is a tool called "Timeline". Using "Timeline" you may do the following:
  • to define the order of objects on the slide;
  • to hide some objects during development;
  • to block some objects to prevent accidental deletion;
  • to control the structure and objects hierarchy.

Processing events using "Triggers"

Types of events

In this template you can find "Triggers", which process major events:

  • User clicks
  • Timeline starts
  • State
  • Variable changes
  • Media completes

Types of triggers

In Storyline you can find the list of operations that can be launched by a certain "Trigger".

In this template you will find the following "Actions":

  • Jump to slide
  • Show layer / Hide layer
  • Play media / Pause media
  • Change state of the object
  • Exit course
  • etc.

Processing "Triggers"

  1. Add "Trigger" to the object according to required operation
  2. Choose an appropriate action type (for example: "Jump to slide")
  3. Choose an appropriate object to perform the action (for example: "next slide")
  4. Choose an appropriate event (for example: "user clicks")
  5. Choose the object which is linked to a certain event. Usually, this is the same objectwhich is added to the trigger (pic. 10).

 


Pic. 10

How to add a new slide

  1. Go to "Insert" tab and click "New Slide"
  2. Choose an appropriate slide type and click "Insert" (pic. 11)
  3. Add major objects to slide; such as text, images, audio / video files, etc.
  4. Drag slide to the right place, if necessary.


Pic. 11

How to add media files (audio / video / flash animation)

  1. Go to the slide
  2. Click "Insert"
  3. Click "Video/Flash/Audio/Web Object" in "Media" section and specify file path.
  4. Double-click the object to define additional options (pic. 12)
  5. Turn on "Show Video Controls" (pic. 13)


Pic. 12


Pic. 13

How to add and edit closed captions

You will find closed captions on "(03)_Closed_caption_window" slide. Please, note: closed captions are displayed alternately, at first CC, then CC1. For this purpose we created "left_arrow" and "right_arrow" buttons, which are programmed to open new CC layer (pic. 14).


Pic. 14

How to make closed captions for a certain page

  1. Go to the "03_Closed_caption_window" slide
  2. Select CC layer and click "Copy" 
  3. Go to "Slide Layers" on the appropriate slide
  4. Click "Paste"
  5. Duplicate СС layer, if necessary
  6. Enter CC text on each layer
  7. Configure transitions between layers using triggers

Quizzes

Question types

In this template you will find two types of questions:

  • single choice
  • multiple choice

Storyline also contains other question types that can be added to the slide.

How to edit questions

  1. Go to the "13_Multiple_choice or 14_Multiple_select" slide
  2. Click "Form View" to edit the question (pic. 15)  
  3. Make the necessary changes
  4. Click "Slide View" to return (pic. 16)


Pic. 15


Pic. 16

How to add questions

  1. Create a new slide (see "How to add a new slide")
  2. Go to "Quizzing" tab
  3. Open "Graded" section to use template questions or "Freeform" to create quiz according to common user's interactions (pic. 17)
  4. Choose question type
  5. Click "Insert" to add new question slide
  6. Edit question (see previous paragraph)


Pic. 17

Scoring

"Result_slide" is created to calculate course pointsUser responses are counted and displayed on the "Result_slide" (pic 18). To add question to the "Result_Slide", please put a tick against the item.


Pic. 18

Transferring course results to LMS

Once all questions are processed, you must transfer course results to LMS. Сustomization of the transfer points is set on the result slide:

  1. Open the "Result_slide" and set an appropriate passing score. In this template passing score is 80% (pic. 18)
  2. Press F10 to publish 
  3. Click REPORT AND TRACKING.
  4. Go to "Tracking" tab and choose "Track using quiz result" (pic. 19)
  5. Click ОК


Pic. 19

Course map

Course map is a separate slide. You may go to a course map using Menu (pic. 20).


Pic. 20

Creating a new transition

  1. Select the object (For example: Empty theme)
  2. Go to States and name the object
  3. Add trigger and configure transition (pic. 21):
    • Action: Jump to slide
    • Slide: choose an appropriate slide
    • When: User clicks
    • Object: item4


Pic. 21

Resources

Resources are similar to the Course Map and edited in the same way.

Creating new link to a file

  1. Select the object (For example: Document one)
  2. Go to States and name the object
  3. Add trigger and configure transition (pic. 22):
    • Action: Jump to URL/file
    • File: enter an appropriate file path
    • When: User clicks
    • Object: item1


Pic. 22

Glossary

You could find "Glossary" in System section. Each letter on the slide opens layer with definitions.

How to add definitions

  1. Open Glossary
  2. Put a tick against definition_A (definition_B, etc.)
  3. Enter the text (pic. 23)


Pic. 23

How to publish course results to LMS

  1. Press F10 or click Publish in "Home" menu
  2. Fill in "Title and Location" to correctly display the course in LMS  (pic. 24): 
    • enter the Title and add a Description
    • specify the Folder
    • put a tick against "Publishing for HTML5 and mobile devices", if necessary
    • set Output Options (SCORM 1.2, SCORM 2004, AICC, Tin Can API)
    • go to REPORTING AND TRACKING (see "Transferring course results to LMS") and fill in all of the required fields

     3. Click PUBLISH


PIc. 24

Design Source Files

The template design was created in Adobe Illustrator. You can export any object to create additional pages. The list of slides and the folders with design source files for each page you may see in a description below.

List of slidesSlide ID
File link / design folder
00Start_course

Start_course_layout

01Character_and_flipchartCharacter_and_flipchart_layout
02Character_and_text_bubbleCharacter_and_text_bubble_layout
03Closed_caption_windowClosed_caption_window_layout
04Image_bottom_text_topImage_bottom_text_top_layout
05Image_top_text_bottomImage_top_text_bottom_layout
06Image_left_text_rightImage_left_text_right_layout
07Image_right_text_leftImage_right_text_left_layout
08Audio_page-
09Video_page_1Video_layout_1
10Video_page_2Video_layout_2
11Assessments_introductionAssessment_introduction_layout
12Multiple_choiceMultiple_choice_layout
13Multiple_selectMultiple_select_layout
14Results_SlideAssessment_result_failed_layout / Assessment_result_passed_layout

Third Party Assets

The following items were used to develop the template. All files are taken from open sources and do not violate copyright laws.

Images

Video

Audio