Nouvelle fonctionnalité Je Lève la Main : la barre de progression pour les quiz longs

Pour les quiz avec un grand nombre de questions

Avec notre logiciel d’évaluation Je Lève la Main, il est possible de réaliser des quiz en sessions différées qui permettent à l’enseignant de poser des questions auxquelles l’audience répondra plus tard.

Désormais, pour permettre une meilleure navigation dans ces sessions différées, l’élève qui répond au quiz aura la possibilité de consulter la liste des questions et pourra suivre sa progression facilement.

Cette fonctionnalité est particulièrement intéressante lorsque le quiz contient un nombre important de questions (c’est le cas, par exemple, d’un quiz d’examen du code de la route ou pour passer le brevet de pilote).

Dans ces examens, les élèves peuvent vouloir utiliser des stratégies (répondre à certaines questions en fin d’examen, par exemple). La barre de progression les y aide.

Ainsi, dans l’exemple ci-dessus :

• La question 1 a été lue mais non répondue (orange)
• Les questions 2 à 7 incluses sont non lues et non répondues (gris)
• La question 8 est lue et répondue (vert)
• Les questions 9 à 14 incluses sont non lues et non répondues (gris)
• etc

Affichage de la liste des questions

La liste de questions n’apparaît pas par défaut. Pour l’afficher (et la masquer) il suffit d’appuyer sur le bouton progression au bas de l’écran.

Elle s’affichera de deux manières, en fonction de l’espace disponible à l’écran.

En mode panneau (sur un ordinateur ou une tablette), la liste s’affiche à gauche de l’écran telle que :

En mode plein écran (lorsque l’écran est réduit, par exemple un téléphone ou avec une fenêtre du navigateur réduite), la liste se retrouve en bas de l’écran telle que :

En mode plein écran, cliquer sur une question masquera automatiquement la liste de questions.

Les fonctionnalités de la liste de questions

Quel que soit le mode d’affichage, les fonctionnalités ne changent pas.

• La liste de questions permet d’afficher en haut de liste le nombre de questions validées/répondues.
• La question à laquelle l’élève est entrain de répondre est mise en avant par un fond gris clair.
• Cette question reste visible et centrée dans la liste pendant la navigation (ci-dessous, il s’agit de la 21^ème question).

• Chaque question possède un indicateur de couleur qui permet de connaître l’état de la question.

 Carré blanc : question non parcourue et non répondue

 Carré orange : question parcourue mais non répondue

 Carré vert : question répondue

La barre de progression

La barre de progression est toujours visible à l’écran, mais son affichage s’adapte aussi en fonction de l’espace disponible.

En mode carré (lorsque la taille d’affichage de l’écran est suffisamment grande), chaque question est représentée par un carré de couleur selon son état (comme évoqué ci-dessus).

• Chaque carré est cliquable pour accéder directement à la question liée.
• La question à laquelle est entrain de répondre l’élève (ou tout autre participant) est signifiée par un épais trait noir autour du carré.
• Le numéro de chaque question apparaît en dessous du carré correspondant, pour se situer facilement dans le quiz.

En mode segment (lorsque la taille d’affichage est restreinte, et ne permet pas un affichage clair des carrés), un segment représente la barre de progression. Le code couleur reste inchangé, seul le gris remplace le blanc dans un soucis de visibilité.

• Un trait noir vertical représente la question que l’élève est entrain de consulter.
• Chaque segment de couleur représente un groupement de questions.

Dans cet exemple, l’espace est suffisant pour afficher chaque numéro de question. Cependant, sur un écran plus petit le cas suivant peut se produire :

Les nombres 21 et 23 sont supprimés afin qu’il ne se superposent pas avec les nombre 20 et 22.

Sur un écran encore plus petit, les chiffres 2 et 8 disparaissent eux aussi :

Le passage d’un mode à l’autre est dynamique, ce qui implique qu’il peut changer en cas de rotation de l’écran d’une tablette ou en redimensionnant son navigateur web, par exemple.