Accueil Bonus  8 février 2012
MOS Solo  MOS Chorus  
Chercher :
FRIGO / ViewletBuilder / Lancez-vous ! / Premiers pas /
Méthodologie de production d’une viewlet
Nous vous proposons de suivre cette méthode pour produire des viewlets de qualité. Nous allons nous servir d’un exemple : une leçon de formation sur Word « Comment formater un texte ». Vous allez pouvoir visualiser la viewlet à chaque étape de sa réalisation, et télécharger à la fin la source (le fichier QVP) et le grain SCORM (fichier ZIP).

  • Réalisé avec ViewletBuilder 4, viewlets compilées en flash 6 comprimé haute qualité, avec option SCORM. 
  • Matériau de départ de la viewlet : texte de la fable « Le petit Poisson et le Pêcheur » de Jean de la Fontaine.
  • Objectif : expliquer pas à pas comment formater un texte avec différents attributs dans Word

Etape n°1 : la Capture des écrans

Tout d’abord, on capture des écrans et les mouvements des curseurs, selon un scenario pré-défini ou en reproduisant le plus fidèlement possible la procédure.

Voir la viewlet à ce stade

On a bien capturé toute la procédure, mais il y a trop d’écrans (44 captures), le timing n’est pas bon et les mouvements de curseurs sont imprécis...Normal.

Conseil : Evitez l’option « capture automatique par clic de souris » qui ne permet pas une capture optimium.

Etape n°2 : Fluidisez l’animation

On affine la cinématique des écrans, les mouvements et les formes de curseurs. L’objectif est d’obtenir une démarche fluide et le plus près possible de la réalité (mouvements et formes des curseurs). On élimine certains écrans inutiles, et on en duplique d’autres.

Voir la viewlet à ce stade
A la fin de l’opération, il reste 33 écrans.

Conseil : Sauvegardez régulièrement votre projet, en distinguant les versions successives. Pour cela, définissez et appliquez un plan de nommage et de classement.

Etape n°3 : l’Enrichissement du contenu

On enrichit la viewlet, c’est à dire qu’on lui apporte des commentaires texte ou sonores prévu dans le scénario. A la fin de l’opération, on est passé de 33 à 38 écrans. Une fois la viewlet enrichie, on peut la publier directement (compilation). Surtout si on veut la lancer dans une autre interface ou l’enrober dans un autre produit (Speechi, MOS, Flash,...etc). Mais en général, on passe encore par une étape d’édition si on souhaite en faire un « grain de savoir autonome ».

Voir la viewlet à ce stade

Voir le scenario et les commentaires (PDF)

Etape n°4 : Edition

Dernière étape de la production de la viewlet. On parle ici d’édition au sens « en faire un produit prêt à la diffusion ». Il s’agit donc de la rendre autonome. On dote donc la viewlet d’un générique de début et de fin, et des informations sur la collection, l’éditeur (métadonnées).

On définit le format final et les options de la viewlet. On remplit les zones d’informations (infos produit, infos éditeur). Puis on compile la ou les différentes versions nécessaires (EXE, bas-débit, haut-débit) Si vous utilisez une plate-forme LMS, vous compilerez avec les options SCORM ou AICC.

Voir la viewlet à ce stade A la fin de l’opération, on est passé de 38 à 43 écrans.

Exportation de différentes versions

Télécharger la viewlet sous la forme d’un grain SCORM (ZIP)

Télécharger la source .QVP de la viewlet à l’étape 4 (fichier ZIP)

Voir l’exportation de la viewlet en HTML&JPG (HTML)

Voir l’exportation de la viewlet en Acrobat (PDF)

Voir aussi  :
- 
- Je ne retrouve plus la viewlet que j’avais créée hier ?


Derniers articles
 Le blog MOS Dev de l’éditeur MindOnSite
 AICC est obsolète
 RSS
 Blog
 Exemples
 Qu’est-ce qu’une viewlet ?
 Le « Guide Electronique » du logiciel LG3 de KRYS
 Nomenclature MOS par rapport à SCORM 2004

Copyright © DEMOS les outils du e-Formateur et les ressources du e-Learning Tous droits reserves.
FORMASTORE est un département DEMOS