Vous en avez marre des présentations ternes et tristounettes de Powerpoint? Et bien réjouissez-vous car j’ai ce qu’il vous faut !

Sozi est en effet un pluggin génial développé pour le logiciel libre Inkscape. Celui-ci vous permettra de créer des présentations originales à la fois dynamiques, fluides et modernes.

Si vous connaissez déjà Inkscape vous devez sans doute être surpris. En effet, ce logiciel est à l’origine l’équivalent gratuit d’Illustrator, il est donc essentiellement utilisé pour la création de logos et de formes vectorisées. Quid d’une présentation donc?

Et bien en fait, Sozi utilise un enchaînement de frames (comprendre des zones rectangulaires) pour recréer la sensation de progression par slides propre à une présentation Powerpoint.

Le fichier SVG que génère Inkscape (que vous devez ouvrir avec un navigateur internet) va donc ensuite passer progressivement de l’une à l’autre de ces zones. En somme, c’est comme si vous preniez une grosse image et que vous zoomiez à différents endroits successivement.

Comme rien ne vaut un exemple concret et visuel pour comprendre ce qu’est capable de faire Sozi, voici le svg de présentation de ce pluggin.

Cliquez sur l’image pour voir l’animation dans votre navigateur (l’utilisation de Firefox, Opéra, Chrome ou Safari est vivement conseillé!) car WordPress ne supporte pas encore l’utilisation de .svg directement dans le contenu des articles :/ …

Dans la suite vous trouverez trois « véritables » présentations conçues grâce à Sozi ainsi que quelques conseils quant à l’utilisation d’Inkscape combinée à celle de ce pluggin. Enfin normalement avec les indications précises de ce tutoriel et ces astuces vous devriez vous en sortir sans problème ;)

Astuces en plus:

 

Tout d’abord concernant l’installation d’Inkscape et du pluggin Sozi:

Après avoir suivi toutes les indications d’installation il est possible vous rencontriez le même problème que moi. Vu que j’utilise une version 64bit de Windows il me manquait des packages dans Python. Ainsi au lancement de Sozi (en appuyant sur install/update) j’avais une magnifique erreur.

Bref, pour corriger le problème vous devez télécharger cette archive que vous décompresserez ensuite dans le dossier suivant et le tour est joué :)

C:\Program Files (x86)\Inkscape\python\Lib\site-packages

Concernant maintenant l’utilisation d’Inkscape:

• Créez un rectangle de frames épuré puis faites des copier/coller de celui-ci. Vous allez ainsi gagner un temps fou (Sozi implémente automatiquement le numéro de chaque frame).

• L’opacité se trouve en bas à gauche, ça peut paraître tout bête comme ça mais quand on ne connaît pas le logiciel on peut chercher un certain temps (voire même un temps certain) ce satané bouton!

• Pour les textes cliquez une fois sur l’endroit où vous voulez insérer votre texte car autrement lors de la lecture dans le navigateur vos textes risquent de disparaître! Et oui je suis un addict à photoshop et j’ai la fâcheuse habitude de tracer des rectangles pour insérer mes textes…

• Pour resizer vos SVG finaux, et ainsi économiser de la mémoire en adaptant votre zone de travail avec votre image, je vous conseille la manipulation suivante (car l’outil crop n’existe pas sous Inkscape). Primo, vous créez un rectangle autour de la zone à resizer. Secondo, vous allez dans File ->Document proprieties. Enfin tertio, vous cliquez sur Resize page to content puis sur le bouton Resize page to drawing.

Enfin concernant le navigateur dans lequel visionner votre présentation:

Comme l’intégration des images vectorisées SVG est relativement récente seul un nombre réduit de navigateurs supporte ce type d’images.

En créant ma première présentation je n’avais pas vu l’astuce qui consiste à créer un chemin dans Inkscape et donc accélérer la présentation. Par conséquent ma présentation ramait énormément sous Firefox. J’ai donc cherché un navigateur capable de gérer la fluidité de ma présentation SVG.

Compte rendu du test:

Internet explorer: on n’en parle même pas

Chrome: très bonne fluidité mais pixelise les images
Netscape: non géré
Opéra: gère les images mais les transitions ne sont pas rapides
Firefox: idem

Et puis j’ai testé sous Safari et là oh miracle, joie folie et allégresse dans la foule en délire, les transitions étaient fluides et les images parfaitement propres! Safari se pose donc comme une excellente alternative à Firefox pour projeter vos présentations ;)

Trois exemples de présentations réalisées avec Sozi:

 

C’est en voyant les présentations originales de notre prof de logique programmable (qui est aussi l’auteur de Sozi)  que l’idée m’est venue de faire notre compte-rendu de Sciences humaines de la même manière. Je me suis donc un peu renseigné et suis tombé sur le fameux pluggin.

Voici donc la présention SVG de sciences humaines qui portait sur le thème: Internet et représentation démocratique du citoyen (et dont le dossier pdf est consultable ici) : [Link]

Et puis devant le succès remporté par notre présentation j’ai créé dans la même lignée une autre présentation pour les projets personnels professionnels sur le thème du hacking cette fois-ci: [Link]

Conclusion:

 

Après ce long article sur Sozi et ses utilisations il ne me reste plus qu’à souhaiter bonne chance à ce projet. Et qui sait peut-être qu’un jour celui-ci concurrencera la suprématie du Powerpoint ;)