1. © Dokeos STUDIO, Creative Commons BY-SA license
E-learning storyboarding
Not that simple !
Models for content builders and instructional designers.
Author: Christine Amory. Version: 1.0 alpha, 6/21/2010.
© Dokeos STUDIO, Creative Commons BY-SA license 1 1

2. The Art of storyboarding
Some tips for a successful training scenario and its implementation in Dokeos AUTHOR.
© Dokeos STUDIO, Creative Commons BY-SA license 2 2

3. © Dokeos STUDIO, Creative Commons BY-SA license
Think activities
Piloting is learned with a simulator, English while speaking, Excel while testing…
The pitfall of e-learning is passivity: viewing contents is not learning. The designer has to think his course as a series of activities: not as watch a video, but order a sequence of operations from a video. Not as read text, but identify key words in a text, etc.
© Dokeos STUDIO, Creative Commons BY-SA license 3 3

4. Sequencing activities
I use these models to train instructional designers to scripting!
In three steps:
Print then sequence activities on paper
Modify templates and use them to build a course
Convert to e-learning with Oogie and insert tests and audio comments.
© Dokeos STUDIO, Creative Commons BY-SA license 4 4

5. © Dokeos STUDIO, Creative Commons BY-SA license
Use a mascot
Happy, baby?
The mascot provides no information but it structures navigation and fills the gap left by the absence of a physical trainer. The bubble is a « meta» area to comment on what is happening on the screen or to introduce a distant, critical or humorous viewpoint.
© Dokeos STUDIO, Creative Commons BY-SA license 5 5

6. © Dokeos STUDIO, Creative Commons BY-SA license
In the good position
These drawings are based on photographs of trainers to achieve maximum authenticity.
For you to associate the position with the contents: astonished, reassuring, assertive, leaning, on the departure… you can resize Mister Dokeos. On the other hand, it is advisable to always place it at the same spot. The user likes basic space structuring.
© Dokeos STUDIO, Creative Commons BY-SA license 6 6

7. © Dokeos STUDIO, Creative Commons BY-SA license
Replace the text with image + audio
In the absence of audio, the bubble character can accommodate your written explanation.
Replace your bulleted lists with diagrams, mindmaps, tables… and explain them in audio. You can record voice in Audacity, export it in mp3 then import it in Dokeos AUTHOR. As for the diagrams, why not give you drawing paper + pencil? The most direct way to express your ideas visually and to sign your production at the same time.
© Dokeos STUDIO, Creative Commons BY-SA license 7 7

8. Opt for a graphical universe
The beauty is the articulation of all parts into unity.
Choose a simple style, which will enable you to enrich the galleries, and do not change any more. Always cut out your screen in the same zones, maximum two fonts, a consistent color palette, standard formats: 4:3, 16:9 etc.. Self-help models.
© Dokeos STUDIO, Creative Commons BY-SA license 8 8

9. © Dokeos STUDIO, Creative Commons BY-SA license
Logico-visual models
These templates accommodate the expression of reasoning: sequence, Venn diagram, table, pyramid…
© Dokeos STUDIO, Creative Commons BY-SA license 9 9

10. © Dokeos STUDIO, Creative Commons BY-SA license
Describing an image
The eyebrows serve to protect the eyes from sun, rain and other drops like sweat, as well as external attacks such as dust or sand.
The cornea is the transparent front part of the eyeball-shaped spherical cap and slightly protruding.
The iris is a circular membrane and contraction of the anterior surface of the eyeball. It constitutes the visible coloured part of the eye. At its center it is pierced with a hole, the pupil.
The pupil is the hole located in the middle of the iris. It appears black since most of the light entering inside the eye is absorbed by tissues, particularly the retina.
Directions for use of a device, anatomical description, comments on a diagram, decryption of a numerical proposal, sectional view with accompanying notes, interpreted radiography, language course based on visual aids, the principle of the image is described in the centre of the learning device.
© Dokeos STUDIO, Creative Commons BY-SA license 10 10

11. © Dokeos STUDIO, Creative Commons BY-SA license
Blank template
...
...
There are an infinite number of possible pedagogical activities. The blank template will accommodate all those that come to mind and which are not included in our catalog.
© Dokeos STUDIO, Creative Commons BY-SA license 11 11

12. © Dokeos STUDIO, Creative Commons BY-SA license
Reading a text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Most of the passive activities… Justifies itself better if it is structured with a subsequent action by the trainee.
Attention to the layout. Newspapers are printed in columns, presented in frames, for better readability.
© Dokeos STUDIO, Creative Commons BY-SA license 12 12

13. © Dokeos STUDIO, Creative Commons BY-SA license
Telling a story
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Text ≠ passivity if it is the trainee who writes it.
© Dokeos STUDIO, Creative Commons BY-SA license 13 13

14. Comparing documents
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo/
Reminds me of the stone of Rosette!
Loris ipsus dolor sit amet, consectetur adipisica elit, sed do eiusmod tempori incididunt ut labore et dolore magna aliquum.
Ut enim ad minima veniam, quis nostra exercitatio ullamco laboria nisi ut aliquid ex ea commodor.
Comparison is one of the most elementary forms of understanding. A beginner can see the difference, compare the copy with the original, note the errors in reproduction.
© Dokeos STUDIO, Creative Commons BY-SA license 14 14

15. © Dokeos STUDIO, Creative Commons BY-SA license
Associating four concepts
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Ut enim ad minim veniam, quis nostrud.
Bernard-Henri Lévy is to French philosophy what Rondo Veneziano is to Italian baroque music.
Sed ut perspiciatis unde omnis iste natus.
Neque porro quisquam est, qui dolorem.
A table layout combines the concepts horizontally and vertically. Four concepts enter such an analogy in which A is to B as C is to D.
© Dokeos STUDIO, Creative Commons BY-SA license 15 15

16. Interpreting a table 4 weeks 5 weeks 6 weeks 7 weeks Weight 22,8 23,5
24,8
26,0 T°
37,1
37,4
MUAC 21 22
Voltage 12 14
Do these measurements indicate a problem of malnutrition? 
As for a text, it will be necessary to complete a test: click on an image of a table or a question type: When one has A1 and C2, what is the value of D4?
© Dokeos STUDIO, Creative Commons BY-SA license 16 16

17. © Dokeos STUDIO, Creative Commons BY-SA license
Connecting decisions
If you choose F, the power station explodes. I'm not saying it's wrong ... I explain. A B C D E F G
Decision tree. Occurs typically in a logical problem, a functional analysis, the preparatory analysis with a strategic meeting.
© Dokeos STUDIO, Creative Commons BY-SA license 17 17

18. © Dokeos STUDIO, Creative Commons BY-SA license
Ordering a process 1 2 3 4 5
Understanding the process step by step. This can be verified in a quiz-type Matching or elements of the first set are called: First, Second, Third ...
© Dokeos STUDIO, Creative Commons BY-SA license 18 18

19. Including and excluding
Portable
Connection
Is there a portable model with connection but without the keyboard?
Model
Keyboard
Int
The most primitive mathematical concepts are learned in elementary school. Based on the analysis of many problems.
© Dokeos STUDIO, Creative Commons BY-SA license 19 19

20. © Dokeos STUDIO, Creative Commons BY-SA license
Prioritizing concepts
The HRD has the right to look at the objectives defined by the training department, but not at the procedures. A B C D
Applications: prioritize, rank in order of importance, establishing prerequisites, structuring an organization (organization chart) ... To test by matching or elements of a first set are called for example: In priority, the second level of importance, etc.
© Dokeos STUDIO, Creative Commons BY-SA license 20 20

21. © Dokeos STUDIO, Creative Commons BY-SA license
Understanding functions
« The world is a clock that can not be removed. It is necessary to guess the working mechanisms in ascending effects with possible causes.» C B A
Cyclical processes, causal reasoning, mechanical phenomena ...
© Dokeos STUDIO, Creative Commons BY-SA license 21 21

22. Organizing a mental map
In clockwise direction and starting from Brainstorm ...
Mindmapping tools (Mindmanager, Xmind, Dokeos MIND ...) help you structure your ideas by branches, key words and icons.
Mind maps are to be imported as images.
© Dokeos STUDIO, Creative Commons BY-SA license 22 22

23. © Dokeos STUDIO, Creative Commons BY-SA license
Thinking in terms of objectives
I do not want to leave anything to chance. It is necessary that we are able to anticipate the measures to be taken in order to define a precise timing of operations!
Action 2
Action 1
Action 3
Result
Wondering what to implement to achieve a result: the logic of action to be undertaken.
© Dokeos STUDIO, Creative Commons BY-SA license 23 23

24. © Dokeos STUDIO, Creative Commons BY-SA license
Matching elements
I do not want to see anymore that network managers deal with applications on the client station!
Item 1
Item A
Item 2
Item B
Item 3
Item C
Item 4
Item D
Item 5
Item E
By removing elements of the first set, we go to a logic of categorization. Can be tested in QUIZ: matching.
© Dokeos STUDIO, Creative Commons BY-SA license 24 24

25. Understanding a cycle Evaluation Analyse Maintenance Design
How do we know what degree of granularity should describe the cycle?
Evaluation
Analyse
Maintenance
Design
Development
In biological life as in engineering and business processes, there are cyclical processes being described by milestones, unable to include the aspect of continuous transformation.
© Dokeos STUDIO, Creative Commons BY-SA license 25 25

26. © Dokeos STUDIO, Creative Commons BY-SA license
Locating on a timeline
1959: event 2
1978: event 6
1994: event 9
2011: event 12
1969: event 4
1986: event 8
2003: event 11
1960
1970
1980
1990
2000
2010
1967: event 3
1982: event 7
2000: event 10
1956: event 1
1976: event 5
1992: event 8
2015: event 13
Over the past 20 years, our R & D has grown steadily, supported by the development of new markets like China and Brazil.
© Dokeos STUDIO, Creative Commons BY-SA license 26 26

27. © Dokeos STUDIO, Creative Commons BY-SA license
Models of content
E-learning requires a specific context. These models accommodate descriptive pages of the following types: presentation of the trainer, diploma or certificate, objectives of the course...
© Dokeos STUDIO, Creative Commons BY-SA license 27 27

28. © Dokeos STUDIO, Creative Commons BY-SA license
Course Homepage
It is like the “cover of a book”. A beautiful illustrative image in the middle of the page. And in this lower design the relevant information: Author name, version of the document, date, copyright, possible duration of training.
© Dokeos STUDIO, Creative Commons BY-SA license 28 28

29. © Dokeos STUDIO, Creative Commons BY-SA license
Your trainer
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Most of the passive activities… Justifies itself better if it is structured with a subsequent action by the trainee.
Attention to the layout. Newspapers are printed in columns, presented in frames, for better readability.
© Dokeos STUDIO, Creative Commons BY-SA license 29 29

30. © Dokeos STUDIO, Creative Commons BY-SA license
Training Certificate
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Most of the passive activities… Justifies itself better if it is structured with a subsequent action by the trainee.
Attention to the layout. Newspapers are printed in columns, presented in frames, for better readability.
© Dokeos STUDIO, Creative Commons BY-SA license 30 30

31. © Dokeos STUDIO, Creative Commons BY-SA license
Links, bibliography
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Most of the passive activities… Justifies itself better if it is structured with a subsequent action by the trainee.
Attention to the layout. Newspapers are printed in columns, presented in frames, for better readability.
© Dokeos STUDIO, Creative Commons BY-SA license 31 31

32. © Dokeos STUDIO, Creative Commons BY-SA license
Objectives of the course
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Most of the passive activities… Justifies itself better if it is structured with a subsequent action by the trainee.
Attention to the layout. Newspapers are printed in columns, presented in frames, for better readability.
© Dokeos STUDIO, Creative Commons BY-SA license 32 32

33. Take note of an instruction
I said Thursday at the latest!
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
If you have less things to say or information that relates to the organization of the course rather than to its content, a note will emphasize the imperative information.
© Dokeos STUDIO, Creative Commons BY-SA license 33 33

34. Proposals for activities
The following pages are not models, strictly speaking, but ideas for activities to be organized with the various tools offered by Dokeos.
It will be helpful in the thinking stage and script (which can be achieved by printing these slides to release the spirit of technical constraints).
Some authors include in their presentation the description of activities. They then replace in Dokeos, the models of activities by the true activities, in order to keep the thread of the script throughout the production.
© Dokeos STUDIO, Creative Commons BY-SA license 34 34

35. True / false
In the French Civil Code, the legally formed conventions hold a place of law to those who made them. They can be revoked only by mutual consent or for causes authorized by law.
Error, it was the Penal Code ..
True
False
© Dokeos STUDIO, Creative Commons BY-SA license 35 35