TUIC et formation

Articles avec le tag ‘tutoriel’

Nous voici (peut-être provisoirement) au terme de la série de tutoriels sur les outils de capture. Aujourd’hui, un tutoriel sur les tutoriels… !

En effet, pour faire mes tutoriels animés, j’utilise un logiciel pro (Adobe Captivate) ; mais il y a moyen de faire (presque, il ne faut quand même pas exagérer) aussi bien avec un logiciel gratuit et téléchargeable ici : WINK.

Ce logiciel permet de capturer des écrans, avec le curseur (animé), d’y ajouter à volonté des zones de texte de différentes sortes (titres, zones fléchées, zones transparentes), des formes, des boutons de navigation (hyperliens vers un site web, hyperlien vers une diapositive du tutoriel, boutons Suivant / Précédent). Il génère un fichier animation flash (.swf) et une page web d’interface .htm. Le tutoriel produit peut donc être lu avec un navigateur Internet, localement sur un PC ou bien en ligne sur votre site web…

Tutoriel Wink

Voir le tutoriel sur Wink

Voir le tutoriel test produit avec Wink (quelques diapos, juste pour voir ce que cela donne)

Cliquez pour agrandir

Question classique pour un enseignant ou un formateur: telle page web intéressante, sera-t-elle toujours disponible l’année prochaine ? Et bien il existe un moyen de les capturer, de les stocker, de les organiser, de les transférer sur un support amovible ou un autre ordinateur…

On peut toujours enregistrer une page web avec le classique Fichier –> enregistrer sous (et ne pas oublier qu’on enregistre alors la page web (fichier .htm ou .html) ET les images et fichiers annexes dans un dossier… Mais cela ne fonctionne pas avec des sites web dynamiques (en php par exemple)… et puis il y a un outil très pratique, que je vous présente aujourd’hui : Scrapbook.

C’est de nouveau un module complémentaire du navigateur Firefox…

Tutoriel

Je vous ai préparé un tutoriel, qui complète les précédents, pour constituer une « boîte à outils » de capture et d’annotation de pages web ou d’écrans (voir articles sur Screenpresso et Fireshot…) : voir le tutoriel

Pour compléter cette  boîte à outils, il ne me restera plus qu’à vous présenter Wink… à suivre donc…

J’ai découvert récemment Fireshot, un « module complémentaire » de Firefox…  Avec cet outil, il est aisé de capturer une image d’une page web (sa partie visible à l’écran ou la page entière), et de l’annoter. Pratique pour l’enseignant et le formateur, qui doit faire travailler ses élèves ou stagiaires sur des sites et leur préparer des supports papier ou pdf.

Tutoriel

Voici un tutoriel sur Fireshot

Vous y apprendrez :

• comment installer le module complémentaire
• comment capturer une image d’une page
• comment l’annoter

(Licence Creative Commons – s’ouvre dans un nouvel onglet – soyez patient au 1er téléchargement)

J’ai découvert en même temps un autre module complémentaire de Firefox : Scrapbook. Il sert aussi à capturer des pages web, mais cette fois-ci pas sous forme d’image : il enregistre la page entière et on peut organiser les captures en dossiers. Un historique sophistiqué en somme, mais avec un avantage : les pages sont physiquement enregistrées sur votre PC (pratique, quand on connait la « volatilité » de certaines pages web, blogs d’actualité par exemple). cet outil fera l’objet d’un prochain tutoriel…

Capturer un écran de votre PC ou une région de l’écran, éditer cette capture (redimensionner, couper), y ajouter des annotations (texte, zones, flèches, numéros, zones floutées). Voici tout ce que peut faire pour l’enseignant ou le formateur un logiciel gratuit : SCREENPRESSO. Vous pouvez le télécharger ici : http://fr.screenpresso.com/  (merci à Monica Scarano pour son commentaire indiquant le changement d’URL – 26.01.2012)

Tutoriel

Je vous ai préparé un tutoriel : voir le tutoriel Screenpresso

(Licence Creative Commons – s’ouvre dans un nouvel onglet – soyez patient au 1er téléchargement)

Astuce supplémentaire (découverte après la fabrication du tuto) : pour capturer les éléments qui disparaissent au clic (menu déroulant apparu par clic droit par ex., utilisez la touche Impécr (Impression écran) de votre PC ; si le logiciel Screenpresso tourne, cela fige l’écran et affiche l’outil de sélection de Screenpresso.

Ajout décembre 2011 : la fonction capture vidéo a été appremment activée.

(Voir note en fin d’article)

« Embarquer » des photos ou vidéos sur un site ou un blog, c’est les faire apparaitre, mais à partir du site de partage où elles figurent (Fotopedia, Youtube par exemple)…

Comment faire ? En général, le site de partage de photos ou de vidéos vous facilite la tâche, en produisant le code html nécessaire. Vous n’avez plus qu’à le copier et le coller dans votre site : dans une page web, un article de blog, un « bloc » de votre blog (exemple sur ce blog en colonne de droite, l’album Fotopedia, ou sur l’article Fotopedia).

Un tutoriel

Je vous propose à titre d’exemple un tutoriel pour « embarquer » un diaporama Fotopedia : cliquez ici pour voir le tutoriel (ouvre un nouvel onglet / une nouvelle fenêtre – soyez patients lors du chargement  !)

NOTE : Fotopedia a complètement modifié son site et ne propose plus cette fonction pour créer un nouveau widget d’affichage… par contre, si vous avez déjà un widget Fotopedia installé sur votre site, il suffit de modifier la dernière partie de l’URL si vous souhaitez changer de collection de photos.