Démonstration du Suivi Oculaire : SVG comme AOIs
Aperçu
Dans cette démo, notre objectif est de capturer des données de regard en suivant les yeux. Plus précisément, nous voulons capturer les données de regard associées à des Zones d'Intérêt spécifiques (AOIs) qui sont incluses dans l'étude sous forme d'objets de forme SVG objets de forme.
Un aperçu de la démo en action est montré ci-dessous avec le cercle rouge fournissant un retour en indiquant la localisation du regard en temps réel :
- NOTE : L'enregistrement de la démo a été réalisé avec une option de calibration de 5,5 minutes ; le cercle rouge est un objet qui représente le regard des participants en temps réel et l'ensemble de l'installation est expliqué plus loin.
Jetez un œil à cette courte vidéo qui montre la démo en action, ainsi qu'un aperçu des données enregistrées à la fin :
Objets
Cette démo inclut une image de fond d'une jetée sur laquelle 4 objets SVG de personnes sont placés. Il y a aussi un objet de retour de regard (cercle rouge). Pour les besoins de cette démo, nous voulions représenter le regard en temps réel et ce cercle rouge le reflète.
Variables Personnalisées Créées
Afin d'enregistrer des données, des variables sont requises. Une liste de toutes les variables personnalisées qui ont été créées pour cette démo est montrée ci-dessous, accessible via l'onglet ‘Variables’. L'image ci-dessous montre les détails et les paramètres pour les variables que cette démo utilise :
Voici une explication des variables et de leur objectif :
Nom de la Variable | Description | Type d'Enregistrement |
---|---|---|
Toutes les Données de Regard | Utilisé pour stocker le tableau des coordonnées x/y [X,Y], ainsi que la Captation du Temps [T] et le niveau de confiance [C] de la mesure. | Tous les changements / série temporelle |
AOI1_données_regard | Utilisé pour stocker le tableau de [X,Y,T,C] lorsque le participant regarde l'objet SVG nommé AOI1. | Tous les changements / série temporelle |
SVG1_chemin | Enregistre le chemin du nœud SVG sur lequel le regard s'est attardé d'AOI1 (expliqué plus loin ci-dessous). | Tous les changements / série temporelle |
AOI2_données_regard | Utilisé pour stocker le tableau de [X,Y,T,C] lorsque le participant regarde l'objet SVG nommé AOI2. | Tous les changements / série temporelle |
SVG2_chemin | Enregistre le chemin du nœud SVG sur lequel le regard s'est attardé d'AOI2. | Tous les changements / série temporelle |
Et ainsi de suite….
Événements Configurés
Puisque nous sommes intéressés à capturer des données de regard, les événements suivants sont utilisés :
- Toutes les Données de Regard : Cet événement s'initie dès que la tâche commence et enregistre les données de suivi oculaire en continu.
- Données de Regard AOI : Cet événement s'initie dès que le participant regarde une AOI spécifique (c'est-à-dire l'une des quatre personnes) et enregistre les valeurs liées au regard.
- Terminer l'Expérience : Un événement qui accepte / termine la session et enregistre les données lorsque le sujet clique sur le bouton ‘Terminer’.
Événement 1 : Toutes les Données de Regard
Pour le premier événement, nous voulons accomplir ce qui suit :
- enregistrer toutes les données de suivi oculaire tout au long de l'étude
- afficher la localisation détectée du regard à l'écran en temps réel (pour que vous, en tant que chercheur, puissiez avoir une idée du suivi webcam lors de l'essai de la démo)
Déclencheur
Ainsi, nous utilisons un déclencheur de regard de suivi oculaire pour initier cet événement.
Action
Une fois que le regard est détecté, les actions suivantes se produiront : Tout d'abord, nous appelons la variable Toutes les Données de Regard
que nous avons créée précédemment dans une action Définir / Enregistrer Variable
afin d'enregistrer les données sous forme de tableau [X,Y,T,C].
Ce qui précède est accompli (comme montré ci-dessous) en cliquant sur le bouton vert, en sélectionnant la variable cible, puis en cliquant sur l'icône de crayon menu de sélection de valeur et en choisissant le tableau [X,Y,T,C] à partir du menu spécifique au déclencheur (Regard de Suivi Oculaire), comme montré ci-dessous :
Nous ajoutons également l'action Définir Propriété de l'Objet
afin de définir l'objet de cercle rouge (appelé ‘regard’) pour que sa propriété X
soit égale à et que la propriété Y
soit définie aux coordonnées X et Y, respectivement. En d'autres termes, nous définissons les valeurs x- et y de l'objet pour qu'elles soient égales aux coordonnées x et y… en fin de compte, c'est ce qui fait que l'objet se déplace en temps réel.
NOTE : les options pour Coordonnée X
et Coordonnée Y
sont sélectionnées à partir du menu spécifique au déclencheur (Regard de Suivi Oculaire).
Événement 2 : Données de Regard AOI
Dans cet événement, nous voulons configurer les événements de sorte que :
- le regard soit également enregistré lorsque le regard est spécifiquement fixé sur les AOIs cibles (c'est-à-dire les objets SVG que nous avons téléchargés)
- les données spécifiques du nœud SVG de l'AOI soient rapportées
Déclencheur
Le déclencheur Regard de Suivi Oculaire
est également utilisé comme déclencheur ici. Mais dans ce contexte, nous indiquons que nous ne sommes intéressés que par des éléments spécifiques en sélectionnant l'option respective et en choisissant les 4 objets SVG qui agissent comme Zones d'Intérêt (AOIs).
Action
Pour définir l'appel sur chaque AOI, nous avons besoin d'une Action de Contrôle
→ Action de Condition (Si...Alors)
. Essentiellement, nous voulons que Labvanced fasse ce qui suit…. “Si le participant regarde AOI1, alors nous voulons enregistrer les données spécifiques pour celle-ci dans une variable spécifique, ainsi que le chemin SVG de ce regard.”
Tout d'abord, nous cliquons sur le bouton + Condition
et les deux valeurs d'icône de crayon apparaîtront.
- Première icône de crayon: Pour le premier champ que nous sélectionnons, dans le menu spécifique au déclencheur (Regard de Suivi Oculaire), l'option
Nom du Stimulus
qui utilise le nom de l'objet stimulus sur lequel le déclencheur (dans ce cas le regard) était. - Deuxième icône de crayon: Sélectionnez
Valeur Constante
puis sélectionnez l'optionChaîne
et tapez le nom de l'objet (c'est-à-dire AOI1) :
Donc jusqu'à présent, nous avons établi que lorsque le déclencheur (regard) est sur le stimulus nommé AOI1... alors :
- La variable
AOI_données_regard
que nous avons créée précédemment enregistrera le tableau [X,Y,T,C]. - Également, la variable
SVG1_chemin
sera enregistrée pour contenir lesInformations sur Stimulus
qui, dans ce cas, puisque la cible d'intérêt (AOI1) est un SVG, les informations sur le stimulus contiendront les nœuds du SVG.
Pour spécifier la prochaine AOI, nous cliquons sur le bouton +Ajouter un Autre Cas Sinon
dans la boîte de dialogue et ensuite il suffit de répéter la structure / configuration comme cela a été montré ci-dessus mais avec les principales différences étant de définir le Nom du Stimulus
comme AOI2
et ensuite d'appeler les variables spécifiques pour stocker les données, c'est-à-dire AOI2_données_regard
et SVG2_Chemin
comme montré ci-dessous :
Ensuite, pour AOI3, nous choisissons à nouveau Ajouter un Autre Cas Sinon
et suivons la même structure, mais avec les variables personnalisées que nous avons créées pour stocker les données pour cette AOI spécifique :
Encore une fois, pour AOI4, nous choisissons à nouveau Ajouter un Autre Cas Sinon
et suivons la même structure mais avec les variables personnalisées que nous avons créées pour stocker les données pour cette AOI spécifique :
Événement 3 : Terminer l'Expérience / Enregistrer les Données
Enfin, pour que les données soient enregistrées et stockées, nous devons choisir l'option Action de Saut
pour l'action Accepter / Terminer la Session
une fois que le bouton Terminer
est cliqué (ce qui est le déclencheur), comme montré ci-dessous.
Déclencheur
Le déclencheur est spécifié pour se produire lorsque le ‘Bouton de Fin’ est utilisé :
Action
L'action qui se produira est que la session sera acceptée ce qui, en conséquence, signifie que les données seront enregistrées.
Données Enregistrées
Les données enregistrées incluent toutes les variables personnalisées plus des valeurs spécifiques à l'expérience telles que le numéro de tâche, le numéro de session, etc.
Dans l'exemple ci-dessous, l'onglet Vue et Exportation des Données
montre à quoi ressemblent les données lorsqu'elles sont séparées par fichiers de série temporelle. Chaque variable de série temporelle (c'est-à-dire les variables qui enregistrent tous les changements) est affichée avec son propre fichier CSV dans le panneau de gauche ci-dessous. Cela peut être accompli en spécifiant le paramètre pertinent utilisant les Paramètres de Format d'Exportation.
Lorsque le Toutes les Données de Regard.csv est sélectionné, de nombreuses variables sont enregistrées, y compris celles montrées ci-dessous. La colonne ‘valeur’ capture le tableau [X,Y,T,C] où les valeurs sont séparées par des virgules :
L'image ci-dessous montre un aperçu des tableaux qui ont été enregistrés spécifiquement lorsque le regard était sur AOI1, comme montré par la colonne ‘valeur’ :
L'image ci-dessous montre un aperçu des chemins SVG qui ont été enregistrés spécifiquement lorsque le regard était sur AOI1, comme montré par la colonne ‘valeur’ :
Conclusion
Cette démo vise à montrer comment enregistrer des données de regard et utiliser des objets SVG pour enregistrer des regards spécifiquement dans le contexte de ce que le regard se produit sur une Zone d'Intérêt (AOI).
Si vous avez des questions, veuillez nous contacter et nous faire part des détails de votre expérience, surtout si vous devez effectuer une vérification de faisabilité !