Tutoriel 5 - Générateur Zigzag: Ajouter des images au test (étape 2)

• Ce tutoriel vous montre comment ajouter des images à un texte et comment déterminer leur emplacement par rapport au texte.
  
  
• Pour que la commande d'insertion d'une image au texte soit accessible, le projet Zigzag doit être rendu à l'étape 2 de sa génération. Il est préférable d'utiliser cette commande en vue verticale (menu Vues > Vue verticale); voir Note 1.
  
  
• Ouvrez le menu Fichier > Ouvrir un projet Zigzag ... de votre application Générateur Zigzag.
  
  
  
  
• Une fenêtre intitulée Ouvrir un projet apparaît. Sélectionnez le projet AJA5.
  
  
  
  Le fichier en question étant ouvert, vous pouvez choisir les images et déterminer leur emplacement par rapport au texte. Ces deux opérations peuvent être exécutées dans l'ordre de votre choix.
  

   

  Choisir les images
• Le premier segment du texte étant sélectionné (i.e. en couleur bleue), choisissez le menu Evénements > Image (ou appuyez sur le bouton de la barre d'outils). Cette commande permet d'ajouter des images - de format bmp, gif ou jpg - à un texte ou une liste de mots. Une fenêtre intitulée Associer une image à un segment apparaît. Appuyez sur l'onglet Insérer... .
  
  
  
  
• Une fenêtre superposée s'ouvre. En naviguant de la manière habituelle dans l'environnement de votre système d'exploitation, sélectionnez l'image visée (ici: AJA1.jpg) et appuyez sur l'onglet Ouvrir. Si vous avez suivi les suggestions faites lors de l'installation standard de Lecture Zigzag, ce fichier devrait se trouver dans le répertoire d'aide à l'endroit suivant: C:\\Program Files\Zigzag\ressources\___.
  
  
  

• L'image sera associée au segment textuel qui est sélectionné dans l'éditeur à ce moment (dans le cas présent: le premier segment du texte, Allez jouer ailleurs! Vous allez). Le carré contenant le chiffre 1 correspond au mode d'affichage Ponctuel et signifie que l'affichage de l'image se limitera au premier segment du texte.
  
  
• Pour modifier le mode d'affichage, cliquez sur le bouton Continu. En mode continu, une image reste affichée jusqu'au prochain segment auquel une image sera rattachée et, en absence de celle-ci, jusqu'à la fin du texte. C'est justement ce qu'indique la flèche rouge pointant vers le bas. Appuyez sur l'onglet Fermer.
  
  
  
  

• Après avoir sélectionné le sixième segment du texte (i.e. Plus loin, il y avait des), répétez l'opération d'insertion d'une image: choisissez de nouveau le menu Evénements > Image, sélectionnez le fichier AJA2.jpg. Cliquez sur le bouton d'affichage Continu et ensuite sur l'onglet Fermer.
  
  

• Ajoutez selon la même démarche deux autres images en mode d'affichage continu au texte:
  
  
  • l'image AJA3.jpg au segment textuel Alors, on (12e segment du texte)
    
    
  • l'image AJA4.jpg au segment textuel Alors, on a essayé (24e segment du texte).
    
    
    
• Les dimensions maximales de l'image affichée sont de 350 pixels (largeur) par 250 pixels (hauteur); cf. Note 2.

  
  
  Déterminer l'emplacement des images

• Choisissez le menu Outils > Paramètres du test (ou cliquez sur le bouton de la barre d'outils).
  
  
  
  
• La fenêtre Paramètres du test apparaît. Cliquez sur l'onglet Contexte.

  

• Si vous souhaitez que le contexte précédent du texte soit affiché, sélectionnez l'un des deux boutons dans la partie supérieure de la fenêtre:
  
  
• Bouton Contexte à gauche, image à droite
  
  
• Bouton Image à gauche, contexte à droite
  
  
• Si vous souhaitez que le contexte précédent du texte ne soit pas affiché, sélectionnez l'un des trois boutons dans la partie inférieure de la fenêtre:
  
  
• Bouton Image à gauche
• Bouton Image au centre
• Bouton Image à droite
  
  
• Appuyez sur l'onglet Fermer.
  
  
• Sauvegardez les modifications apportées à votre fichier AJA5 en utilisant l'une des trois commandes:
  
  
  • le menu Fichier > Enregistrer le projet Zigzag;
    
    
  • le raccourci Ctrl+S;
  • le bouton de la barre d'outils.
    
    
• Pour voir le résultat, choisissez le menu Outils > Test intégré (ou appuyez sur le bouton de la barre d'outils). Si la fenêtre Répartition aléatoire des cibles apparaît, cliquez sur Oui. Pour sortir du module Test intégré, sélectionnez de nouveau le menu Outils > Test intégré (ou appuyez sur le bouton de la barre d'outils).
  
  
• Choisissez le menu Fichier > Fermer le projet Zigzag.

Note 1. L'ajout d'une image est possible aussi bien en vue horizontale que verticale. Toutefois, le point d'attache de l'image à un segment textuel est plus facile à identifier en vue verticale. Chaque image, qu'elle soit de type continu ou ponctuel, n'a qu'un seul point d'attache. Or, ce n'est qu'en vue verticale que ce point d'attache est clairement identifié au moyen d'un carré (absent en vue horizontale). En vue horizontale, lorsqu'on se trouve à un autre segment qu'à celui servant de point d'attache, la fenêtre Associer une image à un segment reste vide.

Note 2. Le Générateur Zigzag accepte des images de format bmp, gif ou jpg. Si les images que vous voulez utiliser ont un autre format, vous devez les modifier préalablement à l'aide d'un logiciel approprié. Les dimensions maximales affichées d'une image sont de 350 x 250 pixels. Lorsque les dimensions de l'image choisie sont inférieures à ces valeurs, l'image s'affiche dans le coin supérieur gauche de l'espace réservé à l'affichage des images à l'écran. Lorsque les dimensions de l'image choisie sont quelque peu supérieures aux dimensions maximales affichées, seule la partie supérieure gauche de l'image originale - jusqu'à concurrence de 350 x 250 pixels - sera visible. Pour éviter ce genre de découpage et la perte d'information qui en résulte, il est souhaitable de réduire la grandeur d'une image de façon à ce qu'elle respecte approximativement les dimensions de 350 x 250 pixels (à l'aide de Photoshop, par exemple). Par ailleurs, lorsque les dimensions de l'image sélectionnée sont supérieures à 450 pixels (largeur) ou à 350 pixels (hauteur), l'insertion de l'image sera refusée.

• Tutoriels - Vue d'ensemble
• Tutoriel 1 - Test Zigzag: Faire un test
• Tutoriel 2 - Calculateur Zigzag: Interpréter et comparer les résultats de tests
• Tutoriel 3 - Générateur Zigzag: Générer un test (étape 1)
• Tutoriel 4 - Générateur Zigzag: Générer des distracteurs (étape 2)
• Tutoriel 6 - Générateur Zigzag: Ajouter des questionnaires au test (étape 2)