Running head: MULTIMEDIA STORYBOARD

Mutimedia Storyboard- Transformatricks

by

Nickesha Senior

A Paper Presented in Partial Fulfillment

Of the Requirements of

EDID 6508 Developing Instructional Media

Semester I, 2018-2019

Email: nickesha.seniorwhynn@my.open.uwi.edu

University: University of the West Indies Open Campus

eTutor & Course : Dr. Leroy Hill

Due date: 28th November, 2018

Assignment: 3 – Individual Storyboard

Created by: Nickesha Senior ID#: 308003276

MULTIMEDIA STORYBOARD

Screen 1 of 10 Screen Title: Welcome Page Project Name: Transformatricks Scene Description

Welcome to This screen shows the title, background photo and a brief statement of
what the program entails. The speech will state the objectives.
Transformatricks Navigation: Click “Begin” to start

An interactive
lesson with Audio:
Speech: ‘Welcome to Transformatricks an interactive lesson with
beautiful beautiful images, quizzes, videos and games. At the end of this lesson

images quizzes,
you will be able to define what a transformation is, state the two major
categories of transformations, state the types of each category, explain

videos and
each type and give examples. At the end of each section you will get a
question or two as a pop quiz on what was discussed. Click “Begin” to

games
start’

Begin Music: C:\Users\Nickesha\Downloads\ Scott_Holmes_-_04_-

_Corporate_Uplifting

Functionality/Interactivity: The note on the left will appear from the bottom, The title will swirl around and the begin Text Attributes:
button will be highlighted to grab the user’s attention. Clicking the Begin button will take the user to the next screen. Font styles: AR Hermann, Size: 36(Black and Yellow) Center, Bold
Still Images: https://www.freeimages.com/photo/reflections-1377835 Ar Carter, Size: 24(Red) Centered (Left)
Ariel Rounded MT Bold, Size: 24(Black) Bottom Right
MULTIMEDIA STORYBOARD

Screen 2 of 10 Screen Title: Definition and Project Name: Scene Description

Objectives Transformatricks This screen gives a description of the word “Transformation” and states what are the
main types of transformations. In the background an animation takes place displaying

Transformations one of the types of transformations.

Pop Quiz questions: What are the two categories of transformations? State ONE
difference between them.

Navigation: Hyperlinks to bubbles showing the definition of the highlighted words.

Transformations Next
Click “Pop Quiz” for questions on what you learned from this screen, click “Next” to
continue, click “Back” to go back to the previous screen.
involve changing Audio:
the position, Speech: ‘With this interactive lesson you will be exposed to transformations as it

shape or size of Pop Quiz

relates to mathematics. Transformations involve changing positions, shape or size of an
object. They can be rigid or non-rigid. Click on the highlighted words to get the
objects. They can meaning and examples. To try the pop quiz, click the “Pop Quiz” button. Click “Next”
to continue. Click “Back” to return to the previous page’
be rigid or non- Back
Music: C:\Users\Nickesha\Downloads\ Scott_Holmes_-_04_-_Corporate_Uplifting

rigid.

Functionality/Interactivity: The note on the left will appear from the bottom, the title will swirl around and the Text Attributes:
“Next” button will be highlighted to grab the user’s attention. Users can click the highlighted words to see their Font styles: AR Hermann, Size: 36(Black and Yellow) Center, Bold
definitions. The Pop Quiz will appear once the button is clicked. If the user wants to go back to any section or Ar Carter, Size: 24(Red) Centered (Left)
move to a new section the menu list is always available. Ariel Rounded MT Bold, Size: 24(Black) Bottom Right
Still Images: https://www.freeimages.com/istockphoto/file?id=54713892&path=photo/multiple-image-of-ski-jumper-landing-
gm530301477-54713892&function=free_detail&location=right&keyword=1355311&page=&sharedid=1355311&getty=530301477
MULTIMEDIA STORYBOARD

Screen 3 of 10 Screen Title: Types of Project Name: Scene Description

Transformations Transformatricks This screen lists the types of transformations under the headings “Rigid
Types of Transformations Transformations” and Non-rigid Transformations”. These titles will be links to the
screens showing the details of that type. Serves as a table of contents.

Navigation: Hyperlinks to pages showing the definition of and examples of highlighted

Rigid Transformations
words or the images.
Next Click “Pop Quiz” for questions on what you learned from this screen. Click “Next” to continue.
Click “Back” to return to the previous page’
Rotations
Reflections Audio:
Speech: ‘Select the type of transformation you would like to explore. Once you have
Translations Pop Quiz
explored all the types you can try the quiz or game or view the summary video. To try
Non-Rigid the pop quiz, click the “Pop Quiz” button. Click “Next” to continue. Click “Back” to return to

Transformations
the previous page’
Back ’
Dilations Music:
http://freemusicarchive.org/music/Scott_Holmes/Happy_Music/Positive_and_Fun_1951

Functionality/Interactivity: The list on the left will have hyperlinks to the other pages, the title will Text Attributes:
swirl around and the “Next” button will be highlighted to grab the user’s attention. There will be Font styles: AR Hermann, Size: 36(Black) Center, Bold
images showing each type of transformation that can also be click to get to the type of transformation Ar Carter, Size: 24(Red) Centered (Left) Agency FB Size: 14(Blue, hyperlinks)
they represent. If the user wants to go back to any section or move to a new section the menu list is Ariel Rounded MT Bold, Size: 24(Black) Bottom Right
always available.
Still Images: Images adopted from:
https://study.com/academy/lesson/transformations-in-math-definition-graph-quiz.html
https://www.freeimages.com/photo/swirls-1152353
MULTIMEDIA STORYBOARD

Screen 4 of 10 Screen Title: Rotation Project Name: Transformatricks Scene Description

This screen gives a definition and description of the word “Rotation” and

Rotations
shows examples of rotations. In the background an animation takes place
displaying the rotation of a shape/image through various angles. Pop Quiz:
What are three necessary elements when rotating an image?

Navigation: Link to a video demonstrating rotation.

Rotation is when we Next
To try the pop quiz, click the “Pop Quiz” button. Click “Next” to continue. Click
“Back” to return to the previous page’
rotate a figure a
certain degree around Audio:
Speech: ‘Rotation is when we rotate a figure a certain degree around a point.
a point. This is Pop This is referred to as a turn! In other words it involves an object/image
referred to as a turn!
Quiz turning around a center point. To try the pop quiz, click the “Pop Quiz” button.
Click “Next” to continue. Click “Back” to return to the previous page’
In other words it
involves an Back Music:
http://freemusicarchive.org/music/Scott_Holmes/Happy_Music/Positive_and
object/image turning _Fun_1951
around a center point.

Functionality/Interactivity: The animation will demonstrate rotation of an image, each time it moves the angle Text Attributes:
and direction will be shown. The “Next” button will be highlighted to grab the user’s attention. The Pop Quiz will Font styles: AR Hermann, Size: 36(Black and Yellow) Center, Bold
appear once the button is clicked. If the user wants to go back to any section or move to a new section the menu Ar Carter, Size: 24(Red) Centered (Left)
list is always available. Ariel Rounded MT Bold, Size: 24(Black) Bottom Right
Still Images: https://www.freeimages.com/photo/label-1419931 https://www.freeimages.com/photo/label-
1419926
https://www.freeimages.com/photo/label-1419936
MULTIMEDIA STORYBOARD

Screen 5 of 10 Screen Title: Reflection Project Name: Scene Description

Transformatricks This screen gives a definition and description of the word “Reflection” and shows

Reflections
examples of reflections. In the background an animation takes place displaying the
reflection of a shape/image through a mirror line.

A reflection is the flipping of Navigation: Link to a video showing reflections.

an object across a mirror To try the pop quiz, click the “Pop Quiz” button. Click “Next” to continue. Click “Back” to
return to the previous page’
Next
line without changing its size
or shape. This is referred to Audio:
Speech: ‘A reflection is the flipping of an object across a mirror line without changing
as a flip! its size or shape. This is referred to as a flip! To try the pop quiz, click the “Pop Quiz”
Pop
Quiz button. Click “Next” to continue. Click “Back” to return to the previous page’

Back Music:
http://freemusicarchive.org/music/Scott_Holmes/Happy_Music/Positive_and_Fun_1951

Functionality/Interactivity: The animation will demonstrate reflection of an image, each time the Text Attributes:
mirror line will be shown. The “Next” button will be highlighted to grab the user’s attention. The Pop Font styles: AR Hermann, Size: 36(Black and Yellow) Center, Bold
Quiz will appear once the button is clicked. If the user wants to go back to any section or move to a Ar Carter, Size: 24(Red) Centered (Left)
new section the menu list is always available. Ariel Rounded MT Bold, Size: 24(Black) Bottom Right
Still Images:
https://www.freeimages.com/photo/sea-and-sky-1317079
MULTIMEDIA STORYBOARD

Screen 6 of 10 Screen Title: Translation Project Name: Scene Description

Transformatricks This screen gives a definition and description of the word “Translation” and shows
examples of translations. In the background an animation takes place displaying the
translation of shapes/images.

Translations
Navigation: Link to a video showing translations.
To try the pop quiz, click the “Pop Quiz” button. Click “Next” to continue. Click “Back” to
return to the previous page
Translation is the movement
of an object in space without Audio:
Speech: ‘Translation is moving an object in space without changing it size orientation
changing its size, orientaion or shape. Therefore an image is moved from one place to another in any direction. This
or shape. Therefore an image is referred to as a slide! Click on the image to see it translated. To try the pop quiz, click
is moved from one place to the “Pop Quiz” button. Click “Next” to continue. Click “Back” to return to the previous page’

another in any direction. Next Music:

This is referred to as a slide! http://freemusicarchive.org/music/Scott_Holmes/Happy_Music/Positive_and_Fun_1951

Pop
Quiz

Back

Functionality/Interactivity: The animation will demonstrate translation of an image, each time it Text Attributes:
moves the direction will be shown. The “Next” button will be highlighted to grab the user’s attention. Font styles: AR Hermann, Size: 36(Black and Yellow) Center, Bold
The Pop Quiz will appear once the button is clicked. If the user wants to go back to any section or Ar Carter, Size: 24(Red) Centered (Left)
move to a new section the menu list is always available. Ariel Rounded MT Bold, Size: 24(Black) Bottom Right
Still Images:
MULTIMEDIA STORYBOARD

Screen 7 of 10 Screen Title: Dilations Project Name: Scene Description

Transformatricks This screen gives a definition and description of the word “Dilation” and shows
examples of dilations. In the background an animation takes place displaying the

Dilations Next
resizing of a shape/image.

Navigation: Hyperlinks to bubbles showing the definition of the highlighted words.

Dilation is when we enlarge or shrink a figure. This To try the pop quiz, click the “Pop Quiz” button. Click “Next” to continue. Click “Back” to
return to the previous page’
can be referred to as resizing the shape. Pop
Quiz
Audio:
Speech: ‘Dilation is when we enlarge or shrink a figure. This can be referred to as
Back resizing the shape. To try the pop quiz, click the “Pop Quiz” button. Click “Next” to continue.
Click “Back” to return to the previous page’

Music:
http://freemusicarchive.org/music/Scott_Holmes/Happy_Music/Positive_and_Fun_1951

Functionality/Interactivity: The animation will demonstrate dilation of an image, each time it resized Text Attributes:
the scale will be shown. The “Next” button will be highlighted to grab the user’s attention. The Pop Font styles: AR Hermann, Size: 36(Black and Yellow) Center, Bold
Quiz will appear once the button is clicked. If the user wants to go back to any section or move to a Ar Carter, Size: 24(Red) Centered (Left)
new section the menu list is always available. Ariel Rounded MT Bold, Size: 24(Black) Bottom Right
Still Images:
MULTIMEDIA STORYBOARD

Screen 8 (a), (b), (c) of 10 Screen Title: Quiz Project Name: Scene Description
Transformatricks This quiz comprises of 5 true and false questions and 5 Multiple choice items on all four
Transformations transformations. Once an answer is selected students will see if their answer is correct
or not.
Quiz
Next Navigation: Links from each answer to a sticker saying for example great job if correct
or try again if incorrect.
Ready to test your knowledge? Click “Next” to continue. Click “Back” to return to the previous page’

Audio:
Back
Speech: ‘This quiz consists of 10 questions, 5 true or false and 5 multiple choice items.
Begin Select the answer corresponding to your answer. For the T/F you only have one attempt
however for the multiple choices you have 2 attempts. Click “Next” to continue. Click
“Back” to return to the previous page’
a)

Music:
http://freemusicarchive.org/music/Scott_Holmes/Happy_Music/Positive_and_Fun_1951

b) c)
Functionality/Interactivity: Checkboxes will be used to show the answer selected. Students will get Text Attributes:
their total score once they click the finish button. They cannot leave the quiz until all questions have Font styles: AR Hermann, Size: 36(Black and Yellow) Center, Bold
been attempted. If the user wants to go back to any section or move to a new section the menu list is Ar Carter, Size: 24(Red) Centered (Left)
always available. Ariel Rounded MT Bold, Size: 24(Black) Bottom Right
Still Images: Clipart
MULTIMEDIA STORYBOARD

Screen 9 (a), (b) of 10 Screen Title: Game Project Name: Transformatricks Scene Description
This screen gives users the opportunity of exploring the four transformations. This game
Instructions will be in the form of a card matching game where the user will have to find pairs of the
Transformations Game different types of transformations from the instructions given. All instructions will be
given at once.
Transformations Game
Navigation: Click “Start” to begin the game. Click “Instructions” for an explanation.
Let us have some fun Click each card to turn them over. Click “Next” to continue.
Next Next Audio:
Speech: ‘Hi there. Click on the instructions button for how to play the game. Once you
Back Back understand click “Start” to begin. The instructions are available at any time during the
Begin game just click Help button. Click “Finish” to end the game. Click “Next” to continue.’

Music:
http://freemusicarchive.org/music/Scott_Holmes/Corporate__Motivational_Music/Corp
a) b) orate_Uplifting_1985

Functionality/Interactivity: The user is able to flip the cards as many times as they like however they Text Attributes:
are only given 5 seconds to look at it. They have a help button to refresh their memory of the Font styles: AR Hermann, Size: 36(Black and Yellow) Center, Bold
instruction. If the user wants to go back to any section or move to a new section the menu list is always Ar Carter, Size: 24(Red) Centered (Left)
available. Ariel Rounded MT Bold, Size: 24(Black) Bottom Right
Still Images:
https://forum.arduino.cc/index.php?topic=354329.0
MULTIMEDIA STORYBOARD

Screen 10 of 10 Screen Title: Summary Project Name: Transformatricks Scene Description

Video On this screen videos are shown highlighting all four transformations.

Transformations Navigation: Click on play to view each video.

Click “Next” to continue

Summary Videos Audio:

Speech: ‘Let us review what we have learned. Click play when you are ready. Click
“Exit” to leave the lesson or you can go back to any of the other pages from the links
https://www.youtube.com/watch?v=VJTxv-tRKj0 provided. Hope you enjoyed your time, see you soon!”
https://www.youtube.com/watch?v=0Z1aUhGCZs0
Music:
https://www.youtube.com/watch?v=7h46hKwyahQ http://freemusicarchive.org/music/Scott_Holmes/Corporate__Motivational_Music/C
https://www.youtube.com/watch?v=kX5VN85p5M4 orporate_Uplifting_1985
Exit

Back

Functionality/Interactivity: Click on play to view each video. If the user wants to go back to any section Text Attributes:
the menu list is always available. Font styles: AR Hermann, Size: 36(Black and Yellow) Center, Bold
Still Images: Ar Carter, Size: 24(Red) Centered (Left)
Ariel Rounded MT Bold, Size: 24(Black) Bottom Right