labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Behavioral Psychology
      • Personality & Social Psychology
      • Cognitive & Neuro Psychology
      • Developmental & Educational Psychology
      • Clinical & Health Psychology
      • Sports & Movement Psychology
      • Marketing & Consumer Psychology
    • Labvanced Blog
  • Technology
    • Feature Overview
    • Desktop App
    • Phone App
    • Precise Timing
    • Experimental Control
    • Eye Tracking
    • Multi User Studies
    • More ...
      • Questionnaires
      • Artificial Intelligence (AI) Integration
      • Mouse Tracking
      • Data Privacy & Security
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Public Experiment Library
    • Labvanced Sample Studies
  • Pricing
    • Pricing Overview
    • License Configurator
    • Single License
    • Research Group
    • Departments & Consortia
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
  • Appgo to app icon
  • Logingo to app icon
Learn
Guide
Vidéos
Tutoriels
FAQ
Notes de version
Salle de classe
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
Guide
Vidéos
Tutoriels
FAQ
Notes de version
Salle de classe
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • Guide
    • DÉBUTER

      • Objets
      • Événements
      • Variables
      • Assistant de tâche
      • Système d'essais
      • Conception de l'étude
        • Tâches
        • Blocs
        • Sessions
        • Groupes
    • SUJETS EN VEDETTE

      • Randomisation & Équilibre
      • Suivi oculaire
      • Questionnaires
      • Application de bureau
      • Études échantillons
      • Recrutement de participants
      • Accès API
        • API REST
        • API Webhook
        • API WebSocket
      • Autres sujets

        • Temps de stimulation précis
        • Études multi-utilisateurs
        • Suivi de la Tête dans Labvanced | Guide
    • ONGLET PRINCIPAL DE L'APPLICATION

      • Aperçu : Onglets principaux
      • Tableau de bord
      • Mes études
      • Études partagées
      • Mes fichiers
      • Bibliothèque d'expériences
      • Mon compte
      • Ma licence
    • ONGLET D'ÉTUDE

      • Aperçu : Onglets spécifiques à l'étude
      • Conception de l'étude
        • Tâches
        • Blocs
        • Sessions
        • Groupes
      • Éditeur de tâche
        • Fonctions Principales et Paramètres
        • Le Système d'Essai
        • Cadres de canevas et de page
        • Objets
        • Tables de Propriétés des Objets
        • Variables
        • Tables des variables système
        • Le système d'événements
        • Randomisation des Essais
        • Fonctions de l'Éditeur de Texte
        • Suivi oculaire dans une tâche
        • Suivi de la tête dans une tâche
        • Études Multi-Utilisateurs
      • Paramètres de l'étude
        • Démarrage et Paramètres Principaux
        • Paramètres des navigateurs et des appareils
        • Paramètres des fonctionnalités d'expérience
      • Description
        • Plus de détails sur les informations de description
        • Images, Liens et Références dans les Descriptions
      • Variables
      • Média
      • Traduire
      • Exécuter
      • Publier et enregistrer
        • Exigences pour laPublication d'une Étude dans Labvanced
        • Recrutement de Participants et Crowdsourcing
        • Sélection et Confirmation de la Licence
        • Après la publication de votre étude Labvanced
      • Partage
      • Participants
      • Vue des données et exportation
        • Vue des données et sélection des variables & des tâches (ancienne version)
        • Accéder aux Enregistrements (Version ANCIENNE)
  • Vidéos
    • Aperçu des vidéos
    • Getting Started in Labvanced
    • Création de tâches
    • Vidéos d'éléments
    • Événements & Variables
    • Sujets avancés
  • Tutoriels
    • Introduction
    • Tâche de Stroop
    • Tâche de décision lexicale
    • Tâche de Posner Gaze Cueing
    • Paragraphe de la cécité au changement
    • Étude d'échantillon de suivi oculaire
    • Étude de suivi oculaire des nourrissons
    • Étude de capture de l'attention avec suivi de souris
    • Présentation visuelle sérielle rapide
    • Étude ChatGPT
    • Démonstration de suivi oculaire : SVGs comme zones d'intérêt
    • Démonstration multi-utilisateurs : affichez les curseurs des sujets
    • Manette / Contrôleur de jeu - Configuration de base
    • Étude d'application de bureau avec intégration EEG
  • FAQ
    • Fonctionnalités
    • Sécurité & Confidentialité des données
    • Licences
    • Précision de Labvanced
    • Utilisation programmatique & API
    • Utiliser Labvanced hors ligne
    • Dépannage
    • Questions sur la création d'études
  • Notes de version
  • Salle de classe
Les principaux objets du menu latéral pour ajouter des objets dans Labvanced

Objets

Description : Travailler avec des Objets

Les objets sont l'instance la plus basse de la hiérarchie des tâches et sont placés sur des cadres. Dans l'éditeur de tâches, les objets sont regroupés en 7 groupes : Médias, Formes, Texte, Boutons & Navigation, Options de Question, Entrées de Question, et Divers. Ces éléments sont utilisés comme blocs de construction à partir desquels vous pouvez créer votre tâche expérimentale et vos stimuli.

Pour un aperçu des objets disponibles dans Labvanced, veuillez regarder cette vidéo d'introduction :

Les objets peuvent être ajoutés au cadre via la barre d'outils des objets, qui est située à gauche du cadre.

Expliquer le contexte de l'objet dans l'éditeur.

Une liste de tous les objets qui ont été placés sur le cadre actuellement sélectionné est affichée sur le côté droit de l'éditeur sous l'onglet "Objets". Les utilisateurs peuvent changer le z-index d'un objet (quel objet est affiché devant d'autres), copier et supprimer des objets.

Les objets peuvent être utilisés dans le cadre du Système d'Événements afin que lorsque certaines actions se produisent, les stimuli soient manipulés d'une certaine manière. Par exemple, si vous souhaitez qu'une image augmente de taille lorsque le participant clique dessus, cela est géré par un événement.

L'objet "actuellement sélectionné" peut être choisi soit en cliquant directement dessus sur le cadre, soit en cliquant sur l'objet respectif dans la liste des objets.

Expliquer les options de contrôle autour de l'objet.

Après avoir sélectionné un objet et le modificateur approprié (Essai par Défaut, Niveau de Facteur, Condition ou Essai Unique), des modifications peuvent être apportées directement sur la toile ou en utilisant le panneau "Propriétés de l'Objet" sur la droite. Dans ce panneau, toutes les propriétés de l'objet actuellement sélectionné sont affichées et peuvent être modifiées à l'aide des champs de saisie, des cases à cocher, etc. En savoir plus sur les Propriétés de l'Objet ici.

Liste des Objets et Propriétés Personnalisées

Un aperçu complet des objets disponibles et de leurs descriptions suit :

Aperçu de tous les objets qui peuvent être utilisés pour construire une expérience.

Objets d'Images et de Dessin

En cliquant sur la première icône du menu latéral des Objets, une liste d'Images et d'Objets de Dessin disponibles apparaîtra. C'est ici que vous pouvez ajouter des stimuli d'images, des SVG, permettre le dessin sur toile, ou créer un polygone.

Les images et objets de dessin.

Le tableau suivant donne un aperçu des Images et Objets de Dessin disponibles dans Labvanced :

InterfaceNom de l'ObjetDescription
Icône de l'objet image.Objet ImageL'objet image peut être utilisé pour afficher une image sur un cadre de toile. L'image peut être définie manuellement via le gestionnaire de fichiers, mais peut également être changée dynamiquement pendant l'exécution de l'expérience à l'aide d'événements et de variables (type de données fichier). En savoir plus.
Icône de l'objet SVG.Objet SVGUn SVG peut être téléchargé dans l'éditeur de toile. Cet objet est populaire dans les études de suivi oculaire basées sur Labvanced. Un SVG peut prendre une forme complexe et être utilisé comme un 'masque' pour déclencher des événements liés au suivi oculaire tels que le comptage du nombre de fixations sur la zone SVG particulière.
Icône de l'objet de dessin sur toile.Objet de Dessin sur ToileL'élément de Dessin sur Toile permet aux participants de "dessiner" sur l'écran en utilisant leur souris, leur doigt ou leur trackpad sur leur appareil. L'espace de dessin peut être redimensionné si vous activez cette fonction à l'aide des cases à cocher dans l'onglet Objets. Les participants peuvent dessiner, effacer et ajouter des formes telles qu'un triangle, un rectangle ou un cercle. Les formes peuvent être déplacées autour du dessin après avoir été ajoutées. Les participants peuvent également changer la couleur du stylo ou des formes. Les chercheurs peuvent utiliser cet outil pour dessiner des images statiques pour leurs expériences s'ils le souhaitent en décochant la case intitulée "permettre le dessin par le participant" afin que les participants ne puissent pas dessiner dans la boîte. Quoi qu'il en soit, le dessin sera enregistré dans les fichiers privés de chaque participant sous forme d'image, similaire à un objet Instantané de Caméra. Chaque barre d'outils peut être activée ou désactivée en cochant les cases correspondantes.
Icône de l'objet polygone.Objet PolygoneLes objets polygones peuvent également être utilisés pour des études de suivi oculaire afin de créer un masque ou une AOI directement dans l'éditeur Labvanced en cliquant pour créer des formes complexes. Cet objet peut également être utilisé pour créer des polylignes. Cette démo démontre comment les objets polygones peuvent être utilisés dans le cadre d'une étude de suivi oculaire pour compter les fixations.

Objets Médias

En cliquant sur la deuxième icône du menu latéral, tous les Objets Médias disponibles sont affichés.

Le tableau suivant donne un aperçu des Objets Médias disponibles dans Labvanced :

InterfaceNom de l'ObjetDescription
L'icône de l'objet vidéo.Objet VidéoL'objet vidéo peut être utilisé pour présenter une vidéo sur un cadre de toile. La vidéo peut être définie manuellement via le gestionnaire de fichiers, mais peut également être changée dynamiquement pendant l'exécution de l'expérience à l'aide d'événements et de variables (type de données fichier).
L'icône de l'objet audio.Objet AudioL'objet audio peut être utilisé pour présenter un fichier audio sur un cadre de toile. Le fichier audio peut être défini manuellement via le gestionnaire de fichiers, mais peut également être changé dynamiquement pendant l'exécution de l'expérience à l'aide d'événements et de variables (type de données fichier).
L'icône de l'objet d'enregistrement audio.Objet d'Enregistrement AudioL'objet d'enregistrement audio agit comme une interface visuelle / manipulable pour les enregistrements sonores pendant l'exécution de l'expérience. L'enregistrement peut être démarré et arrêté via des boutons, des événements de cadre ou d'autres événements déclenchés par des objets, et peut être téléchargé sur le serveur sécurisé de Labvanced.
L'icône de l'objet d'enregistrement vidéo.Objet d'Enregistrement VidéoCet objet peut être utilisé pour enregistrer une vidéo du participant, un enregistrement de son écran, ou les deux en même temps. Il existe plusieurs options qui peuvent être activées ou désactivées : montrer la vidéo enregistrée au participant en direct ou plus tard dans l'expérience (ou pas du tout), permettre au participant de contrôler le démarrage/l'arrêt/le téléchargement de la vidéo, et déterminer où la vidéo est stockée en tant que variable. L'utilisation d'un objet d'enregistrement vidéo enregistre également l'audio du participant.
L'icône de l'objet instantané de caméra.Objet Instantané de CaméraCet objet peut être utilisé pour prendre un instantané photographique du participant. Pour ce faire, les enregistrements vidéo doivent être activés pour l'expérience. Les options d'affichage du bouton de caméra, du bouton d'instantané et du bouton de téléchargement peuvent être masquées ou affichées au participant. Des événements peuvent être utilisés pour déclencher l'instantané de la caméra, ou le participant peut le contrôler lui-même. Cet outil est utile pour vérifier l'identité/informations démographiques du participant, mais doit être traité comme une information très sensible. L'instantané est stocké sous forme de variable de fichier.

Note 1 : Enregistrer une vidéo/image d'un sujet ou de son écran peut être très sensible. Veuillez vous assurer que les participants sont pleinement conscients de ce que l'expérience implique avant de commencer.

Note 2 : Lorsqu'une caméra web de n'importe quel type est utilisée dans une étude (pour le suivi oculaire, la vidéo, l'instantané, etc.), les participants seront invités à sélectionner quelle caméra ils souhaitent utiliser au début de l'étude. Cela permet aux participants de sélectionner une caméra externe connectée s'ils ne souhaitent pas utiliser un système de webcam intégré.
L'icône de l'objet de conférence vidéo.Objet de Conférence VidéoL'objet de conférence vidéo vous permet d'intégrer ou d'héberger un appel vidéo ou audio entre participants pendant la durée de l'expérience. En savoir plus.

Objets de Texte & de Code

La troisième option du menu latéral des Objets est Texte & Code et les objets qui s'y trouvent sont les suivants :

InterfaceNom de l'ObjetDescription
L'icône de l'objet texte.Objet TexteCet objet présente du texte et/ou des variables aux participants sur un cadre. Les utilisateurs peuvent taper et éditer des textes à l'aide de l'éditeur de texte "semblable à Word" (barre d'outils) en haut du cadre (voir l'image ci-dessous). Des variables peuvent être insérées dans les éléments de texte afin que leur valeur actuelle soit affichée (et mise à jour automatiquement) à l'écran.
L'icône de l'objet HTML.Objet HTMLCet objet rend le HTML que vous avez inséré. Ajoutez cet objet à l'éditeur de toile puis, tout en étant sélectionné, allez aux Propriétés de l'Objet (panneau sur le côté droit) et au bas insérez votre code HTML.
L'icône de l'objet variable.Objet VariableEn ajoutant cet objet, vous pouvez afficher une valeur de variable spécifique dans l'éditeur en temps réel.

Lors du travail avec l'Objet Texte, un ‘Éditeur de Texte’ apparaîtra où vous pourrez apporter d'autres modifications liées au texte. Parmi ces options, l'option [x] Variable Liée est très populaire, affichée dans le coin supérieur gauche. Cette option permet essentiellement de mettre en surbrillance un texte, de lier une variable à celui-ci, de sorte qu'elle affiche la valeur.

Pour un aperçu complet des options/réglages affichés, veuillez visiter la page de l'Éditeur de Texte.

Aperçu de l'éditeur de texte Labvanced.

Objets de Boutons & de Navigation

InterfaceNom de l'ObjetDescription
L'icône de l'objet bouton.Objet BoutonUn bouton standard dont l'étiquette peut être modifiée et peut déclencher des événements en utilisant le déclencheur "ButtonClick". Un clic sur le bouton peut également être enregistré comme une variable de réponse du participant.
L'icône de l'objet de navigation.Objet NavigationCet objet apparaît comme deux boutons avec deux événements associés pré-créés, permettant au sujet de naviguer vers le cadre précédent ou suivant.
L'icône de l'objet barre de progression.Objet Barre de ProgressionLa barre de progression peut être utilisée pour afficher la progression de l'expérience en pourcentages.

Objets de Question

InterfaceNom de l'ObjetDescription
L'icône de l'objet case à cocher.Objet Case à CocherUn élément de question où les participants peuvent sélectionner une ou plusieurs réponses.
L'icône de l'objet choix multiple.Objet Choix MultipleUn élément de question où les participants doivent sélectionner un seul choix.
L'icône de l'objet Likert.Objet Échelle LikertUn élément de question souvent utilisé pour indiquer le niveau d'accord avec une affirmation. Les participants peuvent choisir une réponse qui se situe quelque part entre deux propositions.
L'icône de l'objet matrice.Objet MatriceUn élément où plusieurs questions ou affirmations peuvent être affichées sous forme de lignes. Chaque affirmation est répondu au sein de la même échelle, affichée dans les colonnes.

La propriété "requise" de ces objets peut être modifiée dynamiquement pendant l'exécution de l'étude. Les objets ne seront affichés comme requis que s'ils ne sont pas masqués (visibilité = 0).

L'ordre des réponses peut être randomisé pour ces objets en utilisant la case à cocher "randomiser l'ordre des éléments" dans la fenêtre des Propriétés de l'Objet. Si vous souhaitez enregistrer l'ordre dans lequel les choix sont présentés après les avoir réglés sur aléatoire, vous pouvez cocher la case intitulée "Lier l'Ordre au Tableau". Cela créera une variable de tableau qui stocke l'ordre des choix présentés pour cet élément, appelée "itemOrderArrVar" par défaut. Le tableau enregistre la valeur entière des choix tels que définis dans l'éditeur dans l'ordre dans lequel ils sont affichés de haut en bas de l'élément. Les positions et les valeurs des entrées peuvent être modifiées dans l'onglet des Variables pour chacune des variables "itemOrderArrVar".

Objets d'Entrée de Question

InterfaceNom de l'ObjetDescription
L'icône de l'objet d'entrée.Objet d'EntréeUtilisé pour que les participants insèrent des réponses courtes. Cet élément peut recueillir des réponses sous forme de nombres (numérique), de texte (chaîne), de dates, d'heures et de couleurs.
L'icône de l'objet de paragraphe.Objet ParagrapheSemblable à l'objet d'entrée, mais utilisé pour des réponses plus longues. Les réponses sont des variables de texte (chaîne).
L'icône de l'objet de plage.Objet PlageEn utilisant cet élément, les participants peuvent donner une réponse à l'aide d'un outil de glissement. Les utilisateurs peuvent définir cet objet pour afficher des valeurs numériques (limite gauche, limite droite, et la réponse du participant comme un nombre au-dessus du curseur) ou choisir de le laisser vide.

Note 1 : Masquer le manipulateur initialement : Cette option cache le manipulateur (le cercle que les participants glissent pour donner leur réponse) jusqu'à ce que le participant clique sur l'objet. Cela élimine le biais potentiel qui peut exister lorsque les participants voient d'abord le manipulateur au centre de l'objet de plage.
L'icône de l'objet de sélection.Objet de SélectionUn élément de question où les réponses sont choisies dans un menu déroulant que l'expérimentateur remplit avec des réponses possibles.

Note : Cet objet peut être traduit en différentes langues.

Note 2 : Les réponses disponibles peuvent être changées dynamiquement en liant l'objet à une variable de tableau.

Objets Divers

InterfaceNom de l'ObjetDescription
L'icône de l'objet sortable.Objet TriableUne question avec plusieurs éléments qui peuvent être triés à l'aide de méthodes de glisser-déposer.
L'icône de l'objet élément invisible.Objet Élément InvisibleL'Élément Invisible n'est jamais visible pour les participants mais peut déclencher des événements, de sorte que des événements peuvent être déclenchés par des événements de souris sur des régions apparemment vides de la toile.
L'icône de l'objet de téléchargement.Objet de TéléchargementLes participants peuvent utiliser cet objet pour télécharger des fichiers dans l'expérience (qui sont ensuite stockés sur le serveur Labvanced) pour que l'expérimentateur puisse y accéder plus tard.
L'icône de l'objet i-Frame.Objet i-FrameL'Objet I-Frame peut être utilisé pour afficher un I-Frame (site web intégré) à l'intérieur de l'expérience.

IMPORTANT : Afin que l'I-Frame soit affiché, le serveur contrôlant l'URL cible doit définir l'en-tête http "Access-Control-Allow-Origin" sur "*" ou il doit inclure "labvanced.com" et ne pas définir l'en-tête http "X-Frame-Options".
L'icône de l'objet sous-étude.Objet Sous-étudeCet objet puissant vous permet d'intégrer d'autres études Labvanced dans une seule expérience 'parent'. En savoir plus.

Propriétés de l'Objet

Les propriétés de l'objet pour l'objet actuellement sélectionné sont affichées sur le côté droit de l'éditeur. Ces propriétés déterminent comment les objets sur le cadre apparaîtront aux participants. De nombreuses propriétés d'objet peuvent être modifiées entre les essais, tandis que certaines propriétés (comme le nom de l'objet) sont fixes et ne peuvent pas différer entre les essais. Les propriétés qui sont modifiées (différentes de la valeur par défaut) sont indiquées par une couleur de fond gris sombre. Toutes les propriétés pouvant être modifiées entre les essais peuvent être modifiées dynamiquement lors de l'exécution d'événements en utilisant l'action "définir la propriété de l'objet". La propriété "requise" des objets peut être changée dynamiquement pendant l'exécution de l'étude. Les objets ne seront affichés comme requis que s'ils ne sont pas masqués (visibilité = 0). Cela permet des expériences très interactives et dynamiques. Veuillez consulter la page "Tableaux des Propriétés de l'Objet" pour obtenir un tableau détaillé de tous les types d'objets et de leurs propriétés.

Dans l'éditeur de tâches, l'apparence des objets peut être modifiée pour faciliter l'édition de votre étude. Il existe 2 propriétés d'objet qui vous permettent de le faire : verrouiller et masquer.

  • Verrouiller : En cliquant sur la petite icône de cadenas à côté du nom d'un objet dans l'onglet Objets, vous verrouillerez sa position sur le cadre. Cela évite le mouvement accidentel ou les modifications de l'objet pendant que vous éditez l'étude.
  • Masquer : En cliquant sur la petite icône d'œil à côté du nom d'un objet dans l'onglet Objets, l'objet sera masqué à la vue sur le cadre. Cela est utile si vous avez plusieurs objets sur le cadre en même temps et souhaitez voir un ou plusieurs d'entre eux à la fois pendant que vous éditez.

Ces deux propriétés ne sont actives que pendant l'édition de l'étude. Verrouiller ou masquer un objet dans l'éditeur de tâches ne changera pas la manière dont le participant voit cet objet pendant l'étude.

Propriétés CSS Personnalisées

Une propriété CSS est un style d'un élément écrit dans du code HTML. Les propriétés CSS d'un élément peuvent être modifiées dans l'onglet Propriétés de l'Objet en cliquant sur l'élément et en cochant la case “modifier les propriétés CSS.” Un exemple de code est fourni en texte gris comme exemple.

le code CSS par défaut

Pour écrire du code personnalisé, vous aurez besoin d'un élément de référence, de son nom de sélection, d'une commande et d'une valeur. Pour trouver le nom de sélection de l'élément que vous souhaitez modifier, faites un clic droit sur l'élément et cliquez sur “inspecter.” Cela ouvrira la console sur votre appareil. Par exemple, le sélecteur pour un élément de texte est la lettre p.

inspecter l'élément

informations dans la console

Vous devrez également utiliser des accolades pour votre code. Un exemple de code pour changer la couleur d'un élément de texte est :

p{

background-color:green

}

code de fond vert

Alors que des propriétés telles que la couleur de fond peuvent être modifiées facilement à l'aide de la fenêtre des propriétés de l'objet, il existe des cas d'utilisation où vous souhaitez être plus spécifique avec vos propriétés CSS. Par exemple, dans des éléments de matrice, plusieurs propriétés CSS différentes peuvent être utilisées pour personnaliser votre élément.

un exemple de plusieurs propriétés CSS

De nombreuses propriétés CSS personnalisées peuvent être ajoutées au même élément avec plusieurs lignes de code.

Si vous êtes novice en matière de codage ou si vous souhaitez plus d'informations sur le CSS, consultez ce module de MDN.

Prev
Cadres de canevas et de page
Next
Événements