Sur la route de la Geek I'll still be a geek after nobody thinks it's chic !

20fév/120

HowTo : organiser un Learning Lab Popcorn.js

Ceci est une traduction d'un article de Michelle Thorne, qui travaille chez Mozilla. Ce genre d'événement d'enseignement aurait une belle place dans le Mozilla Space dont je parlais plus tôt, d'où la traduction.

Learning Lab Popcorn

Un labo d'enseignement Popcorn (ou Learning Lab Popcorn) est un événement permettant aux développeurs et aux réalisateurs de films de se familiariser avec la technologie Popcorn.js, une bibliothèque HTML5 Javascript qui permet d'intégrer les technologies du Web dans la production de médias.

Les participants peuvent créer de nouvelles extensions, bidouiller des modèles et coder des démonstrations qui mélangent des informations à des vidéos, en utilisant des outils ouverts et un design collaboratif.

Ce guide a pour but de vous permettre d'organiser un learning lab de manière autonome.

Pourquoi Popcorn ?

Outre le fait que c'est une librairie amusante qui permet de bidouiller des vidéos facilement, c'est aussi un outil puissant qui permet de créer des vidéos parfaitement intégrées dans les technologies Web. Christian Heilmann a fait du bon travail en décrivant ses points forts :

  • la vidéo est par nature assez compliquée à éditer et à modifier
  • une vidéo est souvent une boîte noire, non indexée sur le Web
  • la séparation entre l'information et la vidéo permet de faciliter la maintenance, l'amélioration, l'accessibilité et la découverte
  • l'élément video dans HTML5 n'est qu'un nouvel élément de la page
  • l'horadatage est la base
  • on peut bidouiller le Web en temps réel grâce à Popcorn.js

Il existe aussi de nombreuses démonstrations des capacités de Popcorn.js. N'hésitez pas à y jeter un coup d’œil !

Que faire ?

Les participants vont mettre les mains dans le cambouis en partageant leurs bidouilles et en se faisant évaluer par leurs pairs. Les démos venant de la communauté Popcorn peuvent être prises comme source d'inspiration.

La devise est : Partager et faire !

Les Learning Labs peuvent être organisés en partenariat avec Mozilla, qui fournit son expérience et sa connaissance approfondie du logiciel, et avec l'aide de la communauté de Popcorn.

Mozilla travaillera avec les partenaires pour assurer aux participants une compréhension plus approfondie des possibilités de Popcorn et une manière de l'enseigner.

Le laboratoire d'enseignement peut également être auto-organisé, en suivant ce présent guide !

Qui ?

Les équipes sont constituées de :

  • développeurs Web possédant des compétences en Javascript
  • cinéastes audacieux qui veulent jouer avec le code
  • contributeurs Popcorn.js expérimentés

De petites équipes de développeurs Web sont mélangées avec des contributeurs expérimentés. Les facilitateurs et les Web designers peuvent aussi jouer un rôle durant ce genre de sessions d'événements.

Comment ?

Préparation

Mozilla ainsi que les partenaires de l'événement contactent la communauté Popcorn, les développeurs Javascript ainsi que les cinéastes de la région. Grâce à des entretiens avec un petit échantillon de participants, il est possible de calibrer le niveau de compétence et les intérêts du groupe, en affinant l'ordre du jour autour de ce que les gens veulent apprendre et faire.

Agenda

Tous les animateurs et les participants se regroupent pour une démonstration. Les contributeurs Popcorn font un rappel des bases du framework Javascript, en mettant en avant les principales fonctionnalités et utilisations de développement.

Durant la première session de bidouillage, selon les compétences techniques en présence, les participants peuvent choisir de :

  • jouer avec Popcorn Maker - un environnement de création de vidéos interactives - et rendre une vidéo interactive
  • ou plonger de le développement d'extensions, une manière puissante d'ajouter des services, comme Flickr, Open Street Map, Document Cloud, ou d'autres fonctionnalités, pour enrichir les vidéos.

Après avoir produit un premier "hack", le groupe partage son résultat. Les participants donnent des retours d'utilisation, rapporte des bugs, proposent leur aide et notent des manières d'améliorer l'expérience.

Durant la seconde session de bidouillage, vous pouvez :

  • créer votre propre template Popcorn Maker
  • commencer à créer des démos
  • continuer à coder votre extension
  • ou encore traîner dans le coin et aider les autres

Les participants codent leurs projets, donnent des retours d'utilisation et demandent de l'aide aux contributeurs plus expérimentés s'ils sont bloqués.

À la fin de la journée, une projection et une fête sont organisées. Chaque groupe fait une présentation de sa démo finalisée, évalue le tout et fait la fête après une dure journée de travail.

Par la suite, les participants s'inscrivent aux activités qui les intéressent : participer aux événements futurs, contribuer au code Popcorn.js, enseigner à d'autres développeurs ou tout simplement rester informé sur le sujet.

Ressources nécessaires

  • Un ordinateur par équipe au moins.
  • Des logiciels de montage vidéo rapide et un navigateur moderne.
  • Popcorn.js installé.
  • Des fichiers vidéos pour chaque démo.
  • Du Wifi fiable.
  • Des prises électriques.
  • Des projecteurs avec tous les adaptateurs nécessaires.
  • Les repas doivent être pris en charge par l'événement.
  • Des commodités tels que du café, de l'eau et des casse-croûtes doivent être prévus.
  • Si besoin, de l'aide pour les transports.

Étude de cas d'événements Popcorn passés

Independent Television Service (ITVS) + Mozilla, San Francisco. http://www.wired.com/underwire/2011/10/coders-filmmakers-popcorn/all/1 Video: http://mozillapopcorn.org/the-living-docs-hack-day/

“ButterCamp”, NYC, March 2011. http://mozillapopcorn.org/videoblog-buttercamp/

Mozilla Festival, London. November 2011. http://mozillapopcorn.org/what-we-made-at-mozfest/

Photos: CC BY-NC-SA by Jonathan Mcintosh