Enregistrements d'animations avec le Yocto-Watt-V2-C

Pour illustrer notre article du mois dernier sur le fonctionnement des variateurs de lumière, nous avons utilisé des petites animations faites manuellement sur la base d'images produites par le Yocto-Watt-V2-C. Ce faisant, on s'est dit que ça aurait été pratique si le Yocto-Watt-V2-C avait été capable d'enregistrer lui-même des séquences de mesures sous forme d'animation. Donc cette semaine, on l'a fait :-)

Pour bénéficier de cette nouvelle fonctionnalité, il vous suffira de mettre à jour votre logiciel VirtualHub à la version de ce jour.

L'affichage des profils instantanés de consommation dans l'interface web du Yocto-Watt-V2-C est fait à l'aide d'une image au format SVG, générée au vol. C'est un format d'image vectoriel, ce qui signifie qu'elle peut être grossie à volonté tout en restant nette. C'est donc sous ce format que la capture peut être sauvegardée, par exemple pour l'inclure dans un rapport technique.

Le graphique au format SVG peut être zoomé sans limites

De nos jours, le format SVG est supporté par les principaux outils d'édition de documents, et permet ainsi une impression du graphique soignée, sans effet de pixellisation.

Le format SVG permet aussi depuis quelques années la création d'animations. Nous avons donc gardé ce même format pour sauvegarder les séquences de mesures. L'interface du Yocto-Watt-V2-C a maintenant un bouton 'start recording', qui vous produira un SVG animé, configuré pour défiler automatiquement à la même vitesse que lors de l'enregistrement avec l'interface du Yocto-Watt-V2-C.

L'interface du Yocto-Watt-V2-C a maintenant un bouton 'start recording'

Le fichier résultant n'est pas très gros: 10 KB par frame, et encore cinq fois moins si vous le compressez.

Et voici ci-dessous le résultat, en insérant directement l'image produite par la fonction start recording dans cette page Web;

Séquence de mesures produite par le Yocto-Watt-V2-C

Utilisation des SVG animés

Le format SVG animé a été défini dans la spécification SVG 1.1 et est supporté depuis 2017 par tous les navigateurs Web. La manière la plus directe d'afficher un enregistrement fait par le Yocto-Watt-V2-C est donc de le glisser sur une fenêtre de navigateur, ou de l'insérer dans une page Web comme celle-ci.

Malheureusement, les outils LibreOffice Impress et Microsoft PowerPoint ne supportent à ce jour toujours pas l'insertion d'un SVG animé à dans une diapositive. Si vous voulez inclure une séquence enregistrée à une présentation, vous devrez donc la convertir, soit sous forme de GIF animé, soit sous forme de vidéo. Vous trouverez des outils en ligne pour faire la conversion. Evidemment, une fois convertis, le format ne sera plus vectoriel: prenez donc soin de choisir lors de la conversion une taille en pixels suffisante pour l'affichage final au projecteur.

Modification des légendes et sélection des images

Un des gros avantages du format SVG est qu'il s'agit d'un format purement textuel (de type XML), compréhensible et modifiable. Vous pouvez donc facilement ouvrir le fichier avec un éditeur de texte (Nodepad++, Sublime Text ou VisualStudio Code par exemple) pour le modifier.

Les légendes des images sont faites par des balises <text> et peuvent être modifiées directement. Par exemple, vous pouvez remplacer le timestamp de l'image avec une information sur le contexte de la mesure:

La liste des images à afficher se trouve presque à la fin du fichier, dans l'attribut values de la balise <animate>. C'est simplement une liste d'identifiants de frames, séparés par des points-virgules.

Vous pouvez donc facilement supprimer des frames de la liste si vous le désirez, ou duplifier un identifiant de frame si vous voulez rajouter une pause sur image. La durée totale de la séquence, qui définit la vitesse de défilement, est aussi un attribut de la balise <animate> que vous pouvez modifier sans risque.

C'est tout, il ne vous reste plus qu'à impressionner votre audience avec ce nouveau jouet!