Preguntas: aspectos comunes

Una vez configurado el formulario, el siguiente paso es añadir las preguntas que va a contener. Debemos planificar este formulario, crear los grupos de preguntas que vamos a utilizar y las preguntas que contendrá cada uno de estos grupos.

Desde la pestaña "Estructura", nos aparece por defecto creado un grupo de preguntas "Mi primer grupo de preguntas" y una pregunta "Una primera pregunta de ejemplo", que podremos modificar desde el botón "Modificar".

Al pulsar en "Añadir pregunta" por defecto aparece como "Tipo de pregunta" ("Switch question type") la opción "Texto libre (largo)". Para seleccionar el tipo de pregunta de nuestro interés pulsamos sobre "Texto libre (largo)".Pulsamos sobre Texto libre (largo).Al hacerlo se muestran los diferentes tipos de preguntas agrupadas en categorías. Seleccionamos la categoría de nuestro interés (1) y el tipo de pregunta (2),  a la derecha vemos un ejemplo de cómo se verá la pregunta. Pulsamos sobre "Seleccionar" (3):Seleccionamos categoría y tipo de pregunta.

Los campos para rellenar la pregunta cambiarán en función del tipo de pregunta seleccionado. Para saber como completar los campos consulta "Tipos de preguntas". Así mismo desde el apartado "Configuración" podremos definir el comportamiento de cada una de las preguntas.

Configuración 

En este capítulo vamos a ver la "Configuración" para el tipo de pregunta "Texto libre (largo)". Muchas de estas configuraciones son comunes a todas las preguntas, no obstante, cada tipo de pregunta incluye configuraciones propias que veremos en "Tipos de preguntas".

Acceso a configuración.

Configuraciones Generales 

Aquí podemos definir los siguientes aspectos generales de cada pregunta:

  • "Grupo de preguntas": elegimos el grupo al que va a pertenecer la pregunta. Por defecto aparecerá la sección en la que estemos posicionados. Pulsando en el desplegable, vemos los grupos existentes y seleccionamos el de nuestro interés.
  • "Obligatoria": al "Activar" esta opción hacemos que sea obligatorio responder a esta pregunta. La opción "Suave" ofrece la posibilidad de omitir la pregunta sin dar ninguna respuesta.
  • "Condición": se puede usar una condición para añadir una lógica de bifurcación.
  • "Encriptado": almacenará las respuestas de esta pregunta encriptadas. 
  • "Validación de entrada": permite añadir una validación basada en una expresión regular.
  • "Salvar como valores por defecto": todos los valores para este tipo de preguntas se guardarán como valores por defecto. 
Configuraciones Generales.Lógica

Introducimos el comportamiento que deben tener las preguntas dentro de nuestro formulario:

  • "Nombre de la sección de presentación aleatoria": para que las preguntas de una sección o grupo de preguntas se muestren de manera aleatoria, en esta campo introducimos el mismo nombre en todas las preguntas de la misma sección. Por ejemplo "Ale1".
  • "Ecuación de validación de la pregunta": permite añadir una ecuación para validar la pregunta. 
  • "Ayuda sobre la validación de la pregunta": permite añadir un texto de ayuda que se mostrará al participante con indicaciones sobre cómo responder a la pregunta correctamente.
Lógica.
 Mostrar

Definimos cómo queremos que se presente la pregunta en el formulario.

  • "Ocultar la ayuda": oculta la ayuda que aparece para esa pregunta.
  • "Ancho de la caja de texto": seleccionamos la anchura que tendrá la "caja" donde el participante tendrá que introducir el texto. Tendremos que establecer un porcentaje.
  • "Tamaño del campo de texto": indica el número de caracteres que los participantes podrán visualizar por defecto sin cambiar el tamaño de la caja de texto.
  • "Mostrar filas": indicamos el número de filas de texto que mostrará por defecto. 
  • "Ocultar permanentemente esta pregunta": oculta esta pregunta en todo momento. 
  • "Clases CSS": permite poner una lista de elementos separados por espacio, uno de esos elementos debe coincidir exactamente con el nombre de clase dado en el selector. 

Mostrar.

 

Entrada

En este apartado nos encontramos con el campo "Longitud máxima" que indica el número máximo de caracteres permitido para responder a la pregunta.


Entrada.
 

Otro

Definimos si queremos "Insertar un salto de página en la vista de impresión".
Otro.

Temporizador  

El temporizador nos va a permitir controlar el tiempo que se emplea en contestar a las preguntas del formulario, los mensajes que se le irán mostrando al participante cuando el tiempo vaya terminando,.... Temporizados con opciones.

A continuación detallamos cada una de estas opciones:

  • "Tiempo límite": limita el tiempo máximo de respuesta para esta pregunta (en segundos). En nuestro ejemplo hemos asignado 30 segundos.
  • "Acción de fin de tiempo": acción que se realizará cuando el tiempo de respuesta haya concluido:
    • "Avisar y seguir adelante": muestra mensaje de tiempo restante con un contador hacia atrás y cuando termina el tiempo muestra mensaje "Se terminó el tiempo establecido para responder a esta pregunta". En nuestro caso "SE TERMINÓ EL TIEMPO" pero dejará continuar respondiendo el resto de preguntas del formulario. 

avisar y seguir adelante.

    • "Avanzar sin previo aviso:" aparece el contador y no aparece el mensaje "Se terminó el tiempo establecido para responder a esta pregunta". Puede seguir contestando la encuesta cuando se agota el tiempo límite. 

Avanzar sin previo aviso.

    • "Deshabilitar": sale el mensaje y deja seguir contestado el resto del formulario.

Deshabilitar.

  • "El tiempo de expiración deshabilita Siguiente" : permite deshabilitar el botón “Siguiente” hasta que termine el tiempo.
  • "El tiempo de expiración deshabilita Anterior": deshabilita el botón “Anterior” hasta que termine el tiempo.
  • "Mensaje de advertencia de alcance de tiempo límite": mensaje de texto que se mostrará en el temporizador durante la cuenta atrás.  Sustituye el mensaje "Tiempo restante" por el que indiquemos, por ejemplo "Sólo faltan los segundos indicado"Mensaje advertencia de alcance tiempo límite.
  • "Estilo CSS para el reloj de cuenta atrás": permite cambiar la apariencia del reloj mediante el lenguaje CSS.
  • "Tiempo de duración del mostrado del mensaje de expiración": muestra el mensaje de “alcance de tiempo límite” durante un número de segundos antes de realizar la ”acción de tiempo máximo alcanzado”.
  • "Mensaje de expiración del tiempo establecido": muestra este mensaje cuando el tiempo expire, en caso de estar en blanco, muestra un mensaje predefinido "Se terminó el tiempo establecido para responder a esta pregunta". En nuestro ejemplo hemos puesto "SE TERMINÓ EL TIEMPO".Mensaje de expiración del tiempo establecido.
  • "Estilo CSS para el mensaje de expiración": cambia la apariencia del mensaje mediante lenguaje CSS .
  • "Primer mensaje de advertencia de expiración del tiempo": indicamos en qué momento aparece el primer mensaje de advertencia. En nuestro ejemplo aparecerá el mensaje cuando falten 20 segundos.
  • "Tiempo de duración del primer mensaje de advertencia de expiración": la "Advertencia de tiempo límite" estará visible durante el número de segundos que indiquemos y no se verá si este parámetro se deja en blanco. 
  • "Mensaje de primera advertencia de expiración": mostrará el mensaje que indiquemos, en el ejemplo aparecerá "Faltan 20 segundos". Si se deja en blanco, se mostrará un mensaje predeterminado:

Primer mensaje de advertencia.

  • "Estilo CSS para el primer mensaje de advertencia de expiración": estilo CSS que se usará cuando se muestre “mensaje de advertencia de expiración” .
  • "Tiempo en el que se activará el segundo mensaje de advertencia": muestra el segundo 'Mensaje de advertencia de expiración' cuando quede un número de segundos en el temporizador de cuenta atrás (la advertencia no se mostrará si se deja en blanco).
  • "Tiempo de duración del segundo mensaje de advertencia de expiración": el segundo 'mensaje de advertencia de expiración' estará visible durante un número de segundos (no desaparecerá si este parámetro se deja en blanco).
  • "Mensaje de la segunda advertencia de expiración del tiempo": mensaje de la segunda advertencia de expiración del tiempo (se mostrará un mensaje predeterminado si se deja este parámetro en blanco) 

segundo mensaje de advertencia.

  • "Estilo CSS para el primer mensaje de advertencia de expiración": Estilo CSS que se utilizará en el segundo mensaje de advertencia de expiración. 
Estadísticas

Activamos o desactivamos si queremos obtener estadísticas de la pregunta y cómo queremos que éstas se muestren:

  • Mostrar gráfica: muestra un gráfico de la estadística.
  • Tipo de gráfica: mostrará el tipo de gráfico que seleccionemos, por defecto gráfico de barras.

Estadística.

Ubicación

Esta opción estará disponible en las preguntas del tipo "Texto", "Detección del navegador". Desde aquí podemos permitir que los participantes del formulario indiquen la ubicación desde la cual están rellenando el formulario o bien podemos obtenerla nosotros a través de los datos obtenidos de la IP del usuario.

  • "Utilizar el servicio de mapas": si se activa, la persona encuestada podrá indicar una ubicación.
  • "Ubicación predeterminada a partir de la IP": podremos obtener la ubicación a parir de la dirección IP del usuario.
  • "Guardar código postal": guarda el dato código postal.
  • "Guardar población": guarda la población.
  • "Guardar departamento/estado/provincia": guarda la provincia.
  • "Guardar país": guarda el país.
  • "Nivel de zoom": permite indicar el nivel de zoom del mapa.
  • "Posición predeterminada": muestra las coordenadas predeterminadas cuando se carga la página por primera vez.
  • "Anchura del mapa": ancho del mapa en píxeles.
  • "Altura del mapa": altura del mapa en píxeles.

Ubicación. Videotutorial