Animer un espace web grâce au Flash

Flash Gordon

Définition selon http://www.futura-sciences.com : Logiciel qui permet de créer des animations graphiques et technologiques plus interactives pour un site Web. Il offre une meilleure perspective que le simple code HTML.

Quelle utilité pour un prof doc ? Rendre une communication plus vivante sur son portail documentaire type E-sidoc et/ou sur l’ENT d’un établissement scolaire.

Objectifs :

  • Dynamiser un espace web ;
  • Attirer un lectorat.

Outils basiques (sans codage) en ligne :

Outil freenium qui propose la création de visuels sous forme d’animations Flash. 53 animations sont proposées. On peut créer un compte si l’on souhaite héberger ses créations, les télécharger et les partager. Très simple d’utilisation. Un bémol : une fois que la taille (en pixel) de l’animation est définie impossible de la modifier ; si elle ne convient pas sur la page de votre espace web, il faut refaire une autre animation.

Exemple de réalisation et d’intégration sur un portail E-sidoc sur la thématique de sites web de révision de Brevet :loxastudio

 

 

 

 

Outil freenium, avec une ligne de publicité vers l’outil, intégrée à l’animation, si l’on reste en version gratuite. Énormément de choix : création de textes animés, de bannières, de boutons.. etc. Bémol : ne s’intègre pas à E-sidoc car sauf erreur de ma part celui-ci ne prend pas en compte le .swf (?), mais fonctionne très bien sur un ENT type E-lyco. Demande un peu de temps de manipulation pour un résultat correct.

Exemple d’une réalisation  :Flashvortex demo

 

Ces deux outils restent basiques, ils ne font pas appel à une maîtrise du codage. Ils ne permettent donc pas de réaliser des animations personnalisées.  Si vous avez envie de vous lancer dans l’animation Flash plus élaborée le Canopé d’Amiens propose des liens vers des outils (gratuits) très intéressants qui vous permettent de créer des animations Flash de qualité professionnelle pour les sites Web et d’autres projets sans codage. A mon sens ces outils nécessitent un important temps de prise en main mais peuvent être utiles si l’on a objectif précis.

Booktrailers, BCDI et E-Sidoc !

Au détour d’un chemin de veille, j’ai eu la chance de découvrir le travail réalisé par Caroline Soubic autour du défi Babelio. Outre le grand intérêt pédagogique de ce travail, j’ai pu noter qu’elle avait réussi à intégrer des booktrailers, réalisés sous Powtoon, puis exportés sur Youtube (on verra ensuite pourquoi) à son portail E-sidoc.

Dans l’optique d’une stratégie de valorisation du fond documentaire et de contribution au plaisir de la découverte littéraire grâce  à “une déambulation virtuelle dans les rayons”, je me suis dit qu’intégrer des booktrailers au portail documentaire E-sidoc était une riche idée.

Présentation du projet

Objectifs du projet :

  • Partager des coups de coeur littéraires ;
  • Inciter à la lecture ;
  • Promouvoir de nouveaux livres ;
  • Découvrir un outil de promotion littéraire ;
  • Développer un catalogue 2.0.

 

Première étape : création de Booktrailers dans le cadre du club lecture

Fin d’année pour ma dizaine d’élèves membres du club lecture. Après avoir partagé des coups de cœur de manière hebdomadaire au CDI, après avoir rencontré des enseignants qui ont eux-mêmes présenté leurs coups de coeur de jeunesse, après avoir publié quelques critiques sur le portail documentaire du CDI dans l’espace Club Lecture  et suite à la découverte des booktrailers (grâce au MoocDocTice !) fin mai, j’ai lancé  les élèves dans la réalisation de leur propre booktrailer.

Première séance : définition d’un booktrailer – présentation de booktrailers (sélectionnés sur Internet, réalisés à la fois par des professionnels sur des sites d’éditeurs mais également par des élèves, dans le cadre du défi Babelio bien souvent). Création d’un compte CDI sur le logiciel Powtoon, et enfin présentation du logiciel à l’aide d’un vidéo-projecteur.

Constat : les élèves (niveau 6e/5e) ont mis moins de 10 minutes à prendre en main le logiciel. De petites aides ponctuelles ont été nécessaires mais bien souvent la logique de l’outil leur a paru évidente. Quatre séances ont néanmoins été nécessaires à la réalisation de booktrailers répondant au cahier des charges : présenter un livre que l’on a aimé, résumer l’histoire, donner son avis et faire preuve d’originalité !

Grâce au code source du logiciel Powtoon il a été très aisé de les exporter dans les articles d’E-sidoc. Toutefois je me suis souvenu des remarques de documentalistes sur le MoocDocTice qui précisaient que certaines tablettes, sous Mac notamment, ne pouvaient lire le logiciel Powtoon. Ne souhaitant pas exclure des usagers j’ai donc exporté les vidéos sur une chaîne Youtube en prenant soin de bien les paramétrer (licence Creative Commons). Celles-ci sont désormais consultables sur l’espace « Critiques des élèves » du Club Lecture.

Deuxième étape : insertion de Powtoon dans BCDI

Toujours dans l’optique du développement d’un catalogue 2.0 je me suis ensuite penchée sur l’intégration de ces vidéos dans BCDI. Après quelques tâtonnements j’ai tout simplement intégré le code source de la vidéo exportée sous Youtube dans le champs résumé de la notice. Au préalable j’ai toutefois sélectionné une taille de vidéo inférieure à 300 pixel, sinon cela pose problème pour l’exportation vers E-sidoc.

Voir la capture d’écran : Champs Résumé BCDI

Première bonne surprise : désormais lorsque l’on recherche cette notice dans BCDI installé en réseau la vidéo apparaît elle aussi à la suite du résumé ! Cela donne des idées sur l’intégration d’autres codes sources à BCDI… (Prezi ? Slideshare ?… idées à creuser !).

Voir capture d’écran :Ecran de recherche BCDI Lou

Troisième étape : promotion littéraire

Après avoir mis à jour le portail E-sidoc grâce au connecteur présent sur le serveur, les vidéos sont toutes naturellement apparues sur le portail documentaire.

Un résultat concluant aux yeux de mes élèves (et aux miens !) :

Afin de les partager avec toute la communauté éducative j’ai publié sur la une de l’ENT un petit communiqué expliquant le projet :

Booktrailer ? Le booktrailer ou bande-annonce de livre est une courte vidéo réalisée ou commandée par un éditeur pour présenter un livre afin de mieux le commercialiser.

Dans le cadre du club lecture l’objectif des élèves a été de présenter une critique d’un livre sous une forme originale pour encourager d’autres élèves à lire ! Venez découvrir leurs réalisation.

Dernière étape : évaluer le projet

  • étudier les statistiques de consultation de la vidéo sur Youtube ;
  • étudier les statistiques de consultation du portail E-sidoc ;
  • observer les réactions des élèves face à cette nouveauté ;
  • savourer son plaisir lorsque des élèves de 4ème, non membres du club lecture, se lancent dans la réalisation de vidéo sous Powtoon au CDI car ils ont découvert l’outil sur E-sidoc !