Bandeau

Créer des images interactives avec Xia

mis à jour le 28/11/16

Logo GiPTic2 Xia est un logiciel libre qui, couplé à Inkscape, permet de transformer des fichiers SVG (format d'image vectorielle) en animations interactives en html5. Xia permet de générer des images interactives simples, et des activités interactives plus complexes comme des jeux de glisser-déposer, de sélection, ou de discrimination.

Les tutoriels vidéos ci-dessous sont consacrés à la réalisation d'images interactives élémentaires qui permettent de détourer des détails d'une image, de zoomer sur ces détails et d'insérer des commentaires. Pour aller plus loin, la rubrique "En savoir plus" située en bas de l'article propose un lien vers une documentation complète réalisée par des professeurs de l'académie de Versailles. Le site de la DANE de cette même académie met par ailleurs à disposition des professeurs plusieurs vidéos de démonstration.

Par Samuel Coulon, IATice de l’académie de Paris et coordonnateur du GiPTiC

xia logoDans ce tutoriel, XIA est proposé comme extension d'Inkscape fonctionnant dans un environnement Windows. Il est indispensable de suivre l'ordre d'installation décrit ci-dessous.

L'image intéractive générée au terme de ce tutoriel est disponible ici. Pour lancer l'image interactive, décompresser le fichier (avec 7Zip par exemple), puis double cliquer sur le fichier "Index". Il est par ailleurs possible de générer un fichier unique pour faciliter la mise en ligne sur un site, un blog ou un ENT.

1. Installer Inkscape 0.91

 

Visualisation en plein écran

2. Installer Xia

 

Visualisation en plein écran

3. Créer une image interactive

Visualisation en plein écran