Le Guide SVG pour JetPunk en français
Publié le 13 juin 2022
Signaler ce billet de blog
Le Guide SVG, dans la langue de Molière
Que vous soyez novice dans la création de quiz avec SVG, ou que vous vouliez approfondir vos connaissances pour personnaliser un quiz, sachez que le Guide SVG vient de faire son entrée en version française !
Mais tout d'abord, remontons un peu le temps…
En juin 2020 paraissait le SVG Guide destiné à aider les créateurs de quiz. Seul hic : ces pages créées par Stewart n'existaient qu'en anglais, ce qui aura pu refroidir certains utilisateurs. Plus tard, en 2021, Crem puis youtubeplayer ont proposé des traductions du guide respectivement en italien et en polonais. Il était grand temps que les utilisateurs francophones aient leur version du Guide !
C'est ainsi je me suis attelé à traduire et adapter le guide initial, afin de le rendre accessible à la communauté francophone qui est, rappelons-le, la deuxième plus active sur JetPunk.
Cette traduction, fidèle à la version anglaise, vous permettra donc d'en apprendre plus sur ce que sont les SVG, comment les faire interagir avec JetPunk et comment résoudre les éventuels problèmes rencontrés lors de la création de SVG ; le tout dans la langue de Molière.
Contenu du Guide SVG
- Premiers pas - Dans cette section à destination des débutants, vous apprendrez ce que sont les SVG, comment les éditer, en passant pas l'installation d'Inkscape, logiciel de référence. La section aborde également l'ajout de classes et d'identifiants, données nécessaires à la communication entre votre dessin et JetPunk.
- Les SVG sur JetPunk - Cette section propose un tutoriel complet sur la manière d'ajouter un SVG à un quiz : comment le charger via le sélecteur de SVG, comment colorer les chemins lors de la saisie des réponses, ainsi que le formatage des SVG standards. Enfin, vous apprendrez comment fonctionnent les quiz Cartes (ou Click Map quiz) et comment les créer.
- Fonctionnalités avancées - Une fois les bases maîtrisées, vous pourrez trouver dans cette troisième section de quoi pousser plus loin la personnalisation de vos quiz, notamment via l'utilisation de CSS et l'exploitation d'outils de dessin avancé sur Inkscape.
- Foire aux questions - Dans cette section sont listées de nombreuses questions récurrentes et les réponses associées, concernant les SVG sur JetPunk.
- Aide au dépannage - Si vous rencontrez des problèmes dans la création d'un quiz avec SVG, cette section vous apportera les méthodes à suivre pour les résoudre. Une liste complète des messages d'erreurs vus sur JetPunk est fournie avec explications et comment corriger les problèmes associés.
- Autres outils - Cette dernière section fournit une aide à l'utilisation des outils proposés par JetPunk, que sont le Dot Placer et l'option "Show Missing Dots" pour les quiz textuels.
Le mot de la fin
Pour conclure ce court blog, je tiens à remercier chaleureusement Stewart pour sa confiance, sa disponibilité et sa réactivité. Sans lui, ce travail n'aurait tout simplement pas pu aboutir.
Sachez que vous pouvez, vous aussi, contribuer à des projets de développement de la section francophone en rejoignant la communauté sur le serveur Discord. La mise en place des Mises en Lumières hebdomadaires, la traduction du Guide SVG ou encore le travail collaboratif d'adaptation des Anecdotes sont des exemples de ce qui peut être accompli !
Enfin, si vous dénichez des coquilles ou autres erreurs lors de votre lecture du Guide SVG, n'hésitez pas à les signaler ici en commentaire afin que je puisse les corriger.
A bientôt !
Le guide original est une mine d'or d'informations, qui a contribué à la montée en puissance des quiz avec SVG sur la section anglaise. J'espère que ce Guide VF apportera, lui aussi, des réponses aux utilisateurs francophones désireux de créer des quiz personnalisés et ambitieux !