© 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

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

© 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

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

© 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

© 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

© 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

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

© 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

© 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

© 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

© 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

© 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

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

© 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

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

© 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

© 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

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

© 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

© 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

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

© 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

© 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

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

© 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

© 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

© 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

© 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

© 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

© 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

© 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

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

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

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