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
Guía
Videos
Tutoriales
Preguntas Frecuentes
Notas de la Versión
Aula
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
Guía
Videos
Tutoriales
Preguntas Frecuentes
Notas de la Versión
Aula
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • Guía
    • COMENZANDO

      • Objetos
      • Eventos
      • Variables
      • Asistente de Tareas
      • Sistema de Pruebas
      • Diseño del Estudio
        • Tareas
        • Bloques
        • Sesiones
        • Grupos
    • TÓPICOS DESTACADOS

      • Aleatorización y Balance
      • Seguimiento Ocular
      • Cuestionarios
      • Aplicación de Escritorio
      • Estudios de Muestra
      • Reclutamiento de Participantes
      • Acceso a la API
        • REST API
        • API de Webhook
        • API de WebSocket
      • Otros Temas

        • Tempos Precisos de Estímulo
        • Estudios de Múltiples Usuarios
        • Seguimiento de Cabeza en Labvanced | Guía
    • PESTAÑAS PRINCIPALES DE LA APLICACIÓN

      • Resumen: Pestañas Principales
      • Tablero
      • Mis Estudios
      • Estudios Compartidos
      • Mis Archivos
      • Biblioteca de Experimentos
      • Mi Cuenta
      • Mi Licencia
    • PESTAÑAS DEL ESTUDIO

      • Resumen: Pestañas Específicas del Estudio
      • Diseño del Estudio
        • Tareas
        • Bloques
        • Sesiones
        • Grupos
      • Editor de Tareas
        • Funciones Principales y Configuraciones
        • El Sistema de Ensayos
        • Marcos de Canvas y Página
        • Objetos
        • Tablas de Propiedades de Objetos
        • Variables
        • Tablas de Variables del Sistema
        • El Sistema de Eventos
        • Aleatorización de Ensayos
        • Funciones del Editor de Texto
        • Seguimiento ocular en una tarea
        • Seguimiento de la Cabeza en una Tarea
        • Estudios de Múltiples Usuarios
      • Configuraciones del Estudio
        • Configuración de Inicio y Ajustes Principales
        • Configuración de Navegadores y Dispositivos
        • Configuración de Características del Experimento
      • Descripción
        • Más detalles sobre la información de descripción
        • Imágenes, Enlaces y Referencias en Descripciones
      • Variables
      • Media
      • Traducir
      • Ejecutar
      • Publicar y Grabar
        • Requisitos para Publicar un Estudio en Labvanced
        • Reclutamiento de Participantes y Crowdsourcing
        • Selección y Confirmación de Licencias
        • Después de Publicar Su Estudio de Labvanced
      • Compartir
      • Participantes
      • Vista de Datos y Exportación
        • Vista de Datos y Selección de Variables y Tareas (Versión ANTIGUA)
        • Accediendo a Grabaciones (Versión ANTERIOR)
  • Videos
    • Resumen del Video
    • Comenzando en Labvanced
    • Creando Tareas
    • Videos de Elementos
    • Eventos y Variables
    • Temas Avanzados
  • Tutoriales
    • Introducción
    • Tarea de Stroop
    • Tarea de Decisión Léxica
    • Tarea de Señal de Gaze de Posner
    • Paradigma de Parpadeo de Ceguera a Cambios
    • Estudio de Ejemplo de Seguimiento Ocular
    • Estudio de Seguimiento Ocular en Bebés
    • Estudio de Captura Atencional con Seguimiento de Ratón
    • Presentación Visual Serial Rápida
    • Estudio de ChatGPT
    • Demostración de Seguimiento Ocular: SVG como AOIs
    • Demostración Multiusuario: Mostrar Cursores de Sujetos
    • Controlador de Gamepad / Joystick - Configuración Básica
    • Estudio con Aplicación de Escritorio e Integración de EEG
  • FAQ
    • Características
    • Seguridad y Privacidad de Datos
    • Licencias
    • Precisión de Labvanced
    • Uso Programático y API
    • Uso de Labvanced Sin Conexión
    • Solución de Problemas
    • Preguntas sobre la Creación de Estudios
  • Notas de Lanzamiento
  • Aula
Los principales objetos del menú lateral para agregar objetos en Labvanced

Objetos

Descripción: Trabajando con Objetos

Los objetos son la instancia más baja en la jerarquía de tareas y se colocan en los marcos. En el editor de tareas, los objetos se agrupan en 7 grupos: Multimedia, Formas, Texto, Botones y Navegación, Opciones de Pregunta, Entradas de Pregunta y Pregunta Variada. Estos elementos se utilizan como bloques de construcción a partir de los cuales puedes crear tu tarea experimental y estímulos.

Para tener un resumen de los objetos disponibles en Labvanced, por favor mira este video introductorio:

Los objetos se pueden agregar al marco a través de la barra de herramientas de objetos, que se encuentra a la izquierda del marco.

Explicando el contexto del objeto en el editor.

Una lista de todos los objetos que se han colocado en el marco seleccionado actualmente se muestra en el lado derecho del editor bajo la pestaña "Objetos". Los usuarios pueden cambiar el z-index de un objeto (qué objeto se muestra delante de otros), copiar y eliminar objetos.

Los objetos se pueden utilizar como parte del Sistema de Eventos, de modo que cuando ocurren ciertas acciones, los estímulos se manipulan de alguna manera. Por ejemplo, si deseas que una imagen aumente de tamaño cuando el participante haga clic en ella, eso se maneja mediante un evento.

El "objeto seleccionado actualmente" se puede elegir haciendo clic en él directamente en el marco, o haciendo clic en el objeto correspondiente en la lista de objetos.

Explicando las opciones de control encontradas alrededor del objeto.

Después de seleccionar un objeto y el modificador apropiado (Ensayo Predeterminado, Nivel de Factor, Condición o Ensayo Individual), se pueden hacer modificaciones directamente en el lienzo o utilizando el panel "Propiedades del Objeto" en el lado derecho. En este panel, se muestran todas las propiedades del objeto seleccionado actualmente y se pueden modificar utilizando los campos de entrada, casillas de verificación, etc. Lee más sobre las Propiedades del Objeto aquí.

Lista de Objetos y Propiedades Personalizadas

A continuación, se presenta un resumen completo de los objetos disponibles y sus descripciones:

Resumen de todos los objetos que se pueden utilizar para construir un experimento.

Imágenes y Objetos de Dibujo

Al hacer clic en el primer ícono del menú lateral de Objetos, aparecerá una lista de Imágenes y Objetos de Dibujo disponibles. Aquí es donde puedes agregar estímulos de imagen, SVGs, permitir el dibujo en el lienzo o hacer un polígono.

Las imágenes y objetos de dibujo.

La siguiente tabla da un resumen de los Imágenes y Objetos de Dibujo disponibles en Labvanced:

InterfazNombre del ObjetoDescripción
Icono del objeto de imagen.Objeto de ImagenEl objeto de imagen se puede usar para mostrar una imagen en un marco de lienzo. La imagen se puede establecer manualmente a través del gestor de archivos, pero también se puede cambiar dinámicamente durante la ejecución del experimento usando eventos y variables (tipo de dato archivo). Aprende más.
El ícono del objeto SVG.Objeto SVGUn SVG se puede cargar en el editor de lienzo. Este objeto es popular en estudios de seguimiento ocular basados en Labvanced. Un SVG puede tomar una forma compleja y usarse como una 'máscara' para desencadenar eventos relacionados con el seguimiento ocular, como contar el número de fijaciones en el área particular del SVG.
Icono del objeto de Dibujo en Lienzo.Objeto de Dibujo en LienzoEl elemento de Dibujo en Lienzo permite a los participantes “dibujar” en la pantalla usando su mouse, dedo o trackpad en su dispositivo. El espacio de dibujo puede redimensionarse si habilitas esta función utilizando las casillas de verificación en la pestaña de Objetos. Los participantes pueden dibujar, borrar y agregar formas como un triángulo, rectángulo o círculo. Las formas se pueden arrastrar alrededor del dibujo después de ser agregadas. Los participantes también pueden cambiar el color del bolígrafo o forma(s). Los investigadores pueden usar esta herramienta para dibujar imágenes estáticas para sus experimentos si así lo desean al desmarcar la casilla etiquetada “permitir dibujo por el participante”, de modo que los participantes no puedan dibujar en la casilla. De cualquier manera, el dibujo se guardará en los Archivos Privados de cada participante como una imagen, similar a un objeto de Captura de Cámara. Cada barra de herramientas se puede habilitar o deshabilitar marcando las casillas correspondientes.
El ícono del objeto polígono.Objeto PolígonoLos Objetos Polígono también se pueden usar para estudios de seguimiento ocular para crear una máscara o AOI dentro del editor de Labvanced haciendo clic para crear formas complejas. Este objeto también se puede usar para crear polilíneas. Esta demostración demuestra cómo los Objetos Polígono se pueden usar como parte de un estudio de seguimiento ocular para contar fijaciones.

Objetos Multimedia

Haciendo clic en el segundo ícono del menú lateral se muestran todos los Objetos Multimedia disponibles.

La siguiente tabla da un resumen de los Objetos Multimedia disponibles en Labvanced:

InterfazNombre del ObjetoDescripción
El ícono del objeto de video.Objeto de VideoEl objeto de video se puede usar para presentar un video en un marco de lienzo. El video se puede establecer manualmente a través del gestor de archivos, pero también se puede cambiar dinámicamente durante la ejecución del experimento usando eventos y variables (tipo de dato archivo).
El ícono del objeto de audio.Objeto de AudioEl objeto de audio se puede usar para presentar un archivo de audio en un marco de lienzo. El archivo de audio se puede establecer manualmente a través del gestor de archivos, pero también se puede cambiar dinámicamente durante la ejecución del experimento usando eventos y variables (tipo de dato archivo).
El ícono del objeto de grabación de audio.Objeto de Grabación de AudioEl objeto de grabación de audio actúa como una interfaz visual / control para grabaciones de sonido durante la ejecución del experimento. La grabación se puede iniciar y detener a través de botones, eventos de marco u otros eventos desencadenados por objetos, y se puede cargar en el servidor seguro de Labvanced.
El ícono del objeto de grabación de video.Objeto de Grabación de VideoEste objeto se puede usar para grabar un video del participante, una grabación de su pantalla, o ambos a la vez. Hay varias opciones que se pueden habilitar/deshabilitar: mostrar el video grabado al participante en vivo o más tarde en el experimento (o no mostrarlo en absoluto), permitir que el participante controle el inicio/parada/carga del video, y determinar dónde se almacena el video como una variable. Usar un objeto de grabación de video también graba audio del participante.
El ícono del objeto de captura de cámara.Objeto de Captura de CámaraEste objeto se puede usar para tomar una instantánea de la imagen del participante. Para hacer esto, se deben habilitar las grabaciones de video para el experimento. Se pueden ocultar o mostrar al participante las opciones para mostrar el botón de cámara, botón de instantánea y botón de carga. Los eventos se pueden usar para desencadenar la captura de cámara, o el participante puede controlarlo por sí mismo. Esta herramienta es útil para verificar la identidad/información demográfica del participante, pero debe ser tratada como información altamente sensible. La instantánea se almacena como una variable de archivo.

Nota 1: Grabar un video/imágen de un sujeto o de su pantalla puede ser altamente sensible. Por favor, asegúrate de que los participantes sean plenamente conscientes de lo que implica el experimento antes de comenzar.

Nota 2: Cuando se utiliza una cámara web de cualquier tipo en un estudio (para seguimiento ocular, video, instantánea, etc.), se solicitará a los participantes que seleccionen qué cámara desean usar al inicio del estudio. Esto permite a los participantes seleccionar una cámara externa conectada si no desean usar un sistema de cámara web incorporado.
El ícono del objeto de conferencia por video.Objeto de Conferencia por VideoEl objeto de conferencia por video te permite incrustar o realizar una llamada de video o audio entre los participantes durante la duración del experimento. Aprende más.

Objetos de Texto y Código

La tercera opción del menú lateral de Objetos es Texto y Código y los objetos allí son los siguientes:

InterfazNombre del ObjetoDescripción
El ícono del objeto de texto.Objeto de TextoEste objeto presenta texto y/o variables a los participantes en un marco. Los usuarios pueden escribir y editar textos utilizando el editor de texto "similar a Word" (barra de herramientas) en la parte superior del marco (ver imagen a continuación). Se pueden insertar variables en los elementos de texto para que su valor actual se muestre (y se actualice automáticamente) en la pantalla.
El ícono del objeto HTML.Objeto HTMLEste objeto renderiza HTML que has insertado. Agrega este objeto al editor de lienzo y luego, mientras está seleccionado, ve a las Propiedades del Objeto (el panel del lado derecho) y en la parte inferior inserta tu código HTML.
El ícono del objeto de variable.Objeto de VariableAl agregar este objeto, puedes mostrar un valor específico de variable en el editor en tiempo real.

Al trabajar con el Objeto de Texto, aparecerá un ‘Editor de Texto’ donde puedes realizar más ediciones relacionadas con el texto. De estas opciones, la opción [x] Variable Vinculada es muy popular, mostrada en la esquina superior izquierda. Esta opción permite esencialmente resaltar texto, vincularle una variable, de modo que se muestre el valor.

Para tener un resumen completo de las opciones/configuraciones mostradas, visita la página del Editor de Texto.

Vista previa del editor de texto de Labvanced.

Objetos de Botones y Navegación

InterfazNombre del ObjetoDescripción
El ícono del objeto Botón.Objeto BotónUn botón estándar cuyo texto se puede editar y puede desencadenar eventos usando el desencadenador "ButtonClick". Un clic en el botón también se puede registrar como una variable de respuesta del participante.
El ícono del objeto de Navegación.Objeto de NavegaciónEste objeto aparece como dos botones con dos eventos asociados pre-creados, permitiendo al sujeto navegar hacia el marco anterior o hacia el siguiente marco.
El ícono del objeto de Barra de Progreso.Objeto de Barra de ProgresoLa barra de progreso se puede utilizar para mostrar el progreso del experimento en porcentajes.

Objetos de Pregunta

InterfazNombre del ObjetoDescripción
El ícono del objeto de Casilla de Verificación.Objeto de Casilla de VerificaciónUn elemento de pregunta donde los participantes pueden seleccionar una o más respuestas.
El ícono del objeto de Opción Múltiple.Objeto de Opción MúltipleUn elemento de pregunta donde los participantes deben seleccionar solo una opción.
El ícono del objeto de Escala Likert.Objeto de Escala LikertUn elemento de pregunta utilizado a menudo para indicar el nivel de acuerdo con una afirmación. Los participantes pueden elegir una respuesta que caiga en algún lugar entre dos frases.
El ícono del objeto de Matriz.Objeto de MatrizUn elemento donde se pueden mostrar varias preguntas o afirmaciones como filas. Cada afirmación se responde dentro de la misma escala, mostrada en las columnas.

La propiedad "requerida" de estos objetos se puede cambiar dinámicamente durante el tiempo de ejecución del estudio. Los objetos solo se mostrarán como requeridos mientras no estén ocultos (visibilidad = 0).

El orden de las respuestas se puede aleatorizar para estos objetos usando la casilla de verificación "aleatorizar orden de elementos" en la ventana de Propiedades del Objeto. Si deseas registrar el orden en que se presentan las opciones después de configurarlas a aleatorias, puedes marcar la casilla etiquetada "Vincular Orden a Array". Esto creará una variable de array que almacena el orden de las opciones presentadas para ese elemento, llamada "itemOrderArrVar" por defecto. El array registra el valor entero de las elecciones según lo definido en el editor en el orden en que se muestran de arriba a abajo del elemento. Las posiciones y valores de las entradas se pueden editar en la pestaña de Variables para cada una de las variables "itemOrderArrVar".

Objetos de Entrada de Pregunta

InterfazNombre del ObjetoDescripción
El ícono del objeto de Entrada.Objeto de EntradaUtilizado para que los participantes inserten respuestas cortas. Este elemento puede recopilar respuestas en forma de números (numérico), texto (cadena), fechas, horas y colores.
El ícono del objeto de Párrafo.Objeto de PárrafoSimilar al objeto de Entrada, pero utilizado para respuestas más largas. Las respuestas son variables de texto (cadena).
El ícono del objeto de Rango.Objeto de RangoUsando este elemento, los participantes pueden dar una respuesta utilizando una herramienta deslizante. Los usuarios pueden configurar este objeto para mostrar valores numéricos (límite izquierdo, límite derecho, y la respuesta del participante como un número encima del deslizador) o elegir dejarlo en blanco.

Nota 1: Ocultar el control al principio: Esta opción oculta el control (el círculo que los participantes deslizan para dar su respuesta) hasta que el participante haga clic en el objeto. Esto elimina el sesgo potencial que puede existir cuando los participantes ven por primera vez el control en el centro del objeto de rango.
El ícono del objeto de Selección.Objeto de SelecciónUn elemento de pregunta donde las respuestas se seleccionan de un menú desplegable que el experimentador llena con posibles respuestas.

Nota: Este objeto se puede traducir a diferentes idiomas.

Nota 2: Las respuestas disponibles se pueden cambiar dinámicamente vinculando el objeto a una variable de array.

Objetos Varios

InterfazNombre del ObjetoDescripción
El ícono del objeto Ordenable.Objeto OrdenableUna pregunta con varios elementos que se pueden ordenar usando métodos de arrastrar y soltar.
El ícono del objeto Elemento Invisible.Objeto Elemento InvisibleEl Elemento Invisible nunca es visible para los participantes, pero puede desencadenar eventos, de modo que los eventos pueden ser desencadenados por eventos del mouse en regiones aparentemente vacías del lienzo.
El ícono del objeto de Subida.Objeto de SubidaLos participantes pueden usar este objeto para subir archivos al experimento (que luego se almacenan en el servidor de Labvanced) para que el experimentador los acceda más tarde.
El ícono del objeto i-Frame.Objeto i-FrameEl Objeto I-Frame se puede usar para mostrar un I-Frame (sitio web incrustado) dentro del experimento.

IMPORTANTE: Para que el I-Frame se muestre, el servidor que controla el URL de destino debe establecer el encabezado http "Access-Control-Allow-Origin" en "*" o debe incluir "labvanced.com" y NO establecer el encabezado http "X-Frame-Options".
El ícono del objeto Sub Estudio.Objeto Sub EstudioEste poderoso objeto te permite incrustar otros estudios de Labvanced dentro de un solo experimento “padre”. Aprende más.

Propiedades del Objeto

Las propiedades del objeto para el objeto seleccionado actualmente se muestran en el lado derecho del editor. Estas propiedades determinan cómo se verán los objetos en el marco para los participantes. Muchas propiedades de objeto se pueden modificar entre ensayos, mientras que algunas propiedades (como el nombre del objeto) son fijas y no pueden diferir entre ensayos. Las propiedades que son modificadas (diferentes del valor predeterminado) están indicadas por un color de fondo gris oscuro. Todas las propiedades que se pueden modificar entre los ensayos se pueden modificar dinámicamente durante la ejecución del evento usando la acción "establecer propiedad del obj". La propiedad "requerida" de los objetos se puede cambiar dinámicamente durante el tiempo de ejecución del estudio. Los objetos solo se mostrarán como requeridos mientras no estén ocultos (visibilidad = 0). Esto permite experimentos muy interactivos y dinámicos. Por favor, consulta la página de "Tablas de Propiedades del Objeto" para un gráfico detallado de todos los tipos de objeto y sus propiedades.

En el Editor de Tareas, la apariencia de los objetos se puede cambiar para facilitar la edición de tu estudio. Hay 2 propiedades de objeto que te permiten hacerlo: bloquear y ocultar.

  • Bloquear: Hacer clic en el pequeño ícono de candado junto al nombre de un objeto en la pestaña de Objetos bloqueará su posición en el marco. Esto previene el movimiento accidental o cambios en el objeto mientras editas el estudio.
  • Ocultar: Hacer clic en el pequeño ícono de ojo junto al nombre de un objeto en la pestaña de Objetos ocultará el objeto de la vista en el marco. Esto es útil si tienes múltiples objetos en el marco a la vez y deseas ver solo uno o más a la vez mientras estás editando.

Ambas propiedades solo están activas mientras editas el estudio. Bloquear u ocultar un objeto en el Editor de Tareas no cambiará cómo el participante ve ese objeto durante el estudio.

Propiedades CSS Personalizadas

Una propiedad CSS es un estilo de un elemento escrito en código HTML. Las propiedades CSS de un elemento se pueden cambiar en la pestaña de Propiedades del Objeto haciendo clic en el elemento y marcando la casilla “cambiar propiedades CSS.” Se proporciona un código de ejemplo en texto gris como ejemplo.

el código CSS predeterminado

Para escribir código personalizado, necesitarás un elemento de referencia, su nombre de selector, un comando y un valor. Para encontrar el nombre de selector del elemento que deseas editar, haz clic derecho en el elemento y selecciona “inspeccionar.” Esto abrirá la consola en tu dispositivo. Por ejemplo, el selector para un elemento de texto es la letra p.

inspeccionar el elemento

información en la consola

También necesitarás usar llaves para tu código. Un ejemplo de código para cambiar el color de un elemento de texto es:

p{

background-color:green

}

código de fondo verde

Mientras que propiedades como el color de fondo pueden cambiarse fácilmente usando la ventana de propiedades del objeto, hay casos en los que desearías ser más específico con tus propiedades CSS. Por ejemplo, en elementos de matriz, se pueden utilizar varias propiedades CSS diferentes para personalizar tu elemento.

un ejemplo de múltiples propiedades CSS

Se pueden agregar muchas propiedades CSS personalizadas al mismo elemento con múltiples líneas de código.

Si eres nuevo en la programación o deseas más información sobre CSS, consulta este módulo de MDN.

Prev
Marcos de Canvas y Página
Next
Eventos