Vous êtes ici : Accueil > Numérique éducatif > Formations académiques du PAF aux usages du numérique. > Créer des images interactives. > Stage "Images interactives et présentations dynamiques" - mars (...)
Par : Pôle SVT
Publié : 10 juin 2015
Format PDF Enregistrer au format PDF

Stage "Images interactives et présentations dynamiques" - mars 2015

Productions du stage d’initiation aux images interactives (Xia) et aux présentations dynamiques (Sozi)

Une journée de formation a été dédiée à l’initiation au dessin vectoriel qui permet, après une préparation réalisée dans le logiciel inkscape, de créer des documents interactifs de 2 types :

— des images interactives, générées par le logiciel XIA (DANE de Versailles) ;

— des présentations dynamiques basées sur des mouvements de translations, générées par le logiciel SOZI.

Tous ces logiciels sont libres, gratuits et compatibles PC/Mac/Linux.
Ils permettent de produire des documents utilisables sans connexion internet et sur tous les supports (PC, tablettes et smartphones).

Tous les exemples présentés dans cet article ne sont pas finalisés.

Des ressources finalisées réalisées avec Xia sont disponibles sur la "Xiathèque".

Le diaporama utilisé en formation est disponible en ligne.

Quelques exemples d’images interactives réalisées avec inkscape + xia :

Le cristalin, tissu vivant -  HTML - 498.2 ko"
Le cristalin, tissu vivant

Source au format .SVG (à ouvrir avec inkscape) :

info document -  Scalable Vector Graphics - 422.8 ko"

Observation microscopique d'une coupe de pancréas -  HTML - 155.5 ko"
Observation microscopique d’une coupe de pancréas

Source au format .SVG (à ouvrir avec inkscape) :

info document -  Scalable Vector Graphics - 137.3 ko"

Appareil reproducteur masculin -  HTML - 709.1 ko"
Appareil reproducteur masculin

Source au format .SVG (à ouvrir avec inkscape) :

info document -  Scalable Vector Graphics - 528 ko"

Mitose -  HTML - 103.7 ko"
Mitose

Source au format .SVG (à ouvrir avec inkscape) :

info document -  Scalable Vector Graphics - 74.7 ko"

Une même ressource inkscape mise en forme selon 5 modèles Xia différents :

Epiderme d'oignon -  HTML - 4.7 ko"
Epiderme d’oignon
Epiderme d'oignon -  HTML - 4.7 ko"
Epiderme d’oignon
Epiderme d'oignon -  HTML - 3.3 ko"
Epiderme d’oignon
cellules -  HTML - 6.9 ko"
cellules
cellules -  HTML - 6.1 ko"
cellules
Source :
info document -  Scalable Vector Graphics - 32.7 ko"

De la population humaine... à la cellule -  HTML - 3.3 ko"
De la population humaine... à la cellule
Ensemble de 5 images interactives emboîtées

D'un sous-bois au printemps ... jusqu'à la fleur disséquée -  HTML - 3 ko"
D’un sous-bois au printemps ... jusqu’à la fleur disséquée
Document basé sur 3 images interactives emboîtées

Autres productions sans les fichiers sources :

Dissection de l'appareil respiratoire -  HTML - 3.9 ko"
Dissection de l’appareil respiratoire
De la fécondation à la nidation -  HTML - 23.8 ko"
De la fécondation à la nidation
Photographie d'une goutte de sang observée au microscope. -  HTML - 122.7 ko"
Photographie d’une goutte de sang observée au microscope.
Classification phylogénétique des animaux au bord de mer -  HTML - 7.8 ko"
Classification phylogénétique des animaux au bord de mer
Mini jeu de glisser/déposer
Illustrations pour retravailler cette classification avec Inkscape -  Scalable Vector Graphics - 5.9 Mo"
Illustrations pour retravailler cette classification avec Inkscape

Quelques exemples de présentations dynamiques réalisées avec inkscape + sozi :

Déplacez vous et zoomez dans ces documents en cliquant et en utilisant la molette de la souris. Ces documents interactifs peuvent être ouverts avec un navigateur internet récent et respectant les normes (évitez internet explorer, préférez lui Mozilla Firefox).

De la fécondation à la naissance : Schéma - bilan -  HTML - 673.9 ko"
De la fécondation à la naissance : Schéma - bilan
Source
La contraception -  HTML - 431 ko"
La contraception
Navigation dans une carte mentale - Domaine continental -  HTML - 236.4 ko"
Navigation dans une carte mentale - Domaine continental
Fougère -  HTML - 159.6 ko"
Fougère
Nutrition chez une plante -  HTML - 3.9 Mo"
Nutrition chez une plante

Post-scriptum

Contact :