TUIC et formation

Archive pour la catégorie ‘Tutoriels’

La découverte du moment (pour moi du moins) : PREZI.

C’est quoi ? Un outil de présentation à base de flash. Contrairement à Powerpoint, pas de « diapositives » séparées, mais une seule grande « feuille », agrandissable à l’infini et sur laquelle on place, un peu sur le mode des cartes conceptuelles, du texte, des images, des vidéos… Il suffit de double-cliquer sur l’espace de travail pour insérer un texte et une « roue d’outils » propose l’insertion de fichiers et toutes les autres fonctions. Si on insère un lien web (avec le http://) il est automatiquement actif (petite astuce : seulement quand on a fermé puis réouvert l’éditeur prezi

Quand un élément est créé, un clic fait apparaitre une « roue zébrée », qui permet de l’agrandir ou le rétrécir, le déplacer, le faire pivoter…

Quand tous les éléments sont en place, on pourra créer un « chemin » (outil path) en cliquant successivement sur les éléments, dans l’ordre où on veut qu’ils apparaissent. On pourra bien entendu modifier à volonté ce chemin, si les essais en visualisation ne sont pas concluants.

Quand la présentation est prête, on peut la mettre en ligne sur le site prezi.com (uniquement en public si compte gratuit / possibilité de la rendre privée avec un compte payant ou le compte gratuit éducation) ou l’enregistrer en pdf ou encore produire une présentation « à emporter » (fichier zip). Si votre présentation est en ligne, vous pouvez produire le code html qui vous permettra de « l’embarquer » (embed) dans un article de blog ou une page de site.

Quand on va projeter cette présentation, ou quand un visiteur va la consulter en ligne, il suffira de cliquer sur le bouton « Play » pour avancer dans la présentation, selon le « chemin » programmé : l’effet de « survol » entre chaque élément et un « zoom » pour le présenter à la bonne taille sont assez impressionnants et très fluides… mais attention à ne pas faire trop pivoter vos éléments ou à parcourir un chemin sautant entre des points éloignés, sinon mal de mer garanti pour votre auditoire et il est toujours possible de cliquer-glisser pour se déplacer et d’utiliser la molette de la souris pour zoomer/dézoomer (notons qu’en compte édu ou en compte payant, lors de la mise en ligne ont peut autoriser/interdire certaines fonctions…)

Signalons que le site prezi.com propose des tutoriels vidéo bien faits (en anglais, mais simples à comprendre), qu’il existe un petit guide en français, et que de toute façon l’outil est assez intuitif et facile à prendre en main quand on a suivi le tutoriel de 3 mn de présentation générale. Pour aller plus loin, un tuto de 15 mn est proposé et une aide texte, en anglais toujours…

Sur les comptes payants, on peut utiliser un éditeur hors ligne (proposé au téléchargement même en compte gratuit, mais limité à un essai de 30 jours) ; sinon, on peut toujours éditer son prezi en ligne. Et n’oubliez pas, si vous avez une adresse mail professionnelle, sur le nom de domaine d’un établissement ou institut ou organisme du domaine de l’éducation et de la formation, vous pouvez ouvrir un compte gratuit éducation, plus avantageux que le compte gratuit grand public… et les tarifs des comptes payants ne sont pas prohibitifs pour le moment.

Comme une petite démo vaut mieux qu’un long discours, voici ci-dessous  la présentation de l’institut où je travaille, que je viens de réaliser en deux trois heures… pour une première prise en main, je trouve que c’est assez efficace – ce n’est pas moi que je loue ainsi, mais l’outil   Vous pouvez voir l’animation « embarquée » dans un site web, en situation sur cette page.

et aussi…

• le site prezi.com
• les tutos prezi (en anglais)
• un petit guide en français
• nouveau ce 23/06/11 : un tuto sur Prezi réalisé avec prezi (en français)
• plein d’exemples

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.