Stage Urfist de Rennes - 16/03/2011

1. Donnez vie à vos supports avec
Le Screencasting
Julien Sicot - stage URFIST - 16·03·2011
by Wikimedia

2. screen = écran
cast = projection
“un screencast ou capture vidéo de
l'écran est un enregistrement vidéo d'un
écran d'ordinateur accompagné la
plupart du temps d'une narration
audio... un film de ce que l’utilisateur
voit à l’écran” source : wikipedia
by [f]oxymoron

3. Typologie
Simple powerpoint commenté
Vidéo ET/OU Texte ET/OU Voix
Capture rapide et directe
Montage + Enrichissement
by Jungle_boy

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. 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ût
by afsilva

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 à jour
by afsilva

7. Le matériel
• Évaluer l’environnement du public
• Un PC + micro de bonne qualité (à
condensateur) + casque + webcam
by Hans on Experience

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 web
Wikipedia : Comparison of screencasting software
by Cajie

9. Windows MacOS
Camtasia Studio $ Screenflow $
Adobe Captivate $ Camtasia Mac $
Camstudio Wink Jing
Jing
Dans les
Linux nuages
RecordMydesktop Screenr
Wink ScreenJelly
+ Avidemux SreenCastle

10. Etapes pour réaliser un
screencast
by Cien de Cine

11. Étape #1 : une bonne histoire
• Objectifs
• Message
• Public visé
• Durée
• Type de screencast
by GiPereira

12. Rédaction du script
by SixRevisions

13. Storyboard
by Arthaey

14. Faire du screencast un
divertissement*
*Eviter de tomber dans les pièges du powerpoint
by Bonita Sarita

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. Étape #3 : la prise de vues
by Chris-Håvard Berge

17. Rendre l’écran neutre
by Duane Storey

18. Définir la zone de capture
et la résolution
1024x768 pour du 4/3
1280x720 pour du 16/9
by Matthew McVickar

19. S’isoler
by Paco Lyptic

20. Zen attitude
• Naviguer lentement
• Eviter les gestes brusques
avec la souris
• Utiliser les raccourcis clavier
(Play/Pause/Stop)
by St Stev

21. Capturer les scènes
les unes après les
autres en fonction
du storyboard
by Reinis Traidas

22. S’organiser : bien
nommer et classer
chaque fichier
capturé
by Mark Brannan

23. Étape #4 : la prise de son
by ayhc

24. Son = 50% de
l’expérience
William Hook

25. voix => permet
d’humaniser le
numérique
by Kerolic

26. Ne pas oublier les
formules de politesse
«bonjour, bienvenue, merci
d’avoir consulté, à bientôt...»
by romulusnr

27. 3 fois sinon rien
Début Milieu Fin
Présenter Expliquer Répéter et
reformuler
by ShellyS

28. S’adresser directement
aux utilisateurs
by eSeL.at

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. En fait
euh
zut
Attention aux tics
de langage
Arf
Voilà
ouais

31. Ne pas hésiter à utiliser
le bouton pause pour
laisser la voix se
reposer
by Mark Brannan

32. Étape #5 : la postproduction
by Olivier Engel

33. Choisir une résolution ni trop
basse ni trop élevée
by PlayStar Rocker

34. Consulter la doc et
l’aide du logiciel
by Kosar

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. Si besoin, découper vos
screencasts en épisodes = fidéliser
votre public
by Kopp38

37. Assurez-vous qu’il y a
toujours quelque chose
à regarder ou à écouter
by Green Heat

38. Ajouter des transitions
entre les scènes
by Maria Rosaria Sannino

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. Place aux effets : enrichir votre
screencast avec des titres,
images*, figures, animation, etc.
* utiliser des images de haute résolution
by Wikimedia

41. Ajouter un fond sonore
by Gregory Moine

42. Utilisation VS Surutilisation
Faire un usage modéré des
effets visuels
Rester simple et subtil
by harpseal

43. Apprendre en étant soi-
même consommateur de
screencasts
by tnarik

44. Toujours conserver et
archiver les sources
by Editor B

45. Étape #6 : la distribution
by David/Schofield

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. 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 services
by Daquella manera

48. Visionnage
by Zorro

49. Démo

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.