Ateliers Canopé : 91 | 92 | 95

Accueil > École numérique > Ressources pédagogiques > Créer des ressources pédagogiques avec XIA

Des images interactives et des jeux sérieux en format html

Créer des ressources pédagogiques avec XIA

Un logiciel libre développé par la Dane de l’académie de Versailles.

Le logiciel XIA permet de créer des animations portant sur des schémas, des tableaux, des photos dynamiques, où légendes, commentaires, images, vidéos sont directement associés aux zones pertinentes de l’image.
XIA permet aussi de créer des mini-jeux.


Vous connaissez Images Actives ?

Alors XIA vous intéressera forcément.
XIA réalise des images interactives et propose des fonctionnalités multiples :

  • Export de toutes les animations en format html, qui permet de lire les images interactives sur tous les supports numériques, notamment sur tablettes.
  • Des fonctionnalités supplémentaires pour enrichir les commentaires : insertion de fichiers images, sons, video, iframes.
  • Réalisation d’animations-jeux sérieux.

Comment ça fonctionne ?

On a besoin d’un logiciel de dessin vectoriel, par exemple le logiciel libre Inskape.
XIA est une extension qui vient s’intégrer à l’interface de création de dessin.

  • On ouvre l’image-support de l’animation avec Inskape.
    Avec ce logiciel, on va réaliser les détourages de détails et définir les enrichissements à apporter (commentaires textes, ajouts de fichiers multimédias, mise en relation d’éléments pour les interactions de jeux, scores...).
  • On obtient un fichier de format svg, qui contient toutes ces informations.
  • Il ne reste plus qu’à exporter ce travail avec l’extension XIA, en choisissant parmi plusieurs modèles et thèmes celui qui convient le mieux. On obtient alors l’animation, sous la forme d’un fichier html, ou d’un ensemble de fichiers, selon le cas.
    Utilisable sur tous types de support.

Des exemples de réalisation

Des images interactives : légender une photo avec des infobulles, commenter des photos avec des textes et des vidéos...

Image interactive : commenter une photo avec des infobulles Image interactive : commenter une image avec des textes et des vidéos

Des jeux sérieux : reconnaissance d’éléments d’une image, tangram, glisser-déposer, labyrinthe...

Mini-jeu : reconnaître des éléments d'une image Mini-jeu : Tangram
Mini-jeu : légender un schéma avec des étiquettes Mini-jeu : labyrinthe


Les élèves aussi se sont lancés ! Voici une réalisation de Julie et Chloé, élèves de 5e, une image interactive qui commente le blason de leur village.
Image interactive : le blason d'Orgerus

De l’aide, des tutoriels vidéos

Un tutoriel pour aider les élèves à prendre en main Xia

Et les fichiers issus du logiciel Images Actives ?

Pas de problème ! Compatibilité.
Si vous avez réalisé une animation avec le logiciel Images Actives, vous avez sauvegardé votre travail sous la forme d’un fichier dont l’extension est xia.
Il suffit de dézipper le fichier.xia, avec un logiciel zippeur/dézippeur, par exemple 7-zip, logiciel libre.
L’extraction du dézippeur fournit un fichier nommé content.svg. Ce fichier, qui contient l’image support, les détourages et les commentaires définis avec le logiciel Images Actives, peut ensuite être ouvert avec Inskape, enrichi des fonctionnalités d’Inskape, et exporté par XIA sous la forme d’une animation format html.

Animation BigBen réalisée avec Images Actives Animation BigBen issue du fichier.xia précédent, enrichi avec Inskape, puis exporté avec Xia-Édu

Télécharger le logiciel libre XIA

Télécharger le logiciel libre XIA

Mutualiser les ressources pédagogiques ?

La xiathèque


Article publié le lundi 16 février 2015, par Isabelle Perucho