Faire des frises chronologiques vectorielles dans Wikipedia

Vitruve Man

Dans la rubrique « les astuces techniques dont vous vous demandez comment vous avez fait pour vous en passer1 » voici la création de frises chronologiques dans Wikipedia qui génère automatiquement une image vectorielle (donc redimensionnable et modifiable à volonté sans perte de qualité).

L'extension EasyTimeline

Un bref rappel technique : Wikipedia repose sur le logiciel MediaWiki et un certain nombre d'extensions qui étendent les fonctionnalités du logiciel de base. L'une de ces extensions, EasyTimeline (« chronologie facile2 »), permet de construire des frises chronologiques. Son auteur est Erik Zachte, qui entre temps a été recruté par la Wikimedia Foundation pour maintenir à jour un système de statistiques sur les sites Wikimedia.

Comment ça fonctionne

En résumé, pour ajouter une frise chronologique dans Wikipedia, il faut entrer les données dans un code spécifique qu'Erik juge « raisonnablement intuitif ». Il ajoute cependant que « pour les débutants, « Chronologie Facile » peut ne pas être facile du tout ». Il recommande donc de s'inspirer du code de frises déjà existantes et de les adapter en fonction de ses besoins. Le code devient rapidement complexe et imposant, à tel point qu'il est souvent exilé dans des pages spécifiques (« modèles ») dont uniquement le résultat est affiché dans l'article de Wikipedia.

Il est ainsi possible de créer des frises chronologiques sur l'histoire de l'Empire Ottoman ou les modèles successifs d'iPod.

Réutiliser une frise générée avec EasyTimeline

Tout cela est bien sympathique, mais comment réutiliser une telle frise ? Le contenu de Wikipedia est sous licence libre, ce qui autorise quiconque à le réutiliser pour tout usage. Imaginons que je souhaite réaliser un poster sur l'histoire de l'iPod3. Je peux reprendre le contenu de l'article de Wikipedia, sous réserve que je crédite les auteurs de façon appropriée. Mais comment afficher la frise chronologique sur le poster ?

Dans la plupart des navigateurs, un clic droit sur la frise permet d'afficher uniquement l'image. On peut alors sauvegarder le résultat de la frise au format PNG. Cette image peut ensuite être réutilisée ailleurs, par exemple dans le présent article :

Frise chronologique des modèles d'iPod

Frise chronologique des modèles d'iPod

Le contenu est sous licence GFDL et la liste des auteurs accessible depuis l'historique des modifications de la frise.

Où est l'image vectorielle ?

Le souci avec cette image PNG est qu'elle est matricielle (bitmap) : si on l'agrandit, elle va devenir pixelisée. Idem si l'on souhaite modifier l'image ou le texte : il faut soit modifier le fichier image (ce qui est peu pratique), soit modifier directement la frise sur Wikipedia (ce qui n'est pas nécessairement souhaitable).

C'est là qu'est l'astuce : lorsqu'on affiche l'image seule dans le navigateur, il suffit de remplacer l'extension du fichier XXX.png par XXX.svg. Automatiquement, une version vectorielle générée par le logiciel s'affiche dans le navigateur4. On peut alors sauvegarder ce fichier SVG et le modifier dans un logiciel tel qu'Inkscape ; dans le cas de mon poster, je peux l'intégrer directement dans Scribus et l'agrandir à volonté.

Certes, je n'ai jamais été un expert en frises chronologiques sur Wikipedia, mais il m'aura fallu presque quatre ans pour découvrir cette fonctionnalité.

Notes et références

  1. « Trop mega super cool », comme dirait Thomas.
  2. J'avoue, j'ai hésité à traduire ça par « frise facile », mais j'ai déjà dépassé mon quota de jeux de mots de la journée.
  3. Non, ça ne m'arrive pas tous les jours. Soyez coopératifs, c''est pour les besoins de l'expérience.
  4. Si vous utilisez un navigateur non conforme aux standards du web, par exemple Internet Explorer, il est possible que l'image ne s'affiche pas, mais qu'elle soit proposée au téléchargement.