Cette page fait partie de la documentation de Sozi 13. Suivez ce lien si vous utilisez une version plus récente.
Ce tutoriel est une introduction aux principes de base de Sozi. vous apprendrez à créer vos premières vues et à jouer la présentation dans un navigateur web.
Téléchargez et ouvrez le document d'exemple
Ce tutoriel se base sur un simple document SVG qui contient les éléments visuels nécessaires à notre présentation. Téléchargez le document SVG de base (Bouton droit sur le lien et choisissez Enregistrer la cible du lien sous) et ouvrez-le dans Inkscape.
Dessinez les cadres des vues
Dessinez un rectangle pour chaque vue de votre présentation. Redimensionnez-les ou tournez-les pour définir les cadres de chaque vue.
Inkscape assigne un identifiant unique à chaque élement du document. Ces identifiants sont utilisés par Sozi pour associer les rectangles avec les vues de votre présentation.
Sélectionnez un rectangle, cliquez avec le bouton droit sur un des bords et choisissez Propriétés de l'object.
L'identifiant du rectangle est affiché dans le champs Id.
Dans l'exemple suivant, Le champ indique rect3816, mais cela peut être différent pour vous.
vous pouvez changer l'identifiant si vous le souhaitez, en faisant attention à ne pas donner le même identifiant à des éléments différents dans le même document.
Ouvrez l'éditeur de présentation
Selectionnez le premier rectangle. Puis, dans le menu Extensions, cliquez sur Sozi (voir aussi: Démarrer Sozi avec un raccourci clavier dans Inkscape).
La fenêtre Sozi vous permet de créer, modifier et effacer les vues de votre présentation. La fenêtre principale d'Inkscape restera inactive tant que la fenêtre de l'éditeur de présentation sera active.
Quand vous démarrez Sozi avec un nouveau document, Sozi est automatiquement installé dans votre document. Par la suite, chaque fois que vous réouvrirez Sozi dans le même document, Sozi sera mis à jour en utilisant la dernière version installée sur votre ordinateur.
Ajoutez des vues et éditez leurs propriétés
Cliquez sur le bouton + en bas à gauche de la fenêtre. Ceci va créer une nouvelle vue sans titre. Dans la capture d'écran ci-dessous, nous avons changé le titre de la vue par First.
Remarquez que le champ Élément SVG a été automatiquement complété avec l'identifiant du rectangle sélectionné
(rect3816 dans notre exemple).
Pour lier la vue à un autre rectangle, vous pouvez modifier manuellement le champs Élément SVG, ou, après avoir sélectionné un autre rectangle dans Inkscape, utiliser l'iĉone Coller sur la gauche.
Le champ Id doit contenir un identifiant unique pour désigner la vue courante. Une vue ne peut pas avoir le même Id qu'une autre vue ou qu'un élément SVG du même document. En particulier, c'est une erreur de donner le même Id à une vue et à l'élément SVG qui lui est associé.
Fermez l'éditeur de présentation Sozi en cliquant sur le bouton OK. Dans la fenêtre principale de Inkscape, sélectionnez les trois autres rectangles (en maintenant enfoncé la touche Majuscule), en suivant l'ordre de la présentation.
Ouvrez de nouveau l'éditeur de présentation, et appuyez trois fois sur le bouton +. Cela va créer trois nouvelles vues en utilisant les trois rectangles sélectionnés.
Donnez un titre à chaque vue et fermez l'éditeur de présentation.
Jouez la présentation dans un navigateur web
Sauvez le document dans Inkscape.
Ouvrez le document SVG dans votre navigateur préféré. La première vue sera automatiquement chargée. Cliquez à l'intérieur de la présentation pour passer à la vue suivante. (voir aussi : Jouer une présentation).
