XIA - La version 2.0 est disponible ! Créer des images interactives

, par Serge Raynaud

Présentation

XIA est un « outil auteur » qui, couplé à Inkscape ou LibreOffice Draw, vous permet de réaliser simplement des images interactives (avec détails zoomables) et des jeux sérieux en html5.

Depuis sa sortie en version 1, ses concepteurs de la Dane de l’académie de Versailles ont apporté des améliorations, aidés par une communauté d’usagers qui s’accroît.
Sous la houlette de Lydia Bretos, Adjointe au Délégué académique au numérique de l’Académie de Versailles, une équipe pilotée par Pascal Fautrero a conçu et développé XIA version 1 et aujourd’hui son évolution en version 2.
Pour cette nouvelle édition tous les retours des utilisateurs de XIA Version 1 ont été pris en considération.

  • La liste de discussion dédiée a permis de collecter ces informations :
    - Rejoignez la liste de discussion XIA et vous aussi vous pourrez contribuer à son développement, recevoir des informations, des conseils, échanger avec d’autres usagers, etc.

La « XIA dream team »

Pour mener à bien un tel projet il faut des énergies et une synergie. Voici l’équipe de la Dane de l’académie de Versailles qui a conçu et développé XIA :
- Lydia Bretos, Adjointe au Délégué académique au numérique de l’Académie de Versailles,
- Pascal Fautrero, Développeur XIA desktop et déploiement,
- Sarah Lachise, Développeur CSS, Expérience utilisateur, designer et chef de projet XIA,
- Guillaume Barré, Développeur version mobile et intégrateur MAC OS,
- François Lafont, Intégrateur Debian,
- Antoine Moussy, Expérience utilisateur, designer.

XIA V2 (bêta)

La version 2 est une version dite « bêta » ; cela signifie que des dysfonctionnements mineurs peuvent subsister malgré les tests poussés menés par les équipes de développeurs. D’où l’intérêt de s’inscrire sur la liste de discussion et signaler à la communauté d’éventuels bugues !

Exemple d’image avec XIA V2

Le dressage d’une table contemporaine

  • Cette image interactive a été réalisée avec XIA Version 2 à partir d’une photographie du Concours général des métiers 2016 en Commercialisation et Services en Restauration.

- Exportation en fichier unique (solution proposée par défaut dans XIA V2) :

Le dressage d’une table contemporaine

- La même image exportée en Pop Blue, résolution 1 adaptée au web et aux tablettes. Les logos natifs de XIA ont été remplacés dans le dossier « img » par les logos du site de ressources.

Le dressage d’une table contemporaine

- Télécharger les logos HR :

Zip - 23.4 ko
Logos HR pour img XIA
S. Raynaud – 21 septembre 2016

Les principales nouveautés de version 2 de XIA

Voici les nouveautés de XIA V2 :
- Extension inkscape : changement d’arborescence. XIA est disponible directement dans « Exporter » au lieu de « Divers »,
- Correctif : une image avec une transparence de moins de 40% faisait arrêter XIA,
- Correctif : images dans groupes : translation sur un groupe répercutée sur les images de ce groupe,
- Thème de jeu « drag&drop » : connecteurs entre éléments,
- Thème de jeu « drag&drop » : déplacement de groupes possible (expérimental),
- Thème de jeu « drag&drop » : groupement de cibles (expérimental),
- Thème de jeu « drag&drop » : attribut « onfail=return » permet de ramener l’élément à sa position d’origine si « droppé » sur la mauvaise zone,
- Thème PopBlue : affichage de la popup en 1 seul clic,
- Tous les thèmes : gestion des titres trop longs,
- Tous les thèmes : un groupe peut être défini comme image de fond (expérimental),
- Tous les thèmes : Un « chemin » (« path ») peut être défini comme image de fond (expérimental),
- Tous les thèmes : Thèmes « relookés » (merci à Sarah Lachise pour ce gros travail !)
- Tous les thèmes : oembed flicker,
- Tous les thèmes : progressbar de chargement,
- Application : Nouveau thème d’export "Material",
- Application : Interface utilisateur revue et simplifiée,
- Application : Suppression de l’export Firefox OS (pour cause de fin du projet),
- Application : Nom du fichier « *.html » d’exportation correspondant au titre de la ressource suivi du nom du thème utilisé,
- Application : Par défaut, l’export fichier unique est sélectionné.

Et les tablettes ?

Les tablettes numériques n’ont pas été oubliées !
Une version simplifiée (« lite ») de XIA est déjà disponible pour iPad, et bientôt pour tables sous AndroId : XIA Express.
Rendez-vous l’App Store d’iTunes et installez XIA Express :

JPEG - 117.8 ko
XIA Express pour iPad disponible sur l’APP Store
S. Raynaud – 21 septembre 2016

Cette application gratuite fonctionne en ligne et vous permet de réaliser des images interactives pas à pas avec une facilité impressionnante.
Une application indispensable pour tous, de 7 à 77 ans !

Liens

- XIA
- Tutoriels vidéos pour Inkscape et Xia
- Thermomètre interactif - Cuisson des viandes
- Cuire du sucre avec XIA
- Morphologie et critères de fraîcheur d’un poisson
- Processus de recyclage des boites de conserve
- Service et Commercialisation