[ Índice ]

PMS

Generador de preguntas con respuestas multiselección

Las actividades de preguntas con respuestas multiselección (PMS) permiten introducir una pregunta con varias respuestas de entre las cuales el usuario podrá seleccionar varias o no selecionar ninguna. Por cada respuesta escogida se mostrará un contenido de retroalimentación. Este contenido deberá ser creado para comentar la respuesta, indicar si es correcta, incorrecta o cualquier otra información que se crea debe conocer el usuario. Este tipo de preguntas permite, opcionalmente, mostrar el número de respuestas acertadas sobre el total. Puede un ejemplo con el resultado de las opciones escogidas en esta sección de la página.

También puede ver ejemplos de ejercicios al final de la página.

Este formulario ayuda a generar el código para crear este tipo de actividades educativas utilizando la biblioteca jsGeork. Después pulsar en el botón 'Genera' se creará el código html+javascript que deberá copiar y pegar en su página. Una vez haya pegado el código podrá modificar fácilmente la parte de código html con el contenido que verán los usuarios.


Llenar campo id es obligatorio e indispensable para que la actividad funcione. Se utiliza como atributo id del bloque HTML que contendrá la actividad, así como para generar otros identificadores y nombres de objetos para los scripts. Dado que los atributos id dentro de los documentos HTML deben ser únicos debe introducir una cadena que no se repita dentro del mismo documento o página web. Para facilitar que terceras personas puedan reutilizar el código, conviene que añadamos al principio del identificador un prefijo que nos identifique como autores. De esta forma minimizamos la probabilidad de que coincidan dos identificadores iguales en el mismo documento. El identificador debe tener como mínimo un carácter, no puede contener espacios y es sensible a las mayúsculas.
Opciones de respuesta:
Los siguientes campos sirven para introducir las diferentes respuestas de entre las cuales el usuario debe escoger una. Como es lógico deberán existir como mínimo dos opciones. El formulario permite introducir cinco pero manualmente, editando el código, puede introducir un número ilimitado. Para no utilizar una opción simplemente deje el campo text vacío. Cada opción tiene tres campos:
  • text: Texto de la respuesta.
  • answer: Valor del atributo data-opt del bloque que se mostrará si se selecciona esta respuesta al pulsar en el botón para comprobar el resultado. Varias respuestas pueden compartir el mismo valor, por ejemplo de un bloque que muestre que la respuesta no es correcta.
  • select: Si la respuesta debe seleccionarse o no.
Option A:


Option B:


Option C:


Option D:


Option E:



Si seleccionamos la opción fieldset se añadirá la etiqueta html del mismo nombre (grupo de campos). La etiqueta fieldset puede incorporar una etiqueta legend con la leyenda o título del grupo. La leyenda se utilizará también como título de las preguntas al listar los resultados de un test.
Si marcamos la opción optsuccess se mostrará si las opciones marcadas son correctas o no. Esto se realiza con un icono añadido por medio de la clase css CSSActivityOptOk o CSSActivityOptKo.
Si marcamos la opción hint se mostrará el número de respuestas correctas sobre el total (p. ej. 1/4).
Si marcamos la opción random las respuestas se ordenan aleatoriamente.

El código para que una actividad funcione estará compuesto por una combinación de código HTML, CSS y JAVASCRIPT. El campo anterior muestra el código HTML necesario. Deberá modificarlo cuando copie y pegue el código completo en su documento HTML. Deberá modificar el contenido de los bloques con la realimentación de cada respuesta (bloques con el atributo data-opt=""). Puede limitarse a simplemente introducir "Correcto" y "Error" en el interior de los bloques o a introducir explicaciones mucho más elaboradas.

Puede incluir también bloques ocultos con atributos data-info-ok="" y data-info-ko="" de valor igual al id de la actividad. Su contenido se colocará detrás de los controles y se mostrará cuando la actividad se resuelva bien y mal respectivamente. Si quiere mostrar un contenido independientemente de la nota obtenida, simplemente coloque los dos atributos al bloque.

Debe editar, o eliminar si no le interesa, el contenido del bloque con atributo data-info-bottom="" de valor igual al id de la actividad. El interior de este bloque se coloca al final de la actividad. Para situar contenido en el inicio de la actividad simplemente coloque el código html al principio del bloque de la actividad.

El bloque que contenga el atributo id igual al atributo de la actividad terminado en "_info_aria" será enlazado por medio de atributos aria (aria-describedby="") como descripción de las opciones de respuesta. En el código generado se utiliza en el enunciado de la actividad para describir las respuestas.


También se incluye las instrucciones (en forma de comentarios html) para que se añadan las bibliotecas jQuery y jsGeork, necesarias para que funcione la actividad.

Opciones avanzadas [ mostrar/ocultar ]

[ Borrar valores almacenados y reajustar ]
Seleccione la respuesta
Respuesta A
Respuesta B
Respuesta C
Respuesta D
Respuesta E
Código: [Selecciona el código]
El cuadro anterior incluye el código de la actividad para que lo copie y pegue en su página. Para que funcione correctamente es necesario que la página cargue las bibliotecas jQuery y jsGeork. Para que la actividad se vea correctamente es necesario también que existan en la página las reglas CSS adecuadas. Si utiliza el software este se encarga de incluir los enlaces a los archivos .js y .css con las bibliotecas javascript y los estilos css. Si no utiliza el software deberá incluir los enlaces de forma manual.

Si tiene los mínimos conocimientos necesarios para escribir objetos javascript en notación literal puede editar el código manualmente para modificar la actividad, por ejemplo añadir más opciones de respuesta. Para detectar errores puede probar el código del interior de la etiqueta script en páginas como www.jshint.com. Por ejemplo, es aconsejable que no incluya la coma (,) final en las últimas propiedades de un objeto ya que en algunos navegadores antiguos produce error.

Ejemplos

[ Índice ]