E-Learning Basics

What is e-Learning?
Learning

activities delivered in an
electronic format distance learning,
web-based training, online learning
and Mobile learning = mlearning.

Three Primary Types of e-Learning.

Informal

e-learning use for website to offer

distance learning using how to use a particular
software.
Corporate e-learning use by businesses for
trainings and development of their staff.
Academic e-learning use by schools or
educators to supplement the needs of their
students.

Components of an effective elearning course:

Interactive
Memorable
Flexible
Helpful

Accessible

(easy to learn the topic)

Articulate Storyline
FOR BUILDING E-LEARNING COURSES AN OVERVIEW

What is Articulate Storyline?

Is

a stand-alone e-learning authoring

software.
Created by Articulate Company.
Is

a powerful e-learning authoring tool thats

easy enough for beginners.
Its a slide-based application with an intuitive
interface that looks and feels familiar.

What is Storyline?
Used

to create e-learning content

Product

demonstrations
Software simulations
Branched scenarios
Soft skills and compliance training
Quizzes

Who uses Storyline?

Individuals

with a training
background
Corporate trainers
Educators and learning and
development personnel
Sales and sales support personnel

Key Features of Articulate Storyline

Import and edit video, audio, images, web
objects
Import and edit PowerPoint
Record and edit screencasts (3 modes)
Customize presentation player
Control timing of objects, animations,
sounds
Add and control characters
Add animations and transitions
Zoom
Visually organize scenes, making it easy to
design/track branching

Create interactivity with:

Quiz questions
Drag-and-drop
Layers
Triggers
Changes of state
Variables
Pop-ups & hotspots
Coordinate data with your LMS:
Tin Can
SCORM
AICC

Top Features

Layers

Triggers

You can define a region on a slide in which the user can zoom top see more detail.

Screen casting

A trigger is a behavior that you apply to any object show layer, jump to a different slide or scene, play
media, open light box, submit results, etc. You can also use triggers to define your own variables and add
Java script to them.

Zoom

You can place content on top of content in layers, and then make it appear and disappear as you wish. To
make the layers appear/disappear, you use

Record your screen as a stand-alone or as part of a larger presentation. Storyline adds editable/erasable
captions for your clicks and actions as you go. You can include audio as you record or add/edit it later. You
can also screencast in three modes for different instructional purposes: view mode, try mode, and test mode.

States

You can apply hover, down, visited, disabled, selected and drag states to items. Or create your own states.

What Can You Do with

Articulate Storyline?

You can do the following:

Make Interactive Videos.

Use Customized Presentation Patterns.

Provides several interactivities to teach and assess learners.

Create Courses compatible with iPad and other mobile devices.

Mobile Player

Touch-Friendly Interactions

Pause and Resume

Include Game Elements in Courses

Translation of Courses

Difficult Courses Made Easy

Using Storyline

Good Authoring Habits

Always setup the screen size for your piece before start
working the content to save a lot of time.

Give each scene, slide, layers, objects and buttons a

meaningful and unique name.

Group all the contents needed in one folder only with different
sub folders. (like movies, sounds, etc.)

Save often (press CTRL+S every after 5 or 10 minutes).

Always create a backup of your piece.

How to Start Articulate Storyline?

Using the shortcut icons on the
desktop.
2. Using the Start Menu.
3. Using the existing file created in
storyline.
1.

Articulate Storyline Environment (UI)

STARTUP

SCREEN the first thing to appear

when you open Articulate Storyline
Program.
MAIN SCREEN the second screen to
appear when you create a new / open a
project.

Articulate Storyline Environment (UI)

STARTUP SCREEN/WELCOME SCREEN
1.
Create a new project

2.

3.
4.

New project

Record Screen

Import PowerPoint

Import Quizmaker

From project template

Open a recent project

List of recently opened project

Browse

Online Learning Storyline

and Free downloads and Template

Articulate Storyline Environment (UI)

MAIN SCREEN
1.

Articulate button (
the File Menu

) or

2.

Quick Access Toolbar

3.

Menu Bar and Ribbons

4.

Triggers Panel

5.

Slides Panel

6.

Story View

7.

Scene(s)

8.

Slide(s)

9.

MMC buttons

Beginning a New Project in Storyline

There are several ways to begin a new project in
Storyline from scratch:
1.

Using the File Command/Articulate button

(

2.

Click File/Articulate button then New)

Using the Launch Screen

Click

3.

New Project

Using the shortcut key

(CTRL+N)

Types of View in storyline

1. Story

View
2. Normal/Slide View
3. Preview
Note: When you begin a brand-new story,
containing just a single empty slide. Initially,
youll see the slide in story view.

Story View

Gives

us a big-picture view of all

the content in our course project.
In this view, we can view and
arrange slides in groups called
Scenes.

Story View
1.

2.

3.

Green Flag
indicates the starting
scene.
Scene a group of
slides combined as
one scene.
Slides are found
inside the group
called scene.

How to Get Story View

Using Story View icon at the bottom of your screen.

Using the Story View at the View tab on the Storyline ribbon

Or, if you're in Normal View, you can also click the Story View tab just below the Storyline
ribbon:

Normal/Slide View
Is

the place where you build and customize each

slides content.

You

can edit anything about specific slide-like the

slide design, objects on the slide, timing and
animations, states, triggers, and more.

You

can also create and customize layers for your

slide, and use triggers to control when the layers
should appear.

Normal View
1.

Scene Panels display the

different slides contain in each
scene

2.

Triggers Panel - tell Storyline how

to respond when learners
interact with your course.

3.

Slide Layers - allow you to display

additional content on a slide at
certain points in your course or in
response to the way your
learners interact with your
content.

4.

Active Slide allow you to add

content to be displayed in your
course.

5.

Timeline, States and Notes Tabs

appears below the slides.

How to Get Normal/Slide View

Using Normal/Slide View icon at the bottom of your screen.

Using the Story View at the View tab on the Storyline ribbon

Or, if you're in Story View, you can double-click on any slide thumbnail to see that slide in
Normal View.

Preview
Select

this option if
you want to preview
the video on your
slide.

1.

Preview Window

2.

Buttons: Close
Preview, Select,
Replay and Edit slide

How to Get Preview

Using Preview icon at the bottom of your screen.

Using the Story View at the View tab on the Storyline ribbon

Using Shortcut keys:

Press F12 on your keyboard.

Press Ctrl+F12 on your keyboard to preview the current slide.

Or, press Shift+F12 on your keyboard to preview the current scene.

About your projects

STORY SIZE

The first thing you do before authoring

your piece is to set your SCREEN SIZE.
When

you begin a new project, its size will default to

720 pixels wide by 540 pixels high.

You

can change that if you like, and now's the best

time to do itbefore you add anything to your slides.

Otherwise,

when you change the size, objects on your

slides might need to be rearranged or resized in order
to look right with the new size.

Choosing a Story Size

1.

Click the Design tab on the Storyline Ribbon.

2.

Choose Story Size

3.

This window appear.

Change Story Size Window

1.

Story Size
Preset

sizes

720x540(4:3)

720x405(16:9)
Custom

with Lock aspect ratio option

Lock aspect ration keep the size proportions meaning if

you change the width or height, the other setting will
change proportionately.

Change Story Size Window

2.

If new size is larger

Scale

to Fit this scales the contents of your slides

to fit proportionately within the new size.

Fill

Background - This retains the current slide

background and applies it to the new size, but it
doesn't resize your slide content.
Story

Position - selector to choose where on the

slide you want your existing content to appear.
(Default is Middle Center)

Change Story Size Window

3.

If new size is smaller

Scale To Fit - This scales the contents of your slides to fit

proportionately within the new size.

Crop - This crops your content to fit within the new size.
Click Next to use the cropping tool to choose the crop
area of each slide.

4.

Move the box to indicate the part of your

content that you want to appear on the slide.
Then either click Apply to All Slides, or use the
green arrows or the Slide field to view and crop
additional slides until you're finished. Click OK
when you're satisfied with the cropping on all
your slides.

Click OK when done.

Saving your Project file in Storyline:

Click File / Articulate Storyline Icon (

Then click SAVE

Locate where you want to save your project file.

Notes:
1.

Shortcut keys: CRTL+S

2.

when you save your project in articulate storyline the file

extension is .story

Opening your Project file in Storyline:

Using the created file in storyline.

Double click the project file.

Open the articulate storyline program:

Drag & Drop the project file inside the articulate storyline
software.

Using the File / Articulate Storyline Icon (

Using the Startup Screen.

Using the shortcut key: CTRL+O

).