Sozi ou comment "faire du Prezi" avec Freeplane

Dans le dernier billet consacré au format SVG, j'indiquai qu'un début de réflexion sur la création de présentations animées à partir d'une carte Freeplane était en cours sur le forum officiel de Freeplane.

En commentaire, Laurent (que je remercie infiniment) d'Outils-Réseaux m'alertait sur l'existence d'un module pour le logiciel Inkscape permettant justement de "faire du Prezi" à partir de fichier SVG. Le nom de cette extension : Sozi (Sozi / Prezi : toute ressemblance entre les deux programmes n'est certainement pas fortuite !).

Après avoir fait quelques tests, force est de constater que Sozi est époustouflant de puissance.

Dans sa version gratuite, Prezi permet de créer, en ligne, de bout en bout ,une présentation très complète avec un minimum d'efforts. Dans sa version payante, on accède à des fonctionnalités plus poussées et surtout une édition des documents hors-ligne.

Concernant Sozi, les outils utilisés sont tous issus du monde du libre. Cerise sur le gâteau, Sozi est un projet Français.

De quoi aurez vous besoin ?
Pour créer une présentation à partir d'une carte Freeplane, vous devrez utiliser :
- Freeplane. Je ne m'attarde pas sur le sujet ;-). L'avantage de partir de Freeplane est de modeler votre carte initiale (celle qui contient toutes les informations) pour ne faire apparaitre que celles que vous souhaitez projeter. Pas de ressaisie inutile donc.
- Inkscape. Ce logiciel de dessin vectoriel vous permettra de modifier les informations contenues sur la carte initiale (supprimer, ajouter, éditer,...). Inkscape propose des centaines de fonctionnalités mais seules quelques-unes seront utiles : déplacement des éléments, modification des tailles, des couleurs,.. Pour une utilisation basique de Sozi, la prise en main est donc rapide.
- le module Sozi à installer dans Inkscape. La marche à suivre est relativement simple et un mode opératoire d'installation est disponible sur le site.
- un programme permettant de lire l'animation. Firefox s'en charge très bien. Cette animation est ensuite entièrement pilotable (élément suivant / élément précédent,...)


Quel est le principe ?
Une fois la carte Freeplane importée dans Inkscape, vous pouvez (rien ne vous y oblige !) modifier le contenu. Sur les possibilités, c'est relativement simple : on peut TOUT faire. Cela peut d'ailleurs devenir problématique. Quand on peut TOUT faire, il y a un risque d'en faire TROP. Mais avec un peu d' auto-discipline et d'essais parfois infructueux, ca se passe généralement bien.
Dès que la carte correspond à vos souhaits, il suffit d'ajouter des zones qui serviront ensuite de référence pour l'animation.

Pour vous faire une idée complète, je vous invite à regarder la vidéo ci-dessous. Sur la mise en forme, je me suis un peu "laissé aller" : cette présentation est loin d'être optimale et mériterait plus de "légèreté". Toutefois, vous pourrez la comparer à celle faite avec Prezi, les éléments étant identiques.

Donc pour résumer, si vous recherchiez un moyen de transformer vos cartes Freeplane en module de présentation avancée, sortant ainsi du très formaté PowerPoint, Sozi mérite toute votre attention.

Comment créer une animation type Prezi avec Freeplane et Sozi from Franck Maintenay on Vimeo.

Exporter les cartes en SVG : pour quoi faire ?

Si vous êtes utilisateur(trice) de Freemind ou Freeplane, et accessoirement lecteur(trice) de ce blog, vous savez maintenant que votre logiciel de Mind-Mapping préféré sait convertir ses cartes dans de nombreux formats. On peut distinguer deux familles de formats :
- les formats dynamiques. Le résultat est totalement manipulable : Flash,Java, XHTML
- les formats statiques. Le résultat est alors figé. C'est le cas pour l'exportation PDF ou JPG.

Il existe néanmoins un format un peu à la croisée des chemins : c'est le SVG.

Un peu d'explications techniques
Si on se réfère à l'encyclopédie Wikipédia, le format SVG est l'acronyme de "Scalable Vector Graphics qui, traduit de l’anglais, signifie « graphique vectoriel adaptable », et couramment abrégé par SVG, est un format de données conçu pour décrire des ensembles de graphiques vectoriels et basé sur XML.". A noter que le format natif des cartes Freemind et Freeplane sont justement du XML (caché derrière une extension .mm).

Donc contrairement au format graphique classique type Bitmap (bmp, jpg,...) qui est composé de points immuables, le format SVG est un système vectoriel. Le graphique est donc constamment recalculé.

Voyons cela concrètement.

Voici une carte exportée en format JPG, non zoomée (valeur du zoom : 100%). repérez bien le carré rouge : vous pourrez constatez la différence entre les JPG et le SVG sur cette portion.




La même carte, toujours en JPG mais zoomée à 400%



On remarque très nettement les effets d'escalier qui se dessinent sur les polices de caractères. D'autre part, le format JPG fonctionnant sur un principe de "destruction d'informations", des points grisatres apparaissent notamment autour des zones colorées

Le même image mais grossi 800 fois :



Cette fois, les caractères sont sinon illisibles, au moins compliqués à déchiffrer. Le rendu est plus que médiocre.


Regardons maintenant le résultat au format SVG avec les mêmes facteurs de zoom.
Tout d'abord, un zoom de 400% :



Alors que le format JPG commence à laisser apparaitre de nombreuses imperfections, le format SVG est toujours aussi net. Notez toutefois que les éléments Bitmap d'origine (icône et flèche) subissent une nette déformation

Grossie 800 fois, la qualité visuelle de la carte (ou plutôt ce qui en reste de visible) ne bouge pas d'un cil, que ce soit pour les caractères ou les lignes :



Juste pour constater que qu'on peut effectuer un zoom presque jusqu'à l'infini, voici ce que l'on voit quand la carte est grossie 12800 fois :



Oui, il s'agit bien de la même carte. En l'état (sous forme d'image fixe), une exportation en SVG présente peu d'intérêt par rapport à une image jpg. En effet, si les fichiers au format JPG sont très bien gérés, en natif, par les différents systêmes d'exploitation, c'est totalement différent pour les fichiers SVG. Les logiciels, nécessairement spécifiques, ne sont pas légion. Notons toutefois Inkscape, de la famille des logiciels libres, et le très connu Adobe Illustrator, mastodonte du dessin vectoriel.

De par sa structure, ce format est tout à fait adapté pour une impression "en grand" sur table traçante par exemple. Mais tout le monde n'a pas nécessairement du tel matériel à disposition et surtout l'utilité, nos cartes comportant rarement 20000 branches.

Indépendamment de l'impression, une autre idée fait son chemin et qui présente infiniment plus d'intérêt (à lire sur le forum de Freeplane): pouvoir utiliser une carte Freeplane ou Freemind exporté en SVG pour en faire une animation à la sauce Prezi (je vous invite à lire un billet que j'ai pu écrire au sujet de ce logiciel sur Mapping-Experts, blog qui, soit dit en passant, vient de subir un lifting graphique très réussi). En effet, un logiciel comme Illustrator peut créer des animations flash à partir de fichiers SVG. Il est donc tout à fait imaginable qu'une telle animation puisse se faire de manière presque automatique. Je serai en tout cas vigilant sur le sujet et ne manquerai pas d'en reparler si ce projet devait avancer.