SENTENCE CONSTRUCTION

STORYBOARD

Xenia Gay J. Calunod

Vincent T. Ermac
IT 191
 STORY BOARD

Some important notes:

Background Music – The module will contain background music that will play
throughout the instructional material. The music will sound like a combination of
adventure-fairy tale to excite the learners.

Video - The module will contain no video.

Voice Overs – Since voice over is needed in the module in order to give life to the
character, we would have it. But voice overs will be added only after the instructional
material has been done in order to optimize our time.

General template (except for introduction screen; not yet final):

Main Window

Replay Next Menu

Mouse Overs – Buttons will show a short description right beside the arrow cursor when
the cursor will be dragged over.

Sound Effects – All screens will have a “chimes” or drums sound effect, depending upon
the flow of the story inorder to create an exciting and mysterious effect to the learner.
Color Patterns – We have not yet talked about the colors to be used but since our target
learners are kids, then possibly, we will use colors that are pleasing to the eyes on kids.
Maybe we will have green, pink, black, brown, and other rich and light colors. We will
still be experimenting on these colors.

Storyboard Info - Italicized font used in this story board means that it will actually
appear on the screen. The general template will be preserved for all screens except the
introduction screen. The images, text and other elements that are described is what will
appear on the main window.

[4]

An Adventure To Sentence Construction [3]

Start [1]

Loading . . . [2]

Screen Introduction Screen

Main Window 1. animated book Start button
2. animated loading bar
3. animated scroll with text
4. forest background

Animations 1. Start button is a close book and will open when clicked. The
book would remain open until loading is finished.
2. Loading bar will reflect the percentage loaded with a smooth
transition.
3. The text and scroll will be steady, but will be closed when the
Start book opens.
4. No animation.
Transition Elements 1, 2, and 3 will disappear after loading bar finished to load.
After a few seconds, the worm and the princess would appear in
preparation for the first part of the tutorial.
Navigation Start button would link to the first tutorial of the module.
NOTES None
[4]

[3]

[2]
[1]

[5]
[1] [6]
[7]

Screen Tutorial Screen (What is a sentence)

Main Window 1. Princess (talking)
2. Talking Worm
3. Villain
4. Forest Background
5. Replay Button
6. Next Button
7. Menu Button
Animations 1. and 2. The worm and the princess are talking about
sentence, its definition and its elements.
3. Would appear only at the last part of this scene.
4. No animation.
5. Would appear on the last part of this scene .
6. Would appear on the last part of this scene .
7. Would appear on the last part of this scene .
Transitions 1. Walking from left to center.
2. Walking fromleft to center. Slide, fade out from center to right.
3. Fade in, slide from the upper right of the screen. Fade out, slide
going to the right.
4. No animation.
5, 6, and 7. Appear, fade in. Fade out (after clicked).
SFX Swooshing sound when the villain appears.
Navigation [5], Replay button, will replay the discussion.
[6], Next button, will lead to the next discussion which is nouns and
pronouns.
[7], Menu button, will stop the discussion and leads to the main menu.
Notes The princess and the worm are talking(serve as discussion)
about what is a sentence when the villain came and took the princess.
The villain left a magical map (contains drills). The map gives
instructions on how to reach the place where the princess is hidden.
[3]

[1]

[2]

[4]
[1] [5]
[6]

Screen Tutorial (Noun and Pronoun)

Main Window 1. Friend Hen
2. Talking Worm
3. Background
4. Replay button
5. Next button
6. Menu button
Animations 1. Animated text and voice over are present. The hen will
discuss and show examples of nouns and pronouns.
2. Listens to the hen.
3. No animation.
4. Would appear at the last part of this scene.
5. Would appear at the last part of this scene.
6. Would appear at the last part of this scene.
Transitions 1. Walk in from the right. Walk out to left and fade out.
2. Walking fromleft to center. Slide, fade out from center to right.
3. No animation.
4, 5, and 6. Appear, fade in. Fade out (after clicked).
Navigation [4], Replay button, will replay the discussion.
[5], Next button, will lead to the next drill which is all about nouns and
pronouns.
[6], Menu button, will stop the discussion and leads to the main menu.
Notes The hen will discuss the noun and the pronouns to the worm
and gives some examples. Then, at the end of the discussion, the hen
would leave and the worm will find the gate of the castle having locks
which will be used for the drills.
[3]

noun pronoun
___cat

noun pronoun
___they

noun pronoun
__Ben

[1]
[2]

[4]
[1] [5]
[6]

Screen Drill (Noun and Pronoun)

Main Window 1. Keys
2. Locks of the castle’s gate
3. Castle background
4. Try Again button
5. Proceed button
6. Menu button
Animations 1. The keys would glow when moused over.
2. Stardusts will appear when the locks are clicked.
3. No animation.
4. Would appear in last part of this scene.
5. Would appear in last part of this scene.
6. Would appear in last part of this scene.
Transitions 1 and 2 are zoomed in up to 85% of the screen.
3. No animation.
4, 5, and 6. Appear, fade in. Fade out (after clicked).
SFX When word dragged is not the right answer, the material will
say: “I know you can do it, you just got to try again!” If it’s right then
the material will say: “Correct!” or “Good job!”
“Swish” sound when the locks are opened.
Navigation 4. Try Again button will replay this drill.
5. Proceed will navigate to the next tutorial about verb.
[6], Menu button, will stop the current drill and leads to the main
menu.
Notes The gate have several locks. Inorder to unlock it, the learner
needs to drag the right key that contains the answer.

[2]
 [1]

[3]
[1] [4]
[5]

Screen Tutorial on Verbs

Main Window 1. The magical map
2. Image background
3. Replay button
4. Next button
5. Menu button
Animations 1. Animated text and voice over are present. The map will
discuss about verbs.
2. No animation.
3. Would appear at the last part of this scene.
4. Would appear at the last part of this scene.
5. Would appear at the last part of this scene.
Transitions 1. Stretch and zoom from the center. Texts dissolve in.
2. No animation.
3, 4, and 5. Appear, fade in. Fade out (after clicked).
Navigation [3], Replay button, will replay the discussion.
[4], Next button, will lead to the next discussion which is the drill
about verbs.
[5], Menu button, will stop the discussion and leads to the main menu.
Notes The magical map would discuss what is verb on the worm
and also gives examples. After talking with the map, they will face a
challenge given by the spider. The map will show the next destination
after every drill.

[3]
 [1]

[2]

[4]
[1] [5]
[6]

Screen Drill on Verbs

Main Window 1. Sexy spider
2. Talking worm
3. Old castle background
4. Try Again button
5. Proceed button
6. Menu button
Animations 1. Shows actions; gives drill about verbs.
2. Crawling and thinking gestures.
3. No animation.
4. Would appear at the last part of this scene.
5. Would appear at the last part of this scene.
6. Would appear at the last part of this scene.
Transitions 1. Appears at the upper right. Fade out.
2. Crawls from the left. Goes right after defeating the spider.
3. No animation.
4, 5, and 6. Appear, fade in. Fade out (after clicked).
SFX Laughing sounds of the spider. When the guessed action is
not right, the material will say: “I know you can do it, you just got to
try again!” If it’s right then the material will say: “Correct!” or “Good
job!”
Navigation [4], Try Again button, will replay the drill.
[5], Proceed button, will lead to the next discussion which is about
subject-verb agreement.
[6], Menu button, will stop the current drill and leads to the main
menu.
Notes The spider fades out after its challenges are being answered
by the spider.

[3]

[4]
[1] [5] [2]
[6]
 [1] [1] [1] [1]

Screen Tutorial (Subject-verb Agreement)

Main Window 1. Talking picture frames
2. Talking worm
3. Castle’s wall
4. Replay button
5. Next button
6. Menu button
Animations 1. The talking frames tell the worm all about subject-verb
agreement, its rules,a nd examples.
2. Listens to the talking frames.
3. No animation.
4. Would appear at the last part of this scene.
5. Would appear at the last part of this scene.
6. Would appear at the last part of this scene.
Transitions 1. Steady and hanging on the wall but thre faces are moving and voice
over is present.
2. Slide from lower left to center.
3. No animation.
4, 5, and 6. Appear, fade in. Fade out (after clicked).
Navigation [3], Replay button, will replay the discussion.
[4], Next button, will lead to the next drill which is about subject-verb
agreement.
[5], Menu button, will stop the discussion and leads to the main menu.
Notes The pictures or paintings on the wall are royalties of the
castle. The pictures on the frames are talking and discussing about
verbs while the worm is listening (or asking questions).

[3]
 [1]
[1]

[2]

[4]
[1] [5]
[6]

Screen Drill (Subject-verb Agreement)

Main Window 1. Talking torch fire
2. Talking worm
3. Dungeon background
4. Try Again button
5.Proceed button
6. Menu button
Animations 1. A burning fire with voice over. Flaring fire.
2. Crawling and attacking the fire.
3. No animation,
4. Would appear at the last part of this scene.
5. Would appear at the last part of this scene.
6. Would appear at the last part of this scene.
Transitions 1. Fade in, zoom at the center.
2. Crawling in. Fade out.
3. No animation.
4, 5, and 6. Appear, fade in. Fade out (after clicked).
SFX Fire sound. Encouragement words when wrong answer and
greetings when right.
Navigation [4], Try Again, will replay the discussion.
[5], Proceed, will lead to the next drill which is about subject-verb
agreement.
[6], Menu button, will stop the current drill and leads to the main
menu.
Notes The burning fire jumps out of the torch to give drills.

[3]
[1]
 [2]

[4]
[1] [5]
[6]

Screen Warning for challenging the villain

Main Window 1. Flag
2. Talking worm
3. Dungeon background
4. Previous button
5.Next button
6. Menu button
Animations 1. Swaying.
2. Crawling.
3. No animation.
4. Would appear at the last part of this scene.
5. Would appear at the last part of this scene.
6. Would appear at the last part of this scene.
Transitions 1. Appear from right. Exit to left.
2. Crawling in from left. Fade out.
3. No animation.
4, 5, and 6. Appear, fade in. Fade out (after clicked).
SFX Sound of a swaying cloth.
Navigation [4], Previous, will replay the discussion.
[5], Next, will lead to the next drill which is defeating the enemy about
the topics discussed on the previous lessons in the material.
[6], Menu button, will stop the current scene and leads to the main
menu.
Notes None

[4]
 [
1
[3] ]
[1]

[2]

[5]
[1] [6]
[7]

Screen Drill on the topics discussed

Main Window 1. Villain
2. Talking Worm
3. Princess (grasping from being tied up)
4. Dungeon Background
5. Try Again Button
6. Proceed Button
7. Menu Button
Animations 1. and 2. The worm and the villain are fighting with each
other.
3. Grasping from being tied.
4. No animation.
5. Would appear on the last part of this scene .
6. Would appear on the last part of this scene .
7. Would appear on the last part of this scene .
Transitions 1. Appears from right to center.
2. Walking fromleft to center. Slide, fade out from center to right.
3. Fade in, slide from the upper right of the screen. Fade out, slide
going to the right.
4. No animation.
5, 6, and 7. Appear, fade in. Fade out (after clicked).
SFX Swooshing sound when the villain appears to block the
worm from saving the princess and the grasping sound from the
princess.
Navigation [5], Try Again button, will replay the discussion.
[6], Proceed, will lead to the next discussion which is nouns and
pronouns.
[7], Menu button, will stop the drill and leads to the main menu.
Notes The worm and the villain are fighting (drill) and then after
defeating the villain, the worm will let go the princess from being tied.
[4]

[3]

[
1 [
] 1
]
[1] [2]

The End!!!
[5]

Screen Ending Screen

Main Window 1. Handsome Prince (former worm)
2. Princess
3. Fireworks
4. Palace Background
5. Menu Button
Animations 1. and 2. The prince and the princess are smiling.
3. Booms in the air.
4. No animation.
5. Would appear at the last part of the scene.
Transitions 1. Appears from the center.
2. Appears from the center.
3. Fade in, zoomed.
4. No animation.
5. Appear, fade in. Fade out (after clicked).
SFX Booming sounds of the fireworks.
Navigation [5], Menu button, will stop the current scene and leads to the main
menu.
Notes The worm turns into a handsome prince and he got married
with the princess. And they lived happily ever after.