Objetos
Descripción: Trabajando con Objetos
Los objetos son la instancia más baja en la jerarquía de tareas y se colocan sobre los marcos. En el editor de tareas, los objetos se agrupan en 7 categorías: Medios, Formas, Texto, Botones y Navegación, Opciones de Preguntas, Entradas de Preguntas y Variados de Preguntas. Estos elementos se utilizan como bloques de construcción a partir de los cuales puede crear su tarea experimental y estímulos.
Para una visión general de los objetos disponibles en Labvanced, por favor vea 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. Una lista de todos los objetos que se han colocado en el marco actualmente seleccionado 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 para que cuando ocurran ciertas acciones, los estímulos se manipulen de alguna manera. Por ejemplo, si desea que una imagen aumente de tamaño cuando el participante haga clic en ella, eso se maneja mediante un evento.
El "objeto actualmente seleccionado" se puede elegir haciendo clic directamente en él en el marco o haciendo clic en el objeto respectivo en la lista de objetos. Después de seleccionar un objeto y el modificador apropiado (Prueba Predeterminada, Nivel de Factor, Condición o Prueba Única), se pueden realizar modificaciones directamente en el lienzo o utilizando el panel de "Propiedades del Objeto" en el lado derecho. En este panel, se muestran todas las propiedades del objeto actualmente seleccionado y se pueden modificar utilizando los campos de entrada, casillas de verificación, etc. Lea más sobre las Propiedades del Objeto aquí.
Lista de Objetos y Propiedades Personalizadas
Objetos Multimedia
Al hacer clic en el primer ícono del menú lateral de Objetos, aparecerá una lista completa de Objetos Multimedia. Aquí es donde puede agregar estímulos basados en medios como imágenes y videos, pero también características avanzadas como grabaciones de audio.
La siguiente tabla ofrece una visión general de los Objetos Multimedia disponibles en Labvanced:
Objeto Multimedia | Descripción |
|---|---|
Objeto de Imagen  | El objeto de imagen se puede utilizar 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 utilizando eventos y variables (tipo de dato archivo). |
Objeto de Video  | El objeto de video se puede utilizar 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 utilizando eventos y variables (tipo de dato archivo). |
Objeto de Audio  | El objeto de audio se puede utilizar 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 utilizando eventos y variables (tipo de dato archivo). |
Objeto de Grabación de Audio  | El objeto de grabación de audio actúa como una interfaz visual / mango para las 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. |
Objeto de Grabación de Video  | Este 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 directo o más tarde en el experimento (o no mostrarlo en absoluto), permitir que el participante controle el inicio/detención/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. |
Objeto de Instantánea de Cámara  | Este objeto se puede utilizar para tomar una instantánea de la imagen del participante. Para hacer esto, las grabaciones de video deben estar habilitadas para el experimento. Las opciones para mostrar el botón de la cámara, el botón de instantánea y el botón de carga se pueden ocultar o mostrar al participante. Se pueden utilizar eventos para activar la instantánea de la cámara, o el propio participante puede controlarlo. Esta herramienta es útil para verificar la identidad/información demográfica del participante, pero debe tratarse como información altamente sensible. La instantánea se almacena como una variable de archivo. Nota 1: Grabar un video/imágenes de un sujeto o su pantalla puede ser altamente sensible. Asegúrese de que los participantes estén plenamente informados sobre lo que implica el experimento antes de que comiencen. Nota 2: Cuando se utiliza una cámara web de cualquier tipo en un estudio (para seguimiento ocular, video, instantánea, etc.), se pedirá a los participantes que seleccionen qué cámara les gustaría utilizar al inicio del estudio. Esto permite que los participantes seleccionen una cámara externa conectada si no desean usar un sistema de cámara web incorporado. |
Objeto I-Frame  | El Objeto I-Frame se puede utilizar para mostrar un I-Frame (sitio web embebido) dentro del experimento. IMPORTANTE: Para que el I-Frame se muestre, el servidor que controla la URL de destino debe establecer el encabezado http "Access-Control-Allow-Origin" como "*" o debe incluir "labvanced.com" NO establecer el encabezado http "X-Frame-Options" |
| Objeto de Subestudio | Este objeto potente le permite incrustar otros estudios de Labvanced dentro de un único experimento "padre". |
Objetos de Forma
Al hacer clic en el segundo ícono del menú lateral se muestran todos los objetos de forma disponibles.
La siguiente tabla ofrece una visión general de los Objetos de Forma disponibles en Labvanced:
Objeto de Forma | Descripción |
|---|---|
El Objeto Invisible  | El Objeto Invisible nunca es visible para los participantes, pero puede desencadenar eventos, de modo que se pueden activar eventos por eventos de mouse en regiones aparentemente vacías del lienzo. |
El Objeto de Dibujo en Lienzo  | El elemento de Dibujo en Lienzo permite a los participantes "dibujar" en la pantalla utilizando su mouse, dedo o trackpad en su dispositivo. El espacio de dibujo se puede redimensionar si habilita 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, un rectángulo o un círculo. Las formas se pueden arrastrar por el dibujo después de ser añadidas. Los participantes también pueden cambiar el color del bolígrafo o de la(s) forma(s). Los investigadores pueden usar esta herramienta para dibujar imágenes estáticas para sus experimentos si lo desean desmarcando la casilla etiquetada "permitir dibujo por participante" para que los participantes no puedan dibujar en el cuadro. De cualquier manera, el dibujo se guardará en los archivos Privados de cada participante como una imagen, similar a un objeto de Instantánea de Cámara. Cada barra de herramientas se puede habilitar o deshabilitar marcando las casillas correspondientes. |
Objeto SVG  | Un SVG se puede cargar en el editor de lienzo. Este objeto es popular en los estudios de seguimiento ocular basados en Labvanced. Un SVG puede tomar una forma compleja y usarse como una 'máscara' para activar eventos relacionados con el seguimiento ocular como contar el número de fijaciones sobre el área particular de SVG. |
Objeto Polígono  | Los Objetos Polígono también se pueden utilizar para estudios de seguimiento ocular con el fin de crear una máscara o AOI directamente dentro del editor de Labvanced haciendo clic para crear formas complejas. Este objeto también se puede utilizar para crear polilíneas. Esta demo demuestra cómo se pueden utilizar los Objetos Polígono como parte de un estudio de seguimiento ocular para contar fijaciones. |
Objetos de Texto
La tercera opción del menú lateral de Objetos es para agregar objetos de texto al editor.
Objetos de Texto | Descripción |
|---|---|
Objeto DisplayText  | Este 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. Se pueden insertar variables en los elementos de texto para que su valor actual se muestre (y se actualice automáticamente) en la pantalla. |
Objeto DisplayHTML  | Este objeto renderiza HTML que ha insertado. Agregue este objeto al editor de lienzo y luego, mientras esté seleccionado, vaya a las Propiedades del Objeto (el panel del lado derecho) y en la parte inferior inserte su código HTML. |
Al trabajar con el Objeto de Texto para Mostrar, aparecerá un 'Editor de Texto' donde puede realizar más ediciones relacionadas con el texto. De estas opciones, la [x] opción de Variable Enlazada es muy popular, mostrada en la esquina superior izquierda. Esta opción permite esencialmente resaltar texto, enlazar una variable a él, para que muestre el valor.
Para una visión completa de las opciones/configuraciones mostradas, por favor visite la página del Editor de Texto.
Objetos de Botones y Navegación
- Objeto Botón: Un botón estándar cuya etiqueta se puede editar y que puede desencadenar eventos utilizando el disparador "ButtonClick". Se puede registrar un clic en un botón como variable de respuesta del participante.
- Objeto de Navegación: Este objeto aparece como dos botones con dos eventos asociados precreados, permitiendo al sujeto navegar de vuelta al marco anterior o avanzar al siguiente marco.
- Objeto de Barra de Progreso: La barra de progreso se puede utilizar para mostrar el progreso del experimento en porcentajes.
Objetos de Pregunta
- Elemento de Casilla de Verificación: Un elemento de pregunta donde los participantes pueden seleccionar una o más respuestas.
- Elemento de Opción Múltiple: Un elemento de pregunta donde los participantes deben seleccionar solo una opción.
- Escala Likert: Un elemento de pregunta que se utiliza a menudo para indicar el nivel de acuerdo con una afirmación. Los participantes pueden elegir una respuesta que se sitúe en algún punto intermedio entre dos indicaciones.
- Elemento de Matriz: Un 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 "requerido" de estos objetos puede cambiarse dinámicamente durante la 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 utilizando la casilla de verificación "aleatorizar el orden de los elementos" en la ventana de Propiedades del Objeto. Si desea registrar el orden en que se presentan las opciones después de configurarlas en aleatorio, puede 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 opciones según se define en el editor en el orden en que se muestran de arriba hacia abajo del elemento. Las posiciones y los valores de las entradas se pueden editar en la pestaña Variables para cada una de las variables "itemOrderArrVar".
Objetos de Entrada
- Objeto de Entrada: Utilizado 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.
- Objeto de Párrafo: Similar al objeto de entrada, pero utilizado para respuestas más largas. Las respuestas son variables de texto (cadena).
Objetos Variados
- Objeto de Rango: Usando 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 sobre el control deslizante) o elegir dejarlo en blanco.
- Ocultar el mango inicialmente: Esta opción oculta el mango (el círculo que los participantes deslizan para hacer su respuesta) hasta que el participante haga clic en el objeto. Esto elimina el posible sesgo que puede existir cuando los participantes ven el mango por primera vez en el centro del objeto de rango.
- Objeto de Selección: Un elemento de pregunta donde las respuestas se eligen de un menú desplegable que el experimentador completa con posibles respuestas.
- Este objeto se puede traducir a diferentes idiomas.
- Las respuestas disponibles se pueden cambiar dinámicamente vinculando el objeto a una variable de array.
- Objeto Ordenable: Una pregunta con varios elementos que se pueden ordenar utilizando métodos de arrastrar y soltar.
- Objeto de Carga: Los participantes pueden utilizar este objeto para cargar archivos en el experimento (que luego se almacenan en el servidor de Labvanced) para que el experimentador acceda más tarde.
Propiedades del Objeto
Las propiedades del objeto para el objeto actualmente seleccionado 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 del 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 se modifican (diferentes del valor predeterminado) se indican con un color de fondo gris oscuro. Todas las propiedades que se pueden modificar entre ensayos pueden modificarse dinámicamente durante la ejecución de eventos utilizando la acción "establecer propiedad del obj". La propiedad "requerido" de los objetos puede cambiarse dinámicamente durante la 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, consulte la página de "Tablas de Propiedades del Objeto" para ver un gráfico detallado de todos los tipos de objetos y sus propiedades.
En el Editor de Tareas, la apariencia de los objetos se puede cambiar para facilitar la edición de su estudio. Hay 2 propiedades del objeto que le permiten hacer esto: 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 movimientos accidentales o cambios en el objeto mientras está editando 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 tiene múltiples objetos en el marco a la vez y desea ver solo uno o más a la vez mientras edita.
Ambas propiedades solo están activas mientras se edita el estudio. Bloquear u ocultar un objeto en el Editor de Tareas no cambiará cómo ve el participante 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.
Para escribir código personalizado, necesitará un elemento de referencia, su nombre de selector, un comando y un valor. Para encontrar el nombre del selector del elemento que desea editar, haga clic derecho en el elemento y haga clic en “inspeccionar.” Esto abrirá la consola en su dispositivo. Por ejemplo, el selector para un elemento de texto es la letra p.
También necesitará usar llaves para su código. Un ejemplo de código para cambiar el color de un elemento de texto es:
p{
background-color:green
}
Mientras que propiedades como el color de fondo se pueden cambiar fácilmente utilizando la ventana de propiedades del objeto, hay casos de uso donde le gustaría ser más específico con sus propiedades CSS. Por ejemplo, en elementos de matriz, se pueden usar varias propiedades CSS diferentes para personalizar su elemento.
Se pueden agregar muchas propiedades CSS personalizadas al mismo elemento con múltiples líneas de código.
Si es nuevo en la codificación o desea más información sobre CSS, consulte este módulo de MDN.