⏱️ L'essentiel en 3 minutes |
🧠 À quoi sert l'analyse d'image ?
Le bloc Analyse d'image permet d'annoter une image en définissant des zones de focus, chacune liée à un texte d'explication. C'est particulièrement utile pour :
les formations logicielles (mettre en avant un bouton, une zone d'interface)
les schémas techniques (identifier les composants d'un équipement)
les cartes, plans ou maquettes à décrire zone par zone
⚙️ Configurer le bloc
Choisir le mode d'affichage
Depuis le Layout (option visible au survol du bloc), deux modes sont disponibles :
Analyse guidée (par défaut) : le bloc prend tout l'écran et fait défiler les zones une par une. L'apprenant progresse dans l'ordre défini par l'auteur.
Exploration libre : des marqueurs apparaissent sur l'image. L'apprenant clique sur chacun pour révéler la zone correspondante dans une fenêtre flottante.
ℹ️ En mode Exploration libre, si une zone n'a pas de marqueur positionné sur l'image, elle ne sera pas visible pour l'apprenant. L'éditeur vous avertit et propose deux solutions : ajouter un marqueur, ou repasser en mode Analyse guidée.
💡 En mode Exploration libre, l'apprenant n'est pas obligé d'ouvrir toutes les zones pour passer à la suite. Si vous souhaitez que toutes les zones soient vues, utilisez le mode Analyse guidée.
Personnaliser la mise en page
Depuis la fonction Format (option visible au survol du bloc), vous pouvez également :
Taille des marges verticales : XS, S, M, L
Largeur du bloc : M ou L (cette option permet d'agrandir ou rétrécir l'affichage de l'image)
Position du texte : choisir d'afficher le texte de chaque zone sous l'image (par défaut) ou à droite de l'image.
Si vous optez pour le mode exploration libre, le format vous permet aussi de choisir la couleur du marqueur du l'image (indigo par défaut) et d'activer/désactiver le marqueur à centre vide, pour afficher uniquement le halo sans masquer ce qu'il y a derrière.
🗺️ Importer vos images et positionner les zones de focus
Une fois les paramètres visuels configurés, survolez le bloc et cliquez sur "✏️ Contenu".
Ajoutez vos images
Ajoutez et positionnez vos zones de focus : L'éditeur de zones vous permet de placer et redimensionner chaque zone directement sur l'image.
Pour les zones de petite taille (un bouton, un détail de schéma…) :
Zoomez dans l'éditeur pour agrandir l'image et positionner précisément la zone.
Utilisez le bouton Taille normale pour revenir à la vue d'ensemble en un clic.
Sélectionnez une zone existante et cliquez sur Cadrer la zone : l'éditeur zoome automatiquement sur cette zone pour faciliter les ajustements.
🎓 Ce que voient vos apprenants
En mode Analyse guidée : le bloc occupe tout l'écran. L'apprenant fait défiler les zones dans l'ordre. Chaque zone révèle le texte associé.
En mode Exploration libre : les marqueurs sont visibles sur l'image. L'apprenant clique sur un marqueur, le texte s'affiche dans une fenêtre flottante (ou en bas d'écran sur mobile). La zone mise en surbrillance au survol aide à repérer les zones cliquables.
Dans les deux modes : l'apprenant peut double-cliquer sur l'image pour zoomer et voir les détails. Le curseur se transforme en "+" pour indiquer cette possibilité.
⚠️ Limitation connue
En mode Exploration libre, la progression de l'apprenant (zones ouvertes) est suivie pendant la session mais n'est pas enregistrée. Si l'apprenant quitte la page et revient, les zones apparaissent de nouveau comme non ouvertes. Cette limitation ne bloque pas la progression dans le parcours.
Mots-clés : analyse d'image, image interactive, zones de focus, marqueurs, exploration libre, analyse guidée, formation logicielle, schéma technique, zoom