Amis de l’elearning, chers confrères, chers clients, iLearningForum, cuvée 2012 vient de s’achever. L’heure de dresser un bilan. Ah !! Je m’interromps !! une dépêche vient de tomber depuis elearninginfos.

Je vous reproduis intégralement l’article de notre ami Michel Diaz, nul n’aurait fait meilleur bilan du salon qui vient de s’achever. En toute fin de page, je ne résiste pas à ajouter une touche personnelle. Bonne lecture, un petit régal.

En effet, pas de nouveautés. Mieux, du neuf avec du vieux ! La faute à la mobilité qui fait jaser, flash ou html ? Dans un an on en parlera plus.

Et puis surtout la pépite du salon, un exposant répondant à un visiteur :   »L’interactivité, je n’y crois pas du tout ! »

Le site elearninginfos

Introduit dans la langue française vers les années 1970, le terme infographie désignait déjà la mise en forme graphique de l’information. Les infographistes ont donc longtemps développé leur capacité à hiérarchiser et synthétiser l’information pour en favoriser la compréhension.

Cette pratique a depuis perduré, mais connaît désormais un regain d’intérêt sous le nom de « Data Visualization » ou « DataViz ». La visualisation de l’information emploie de nombreuses méthodes et techniques différentes, montrant une grande diversité d’exécutions.

Avec l’ouverture des données publiques (Open Data), cette pratique évolue vers la visualisation de grands flots d’information, parfois en temps réel. Pour tout concepteur de modules eLearning, les exemples de « Data Visualization » constituent une source intarissable de bonnes idées. Vous pouvez en trouver de nombreux exemples aux liens suivants :

visual.ly
elearningexamples.com

Crédit vidéo : The Value of Data Visualization (Column Five)

9 Ways to Encourage the Adult E-Learners
de Tom Kulhman

Apprentissage formel ou informel ? Les 2, mon capitaine !
de Frédéric Domon

Are learners idiots?
de Cathy Moore

Comment dynamiser une formation à distance?
de Prodageo

J’enseigne moins, ils apprennent mieux…
de Marcel Lebrun

Le tuteur à distance et les fonctions d’accompagnement
de Jacques Rodet

Pédagogie ou didactique
de Henri Boudreault

Storytelling in eLearning: The why and how
de Shelley A. Gable

Crédit photo : tarop (CC BY-NC-SA 2.0)

1.  Le Model Sheet

Le Model Sheet consiste à dessiner le personnage de face et de profil, afin de pouvoir le modéliser en 3d, cette étape est très importante, car la précision du dessin va énormément nous aider pour les proportions du personnage. Le dessin de face/profil fini, je crée des points de couleurs indiquant les zones importantes du visage sur la face et le profil. Ce qui est difficile dans cette étape est de penser déjà en volume, et pas uniquement en image plate, car un dessin ne reflète pas le vrai volume d’un personnage.

2. Les points

Lorsque j’ai fini les points de mon dessin, j’importe dans mon logiciel 3d la face et le profil de mon personnage,  je commence généralement par la tête car c’est le plus gros du travail. Ensuite, je viens placer des points cette fois-ci en 3 dimensions, sur les points dessinés que j’avais créés. Je fais cette manipulation sur le face du personnage, puis je déplace ces points sur le profil aux endroits indiqués. Comme vous pourrez le constater sur l’image, je me retrouve avec des points dans l’espace qui viennent déjà dessiner mon visage.

3. Les lignes

Je vais ensuite relier ces points par des lignes, ce qui va me permettre d’avoir une vision beaucoup plus claire et précise de mon volume dans l’espace. Pourquoi utiliser cette technique ?  Il est très compliqué de se situer dans l’espace, dans le vide, quand on modélise, et ces lignes permettent vraiment de se rassurer sur le résultat final, et même de modéliser sans trop se poser de questions.

4. La modélisation.

Je peux donc attaquer ma modélisation, je vous ai mis plusieurs étapes de conception, pour que vous puissiez voir l’évolution. La modélisation, c’est tout simplement de la sculpture, avec des poygones que l’on empile. Quand on modélise un personnage, il faut déjà penser à l’animation, aux mouvements de bouche, au cou etc…Ce qui impose de modéliser de manière « organique », c’est à dire en essayant de respecter les muscles du visages. Il faudra donc penser à empiler ses polygones de manière souple et en courbes, pour que les mouvements de bouches, de sourcils, d’yeux… se fassent de manière naturelle.Sur l’image vous pouvez voir que le premier visage est assez anguleux et que les autres sont arrondis, c’est juste qu’il y a ce qu’on appelle « un modifier » (c’est une option) qui permet de lisser les polygones, et de les subdiviser et donc de donner un aspect plus arrondi. Il s’agit de la même méthode pour la deuxième image, qui concerne le corps.

.

5. La couleur.

Pour que votre personnage ait une couleur de peau, de vêtements, etc… Il faut passer par une phase de découpe du personnages, qui permet d’extraire les parties que vous voudrez coloriser, on appelle cela un « déplié d’UV ». Quand les découpes sont finies, on obtient (à gauche de l’image) une image avec les différents éléments du corps, qui va nous permettre de coloriser.

6. La couleur appliquée.

Voilà le résultat quand la couleur est appliquée a gauche l’UV au milieu L’UV avec la couleur et tout à droite le personnage colorisé.

7. Le Morpher (les expressions)

Quand la couleur est fini on passe à une étape assez longue (les précédentes l’étaient aussi -_-’…) qui s’appelle le « Morpher », qui permet de faire parler votre personnage, ou de le faire ronchonner, ou rigoler etc…. Il peut même vous servir a bouger le col, les cheveux, les oreilles, c’est tout ce qui va rendre votre personnage vivant au niveau expressions. Pour cela, il faut dupliquer le personnage de base, et sur chaque personnage, bouger la modélisation afin de faire un sourcil levé, puis la bouche ouverte, puis les yeux fermés. Pour un sourcil bougé, ou la lettre A …enfin toutes les expressions, il y a une tête différente; c’est pour cela que sur l’image vous voyez tant de personnages, c’est tout simplement toutes les expressions qui vont agir sur le personnage d’origine.

8. Série d’expressions.

Voilà quelques exemples d’attitudes , qui permettent de se rendre compte de la diversité de mouvements du visage.

9. Le Skinning (mettre un squelette dans le corps du personnage, pour le faire bouger)

L’étape la pire est arrivée…O_o le skinning. On créé donc un squelette que l’on appelle « Biped ». La première étape consiste à grossir ou réduire les membres du squelette, pour que la forme finale de celui-ci corresponde a la forme de notre personnage.

10. Le Skinning Etape02.

Quand le squelette est inséré dans le corps de notre personnage, on lui applique un « Modifier », qui se nomme « Physique », il va nous permettre de créer des liens entre notre modélisation et notre squelette. C’est ici qu’intervient la difficulté, car pour expliquer simplement, il faut assigner les différents polygones de notre personnages, aux membres de notre squelette, sauf que ça ne se fait pas de manière nikel tout de suite, comme vous pouvez le voir sur la droite de l’image, quand on bouge notre personnage les membres sont tirés…(enfin c’est difficile a expliquer, mais en tout cas c’est une étape qui ne vous laisse pas indifférent à la 3d -_-’….).

11.Le rendu.

Brefffffffff !!! Le skinning fini, Youuhhouuuhhhhhh , on peut s’amuser. Mais pour faire une belle image, il faut encore bosser un petit peu. Le rendu de l’image est très très divers, et ce que je vous propose c’est propre à un style que j’aime. Je procède donc en différentes passes, ou si vous voulez, en différents calques, de mon personnage. Je sors un calque de couleur, puis un calque de lumière, puis un calque d’ombre très réaliste, que l’on appelle « occlusion ». Puis ces trois images fusionnées, vous obtenez un rendu sympathique.

12. L’animation.

Ca c’est l’éclate, quand on sait animer…Si votre esprit Marionnettiste se révèle et bien vous allez kiffer. Je vous ai glissé une petite vidéo, que j’ai réalisé, sauf pour l’animation, (il s’agit de Motion Capture).

En espérant que ces petites explications vous ai plu. Bye bye

Untitled from Gaeluss on Vimeo.

Pour un avant-goût, voici une vidéo réalisée pendant l’édition précédente :

ILearning Forum 2011 par La-Fontaine-a-Films

Et pour en savoir plus, le site de l’évènement : www.ilearningforum.org

Les modules e-learning conçus en Flash ne fonctionneront plus sur les terminaux mobiles, c’est la conséquence de l’annonce faite par Adobe le 10 novembre dernier.

Lapidaire. 3 lignes en guise d’éloge funèbre.

Vous trouverez le coupable dans l’une de vos dernières newsletter. Comment dire… C’est tout faux ! 1 sur 20, parce que le zéro est éliminatoire. Et puis, ça veut dire quoi « ne fonctionneront plus » ? Ils ont un jour fonctionné via Flash Player sur iPad ou iPhone ??? Là, on frôle la provocation, presque de la propagande.

Le player Flash est abandonné, pas Flash ! Pas ActionScript ! Dire qu’il y en a qui ne font toujours pas la différence, je devrais encore retirer un demi point. Aussi, je peux vous installer du Flash sur votre iPad ou iPhone quand je veux, ouep ! Via le player Air. Ca vous en bouche un coin, non ?

Il est parfois difficile d’imaginer créer un module eLearning digeste à partir d’un document informatif et peu graphique. Voici quelques conseils pour apporter de la valeur ajoutée rapidement et à moindre coût à une formation en ligne essentiellement transmissive.

• Interrogez-vous sur le bénéfice de votre module pour l’apprenant. Considérez qu’il va investir son temps dans votre formation et que celle-ci doit lui permettre de le rentabiliser ultérieurement, par exemple en gagnant du temps, en évitant un accident, une erreur, un gaspillage ou encore en remportant un contrat. Synthétisez ce bénéfice en une phrase qui sera l’objectif de votre module et que vous indiquerez dans ses premières minutes.

• Prenez un surligneur et ne conservez que les informations que vous considérez comme indispensables. Faites le deuil des informations « intéressantes pour la culture générale ». Dans le contexte actuel « d’infobésité », elles se transforment en « bruit informationnel ».¹

• Si vos apprenants n’ont pas tous besoin de se concentrer sur les mêmes parties de votre contenu, distinguez les différents besoins et déclinez votre module en plusieurs parcours.

• Découpez votre contenu en petites parties. Et demandez-vous ce que l’apprenant doit retenir pour chacune d’elle en une seule phrase.

• Utilisez deux niveaux d’information : un premier avec les informations qui nécessitent une réflexion de la part de l’apprenant pour être comprises et un second avec des informations brutes ou des données chiffrées. Le premier niveau constituera le coeur du module et le second sera présenté via des pièces jointes, un glossaire ou encore une foire aux questions.

• Utilisez au mieux les canaux auditif et visuel de l’apprenant en limitant les informations visuelles aux mots clés et schémas ; et les informations auditives aux explications.² Ne perdez pas de vue qu’une image vaut toujours mieux qu’un long discours.

• Astreignez-vous à limiter la durée de votre module à 20 minutes (ce qui correspond environ à 3000 mots). Au-delà, l’attention de vos apprenants sera probablement insuffisante pour qu’ils puissent réellement tirer profit des informations que vous souhaitez leur apporter.

• Ajustez le degré de liberté de navigation de l’apprenant en fonction du contenu : restreint s’il s’agit d’une procédure à suivre strictement, libre dans les autres cas.

• Questionnez l’apprenant systématiquement avant de lui apporter le contenu. Cela lui permettra d’enclencher un travail de réflexion et de trouver de lui-même des idées qui seront ensuite confirmées ou non.

• Gardez en tête que vous ne pouvez pas faire apprendre quelque chose à un apprenant. Vous pouvez seulement mettre en place les conditions adéquates dans lesquelles il pourra apprendre.³

¹ Speedernet (2011, avr.). « (In)formation en ligne »
http://www.elearning.fr/2011/04/information-en-ligne/

² Colvin Clark, R., Mayer Richard E. (2008). E-Learning and the Science of Instruction – proven guidelines for consumers and designers of multimedia learning. San Francisco, CA, Pfeiffer.

³ Lebrun, Marcel (2010, dec.) « J’enseigne, oui … Apprennent-ils ? Pas certain ? Alors, explicitez ! »
http://lebrunremy.be/WordPress/?p=405

Crédit photo : Andi Sidwell (CC BY-SA 2.0)

Je trouve que c’est un bon compromis pour les puristes, qui ne jurent que par le traditionnel! Je vous laisse regarder la vidéo.

Bye

Petite piqûre de rappel à trois semaines de l’évènement : Speedernet sera présent sur le stand 2 de l’iLearning Forum Méditerranée à Marseille les 6 et 7 octobre prochain. Nous vous attendons pour échanger et vous présenter nos activités (conception de contenus sur-mesure, BD interactive, conseil stratégique autour de l’industrialisation des contenus, le choix de plateforme, les outils auteur, formations aux outils et aux méthodes), ainsi que nos dernières réalisations.
Pour en savoir plus