2. Happily Ever After… Storyboard
File name Folder Title
Depth
Homepage 0
About Happily Fairy tales Tutorial Drills Happily ever Depth
ever after after 1
Purpose Flowchart Reading Sentence Contents
Drill drill drill
Story 1 Story2 Depth
2
Level 1 Level2 Level3
test test test
Tutorial Test Evaluation Reward
Depth
3
Copyright ⓒ 2008 Chad 1
3. Happily Ever After… Storyboard
File name Index.htm Folder /web/coursware/ Title Main page default
Mata Welcome to happily ever after
M1
Logo Catch phrase
Purpose Manu
Email
flowchart M1 M2 M3 M4 M5 M1 Purpose / Flowchart
About site Fairy tales Tutorial Drills Happily ever
M2 after It’s introduction about purpose
story1 of this site and flowchart
story2 M2 story1 / Story2
M3
To give fairy tales without any
tutorial
test, it’s make children enjoying
M4
story.
Reading drills
M3 Tutorial
Sentence drills
To give a very short story and
Contents drills
test, it help children to prepare
M5
1 LV test, and how to use this site
tutorial M4 Reading drills / contents drills
test To give practice tools, children
assessment can develop their understanding
reward of story
Copyright @ 2008 Chad in CIMT class
M5 Story / tutorial / assessment
Logo Index.htm M5 Test.htm / reward
M1 About.htm E-mail chadchae@gmail.com
M2 Story.htm Cover of fairy tales
M3 tutorial.htm
M4 Drill.htm
Copyright ⓒ 2008 Chad 2
4. Happily Ever After… Storyboard
File name about1.htm Folder /web/coursware/about/ Title Introduction
Mata Welcome to happily ever after
About site
Logo Catch phrase
Purpose Manu
Email
How it work M1 M1 Purpose / Flowchart
About site Fairy tales Tutorial Drills Happily ever
after Contents
S1 Purpose Purpose Explanation about this sit’s
------- purpose
How it work This site’s purpose is ~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Copyright @ 2008 Chad in CIMT class
Pur~ About1.htm
How~ About2.htm
Copyright ⓒ 2008 Chad 3
5. Happily Ever After… Storyboard
File name about2.htm Folder /web/coursware/about/ Title Introduction
Mata Welcome to happily ever after
About site
Logo Catch phrase
Purpose Manu
Email
How it work M1 M1 Purpose / Flowchart
About site Fairy tales Tutorial Drills Happily ever
after Contents
Purpose Showing how it actually work
------- using flowchart
How it work
S2
Copyright @ 2008 Chad in CIMT class
Pur~ About1.htm
How~ About2.htm
Copyright ⓒ 2008 Chad 4
6. Happily Ever After… Storyboard
File name Story1.htm Folder /web/coursware/story/ Title storys
Mata Welcome to happily ever after
Fairy tales
Logo Catch phrase
Story1 Manu
Email
Story2 M2 M2 Stories
About site Fairy tales Tutorial Drills Happily ever
after Contents
S1 story1 Using flash interactive story,
------- I will put animated storybook
story2
<< || >> sound
>
Copyright @ 2008 Chad in CIMT class
Sto~1 story1.htm
Sto~2 story2.htm
Copyright ⓒ 2008 Chad 5
7. Happily Ever After… Storyboard
File name tutorial.htm Folder /web/coursware/tutorial Title Tutorial 3
Mata Welcome to happily ever after
Tutorial
Logo Catch phrase
Manu
Explanation with picture Email
M3 M3 tutorial
About site Fairy tales Tutorial Drills Happily ever
after Using picture, it show what are
Test Those elements means
Test title
Time
Questions
Sumit
Score
Number of
question
Copyright @ 2008 Chad in CIMT class
Copyright ⓒ 2008 Chad 6
8. Happily Ever After… Storyboard
File name drill.htm Folder /web/coursware/drill Title drill
Mata Welcome to happily ever after
Drill
reading drill Logo Catch phrase
Manu
sentence drill Email
contents drill M4 M4 drill
About site Fairy tales Tutorial Drills Happily ever
after
reading drill reading drill
Sentence drill
contents drill Reading~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~
Copyright @ 2008 Chad in CIMT class
R-drill Drill1.htm
S-drill Drill2.htm
C-drill drill3.htm
Copyright ⓒ 2008 Chad 7
9. Happily Ever After… Storyboard
File name happily.htm Folder /web/coursware/happily Title Assessment
Mata Welcome to happily ever after
Happily ever after
Logo Catch phrase
Manu
It’s actual test Email
and assessment M5 M5 Happily ever after
it conclude test, About site Fairy tales Tutorial Drills Happily ever
evaluate and feedback after
process
Test title and level
----------------
test Time
Point value
Question
Anwsers
Sumit button
score
Copyright @ 2008 Chad in CIMT class
Copyright ⓒ 2008 Chad 8
10. Happily Ever After… Storyboard
File name happily.htm Folder /web/coursware/happily Title Assessment
Mata Welcome to happily ever after
Happily ever after
Logo Catch phrase
Manu
It’s actual test Email
and assessment M5 M5 Happily ever after
it conclude test, About site Fairy tales Tutorial Drills Happily ever
evaluate and feedback after
process
Score
----------------
evaluation Passing score
Test result
Review
Print
Send e-mail
finish
If students fail to test, they will go
Copyright @ 2008 Chad in CIMT class
drill or tutorial but they pass to test they
will go to reward page, and they can try
Next level or test
Copyright ⓒ 2008 Chad 9
11. Happily Ever After… Storyboard
File name happily.htm Folder /web/coursware/happily Title Assessment
Mata Welcome to happily ever after
Happily ever after
Logo Catch phrase
Manu
It’s actual test Email
and assessment M5 M5 Happily ever after
it conclude test, About site Fairy tales Tutorial Drills Happily ever
evaluate and feedback after
process
Feedback is located right after
----------------
feedback during test each questions
It show fail or pass with comment
Copyright @ 2008 Chad in CIMT class
Copyright ⓒ 2008 Chad 10
12. Happily Ever After… Storyboard
File name happily.htm Folder /web/coursware/happily Title Assessment
Mata Welcome to happily ever after
Happily ever after
Logo Catch phrase
Manu
It’s actual test Email
and assessment M5 M5 Happily ever after
it conclude test, About site Fairy tales Tutorial Drills Happily ever
evaluate and feedback after
process
It show this answer was right or
----------------
Feedback after test wrong
It indicate what is right answer
Students can decide go next
answer or back
Copyright @ 2008 Chad in CIMT class
Copyright ⓒ 2008 Chad 11
13. Happily Ever After… Storyboard
File name choice.htm Folder /web/coursware/choice Title choice
Mata Welcome to happily ever after
Choice
Logo Catch phrase
Manu
Students can choose Email
among drill or tutorial M5 M5 Happily ever after
About site Fairy tales Tutorial Drills Happily ever
after
Do you want to go drill? Or tutorial?
Copyright @ 2008 Chad in CIMT class
Drill Drill.htm
tutorial Tutorial.htm
Copyright ⓒ 2008 Chad 12
14. Happily Ever After… Storyboard
File name choice.htm Folder /web/coursware/choice Title award
Mata Welcome to happily ever after
award
Logo Catch phrase
Manu
When students pass Email
the test give some M5 M5 Happily ever after
reward and a choice About site Fairy tales Tutorial Drills Happily ever
to choose go next level after Using compliment, we can
or stop Compliment / Encouraging praises encorage our students
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
, and can motivate them
Reward idea
- printable popup page
- series of famous charactor
Are you ready to go next?
Yes No
Copyright @ 2008 Chad in CIMT class
Copyright ⓒ 2008 Chad 13
15. Happily Ever After… Storyboard
File name Index.htm Folder /web/coursware/ Title Main page default
Mata Welcome to happily ever after
Copyright ⓒ 2008 Chad 14