TUIC et formation

Archive pour la catégorie ‘Web’

Ce que vous voyez ci-dessus, c’est ma page « PEARLTREES »… mes « arbres à perles »…un outil que j’ai découvert en juin et qu’il me tardait de vous présenter, tant il me semble intéressant pour son usage personnel et pour un usage pédagogique.

PEARLTREES

La problématique : j’accumule sur mon PC des signets vers des pages web intéressantes, pour pouvoir les retrouver par la suite et les utiliser dans mes cours et stages… mais je suis le seul à en profiter et je ne profite pas des pages trouvées par d’autres internautes. Pearltrees permet d’organiser ces signets de façon visuelle et surtout de les partager et de profiter des trouvailles des autres, voire de collaborer en équipe sur une thématique.

« CONTENT CURATION »

C’est le concept de CONTENT CURATION (désolé pour l’anglicisme, je ne connais pas le terme français correspondant) : un moteur de recherche web humain, élaboré par des experts (attention, système ouvert comme Wikipédia, pas de gage de qualité des dits experts) et pas basé sur un scan systématique des pages et un traitement par algorithme comme chez Google et consorts. Il existait déjà des annuaires spécialisés, des sites de partage de signets (Delicious par ex.), des représentations graphique des résultats de recherche… Pearltrees, c’est tout cela à la fois…

DECOUVRIR, EXPERIMENTER (TUTORIEL)

N’hésitez pas à parcourir mes Pearltrees professionnels. Et si vous souhaitez vous y mettre, consultez le tutoriel vidéo que je vous ai préparé (n’oubliez pas de mettre le son sur votre PC quand vous le consultez) : voir le tutoriel Pearltrees.

En savoir plus sur Pearltrees (article Wikipedia)

Vous êtes enseignant ou formateur, vous utilisez Powerpoint (et cela ne rend pas idiot, contrairement à ce qu’on peut lire suite à la parution d’un bouquin sur le sujet aux USA… tout dépend de l’usage qu’on en fait !)… Vous souhaitez utiliser ce Powerpoint en ligne (ou localement d’ailleurs) et l’enrichir, pour servir de support à une séquence de formation à distance, ou tout simplement le mettre en ligne en permettant aux visiteurs de votre site de le voir confortablement, sans le télécharger.

AUTHOR POINT est l’outil qu’il vous faut. Je l’utilise depuis plusieurs années et je le trouve toujours aussi efficace. La version « Lite » est téléchargeable et gratuite : il vous faudra seulement laisser une adresse mail.

Vous téléchargez le logiciel, vous l’installez. Il est léger et l’opération est rapide. L’installation ajoutera au logiciel Powerpoint (2007) un onglet dans le ruban ; vous pourrez donc générer votre fichier flash directement depuis Powerpoint.

Author Point Lite respecte les animations de votre diaporama, la narration (audio) et le minutage, s’ils existent. Vous pouvez indiquer qui vous êtes et ajouter un logo ; en modifiant un fichier xml (voir mon tuto), vous pourrez franciser un peu l’interface de présentation, mais en version gratuite le fichier flash source est protégé, donc vous ne pourrez pas aller très loin dans la personnalisation… il ne faut pas non plus demander la lune ! Authorgen est déjà généreux en nous proposant cet outil gratuitement et en n’ajoutant qu’un tout petit logo discret en bas à droite de votre présentation.

Pour l’enseignement et la formation, je vous conseille de choisir l’interface « e-learning standard », qui ajoutera deux fonctions intéressantes : un sommaire, construit automatiquement à partir des titres de vos diapos et un outil de recherche plein texte (et oui, et tout cela est gratuit… merci Authorgen !).

Vous récupérez un dossier contenant l’animation swf, la page html de lancement et d’interface et des fichiers de script. Vous mettez en ligne et faites un lien vers la page index.html et le tour est joué.

Voir une démonstration ici

Tutoriel vidéo

Licence Creative Commons (Paternité – Non commercial – Pas de modification)

Depuis ce mercredi, le site Gallica de la Bibliothèque Nationale de France propose un nouvel outil : un lecteur exportable (voir cette page). Il vous permet d’afficher un livre, un manuscrit, une partition numérisés directement sur votre site, dans un lecteur flash « feuilletable ». Vous pourrez personnaliser l’affichage : taille, présentation, couleur de fond, page affichée au départ…

Un exemple avec ce manuscrit du XVème siècle : Le livre du Coeur d’amour épris, par le roi René d’Anjou.
Au passage de la souris sur le lecteur, vous aurez accès aux fonctions de partage (en haut), mais surtout (en bas) à l’affichage en plein écran et au lien vers le document sur le site de Gallica (logo Gallica).

Attention, ce lecteur n’est pas proposé pour tous les types de documents et il l’est uniquement pour les documents numérisés par la BNF elle-même.
Pour le vérifier, affichez le document et cherchez en bas le lien « lecteur exportable »

en cliquant sur le lien [Personnaliser le lecteur], vous aurez à droite un aperçu du lecteur avec le document choisi et à gauche les options pour le personnaliser N’oubliez pas de cliquer sur le bouton [Rafraichir l'aperçu] à chaque modification. Quand le résultat vous satisfait, copiez le code html proposé et collez-le dans votre page (en mode html bien sûr).

Voir un petit aperçu ci-dessous (Cliquez pour agrandir).

Si vous souhaitez un affichage plus léger, vous avez toujours la possibilité d’insérer un lien vers le document numérisé (ou vers une page précise du document) : copiez-insérez le code dans le champ [permalien vers le document] (ou vers cette page après avoir affiché la page souhaitée). Voir la première copie d’écran dans cet article.

voir le document sur le site de Gallica

ou d’afficher une vignette vers le document, qui servira de lien : copiez-insérez le code dans le champ [Vignette exportable]. Dans ce cas, la vignette affiche la couverture du document, vous n’avez pas le choix.

Le livre du Coeur d amour épris, par le roi René d Anjou.
Source: Bibliothèque nationale de France

ATTENTION ! Assurez-vous de bien copier TOUT le code à partir du site de Gallica, sinon cela ne fonctionnera pas ! Mon conseil : cliquez dans le champ à copier et tapez au clavier ctrl+a pour tout sélectionner, puis ctrl+c pour copier la sélection… et bien sûr insérez les lignes de code en mode html dans votre site, sinon c’est le code qui apparaitra sur votre page et pas le document 

Astuce : vous souhaiterez peut-être que le site Gallica s’affiche dans un nouvel onglet du navigateur, pour que votre propre site reste accessible à votre visiteur… Il vous faudra ajouter ce bout de code (en mode html): target="_blank" dans le lien ; le lien commence par la balise html <a. Par exemple :

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