Images Actives

Travaux d'élèves

Isabelle Perucho — 2012-04-16T14:57:30Z

Exploitation de photos prises lors d'une sortie scolaire
Lors d'une sortie scolaire à Paris, les rôles ont été distribués : certains de nos élèves de 5è étaient "reporters photographes", d'autres ont exploité les photos au retour au collège, comme Marco et Sandy, qui ont réalisé ces Images Actives.
Collège Georges-Pompidou, 78 Orgerus


La tour Eiffel dans le brouillard: Image active réalisée par Marco, élève de 5è
Fichier source


Une journée à Paris: Image active réalisée par Sandy, élève de 5è
Fichier source

Commentaires sur une photo perso
En vue de la préparation à l'épreuve d'Histoire des arts du brevet des collèges, un atelier d'initiation au logiciel Images Actives a été proposé aux élèves volontaires de 3è. L'exercice pouvait porter sur des photos personnelles, comme celle de Vincent, qui a réalisé cette Image-Active à partir d'une photo de paysage de montagne.
Collège Georges-Pompidou, 78 Orgerus

Quelques sommets des Alpes du nord

Image active réalisée par Vincent, élève de 5è
Fichier source

Littérature et image, classe de 2nde
Dans le cadre de l'enseignement d'exploration Littérature et Société : Paul Bowles à Tanger, le regard d'un voyageur américain sur "la ville des mythes", chaque élève devait choisir une vue ou un édifice de Tanger et proposer ensuite un texte descriptif ou littéraire sur le lieu choisi. Voici l'Image-Active réalisée par Margaux.
Lycée Lyautey, Casablanca, Maroc

Tanger

Vue du port de Tanger
Image-Active réalisée par Margaux, élève de 2nde.
Fichier source

La liste de discussion Images Actives

Joachim Dornbusch — 2012-04-16T12:55:02Z

Vous souhaitez-être tenu au courant en avant première des évolutions du logiciel ? Débattre des fonctionnalités à venir ? Obtenir les versions alpha avant leur publication officielle ? Rejoignez la liste de discussion Images Actives.

Exemples avec différentes dispositions

Isabelle Perucho — 2012-02-28T16:35:00Z

Les différents modes et dispositions proposés par le logiciel permettent d'adapter l'animation générée aux objectifs poursuivis :

mode quiz ou mode découverte : scénario sous forme de questions/réponses ou bien exploration de l'image ?
faire parler une image : bulles ou commentaires audio ?
respecter un ordre pour l'exploration/analyse de l'image : numéroter des boutons, déplier des onglets ?

Ci-dessous, la même photo, déclinée sous les 2 modes (découverte/quiz) et 5 dispositions (accordéon, bulles, boutons, audio, tablettes), avec des variantes d'apparence (couleurs, transparence, polices de caractères,...).


Mode 'découverte' Disposition 'accordéon': Fichier source[en]Source file


Mode 'quiz' Disposition 'bulles': Fichier source

La disposition 'accordéon' est recommandée lorsque l'image est en hauteur (format portrait) et que les commentaires sont longs.
La navigation se fait au choix par l'image ou par les onglets, qui peuvent suggérer un ordre d'investigation.


Mode 'découverte' Disposition 'bulles': Fichier source


Mode 'quiz' Disposition 'bulles': Fichier source

La disposition 'bulles' se justifie particulièrement lorsque les commentaires sont courts et que l'exploration par l'image est pertinente, non guidée par un ordre imposé.


Mode 'découverte' Disposition 'boutons': Fichier source


Mode 'quiz' Disposition 'boutons': Fichier source

On choisira plutôt la disposition 'boutons' si les commentaires sont longs, si l'image est en largeur (format paysage) ou si l'on souhaite guider la navigation dans un ordre donné.
Dans l'exemple ci-contre, les réponses aux questions sont verrouillées par le code : 75.


Mode 'découverte' Disposition 'audio': Fichier source


Mode 'quiz' Disposition 'audio': Fichier source

On choisira les commentaires audio pour l'apprentissage des langues vivantes, ou lorsque la lecture de texte présente des difficultés (élèves très jeunes, non francophones, en situation de handicap).
Dans l'exemple ci-contre, les réponses aux questions sont verrouillées par le code : 75.


Mode 'découverte' Disposition 'tablettes'.: Fichier source


Mode 'quiz' Disposition 'tablettes'.: Fichier source

On choisira la disposition 'tablettes' pour la lecture sur tablette numérique et smartphone, créer un widget iBooks author, ou exporter l'animation Image-Active en format HTML5.
Dans l'exemple ci-contre, les réponses aux questions sont verrouillées par le code : 75.

Tutoriels

2012-02-11T16:22:19Z

Tutoriel : les étapes de la création d'une image-active, pas par pas

Animation Flash (cliquer sur l'image pour la lancer)

Tutoriel : créer une Image-Active, guide détaillé

Click on display/print the pdf document. Right click to download it.

Tutoriel : un diaporama pour créer une Image-Active

Cliquer pour afficher/imprimer le document pdf. Clic droit pour le télécharger.

Animation flash (cliquer sur l'image pour la lancer).

Merci à Mathieu Merlet pour cette contribution.

Tutoriel vidéo

Tutoriel publié sur le site de la webtv-restauration de l'académie de Versailles.
Merci à Laurent Nadiras, Jean-Yves Nicolas et Vincent Linotte, professeurs, ainsi qu'aux étudiants de master 1 Hôtellerie-Restauration à Antony, pour cette contribution.

Évolution du logiciel

Joachim Dornbusch — 2012-01-27T17:47:14Z

Mai 2012 : Une Image active sur place ou à emporter ?

Ces changements ont été appliqués dans la mise à jour du 15 mai 2012.

À emporter !

Pour accompagner l'essor des appareils mobiles, il est désormais possible d'exporter une Image active sur tablettes numériques et smartphones.

Dans le logiciel, un nouveau modèle permet de créer l'Image active en HTML5, dans une disposition optimale pour la lecture sur smartphones et les tablettes numériques quel que soit le système d'exploitation (Apple, Androïd, Windows). Les fichiers au format HTML peuvent être lus sur les dernières versions de navigateurs internet (compatibles HTML5), une option permet de compacter l'image active en un fichier HTML unique et autosuffisant, pour un transfert plus commode aux élèves.

Une autre option permet également de créer un widget utilisable dans le logiciel iBooks Author, et d'intégrer ainsi votre Image active dans un iBook pour iPad.

Évolution :

Création d'un nouveau modèle « Tablette numérique » disponible pour le mode Découverte et le mode Quiz.
Export en HTML5 (éventuellement sous forme de fichier unique).
Possibilité de convertir son Image active en widget iBooks Author pour iPad.
Révision des panneaux indicatifs de paramètres.

Pour tous les utilisateurs qui possèdent l'ancienne version d'Images actives, au lancement du logiciel, vous aurez une proposition de mise à jour. Sous Windows, pour avoir la proposition de mise à jour, il faut lancer « Images actives + mises à jour » dans le menu Démarrer si vous avez la version la plus récente du logiciel.

Février 2012 : la valse des boutons

Ces changements ont été appliqués dans la mise à jour du 9 février 2012.

En attendant Godot...

Nous observons que beaucoup d'utilisateurs contemplent le panneau « prévisualisation » en attendant l'apparition de l'image active. Autant le dire : tant qu'on n'appuie pas sur le panneau « générer l'animation », cette attente peut durer longtemps.

L'idée de compiler l'image n'est pas forcément très intuitive. Une petite réorganisation de l'interface s'impose.

Solutions proposées

Le panneau « prévisualisation » devient un panneau « exporter ».
Une colonne de paramètres va faire son apparition dans ce panneau. Elle contiendra un bouton bien visible « générer l'animation », redondant par rapport à celui qui est situé dans la barre d'outils.
Cette colonne va aussi accueillir les contrôles de dimensions d'image situés dans le panneau « image ». En effet, ces dimensions s'appliquent bien à l'animation générée, pas à l'image importée !
Enfin, nous y placerons aussi les cases à cocher qui se trouvent en bas du panneau « paramètres », qui ont également trait à l'exportation.

Février 2012 : du changement a prévoir du côté de l'installation

Ces changements ont été appliqués dans la mise à jour du 6 février 2012.

La grogne des « admins réseau »

Sortie début décembre, la version 1.0 d'Images actives a donné du fil à retordre à certains responsables de réseaux qui ont voulu l'installer sur le serveur de leur établissement !

La raison n'est pas à chercher loin : l'application utilise un répertoire temporaire situé à l'intérieur du répertoire d'installation. De nombreux fichiers intermédiaires y sont stockés notamment au cours du processus de compilation.

Localiser le « temp » à cet emplacement peu orthodoxe n'était pas vraiment un choix, mais une solution de fortune pour résoudre des problèmes de communications entre modules de l'application.

Solutions proposées

Nous avons changé le mode de communication avec Flex. Le répertoire temporaire va pouvoir être replacé dans le « temp » habituel de l'utilisateur. Le fichier de log sera relocalisé dans le même répertoire.
Désormais, l'installateur Windows d'Images Actives proposera, par défaut, d'installer dans Program Files et non plus dans Application Data. Deux entrées seront créées dans le menu démarrer pour lancer le programme : lancement avec mise à jour (nécessitant des droits d'administrateur), lancement sans mise à jour.

Sans internet on fait comment ?

Comme c'est assez courant aujourd'hui, l'installation d'Images actives passe par le téléchargement de la plupart des paquets depuis le serveur du CRDP. Du coup, sans connexion internet, impossible d'en venir à bout !

Ce problème concerne des personnes situées dans des zones de la planète où l'accès à Internet est difficile, des établissements où certaines salles ne sont pas reliées, ou des postes connectés à travers un proxy non transparent.

Solution proposée

Pour l'installation hors connexion sous Windows, un installateur contenant tous les paquets de la dernière version sera proposé. Sous Mac et Linux, ce sera une grosse archive

Le pingouin malmené

Sous Linux, l'installation d'Images actives est, pour l'instant, réservée aux acrobates de la ligne de commande. Pas étonnant, l'application n'est pas « packagée » et du coup il peut y avoir des décalages entre les librairies dont elle a besoin et celle qu'elle trouve (ou ne trouve pas) sur votre ordinateur.

Solution proposée

Dans l'immédiat, nous allons proposer aux linuxiens une archive contenant le logiciel, toutes les librairies requises et un script permettant de démarrer avec les librairies fournies et pas celles du poste de l'utilisateur.

Help in english

A l'heure actuelle, le logiciel est disponible en trois langues (français, anglais, italien). Il adopte automatiquement la langue de votre système d'exploitation et à défaut, l'anglais. Mais jusqu'ici, l'aide embarquée n'était proposée qu'en français. Dans la prochaine version, on pourra consulter aussi cette aide en anglais.

Janvier 2012 : changements cosmétiques

La mise à jour de janvier a amené deux corrections mineures :

Accents dans les url
Les url comportant des accents (Wikipédia en comporte beaucoup) n'étaient pas supportées. Ce problème est réglé.
Amélioration du préloader
Le gif animé qui sert d'animation de préchargement aux images actives déployées sur le web a été remplacé.

N'hésitez pas à utiliser le forum ci-dessous pour vous prononcer sur les changements passés et à venir !

Exemples avec des scénarios pédagogiques

Isabelle Perucho — 2012-01-16T19:29:52Z

Voici quelques scénarios pédagogiques autour d'animations Images Actives, proposés par des collègues de l'académie de Versailles.

En cours d'anglais, classe de troisième : visit Southbank, London
En cours d'anglais, classe de sixième : Big Ben, London
En cours de restauration, lycée professionnel : lire une étiquette de vin
En cours de restauration, lycée professionnel : connaître les outils
En cours de SVT, classe de sixième : la cellule
En petite section de maternelle : les coins jeux

En cours d'anglais, classe de troisième

Objectifs de la séance :

compréhension orale ;
restitution orale ;
apprentissages grammaticaux : passif, superlatif.
Compétence socle commun / niveau LV A2 : savoir décrire une image.

Scénario possible :

l'image active avec commentaires audio sera présentée au vidéoprojecteur ou au TNI, plusieurs écoutes successives des trois éléments de la photo ;
les élèves restituent oralement et progressivement les différents commentaires ;
l'image active avec commentaires textes / bulles sera présentée ensuite, puis commentée ; les mots difficiles seront explicités, ainsi que les aspects grammaticaux ;
au TNI, on pourra intégrer dans la même page le fichier flash (.swf animation audio) et les textes pour lecture et écoute simultanées ;
le fichier swf de l'image active audio sera posté sur le cahier de texte en ligne, pour être ré-écouté à la maison ;
travail personnel demandé : choisir une photo d'un lieu touristique connu, et en décrire plusieurs éléments.


Visite de Southbank, commentaires audio en anglais: Document pour travailler la compréhension orale
Fichier source


Visite de Southbank, commentaires-textes en anglais: Deuxième étape de l'exercice : commentaires dans des bulles de texte
Fichier source


Visite de Southbank (fichier ".odt")


Visite de Southbank (fichier ".pdf")

Merci à Céline Da Costa, professeure d'anglais, pour cette contribution.

En cours d'anglais, classe de sixième

Objectifs de la séance :

compréhension orale ;
restitution orale.

Scénario possible :

l'image active avec commentaires audio sera présentée au vidéoprojecteur ou au TNI, on situera la photo dans son contexte ;
plusieurs écoutes successives de l'élément « Big Ben » , élocution rapide ;
plusieurs écoutes du même commentaire à l'aide de la « puce » représentée par le crayon, élocution lente ;
une fiche papier est distribuée (fichier à télécharger ci-dessous), support de l'exercice de compréhension ;
les élèves restituent la phrase, par écrit puis par oral ;
les mots difficiles seront explicités, ainsi que les aspects grammaticaux ;
au TNI, on pourra intégrer dans la même page le fichier flash (.swf animation audio) et les textes pour lecture et écoute simultanées ;
le fichier swf de l'image active audio sera posté sur le cahier de texte en ligne, pour être ré-écouté à la maison.


Big Ben, vue du haut de London Eye: Commentaires audio
Fichier source


Big Ben (fichier ".odt")


Big Ben (fichier ".pdf")

Merci à Marise Maillard et Sarah Valette, professeures d'anglais, pour cette contribution.

En cours de restauration, lycée professionnel

Scénario pédagogique :
Lire une étiquette de vin

Niveaux : CAP, Baccalauréat professionnel, Baccalauréat technologique, BTS,
mention complémentaire Sommellerie, mention complémentaire Employé barman.

Objectifs de la séance « Connaissance des vins. Étiquettes et mentions légales » :

identifier les mentions portées sur une étiquette de bouteille de vin ;
comprendre ces mentions et leurs champs d'application ;
transposer ces connaissances à la vente de vin en restauration ;
aider, conseiller et guider le client dans la détermination de son choix.

Scénario possible :

projection de l'image sur un TNI ;
les élèves découvrent, directement sur l'image active, les différentes mentions portées sur l'étiquette ;
les élèves listent celles qui sont obligatoires et qu'ils vont retrouver sur toutes les étiquettes de bouteilles de vin ;
les élèves relèvent pour ces mentions obligatoires les informations qui seront utiles pour aider le client à choisir un vin.

Développement transversal (travail demandé) :

situer le lieu de production du vin (géographie) ;
évoquer l'historique du vignoble (histoire) ;
déterminer un prix moyen d'achat et de revente en restauration (gestion) ;
relever des éléments de constitution tels que sucres résiduels, pourcentage d'alcool, ... (sciences) ;
aborder les accords mets - vin (service de salle, sommellerie, commercialisation) ;
rédiger un argumentaire commercial (français, vente) ;
réaliser la vente en salle en langue anglaise (DNL, anglais) ;
protection apportée aux personnes, protection liée à la présence d'alcool dans le vin (santé et sécurité au travail, sciences).

Contrôle des connaissances : donner la version quiz aux élèves.


Étiquette de bouteille de vin (1) - quiz: Les éléments mentionnés sur les étiquettes, questionnaire
Fichier source


Étiquette de bouteille de vin (2) - quiz: Les éléments mentionnés sur les étiquettes, questionnaire
Fichier source


Étiquette de bouteille de vin (1) - quiz: Les éléments mentionnés sur les étiquettes, questionnaire
Fichier source


Étiquette de bouteille de vin (2) - quiz: Les éléments mentionnés sur les étiquettes, questionnaire
Fichier source

Merci à Serge Raynaud, pour cette contribution.

En cours de restauration, lycée professionnel

Apprentissage des outils de cuisine
La pratique professionnelle requiert l'usage d'outils. Ces outils ont des noms qu'il faut connaître pour faire les bons choix au moment des usages.
L'apprenant doit être capable de reconnaître ces outils sans se tromper, mais également il doit en connaître les usages.

Le logiciel Images Actives permet de créer des supports pédagogiques qui vont aider l'apprenant à :
identifier les outils et assimiler leurs noms ;
associer ces outils à des usages,
réaliser ces usages en respectant des codes de bonnes pratiques (sécurité, hygiène, adaptation raisonnée).

En effet, chaque outil est caractérisé par son image, son nom et un lien hypertexte vers une vidéo de la webTV restauration qui en montre l'utilisation professionnelle.

Ces images actives peuvent être utilisées en préparation de cours, en remédiation pendant une séance pratique ou a posteriori pour effectuer des contrôles d'acquis ou de révision de connaissances.


Petit matériel de manipulation


Ustensiles de pâtisserie: Fichier source
Scénario pédagogique


Petit matériel


Les couteaux de cuisine: Fichier source

Merci à Laurent Nadiras, professeur en lycée hôtelier, et aux étudiants en master 1 Hôtellerie-Restauration à Antony, pour cette contribution.

En cours de SVT, classe de sixième

Scénario pédagogique : unité des être vivants, la cellule, classe de 6è.
Déroulement :

Observation de l'épiderme d'oignon au microscope, TP élève, avec capture d'images au moyen de la webcam adaptée au microscope.
Création par le professeur de l'image active ayant pour support l'une des images obtenues par les élèves : deux versions (l'une "muette", l'autre "annotée).
Exploitation en classe des images actives : en premier lieu avec l'image muette, pour susciter la participation orale, et tester les acquis suite à la séance TP, ensuite avec la version annotée, en quelque sorte la correction de l'exercice.
La version Image-Active annotée pourra être jointe au cahier de texte en ligne de la classe, pour revoir à la maison les conclusions du TP.


Observation de l'épiderme d'oignon au microscope 1: Image active "muette".
Fichier source


Observation de l'épiderme d'oignon au microscope 2: Image active annotée
Fichier source

Merci à Emmanuelle Lemaire, professeure de SVT, pour cette contribution.

En petite section de maternelle : les coins jeux

Objectifs : expression orale, vocabulaire, acquisition des fonctions des objets d'usage quotidien.
Les présentations 'Accordéon' ou 'Boutons' pour s'entraîner à dire les mots et le modèle 'Bulles' pour valider : le fait que le mot apparaisse peut servir de réponse, et l'animation pourra être utilisée en moyenne ou grande section, lors d'activités d'initiation à la lecture.
La présentation 'Tablettes' permet de lire l'animation sur tablette numérique, et également d'obtenir une autre présentation avec les mots, ou totalement "muette".
On envisagera par la suite une captation audio, les commentaires étant dits par les enfants, pour être intégrés à une Image-Active audio.
Ci-dessous un document pdf, décrivant les objectifs recherchés, et la progression des activités dans l'année.


Les espaces de jeux


Le coin cuisine, présentation 'boutons': Fichier source


Le coin cuisine, présentation 'accordéon'.: Fichier source


Le coin cuisine, présentation 'bulles'.: Fichier source


Le coin cuisine, présentation 'tablettes': Fichier source


La chambre des poupées, présentation 'boutons': Fichier source


La chambre des poupées, présentation 'accordéon'.: Fichier source


La chambre des poupées, présentation 'bulles'.: Fichier source


La chambre des poupées, présentation 'tablettes': Fichier source


Chambre des poupées (3), présentation 'tablettes': Fichier source


Chambre des poupées (4), présentation 'boutons': Fichier source


Chambre des poupées (5), présentation 'boutons': Fichier source


Le coin cuisine (2), présentation 'boutons': Fichier source


Coin cuisine (3), présentation 'tablettes': Fichier source


Le coin cuisine (4), présentation 'boutons': Fichier source


Coin cuisine (5), présentation 'tablettes': Fichier source

Merci à Danielle Cors, professeure d'école, pour cette contribution.

Captures d'écrans

Isabelle Perucho — 2012-01-14T18:18:23Z

Des images-actives pour comprendre le logiciel Images Actives

Pour expliquer le fonctionnement d'un logiciel, pour illustrer un tutoriel, on fait des captures d'écrans, bien sûr !
Et si les captures d'écrans savaient parler, en générant des bulles ?
Des images-actives, en somme !


L'onglet Image: Première étape dans la création d'une image active : importer une image support
Fichier source


L'onglet Détails: Étape 2 : définir les zones actives de l'image support
Fichier source


L'onglet Commentaires: Étape 3 : Écrire des commentaires ou légendes, questions et réponses
Fichier source


L'onglet Paramètres: Étape 4 : définir les différents éléments de l'apparence de l'animation
Fichier source

Nouvelle version 1.0

2011-11-30T10:25:09Z

La version 1.0 d'Images Actives (bêta) est maintenant disponible. Repensée sur le plan de l'ergonomie et des fonctionnalités, entièrement redéveloppée, elle se veut un outil de création adapté aux besoins du monde de l'éducation.

Une large gamme d'options sont désormais offertes, permettant de régler finement disposition et interactivité.
Les images actives sont générées « à la volée », ce qui vous permet d'obtenir un fichier unique plus facile à distribuer.
De nouvelles fonctionnalités sont disponibles (légendes audio, zoom, ajout de puces...).
Le fichier xia est un fichier transparent, contenant des formats standards comme svg, xml et css, que vous pouvez éditer avec de nombreux outils.
Le fonctionnement d'Images actives est entièrement basé sur le format svg, permettant à terme l'ajout de nouveaux formats d'exportation.
Comme la version 0, Images actives 1.0 demeure un logiciel libre !

Guide de l'utilisateur

2011-11-30T07:08:20Z

Images Actives - guide de l'utilisateur

En complément de ce guide, n'hésitez pas à vous référer au forum et à la foire aux questions.

1. Prise en main rapide

L'application est divisée en une succession de panneaux. Dans la plupart des cas, lorsque vous créez une image active, vous parcourez ces panneaux successivement de gauche à droite selon l'avancement de votre travail.

Importer une image

Dans le panneau « Image », cliquer sur le bouton « Importer une image » (équivalent : raccourci clavier ctrl ou cmd + i).

Importer une image

Choisissez sur le disque de votre ordinateur un fichier image au format jpeg, png, gif ou tiff. L'image apparaît maintenant dans le logiciel Images actives. Vous pouvez ensuite choisir sa dimension selon la résolution de votre écran (voir dimensions de l'animation).

Lorsque vous choisissez l'image sur laquelle vous souhaitez travailler, si vous comptez en faire un usage public, assurez-vous que vous avez bien le droit de l'utiliser, sans quoi vous pouvez vous exposer à des poursuites judiciaires de la part des ayants droit (les personnes, physiques ou morales, qui disposent des droits sur l'image : l'auteur, ses héritiers, un musée…).
Détourer les détails

Dans le panneau « Créer les détails », un détail est créé par défaut. Double-cliquez sur « Titre du détail » pour pouvoir écrire votre titre de détail, appuyer sur Entrée pour valider votre sélection. Vous pouvez ensuite créer un détail en choisissant l'outil selon votre détail à détourer. Voir Les détails pour plus de renseignements sur les outils de détourage.

Les outils de détourage

Vous pouvez ordonner vos détails en les sélectionnant et en cliquant sur les flèches haut ou bas pour monter ou descendre les détails dans la liste.

La liste des détails

Pour supprimer un détail, cliquer sur le bouton avec la croix rouge situé en dessous de la liste des détails.

Voir Détourer dans une application externe pour savoir comment importer vos détails.

Voir Gestion du zoom pour plus de renseignements sur l'outil de zoom.
Saisir les commentaires

Dans l'onglet « Commentaires », taper le titre de l'image active puis le titre de la description de l'image. Taper dans le champ suivant le texte correspondant à la description générale de l'image. Vous pouvez insérer des liens hypertextes dans la description en sélectionnant le texte à mettre en lien et en cliquant sur le bouton de lien.

Choisissez dans la liste le détail sur lequel vous souhaitez travailler.
Si vous êtes dans le mode Quiz, vous pouvez attribuer un code d'accès aux réponses (voir Questions - réponses et verrouillage).
Tapez votre texte dans le champ « Description du détail ». Vous pouvez insérer des liens hypertextes dans la description en sélectionnant le texte à mettre en lien et en cliquant sur le bouton de lien.

Ajouter un lien hypertexte
Exporter l'animation

Pour générer votre image active, cliquez sur le bouton vert dans la barre des tâches. Une fenêtre d'enregistrement s'ouvre. Sélectionnez le répertoire dans lequel vous voulez enregistrer votre fichier swf et cliquez sur Enregistrer.
Si vous ne parvenez pas à exporter votre image, ou que vous ne visualisez pas le résultat dans le panneau prévisualisation, il manque peut-être des éléments sur votre ordinateur. Reportez-vous à la FAQ du site.

Dans l'onglet « Paramètres », vous pouvez choisir des configurations pour l'exportation (voir Publication web : l'animation de préchargement).

Le bouton
"exporter l'animation"

Si vous avez l'intention de mettre votre image active en ligne, nous vous conseillons de ne pas exporter plusieurs images actives dans le même répertoire, sans quoi certains fichiers complémentaires vont s'effacer les uns les autres.

2. Le texte

Métadonnées

Pour le respect de la Propriété intellectuelle, des métadonnées doivent être attachées à l'image choisie comme base pour réaliser l'image active.

Cinq métadonnées (issues du « Dublin Core », norme internationale pour la description des documents numériques) sont à renseigner dans l'onglet « Image » : « Titre de l'image », « Auteur de l'image », « Date de l'image », « Droits sur l'image », « Source de l'image ».

Les cinq champs de saisie des métadonnées

Lors de la visualisation, elles apparaissent dans le volet de métadonnées situé en bas de l'image active.
Mise en forme des textes

Placer le curseur dans le champ du texte à mettre en forme. Au-dessus du titre de l'image active, choisir la police, le corps et la couleur du texte.

Mise en forme du champs 'description générale'

Le formatage s'appliquera forcément à l'ensemble de la zone de texte sélectionnée.
En l'état actuel d'Images Actives, il n'est pas possible d'appliquer un formatage particulier à un passage du texte.
Importer des polices

Au-dessus du titre de l'image active, à côté du menu de choix de police, cliquer sur le bouton d'import de police.

Le bouton 'importer une police'

Une fenêtre s'ouvre pour parcourir et importer la police souhaitée en format « .ttf ».

Elle est ensuite disponible dans le menu de choix de police. Elle est embarquée avec le fichier « .xia ».

Si, suite à l'ajout d'une nouvelle police, vous ne parvenez plus à exporter vos animations, c'est que cette police n'est pas prise en charge par les gestionnaires de police fournis par défaut.
Si vous souhaitez pourvoir utiliser n'importe quelle police, référez-vous à la rubrique "Télécharger et installer" du site Images Actives pour installer les parties complémentaires du compilateur Flex.
Questions-réponses et verrouillage

En mode « Quiz », saisir les questions dans l'onglet « Créer les détails », lors de la création du détail.

Saisir les réponses dans l'onglet « Commentaires ».

Pour verrouiller les réponses, cocher « Code d'accès aux réponses » et entrer un code (de un à six chiffres).

Saisie d'un code d'accès aux réponses

Lors de la visualisation, le code est demandé à la première question, il déverrouille toutes les autres questions, il est réactivé à chaque réouverture de l'image active.

Attention ! lorsque vous êtes en mode plein écran, le lecteur flash n'a plus accès au clavier. Quittez le plein écran le temps de déverrouiller l'animation. Si vous avez des problèmes pour la saisie des nombres, essayez le pavé numérique de votre clavier.

3. Les détails

Détourer et gérer les options des détails à mettre en valeur dans votre image active.

Outils de détourage

Plusieurs outils sont disponibles pour vous aider à réaliser au mieux vos détourages de détails. Les outils sont les suivants :
- le lasso : il permet de faire un détourage précis ;
- le lasso polygonal : permet un détourage par point en cliquant pour créer des points. Double-cliquez pour fermer votre tracé ;
- la sélection rectangulaire : permet de créer un détail carré ou rectangulaire ;
- la sélection elliptique : permet de créer un détail elliptique ou rond ;
- le surligneur : réglez la taille et la forme de votre surligneur grâce au curseur.
- Vous pouvez supprimer votre tracé en cliquant sur le bouton avec une croix rouge situé à côté de vos outils de détourage.
Les outils de détourage
Détourer dans une application externe

Si vous désirez réaliser des détourages plus précis, vous pouvez les faire grâce à un logiciel de traitement d'image. Les détails créés doivent être enregistrés dans un format supportant la transparence : png ou gif .
Pour les importer, allez sur l'onglet "Créer les détails" et cliquez sur l'icône "IMG +" située en dessous de la liste des détails. Traitez ensuite vos détails importés comme des détails normaux en utilisant les fonctions des détails. De plus, vous avez la possibilité de déplacer ces détails dans votre image en les sélectionnant et en les déplaçant avec votre souris.

Nous vous conseillons de réaliser vos détails en effaçant les parties inutilisées de l'image mais sans recadrer l'image d'origine. Les détails auront ainsi les mêmes dimensions que le fond mais seront transparents sur la majeure partie de leur surface.
Ainsi, vous vous épargnerez le travail de devoir repositionner vos détails à leur emplacement exact dans Images Actives.
Gestion du zoom

Vous pouvez décider qu'un détail soit zoomable ou non en cochant/décochant la case « Détail zoomable » située en dessous de la liste des détails. Une icône loupe apparaît en face des titres des détails qui seront zoomables.

La case 'détail zoomable'

Un détail ne sera jamais zoomé au delà de sa propre définition ce qui lui donnerait une apparence pixelisée.
Par conséquent, si votre image n'est pas très grande à l'origine, désactivez le zoom sur les détails : il n'aurait aucun effet voire réduirait la taille du détail au lieu de le zoomer !
Utilisation des puces

Les puces vous permettent de donner une information supplémentaire qui ne peut être associée à un détail en particulier. Les puces se situent en dessous de la liste des détails. Vous pouvez en placer autant que vous le souhaitez. Choisissez les puces qui conviennent le mieux à votre image et déplacez-les ensuite sur l'image.
Les puces ne sont pas zoomables mais vous pouvez les ordonner comme vous le voulez et leur associer des commentaires.

Menu d'accès aux puces

En mode "boutons" ou "accordéon", les puces ne sont pas visibles mais elles donnent naissance à un bouton ou un volet d'accordéon supplémentaire qui n'est pas lié à un détail de l'image.

4. Les modèles

Deux comportements et quatre dispositions à choisir et modifiables à tout moment.

Modèles de comportements

Deux modes sont proposés pour créer vos images actives : Découverte et Quiz. Chaque mode offre un choix de quatre dispositions (voir Modèles de disposition).

Le mode Découverte est recommandé pour l'acquisition du savoir, le décryptage de l'image et tout autre travail sur les détails.

Le mode Quiz est proposé pour les séances de questions-réponses ou de rendus de connaissances.

Le mode Quiz peut être verrouillé par un code. L'enseignant peut à loisir permettre à l'élève l'accès aux réponses (voir Utilisation Quiz).

À tout moment, vous pouvez revenir sur votre choix de comportements dans l'onglet "Modèles".
Modèles de dispositions

Le mode Accordéon est recommandé pour une navigation par les onglets et pour les images en portrait (en hauteur). Les commentaires peuvent être longs.

Le mode Bulles est recommandé pour une navigation par les détails de l'image et suppose des commentaires courts. Le format de l'image, portrait ou paysage, est indifférent.

Le mode Boutons est recommandé pour une image en largeur. Les boutons sont disposés en haut de l'image, ils sont numérotés. Les commentaires peuvent être longs.

Le mode Audio permet d'enregistrer des légendes audio. Ce mode est idéal pour un travail sur les langues par exemple (voir Le son).

Il ne suffit pas de cliquer sur un pavé de la liste pour changer de modèle : il faut cocher la case qui s'y trouve.

5. Personnaliser l'apparence

Modifier les réglages par défaut de l'animation pour personnaliser votre image active.

La charte de couleurs

Dans l'onglet « Paramètres », un tableau de bord est à votre disposition pour régler les éléments de couleur, de graphismes et de proportions d'image. Choisissez dans la colonne de gauche la fonction à modifier et selon votre choix, les éléments des autres colonnes s'activent en fonction des possibilités de modification.

Les couleurs affichées dans l'onglet « Paramètres » sont des couleurs par défaut, elles peuvent être modifiées. Un schéma disponible pour chaque modèle vous permet d'associer facilement une couleur à son emplacement.

Pour modifier les couleurs, vous avez deux possibilités : soit en cliquant directement sur les points de couleur numérotés (une palette de couleurs s'affiche), soit par le tableau de bord en modifiant les couleurs liées aux différents éléments de l'image active. Ces éléments sont :
- arrière-plan : couleur de fond ;
- aux cartouches : couleur de fond et couleur du contour ;
- aux légendes : couleur de fond de la légende ;
- au survol : clarté et couleur de la bulle de survol ;
- à la sélection : couleur du contour et couleur du fond pendant la sélection d'un détail ;
- au zoom : couleur du fond pendant le zoom d'un détail.
Les effets graphiques

Dans l'onglet « Paramètres », un tableau de bord est à votre disposition pour régler les éléments de couleur, de graphismes et de proportions d'image. Choisissez dans la colonne de gauche la fonction à modifier et selon votre choix, les éléments des autres colonnes s'activent en fonction des possibilités de modification.

Le tableau de bord de l'onglet « Paramètres » vous permet de modifier certains effets de l'animation générée. Ces effets sont :
- survol des détails : éclairer : clarté des détails ;
- sélection : contour : transparence, force (rayonnement) et épaisseur du contour ;
- sélection : estomper : transparence du fond pendant la sélection ;
- zoom : estomper : transparence du fond pendant la sélection ;
- zoom : durée : vitesse du zoom.
Les proportions

Dans l'onglet « Paramètres », un tableau de bord est à votre disposition pour régler les éléments de couleur, de graphismes et de proportions d'image. Choisissez dans la colonne de gauche la fonction à modifier et selon votre choix, les éléments des autres colonnes s'activent en fonction des possibilités de modification.

Vous pouvez régler la proportion qu'à l'image par rapport au texte, c'est-à-dire, l'importance que vous souhaitez donner à l'image. Cette fonction se trouve en cliquant sur « Disposition » dans la colonne de gauche puis « Image / texte », vous pouvez augmenter ou réduire ce rapport à l'aide des flèches.

6. Le son

Enregistrer dans Images actives

Pour enregistrer ses commentaires, questions ou réponses dans le logiciel, choisir le modèle « Audio » et activer le micro de l'ordinateur.

Par défaut, le mode audio n'est pas actif en raison des brevets sur le format MP3. Il faut ajouter à Images Actives un élément qui n'est pas fourni lors de l'installation.
Référez-vous à la rubrique "Télécharger et installer" du site Images Actives pour installer cet élément.

La barre d'enregistrement du logiciel comporte :
- un bouton « Enregistrement » ;
- un bouton « Lecture » pour réécouter son enregistrement ;
- un bouton « Arrêt » pour stopper l'enregistrement ou la lecture ;
- une « barre de temps » qui représente l'avancée de l'enregistrement ou de la lecture ;
- un bouton d'importation de fichiers sons qui ouvre une fenêtre de navigation permettant leur recherche (fichiers en .wav).
Les contrôles d'enregistrement

En mode Découverte Audio :
- saisir le titre de l'image active (il apparaît textuellement sur l'image active) ;
- enregistrer la « Description générale » ;
- enregistrer la « Description du détail » pour chaque détail (le titre du détail n'apparaît pas sur l'image active).
En mode Quiz Audio :
- saisir le titre de l'image active (il apparaît textuellement sur l'image active) ;
- enregistrer la « Consigne » (elle se déclenche en cliquant sur le premier bouton en haut à droite de l'image active) ;
- un code pour verrouiller les réponses peut être saisi : voir Questions-réponses et verrouillage ;
- enregistrer la « Question sur le détail » (elle se déclenche en sélectionnant le détail) ;
- enregistrer la « Réponse à la question » (elle se déclenche en cliquant le bouton « Réponse »).
En mode Audio, vous ne pouvez pas exporter votre image active tant que vous n'avez pas enregistré une description générale et une légende (ou une question réponse) pour chaque détail.
Enregistrer dans une application externe (à venir)

7. L'image active

Le comportement des détails

Au survol : le détail réagit suivant les paramètres choisis (Paramètres / Survol / Éclairer) : choix de couleur et de clarté.

À la sélection : le détail réagit suivant les paramètres choisis :
- Contour (Paramètres / Sélection / Contour) : choix de la couleur, de la transparence, de la force et de l'épaisseur du contour.
- Estomper (Paramètres / Sélection / Estomper) : choix de l'estompage du reste de l'image (couleur et transparence).
- Le texte (commentaire ou question-réponse) apparaît ou l'enregistrement se déclenche.
Zoom : le détail est zoomé (au maximum de sa résolution) au premier clic après la sélection si « Détail zoomable » a été coché dans l'onglet « Créer les détails » :
- Durée (Paramètres / Zoom / Durée) : vitesse d'apparition et de disparition du zoom.
- Estomper (Paramètres / Zoom / Estomper) : choix de l'estompage du reste de l'image (couleur et transparence) pendant le zoom.
La barre de boutons

La barre de boutons, en haut à droite de l'image active, comprend quatre boutons, excepté en mode « Accordéon » où elle n'en comporte que trois, la « description générale » se retrouvant dans le premier volet de l'accordéon. Sinon pour tous les modes, elle comporte :
- « Description générale » : ce bouton contient le titre et le commentaire génréraux associés à l'image active (saisis dans l'onglet « Commentaires »)
- « Afficher tous les détails » : le maintien du clic sur ce bouton permet d'afficher tous les détails présents sur l'image.
- « À propos d'Images actives » : ce bouton ouvre une fenêtre concernant les droits du logiciel.
- « Plein écran » : ce bouton ouvre l'image active en plein écran. On quitte le mode plein écran en cliquant, au même endroit, sur un nouveau bouton, « Quitter le plein écran ».
Le volet des métadonnées

Le volet des métadonnées, situé en bas de l'image active, est dédié aux mentions concernant les droits d'utilisation de l'image sur laquelle se base l'image active et aux mentions concernant les droits d'utilisation de l'image active elle-même. Voir Métadonnées.
Utilisation en mode Audio

Lors du visionnage de l'image active en mode audio, le son démarre à la sélection du détail. Une barre de contrôle du son est alors disponible, elle propose :
- un bouton « pause/lecture » : pour contrôler le flux du commentaire, de la question ou de la réponse ;
- un bouton « désactivation/activation du son » ;
- un bouton « retour au début » : pour relancer l'écoute du commentaire, de la question ou de la réponse ;
- un contrôle du volume sonore.
Utilisation en mode Quiz

Le mode Quiz existe pour tous les modèles : Accordéon, Bulles, Boutons et Audio.
- La question apparaît à la sélection d'un détail. La réponse est démasquée en cliquant sur le bouton « Réponse ».
- Lorsque le quiz est verrouillé, la première sélection d'un détail fait apparaître la première question, ainsi qu'un champ où saisir le code de déverrouillage (choisi lors de création des questions/réponses). Une fois le code validé, le bouton « Réponse » est disponible pour ce détail et tous les autres. Le code n'est demandé que pour la première réponse, il déverrouille toutes les autres réponses, il est réactivé à chaque réouverture de l'image active. Voir Questions-réponses et verrouillage.

8. Paramètres de publication

Lorsque vous appuyez sur le bouton « Générer l'animation interactive » (en raccourci ctrl + entrée), vous êtes invité(e) à choisir le nom et l'emplacement d'un fichier portant l'extension .swf.

Ce fichier représente une petite application autonome au format flash qui contient tous les contenus (images, textes, sons) que vous avez créés et leur ajoute de l'interactivité.

La création de ce fichier swf prend quelques instants. Il s'agit d'une étape de compilation (transformation d'un ensemble de ressources comme du code informatique, des images ou des sons en une application).

L'avantage de cette étape est que, une fois votre image active compilée, vous avez la certitude qu'elle aura une apparence et un comportement identiques quels que soient l'ordinateur et le navigateur de l'utilisateur.

Un fichier swf ne peut pas être modifié par l'utilisateur même en utilisant le logiciel Images Actives. Pour modifier une image active, il faut disposer du fichier source (le fichier .xia).

Dimensions de l'animation

Même si elle peut être zoomée dans un navigateur web, votre animation flash possède, à l'instar d'une image numérique, une dimension propre (largeur - hauteur). Une fois le fichier swf créé, ces dimensions sont fixées. Pour les modifier, il faut le générer à nouveau.

En cliquant sur l'onglet « Image », vous accédez à un des contrôles vous permettant de fixer les dimensions de votre image active. Il ne s'agit pas simplement de la largeur et de la hauteur de la zone dévolue à l'image mais des dimensions de l'ensemble de l'animation flash, incluant ses marges, les zones de textes (titre, accordéon), la barre d'outils, le volet de métadonnées.

Le menu des dimensions

Le menu déroulant vous propose un ensemble de dimensions prédéfinies correspondant aux résolutions d'écran les plus courantes. Si votre image active est destinée à être utilisée en mode plein écran, et si vous connaissez la résolution d'écran (par exemple, celle de votre tableau numérique interactif, ou celle d'un modèle de tablette utilisé par vos élèves), vous avez intérêt à choisir une entrée de ce menu.

Vous pouvez également fixer des dimensions arbitraires en modifiant les champs « largeur » et « hauteur ». Si vous souhaitez insérer l'image active dans un emplacement de la maquette d'une page web, cette solution convient.

Le choix le plus pertinent consiste à cocher la case « dimensions optimisées ». Lorsque vous modifierez une dimension (largeur ou hauteur), l'autre dimension sera recalculée de manière à ce que les marges intérieures de votre image actives soient harmonieuses et à ce qu'il ne subsiste aucun vide.

La première fois que vous cochez cette case, c'est la largeur qui sera recalculée en fonction de la hauteur.
Publication web : l'animation de préchargement

Lorsque l'utilisateur se connecte à une page web contenant une image active, celle-ci n'est pas immédiatement disponible : elle doit d'abord être chargée depuis le serveur. Plus l'image active contient des ressources – images, sons – de poids élevé, plus ce chargement durera longtemps (cas particulier, si vous n'embarquez pas les ressources, voir ci-dessous : Publication web : embarquement ou chargement des ressources).

Pour simplifier la mise en ligne de vos animations, lorsque vous créez un fichier swf, Images actives génère une « enveloppe » web comportant une animation de préchargement. Cette animation s'activera automatiquement jusqu'à ce que le fichier swf soit entièrement chargé, puis disparaîtra. Cela permettra à l'utilisateur de comprendre qu'il doit patienter jusqu'au chargement complet de la ressource.

Pour une publication standard sur le web, vérifier que les cases « Désactiver le préchargement pour une utilisation en local » et « Ne pas embarquer images et sons dans l'animation » ne sont pas cochées. Ainsi, votre animation sera constituée d'un fichier swf contenant toutes ses images et ses éventuels sons.

Une publication standard sur le web

Pour mettre en ligne, copiez simplement sur le serveur, dans un répertoire spécifique, les quatre fichiers suivants qui ont été générés dans le répertoire où vous avez exporté le fichier swf :
- votre fichier swf
- swfobject.js
- loading.gif
- index.html
Publication web : embarquement ou chargement des ressources

Dans certains cas, votre image active risque de peser très lourd :
- si vous avez choisi le mode audio ;
- si vous avez une image de fond en haute définition ;
- si vous avez détouré vos détails dans un outil tiers comme Gimp, Photofiltre ou Photoshop.
Dans ce cas, le mécanisme de préchargement standard (voir ci-dessus) ne convient pas. En effet, l'animation de préchargement standard risque de tourner pendant longtemps et l'utilisateur se demandera s'il n'a pas affaire à un dysfonctionnement.

Heureusement, Image actives vous propose un second mécanisme de préchargement, complémentaire du premier : pour l'activer, il vous suffit de cocher la case « Ne pas embarquer images et sons dans l'animation » dans le panneau « Paramètres ».

Une publication en mode « ressources non embarquées »

Ainsi, votre fichier swf sera d'un poids beaucoup plus faible. L'animation de préchargement durera peu de temps ; lorsque le fichier swf sera chargé, vous verrez s'afficher une barre de progression vous informant du déroulement du chargement pour chaque image et chaque son.

Attention, si vous avez opté pour ce mode de publication, vous devrez copier-coller beaucoup plus de fichiers sur le serveur :
- votre fichier swf
- swfobject.js
- loading.gif
- index.html
- tous les fichiers images apparu dans le répertoire d'export
- en mode audio, le répertoire « sounds » apparu dans le répertoire d'export
Publication hors-web

Dans certains cas, vous ne souhaitez pas mettre en ligne votre image active mais la diffuser comme un fichier (par exemple, pour la mettre dans un répertoire partagé avec les élèves sur le réseau de votre établissement, ou pour que vos élèves la copient sur clé USB).

Pour cela, vous devez embarquer les images et les sons mais désactiver le mécanisme de préchargement. Le mécanisme de préchargement ne convient pas à l'utilisation de l'image active depuis un disque dur, une clé USB ou un réseau local : en vertu de certains mécanismes de sécurité, votre image active ne pourra tout simplement pas être visionnée.

Publier l'image active comme un fichier

Pour diffuser votre image active, contentez-vous de distribuer le fichier swf sans aucun autre fichier pour l'accompagner.
Créer une projection

Lorsque vous diffusez votre image active comme un fichier .swf, les utilisateurs ne savent pas forcément avec quelle application le visionner. S'ils double-cliquent sur le fichier, il peut arriver qu'il s'ouvre dans une application qui ne convient pas comme un lecteur vidéo. S'ils l'ouvrent avec un navigateur, il se peut que celui-ci ne dispose pas d'un lecteur Flash. En outre, quand le fichier swf est ouvert directement dans un navigateur, sans être enveloppé dans une page html, le bouton écran ne fonctionnera pas.

Pour toutes ces raisons, vous pouvez avoir intérêt à convertir votre fichier swf en projection. Une projection est une application autonome portant une extension propre au système d'exploitation (.exe sous Windows, .app sous Mac).

Lorsque l'utilisateur double-cliquera sur la projection, elle s'ouvrira toujours correctement et il profitera de toutes les fonctionnalités de l'image active.

Pour créer une projection,
- Téléchargez un lecteur Flash autonome correspondant à votre système d'exploitation depuis le site d'Adobe. Choisissez pour votre système d'exploitation le dernier lien « Flash Player x.xx Projector »
- Faites un clic droit (ou ctrl + clic) sur votre fichier swf, « Ouvrir avec » et choisissez le lecteur Flash autonome que vous avez téléchargé.
- Dans le lecteur Flash, choisissez « fichier » « créer une projection ».
Créer une projection avec un lecteur Flash autonome

Ce mode de diffusion comporte toutefois des inconvénients :
- Votre image active devient beaucoup plus lourde car elle embarque un lecteur flash.
- Vous ne pouvez pas créer une projection pour un système d'exploitation différent du votre (une projection créée sous Windows ne fonctionnera que sous Windows).
- Votre fichier risque de se heurter à certaines barrières de sécurité qui protègent les ordinateurs contre la diffusion d'exécutables potentiellement malveillants.

9. Divers

Raccourcis clavier

Plusieurs raccourcis clavier permettent à l'utilisateur expérimenté d'accélérer son travail.

Les raccourcis clavier :

Combinaison de touches	Effet	Commentaire
Ctrl (ou Cmd) + s	Enregistrer	Seulement si le fichier .xia a déjà été enregistré une première fois.
Ctrl (ou Cmd) + shift + s	Enregistrer sous
Ctrl (ou Cmd) + o	Ouvrir un projet Images actives (fichier .xia)
Ctrl (ou Cmd) + Entrée	Exporter	Si vous appuyez à nouveau sur entrée, vous écrasez le swf précédent.
Ctrl (ou Cmd) + i	Importer une image
Ctrl (ou Cmd) + n	Nouveau projet

Changer la langue de l'application

Images actives est disponible en plusieurs langues et s'adapte automatiquement à la langue de votre système d'exploitation.

De ce fait, la seule façon de changer la langue d'Images actives est de changer la langue de votre système d'exploitation.

Exemples dans différents domaines

Joachim Dornbusch — 2011-11-23T08:47:11Z

Plusieurs domaines, plusieurs dispositions

Le logiciel Images Actives permet de créer des schémas, des tableaux, des photos dynamiques, où légendes et commentaires sont directement associés aux zones pertinentes de l'image. Or, l'analyse de l'image est présente dans de nombreux scénarios pédagogiques, et dans presque toutes les disciplines.
Ainsi, un schéma de sciences physiques, la photo d'un tableau célèbre en histoire des arts, une carte de géographie, la photo d'une lame de microscope en SVT, d'un bas-relief en histoire, d'une affiche de cinéma en lettres, ou d'une fête traditionnelle en langues vivantes, la capture d'écran d'un logiciel en technologie, une gravure d'illustration d'un conte, l'image d'une phrase en latin, même une simple photo de sortie scolaire, peuvent être autant de supports à enrichir par des commentaires écrits ou oraux, afin de les exploiter en classe : expression orale, aide au raisonnement déductif et à l'analyse, mémorisation,...

Une carte de géographie Schéma sur les contrastes sociospatiaux dans l'Union européenne Fichier source	Une curiosité géologique "L'Oeil Doux", une photo de paysage pour une animation pédagogique, SVT géologie 4e Fichier source	Un graphique de statistiques Mode quiz avec verrouillage de l'accès aux réponses par code secret : pour lire les réponses, saisissez le code 567890 Fichier source	Visite de Southbank, commentaires audio en anglais Support d'exercice de compréhension orale, cours d'anglais en 3ème Scénario pédagogique Fichier source
Sauvetage héliporté Fichier source	Une œuvre d'art Un tableau de Louis Tocqué, cours d'histoire de 4e, ou activité sur l'histoire des arts au collège Fichier source	Une daurade Analyse de l'image pour un cours en lycée professionnel restauration. Fichier source	Dispositif de sécurité pour un accident avec émanations toxiques Fichier source
Big Ben, vue du haut de London Eye Commentaires audio, pour des élèves débutant l'apprentissage de l'anglais Scénario pédagogique Fichier source	Capture d'écran du logiciel Sweet Home Une capture d'écran en image active, pour la prise en main du logiciel en cours de technologie Fichier source	Exploitation d'une photo de sortie scolaire Reportage photo d'élèves, commentaires d'élèves : retour d'une sortie à Paris Fichier source	Étiquette de bouteille de vin Les éléments mentionnés sur les étiquettes, découverte Scénario pédagogique Fichier source
Epiderme d'oignon Observation au microscope Fichier source Scénario pédagogique	Le coin cuisine Classe de petite section maternelle Fichier source Scénario pédagogique	Coin jeu : la chambre des poupées Classe de petite section maternelle Fichier source Scénario pédagogique	Phrase latine à traduire Un texte, sous la forme d'un fichier image, dont les mots sont "découpés", et commentés. Fichier source
Ustensiles de pâtisserie Fichier source Scénario pédagogique

Images Actives

Travaux d'élèves

La liste de discussion Images Actives

Exemples avec différentes dispositions

Tutoriels

Tutoriel : les étapes de la création d'une image-active, pas par pas

Tutoriel : créer une Image-Active, guide détaillé

Tutoriel : un diaporama pour créer une Image-Active

Tutoriel vidéo

Évolution du logiciel

Mai 2012 : Une Image active sur place ou à emporter ?

À emporter !

Février 2012 : la valse des boutons

En attendant Godot...

Février 2012 : du changement a prévoir du côté de l'installation

La grogne des « admins réseau »

Sans internet on fait comment ?

Le pingouin malmené

Help in english

Janvier 2012 : changements cosmétiques

Exemples avec des scénarios pédagogiques

En cours d'anglais, classe de troisième

En cours d'anglais, classe de sixième

En cours de restauration, lycée professionnel

En cours de restauration, lycée professionnel

En cours de SVT, classe de sixième

En petite section de maternelle : les coins jeux

Captures d'écrans

Des images-actives pour comprendre le logiciel Images Actives

Nouvelle version 1.0

Guide de l'utilisateur

Importer une image

Détourer les détails

Saisir les commentaires

Exporter l'animation

Métadonnées

Mise en forme des textes

Importer des polices

Questions-réponses et verrouillage

Outils de détourage

Détourer dans une application externe

Gestion du zoom

Utilisation des puces

Modèles de comportements

Modèles de dispositions

La charte de couleurs

Les effets graphiques

Les proportions

Enregistrer dans Images actives

Enregistrer dans une application externe (à venir)

Le comportement des détails

La barre de boutons

Le volet des métadonnées

Utilisation en mode Audio

Utilisation en mode Quiz

Dimensions de l'animation

Publication web : l'animation de préchargement

Publication web : embarquement ou chargement des ressources

Publication hors-web

Créer une projection

Raccourcis clavier

Changer la langue de l'application

Exemples dans différents domaines

Plusieurs domaines, plusieurs dispositions