Storyboard-How To Develop An Elearning Course Group

Project Name: How to Develop an eLearning Course Screen 1 of 24
SCREEN DISPLAY
Screen Description: Dialogue:
Have you ever thought The screen shown is the first Hello, my name is Maggie. Have
about what goes into screen the users see to grab their you ever thought about what goes
designing eLearning attention. into designing eLearning content?
content? Well, come with me and find out
Come with me and see Interactivity/navigation:

how. Users click on the “START” button to being the process or “QUIT” to
end the program.
START QUIT Text attributes:

Calibri (Body). Font sizes 18 & 26. Size will vary depending on the text
to be displayed.
Images: Video Music/sound effect

Female character was generated with Pixton Comic Character add in. None Sweet Surrender:
Blackboard image retrieved from Wallpaper Flare (n.d.). "C:\Users\AfricanP\Documents\Al\MSC
Instructional Design\EDID6508 - Developing
Instructional Media\Assignment 3\sweet
surrender.mp3"
Project Name: How to Design an eLearning Course Screen 2 of 24
SCREEN DISPLAY
Here’s what
Course Objectives Screen Description: Dialogue:
you will This screen outlines Can you imagine a resource space that
learn
course objectives empowers you to manage the varying
Course Targets and Units and the units that learning needs of your students? Google
Goal: Creating an eLearning Course using
would be covered to Classroom is a resource space for
Google Classroom help learners attain accomplishing these core tasks., and more.
• Understand the importance of eLearning Course outcomes related to This interactive programme by Dynamic
• Create an eLearning course using Google said objectives. Designers informs teachers of the benefits
Classroom Background music of Google Classroom, helps them create
• Navigate in Google Classroom persists to engage said classroom, navigate and manipulate
• Upload multimedia content for engaging students students. content in this forum. Stay tuned!
Course Content
Unit 1: eLearning Benefits Interactivity/navigation:
Unit 2: Creating the Google Classroom
Clicking home, previous, next and exit buttons help users to
navigate through the programme.
Unit 3: Navigating in Google Classroom
Unit 4: Uploading Multimedia Content Text attributes: Objectives: Calibri (24), Text: 18, Colour: White.
Home Next Previous Exit
Speech Bubble: Calibri (15), Colour: Black
Blackboard image retrieved from Wallpaper Flare (n.d.). "C:\Users\AfricanP\Documents\Al\MSC
SCREEN DISPLAY
This screen is activating students’ What is eLearning? How do you
Recall A little past knowledge and experience think it can be used to effectively
something to by asking a question to assess deliver online instruction?
prior knowledge. Background
remember music persists to engage students.
Interactivity/navigation:
An audio recording unfolds at the start of the slide. Students may
• What is eLearning? How do you progress to the recall quiz activity that follows by clicking the next
think it can be used to effectively button. To move back in the programme students select the previous
deliver online instruction? button. Clicking the home button permits students to return to the
home screen (also the first screen). Students may exit the exercise by
selecting the exit button.
Text attributes: Font: Calibri. Font Size:24. Colour: Black. Speech

Bubble: White. Navigation Buttons: Font Size 14 and Colour: Black
PowerPoint programme shapes and figures are used to construct None Sweet Surrender:
content on this slide. "C:\Users\AfricanP\Documents\Al\MSC
SCREEN DISPLAY
Do you know what time it is? This screen introduces the user to It’s quiz time. Press the start
the recall quiz activity. button to begin your quiz.
Background music persists to
engage students.
An audio recording detailing directions is heard. A picture detailing the
word quiz communicates the nature of the task to users. Users are
asked to select the start button to commence the recall quiz exercise.
Text attributes:
Heading: Calibri 24, Colour: Black
START QUIZ
Navigation Button: Calibri 14, Colour: White
Images:
A text image retrieved from Pixabay (n.d.). Video Music/sound effect
None Sweet Surrender:
"C:\Users\AfricanP\Documents\Al\MSC
SCREEN DISPLAY
Choose the right answer! Screen Description: Dialogue:

This screen shows the first recall Can you answer this question?
eLearning quiz question. Upbeat eLearning audiences are usually?
eLearning audiences are usually interactive background music
In the classroom together. plays.
In the same physical location
Geographically dispersed Interactivity/navigation:
An audio recording outlining the question stem is heard. Users may
None of the above select circular buttons on the left that correspond with answer options
on the right. Users submit responses to questions by selecting the
checkmark to the bottom right of the screen. Feedback about the
accuracy of the response is displayed after answer submission.
Students are given 1 attempt for this question.
Text attributes:
✓ Calibri 24, Colour: Black

SCREEN DISPLAY
Choose the right answer! This screen shows the second When would you choose
recall eLearning quiz question. eLearning?
Upbeat interactive background
When would you choose eLearning? music persists
When there is a small amount of
content to deliver to learners. Interactivity/navigation:
If you have no interested in data An audio recording outlining the question stem is heard. Users may
select circular buttons on the left that correspond with answer options
analytics. on the right. Users submit responses to questions by selecting the
If learners are locally situated checkmark to the bottom right of the screen. Feedback about the
The needs is to collect and track accuracy of the response appears after answer submission. Students
would be given 1 attempt for this question.
data
Text attributes: Calibri 24, Colour: Black
✓
SCREEN DISPLAY
This screen shows the third recall Do you remember the two
Choose the right answer! eLearning quiz question.Upbeat approaches to eLearning?
What are the two approaches to interactive background music
eLearning? persists
Self-paced and collaborative
Face-to-face and self-paced Interactivity/navigation:
An audio recording outlining the question stem is heard. Users may
Facilitated and blended select circular buttons on the left that correspond with answer options
Facilitated and self-paced right of the same. Users submit responses to questions by selecting the
checkmark to the bottom right corner of the screen. Feedback about
the accuracy of the response appears after answer submission.
Students would be given 1 attempt for this question.
✓
Text attributes: Calibri 24, Colour Black
SCREEN DISPLAY
This screen outlines main Here you will find all the
areas of the programme that important information you
align with course objectives. need to know about Google
Background music persists to Classroom. So, lets begin. Click
engage students. on each icon to learn more.
Buttons numbered 1 to 6 with descriptors pertaining to the
course main areas appear and may be selected to help users
move around the programme.
Text attributes:
Heading: Calibri 24, Descriptors: Calibri 16, Colour: White.
instructions: Calibri 14, Colour: Red, Navigation Buttons: Calibri
14, Colour: Black.
SCREEN DISPLAY
Benefits of eLearning Screen Description: Dialogue:
This screen comprises an audio With eLearning, learning can
Click on each picture to get more information
recording on how learners can access content anywhere and at
access content. anytime.
Screens 9 - 13 appears when the user selects the “Benefits” icon
numbered (1) on screen 8. Users click the picture to hear a recording of
how learners can access content. The next button directs users to
screen 8.
Text attributes:
Calibri 18, Colour: Black. Navigation Button: Calibri 14, Colour: White

Image of magnifying class and document retrieved from Pin Clip Art None Sweet Surrender:
(n.d.). "C:\Users\AfricanP\Documents\Al\MSC
SCREEN DISPLAY
This screen comprises an audio eLearning provides constant and
recording about the learner’s standardised training everyday.
learning experience. Learners receive the same
learning experience regardless of
where they take the course.
numbered (1), on screen 8. Users click the picture to hear a recording
of what kind of experience learners can receive. Clicking the next
button takes users to screen 8.
Text attributes:
Calibri 18, Colour: Black. Navigation button: Calibri 14, Colour: White

This image was retrieved from 123F (n.d). None Sweet Surrender:
SCREEN DISPLAY
This screen details an audio eLearning makes it possible to
recording of what eLearning cater to individual needs. It allows
provides to learners. learners to choose their learning
path and navigate at their own
pace.
numbered (1), found on screen 8. Users click the picture to hear a
audio recording explaining how learners can learn. Clicking the next
button directs users to screen 8.
Text attributes:

This image was retrieved from Dreamstime (n.d.). None Sweet Surrender:
SCREEN DISPLAY
This screen details an audio eLearning reduces cost for both
recording of the cost benefits the facilitator and the learner
associated with eLearning when
the uses clicks on the picture.
of the cost benefits associated with eLearning. The next button directs
users to screen 8.
Text attributes:

This image was retrieved from Kanban Logistics (2019). None Sweet Surrender:
SCREEN DISPLAY
This screen details an audio eLearning allows learners to
recording of what learners can do define their learning path,
in eLearning. whether through a sequence of
learning, improving skills and
knowledge.
of the benefit of elearning to learners. The next button navigates to
screen14.
Text attributes:
Calibri 18, Colour: Black. Navigation button: Calibri 14, Colour: White

Pixton Character None Sweet Surrender:
This image was retrieved from The Learning Accelerator (n.d.). "C:\Users\AfricanP\Documents\Al\MSC
SCREEN DISPLAY
This screen illicit performance Click on the photo to being the
from learners through an game
interactive game
The screen appears when the user clicks next on screen 13, Users click
on the picture and the Kahoot game opens. When the user clicks the
“NEXT” button, the screen navigates to screen 8.
Text attributes:

Kahoot application image retrieved from Appwatchlist (n.d.). None Sweet Surrender:
Colour specs: multi-coloured Instructional Design\EDID6508 - Developing
SCREEN DISPLAY
Screen Description: Dialogue: It’s case study time!
This screen allows the learner Press start to view the scenario.
CASE STUDY access to a scenario on ‘How to
create a Google Classroom’.
Background music is heard.
This screen appears when the use select the button number (2) on
screen 8. The ‘start’ button would be clicked to access the case study.
The screen then fades to screen 15.
Text attributes:
Calibri, Font Size 18. Font size will vary depending on the nature of text
to be displayed. Colour: Black

This image of an eLearning environment was retrieved from Madrid None Sweet Surrender:
Blogs (n.d.). "C:\Users\AfricanP\Documents\Al\MSC
Colour specs: multi-coloured Instructional Media\Assignment 3\sweet
SCREEN DISPLAY
Scenario Screen Description: Dialogue Voiceover: Audio

This screen will introduce or recording of the scenario is read
initiate the presentation of new out.
Anthony is a Psychology Educator who content to the learner.
has been taxed with the responsibility
of creating an eLearning course. His
colleague Sherrie recommended that
he uses the Learning Management Interactivity/navigation:
System, Google Classroom, used by the The learner will click on the ‘green’ button to see how to create a
school’s English Department. Educate Google Classroom. The screen fades to screen 16.
Anthony about the benefits of using
Google Classroom and help him create,
navigate, upload and manage content
in this Learning Management System.
Text attributes:
Calibri. Font size 24. Open Sans. Font size 18. Size will vary depending
on the text to be displayed. Colour: Black

SCREEN DISPLAY
Create a Google Classroom This is the introductory screen for accessing Voiceover: Audio
and learning to create the classroom. The recording on ‘How to
learner would click the ‘play’ icon to listen to access and create
the audio recording while creating a Google Google Classroom’
Classroom on their computing device. from a smart device.
This screen appears when the user select button numbered (3) on
screen 8. Clicking the image directs users to an external link detailing a
YouTube tutorial for Creating a Google Classroom.
the
Text attributes:
Calibri. Font size 24. Size will vary depending on the text to be
displayed. Colour: Black

Google Classroom image retrieved from Tech and Learning (2020). None. However, selecting the image icon Sweet Surrender:
directs users to a YouTube tutorial video. "C:\Users\AfricanP\Documents\Al\MSC
Colour specs: Green, yellow, black and white Instructional Design\EDID6508 - Developing
SCREEN DISPLAY
This screen will show a terminal Can Anthony remember ‘How to
?? Quiz Time ?? quiz item. The learner will arrange create a course in Google
the tasks in the correct sequence. Classroom’? Click on the quiz.
To create a course Anthony should perform the
following tasks. What is the right sequence for
performing these tasks.
1. Select Google Classroom Icon Interactivity/navigation:
2. Select the + button The learner will click and hold down the cursor to rearrange the tasks in
the correct sequence and when completed, the screen will fade into
3. Select Create a Class Button
screen 18.
4. Enter Class Details in Fields
5. Select Create
Text attributes:
✓ Heading: Calibri 36
Text: Calibri 18, Colour: Black, purple, red, green, orange and blue

SCREEN DISPLAY
Navigating in Google Classroom
In this scene, the learner would click We are going to view
Anthony would like to navigate around play on the screen to start the ‘Navigating in Google
Google Classroom. Click on the video to screencast video on ‘Navigating in Classroom’. Press play to view
see how it is done. Google Classroom’. the video.
This screen appears when the user selects button number (4) on screen
8. The ‘play’ icon will be clicked to play the video and ‘Exit’ to end it.
The navigation buttons ‘Home’ and ‘Previous’ can be used. The learner
would click on the ‘Next’ button to navigate to screen 19.
Text attributes:
Calibri. Font size 24. Open Sans. Font size 18. Size will vary depending
Home Next Previous Exit on the text to be displayed. Colour: Black

Image of male character retrieved from Open Clip Art (n.d.). Screencast by Renneah Clarke Sweet Surrender:
SCREEN DISPLAY
Uploading Content in Google Classroom In this scene, the learner will click Now that know how to navigate in
the ‘play’ icon to listen to the Google Classroom, it is time to
Anthony can upload media content in the narration. Then click on each one learn how to upload media
Classwork section by using the following methods. to watch a video. Music will be content. Click on each one to learn
Click each one to learn more. played low in the background. more. Press next when you are
done.
This screen appears when the users select button numbered (5) on
screen 8. Learners click on each icon to play the narration. The
navigation buttons ‘Home’ and ‘Previous’ can be used. The learner will
click on the ‘Next’ button to navigate to screen 20.
Text attributes:
Calibri. Font size 24. Size will vary depending on the text to be
Home Next Previous Exit displayed. Colour: Black

Built in coloured shapes with text found in Articulate Storyline. None Sweet Surrender:
SCREEN DISPLAY
This screen would show a Read the question and select true
Anthony creates a Life Span Development terminal quiz item. The learner or false. Then click on the quiz to
Module for his Psychology course. He sought would read the question and go to the next screen.
to pose a question to his class. The question select true or false .
he asks is based on issues relayed in a
YouTube video. To upload the YouTube
video, Anthony should enter the URL of this Interactivity/navigation:
video into the paste field. The learner will select true or false and when completed, the screen
would fade into screen 21.
Text attributes:
✓ Calibri 20, Colour: Black

Circular shapes created in Articulate Storyline. None Sweet Surrender:
SCREEN DISPLAY
Summary
In this scene, the learner would Let’s bring the lesson to an end
click the ‘play’ icon to start the my summarizing all of the
video to summarize the lesson. content. Click play to watch the
Soft music would be heard in the video.
background.
The screen appears when the user select button numbered (6) on
screen 8. The ‘play’ button would be clicked to play the video and ‘Exit’
to exit the programe. The navigation buttons ‘Home’ returns to the
start of the program, the previous button direct users to the previous
screen. The learner click the ‘Next’ button to navigate to screen 22
Text attributes:
Heading: Calibri 24, Navigation Buttons: 14

Built in coloured shapes created in Articulate Storyline. Summary video created by Althea, Jiva, Sweet Surrender:
Krisna and Renneah "C:\Users\AfricanP\Documents\Al\MSC
SCREEN DISPLAY
End of Course Users are congratulated for Congratulations! You have reached the
reaching the end of the end of this course.
Congratulations! You have reached the end of programme. Music plays in the
this course. background.
Credits
Renneah Clarke: Audio Technician Interactivity/navigation:

Althea Gittens: Multimedia Specialist Clicking home, previous, next and exit buttons help users to navigate
Jiva Niles: Instructional Designer through the programme.
Krisna Saunders: Multimedia Specialist
Narration done by Jiva, Krisna, Renneah, Althea
Text attributes:
Heading: Calibri 18, Text: 16, Colour: Black
Built in coloured shapes created in Articulate Storyline. "C:\Users\AfricanP\Documents\Al\MSC
SCREEN DISPLAY
References
• Appwatchlist. (n.d.). Kahoot. Retrieved from https://appwatchlist.com/wp-
content/uploads/2020/05/Kahoot-Login-Sign-In-Sign-Up-Create-Account-For-Teachers- Screen displays the None
Students--1024x576.jpg references used in
• Crazy Tunes. (2019, December 4). Background Music for E-Learning - royalty free. Retrieved
from https://www.youtube.com/watch?v=gVsVDcBQSIE the storyboard.
• Dreamstime. (n.d.). Learn at your own pace stock illustration. Retrieved from
https://thumbs.dreamstime.com/z/learn-your-own-pace-customized-learning-button-text-
hand-icon-white-background-31013061.jpg
• Kanban Logistics. (2019, April 11). 7 ways 3PLs can reduce your logistics costs. Retrieved from
<https://images.app.goo.gl/8ELgtatoHC4Wv11c6> Interactivity/navigation:
• Madrid Blogs. (n.d.). Cultura de red. Retrieved from
www.madrimasd.org/blogs/culturadered/files/2020/04/Elearning.jpg Users can click the exit button to exit the
• Open Clipart. (n.d.). African-American man says hello. Retrieved from programme.
https://openclipart.org/image/2400px/svg_to_png/263009/African-man-hello-suit.png
• Pin Clipart. (n.d.). Table of contents of cartoon cliplart #5317050. Retrieved from
https://images.app.goo.gl/QbnoNWiBL4LdzqDq8
• Pixabay. (n.d). Quiz. Retrieved from https://cdn.pixabay.com/photo/2017/06/22/20/33/quiz- Text attributes: Heading: Calibri 16, Text: 12, Colour:
2432440_960_720.png
• Tech and Learning. (2020, May 13). How do I use Google classroom?. Retrieved from Black
https://images.app.goo.gl/Li9jePhS4LNeWuF2A
• The Learning Accelerator. (n.d.). Implementing blended & personalized learning: how can we
help. Retrieved from https://images.app.goo.gl/S5wfNen337mbsvfS9
• Wallpaper Flare. Blackboard wallpaper. Retrieved from
https://c0.wallpaperflare.com/preview/369/437/192/blackboard-blank-chalkboard-board-
thumbnail.jpg
• 123RF. (n.d.). Anywhere anytime stock vector illustration and royalty free anywhere anytime
clipart. Retrieved from https://images.app.goo.gl/KdyCdjChtzoVVHdQ7 Exit
Video Music/sound effect
Images: None Sweet Surrender: "C:\Users\AfricanP\Documents\Al\MSC
Coloured shape button with text created using Articulate Storyline. Instructional Design\EDID6508 - Developing Instructional
Media\Assignment 3\sweet surrender.mp3"

Storyboard-How To Develop An Elearning Course Group

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Storyboard-How To Develop An Elearning Course Group

Uploaded by

Copyright:

Available Formats

Project Name: How to Develop an eLearning Course Screen 1 of 24

Come with me and see Interactivity/navigation:

START QUIT Text attributes:

Images: Video Music/sound effect

Text attributes: Font: Calibri. Font Size:24. Colour: Black. Speech

Choose the right answer! Screen Description: Dialogue:

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Scenario Screen Description: Dialogue Voiceover: Audio

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Images: Video Music/sound effect

Renneah Clarke: Audio Technician Interactivity/navigation:

You might also like