Donnez vie à vos supports avec le Screencasting

4 564 vues

Publié le

Stage Urfist de Rennes - 16/03/2011

Publié dans : Formation

Donnez vie à vos supports avec le Screencasting

  1. 1. Donnez vie à vos supports avecLe Screencasting Julien Sicot - stage URFIST - 16·03·2011 by Wikimedia
  2. 2. screen = écran cast = projection “un screencast ou capture vidéo de lécran est un enregistrement vidéo dun écran dordinateur accompagné la plupart du temps dune narration audio... un film de ce que l’utilisateur voit à l’écran” source : wikipediaby [f]oxymoron
  3. 3. Typologie Simple powerpoint commenté Vidéo ET/OU Texte ET/OU Voix Capture rapide et directe Montage + Enrichissementby Jungle_boy
  4. 4. Quels usages ? • apprentissage d’un logiciel, d’un outil, d’une ressource • trucs et astuces • support suite à une formation en présentiel • support entre collègues (procédures) • présentation enrichie • visite guidée, promotion d’un service • test d’usabilité D’après Stéphane Wattier, “Quels usages du screencasting pour la formation?” In Si loin si proche 15 octobre 2010,by Mark Brannan
  5. 5. Avantages • Concevoir de manière autonome des supports engageants • Englobe plusieurs procédés d’apprentissage • Une image vaut mille mots • Montrer comment faire ! • Communiquer sur ce qui ne peut s’expliquer facilement • S’adapte au rythme de l’utilisateur • Adéquation avec pratiques actuelles du web • Facilité de diffusion et de dissémination • Faible coûtby afsilva
  6. 6. Inconvénients • Nouvelle forme de communication et nouvelle approche pédagogique = nécessite un apprentissage • Consultation parfois linéaire • Il est difficile de rechercher un passage précis dans un screencast • Temps passé pour concevoir, produire et mettre à jourby afsilva
  7. 7. Le matériel • Évaluer l’environnement du public • Un PC + micro de bonne qualité (à condensateur) + casque + webcamby Hans on Experience
  8. 8. Choisir son logiciel• Payant, gratuit, libre• En ligne / À installer• Possibilité d’enregistrer la voix, une webcam (en simultané ou non)• Capacités d’édition audio/vidéo (gestion multipiste)• Enrichissements / effets (zoom, pan)• Plugin Powerpoint• Ergonomie• Chapitrage / Sous-titrage• Formats de sortie• Exportation directe vers le webWikipedia : Comparison of screencasting software by Cajie
  9. 9. Windows MacOSCamtasia Studio $ Screenflow $Adobe Captivate $ Camtasia Mac $Camstudio Wink Jing Jing Dans les Linux nuages RecordMydesktop Screenr Wink ScreenJelly + Avidemux SreenCastle
  10. 10. Etapes pour réaliser un screencast by Cien de Cine
  11. 11. Étape #1 : une bonne histoire • Objectifs • Message • Public visé • Durée • Type de screencast by GiPereira
  12. 12. Rédaction du script by SixRevisions
  13. 13. Storyboardby Arthaey
  14. 14. Faire du screencast un divertissement**Eviter de tomber dans les pièges du powerpoint by Bonita Sarita
  15. 15. Étape #2 : les répétitions • Ne pas céder à l’improvisation • Simuler le didacticiel pour éviter les oublis et pour évaluer la durée finale by Lieven Soete
  16. 16. Étape #3 : la prise de vues by Chris-Håvard Berge
  17. 17. Rendre l’écran neutre by Duane Storey
  18. 18. Définir la zone de capture et la résolution 1024x768 pour du 4/3 1280x720 pour du 16/9by Matthew McVickar
  19. 19. S’isolerby Paco Lyptic
  20. 20. Zen attitude• Naviguer lentement• Eviter les gestes brusques avec la souris• Utiliser les raccourcis clavier (Play/Pause/Stop) by St Stev
  21. 21. Capturer les scènes les unes après les autres en fonction du storyboard by Reinis Traidas
  22. 22. S’organiser : biennommer et classer chaque fichier capturé by Mark Brannan
  23. 23. Étape #4 : la prise de son by ayhc
  24. 24. Son = 50% de l’expérienceWilliam Hook
  25. 25. voix => permetd’humaniser le numériqueby Kerolic
  26. 26. Ne pas oublier les formules de politesse «bonjour, bienvenue, merci d’avoir consulté, à bientôt...»by romulusnr
  27. 27. 3 fois sinon rien Début Milieu FinPrésenter Expliquer Répéter et reformuler by ShellyS
  28. 28. S’adresser directement aux utilisateursby eSeL.at
  29. 29. • Eviter de réciter ou lire, préférer un style conversationnel• Adopter un rythme posé, ne pas parler trop vite• Varier les intonations• Utiliser un vocabulaire simple• Faire part de son expérience et utiliser l’humour by zigazou76
  30. 30. En fait euhzut Attention aux tics de langage Arf Voilà ouais
  31. 31. Ne pas hésiter à utiliser le bouton pause pour laisser la voix se reposer by Mark Brannan
  32. 32. Étape #5 : la postproduction by Olivier Engel
  33. 33. Choisir une résolution ni trop basse ni trop élevée by PlayStar Rocker
  34. 34. Consulter la doc et l’aide du logicielby Kosar
  35. 35. Durée d’attention en diminution progressive 3 à 4min = format idéal Ne pas dépasser les 8min by Tamás Mészáros
  36. 36. Si besoin, découper vos screencasts en épisodes = fidéliser votre publicby Kopp38
  37. 37. Assurez-vous qu’il y a toujours quelque chose à regarder ou à écouterby Green Heat
  38. 38. Ajouter des transitions entre les scènesby Maria Rosaria Sannino
  39. 39. Pour certaines actions : utiliser les effets de zoom, focus, modifier le style du curseur, assombrir certaines parties de l’écran, etc...by toolstop
  40. 40. Place aux effets : enrichir votre screencast avec des titres, images*, figures, animation, etc. * utiliser des images de haute résolutionby Wikimedia
  41. 41. Ajouter un fond sonore by Gregory Moine
  42. 42. Utilisation VS Surutilisation Faire un usage modéré des effets visuels Rester simple et subtilby harpseal
  43. 43. Apprendre en étant soi- même consommateur de screencastsby tnarik
  44. 44. Toujours conserver et archiver les sourcesby Editor B
  45. 45. Étape #6 : la distribution by David/Schofield
  46. 46. Exporter votre projet dans différents formats .avi et .mov (quicktime) .swf ou .flv (flash player) mp4/m4v (pour les terminaux mobiles) => Aujourd’hui développement des lecteurs au format HTML5 by Carbon Arc
  47. 47. Choix de l’hébergeur • Rapidité importation/conversion • Options de téléchargement / Partage / Code embarqué • Options d’upload / Espace de stockage / bande passante • Qualité de la vidéo et de l’audio après conversion • Formats supportés • Métadonnées • Payant / Gratuit • Audience / Pérennité • Possibilité de créer une page institutionnelle • Statistiques • Licences creative commons • Flux podcast / RSS / ITunes ➞ Privilégier une plateforme de partage de vidéo (ex : youtube) plutôt que l’hébergement sur un site web Wikipedia : Comparison of video servicesby Daquella manera
  48. 48. Visionnageby Zorro
  49. 49. Démo
  50. 50. Quelques ressources• « lib20 / resources-screencasting ». In : lib20 wiki. • Alison Aldrich. « Screencasting: Creating Online Tutorials ». In : Slideshare.com . 2009.  • Andreas Zeiter. « Most Common Mistakes in Screencasting ». In : Smashingmagazine.com. 2010.  • Beth Kanter. « Screencasting for Nonprofits ». In : Slideshare.com . 2007.   • Beth Kanter. « Screencasting Primer ».  • Eric Obon. « Le screencasting ». In : Prezi.com . 2010.   • Ian Ozsvald. « The Screencasting Handbook - Teaching you to become a better screencaster ».2010.  • Jeffrey Way. « How to Create Screencasts ». In : Nettuts+ . 2009.  • Jon Udell. « What Is Screencasting ». In : O’Reilly Media . 2005.  • Michael Steeleworthy. « Screencasting in libraries: build a relationship and not a movie ». In : the zeds : academic librarianship . 2010.  Mickael Rees. « Screencasting to Enhance Teaching Materials ». In : Slideshare.com . 2009.  • Techsmith. Manuel d’utilisation Camtasia 7 . 2010.• Torley. « How to Master Screencasts in Seven Steps ». In : Mashable.com. 

×