Investigación Plugins

Investigación de plugins
Objetivo general 3
Definición de extensión (plugin). 3
Extensiones en moodle 3
Banco de extensiones para moodle. 3
Creación de un banco de preguntas 3
Verdadero o Falso. 4
Opción múltiple. 6
Emparejamiento. 7
Respuestas cortas. 9
Pregunta arrastrar y soltar marcadores. 12
Preguntas arrastrar y soltar sobre texto 15
Preguntas arrastrar y soltar sobre imagen 19
Pregunta calculada simple. 24
Creación de un libro en Moodle. 27
Fichas técnicas de plugins 29
Instalación de plugins. 29
Extensión: Estado de finalización 30
Quizventure 30
Level up! 31
Stash. 35
Game! 39
Ahorcado 39
Crucigrama 41
Imagen oculta 44
Millonario 46
Serpientes y escaleras 48
Sopa de letras. 49
Sudoku 51
H5p 53
Uso de h5p. 56
H5P: Imágenes con Hotspots. 57
Course Presentation 61
Poner imagen de fondo en Course Presentation 63
Agregar texto. 64
Agregar una imagen. 65
Ir a una slide específica. 66
Agregar un vídeo. 67
1
Rellenar los espacios en blanco. 68
Opción múltiple sencilla. 70
Selección múltiple. 74
Preguntas de Verdadero o Falso. 76
Arrastra y soltar. 78
Summary. 83
Arrastrar texto. 85
Marca la palabra. 86
Cartas de diálogos. 88
Enlace a la vista de los ejemplos vistos en Course Presentation. 90
General para todos los elementos mostrados. 90
Vídeo interactivo 91
Creando un vídeo interactivo. 91
Generales para los elementos. 93
Agregar texto en el vídeo. 94
Agregando una tabla. 95
Imagen en el vídeo. 97
Single Choice Set 98
Statements 99
Multiple Choice 100
True/False. 102
Fill in the Blanks 103
Drag text. 104
Drag and drop zone. 105
Mark the words. 108
Crossroads 109
Navigation Hotspot. 110
Questionnaire. 113
Free Text Question. 116
Enlace a un vídeo prueba. 117
Enlace a un vídeo interactivo. 117
2
Objetivo general
Generar un documento con información relevante y sencilla sobre qué extensiones
existen para poder integrarlas en la plataforma, cómo integrarlas, como configurarlas,
revisar sus pros y contras.
Definición de extensión (plugin).

Se define como una extensión (en el ámbito del software) a un pequeño elemento de
software que añade una funcionalidad adicional o una nueva característica al
software.
Extensiones en moodle
Moodle tiene muchas extensiones (plugins) que agregan funcionalidades extras,
algunas son imprescindibles para el funcionamiento del cursos. La integración de
éstas ayudan a una construcción del curso más didáctica.
Ventajas
➢ Facilitan la construcción del curso.
➢ Son adaptables a cualquier tipo de curso.
➢ Son auxiliares para la construcción de conocimiento significativo en los
alumnos.
➢ Ahorran trabajo en desarrollar material para el curso.
➢ Son altamente configurables.
Banco de extensiones para moodle.

Hay diversas páginas en dónde se da la posibilidad de descargar extensiones para
moodle, de las revisadas se recomienda usar la web oficial de Moodle (ir a). En su
página trae herramientas de búsqueda para hallar la extensión que deseemos.
Creación de un banco de preguntas

El banco de preguntas no es más que una base de datos, en la cual sólo hay
preguntas y respuestas, sirve para generar las preguntas a usar durante el curso, al
igual, se pueden usar con extensiones que hagan uso de éllas. Los tipos de las
preguntas son diversas, van desde preguntas de opción múltiple hasta de relacionar.
Entre las opciones que ofrece moodle al momento de generar preguntas, tenemos las
siguientes:
1. Opción múltiple.
2. Verdadero o falso.
3. De emparejamiento.
4. Respuesta corta.
5. Numérica.
6. Ensayo.
3
7. Arrastrar y soltar marcadores.
8. Arrastrar y soltar sobre texto.
9. Arrastrar y soltar sobre una imagen.
10. Calculada simple
Al igual se pueden crear categorías de preguntas para llevar un control más preciso
de éstas.
Para la creación de un banco de preguntas, seguir los siguientes pasos:
1) Click en el botón ’’Acciones’’.
2) Seleccionar ‘’Aún más…’’.
3) Click en el enlace ‘’Banco de preguntas‘’.
4) Creación de una categoría (omitir este paso en caso de que ya se haya creado
una categoría de preguntas).
a) Clic en ‘’Categorías’’.
b) Bajar a la parte inferior, en donde se encuentra‘’Añadir Categoría’’.
c) Llenar el formulario
d) Clic en ‘’Añadir categoría‘’.
5) En el apartado de preguntas, click en el botón ‘’Crear una nueva pregunta’’.
6) Seleccionar el tipo de preguntas requerida.
7) Click en ‘’Agregar’’.
8) Llenar el formulario presentado.
9) Click en ‘’Guardar cambios’’.
Verdadero o Falso.
Ejemplo para crear una pregunta de verdadero o falso.
4
Seleccionar la categoría deseada.
Dar un nombre a la pregunta.
Dar el enunciado de la pregunta, ser lo más específico que se pueda, buscando que
la pregunta no caiga en la ambigüedad o sea muy poco clara.
La retroalimentación general puede ser usada para describir el porqué de la pregunta.
Los puntos son los que se darán cuando la pregunta sea contestada correctamente.
En respuesta correcta, se selecciona si va hacer falsa o verdadera la pregunta.
Se puede dar retroalimentación para cuando el aprendiz haya seleccionado falso o

verdadero, en esta parte se puede dar consejos para cuando el aprendiz haya
seleccionado una opción errónea.
5
Opción múltiple.
Ejemplo para crear preguntas de opción múltiple.

Los puntos son los que se darán cuando la pregunta sea contestada correctamente.
En una o varias respuestas, se especifica si se espera que sólo haya una sola
respuesta correcta o si van a ver dos o más preguntas correctas, esta última opción
6
puede ser útil cuando se busca que el alumno genere una respuesta más completa o
que logre diferenciar entre respuestas correctas e incorrectas.
En la opción de barajar respuestas, sólo moverá el lugar en donde aparecen las
respuestas para que no sea algo estático.
En enumerar las elecciones se selecciona cóm serán presentadas las respuestas
(a,b,c, o 1,2,3 por ejemplo) simplemente seleccionar la que más nos agrade.
En las elecciones, se llena la respuesta, ésta puede ser correcta, incorrecta o

parcialmente correcta, para lograr ésto se dan valores porcentuales a las respuestas,
es decir, si una respuesta es correcta se le dará 100%, si es incorrecta se le dará 0
(en este caso seleccionamos Ninguno) o inclusive darle puntos negativos
seleccionando porcentajes negativos, o parcialmente correcta dando un porcentaje
inferior al 100%.
Emparejamiento.
Ejemplo de creación de preguntas de emparejamiento.
7
Se proporcionan las preguntas y respuestas, se debe de proporcionar al menos dos

preguntas y tres respuestas, la tercera pregunta debe de quedar en blanco y sólo se
llena la respuesta, este proceso se puede aplicar a más de 2 preguntas si se quiere,
pero siempre manteniendo un número superior de respuestas que de preguntas.
8
Respuestas cortas.
Ejemplo para crear una pregunta tipo de respuestas cortas.

Se da las respuestas posibles de la pregunta, ya que el alumno escribirá la respuesta,

se puede contemplar posibles fallos de ortografía, error de tecleo, respuestas
similares o el uso de sinónimos. Para éllo moodle provee la capacidad de generar
respuestas con comodines en donde se usa el carácter ‘*’ que sirve como un carácter
9
genérico que pueda tomar cualquier valor de alfa-numérico, al igual se pueden poner
todas las respuestas que consideremos que el alumno pueda a llegar ingresar (claro
mientras estén correctas).
Pregunta numérica
Ejemplo para crear una pregunta tipo numérica.

10
Una pregunta numérica es muy semejante a una pregunta de respuesta corta. La
diferencia es que la pregunta numérica es un número y permite un margen de error.
Esto permite habilitar un rango continuo de posibles respuestas acertadas. Por
ejemplo, si la respuesta es 30 con un error de 5, entonces cualquier número entre 25
y 35 se aceptará como correcto.
Pregunta ensayo.
Ejemplo para crear una pregunta tipo ensayo.

11
Este tipo de preguntas se hacen para que el alumno redacte con sus palabras una
respuesta larga. Permite que el usuario haga uso de elementos html o texto plano,
limita el número de líneas que deberá de escribir el alumnos, al igual se puede permitir
que suba archivos adjuntos con su respuesta (lo cual es bueno si queremos que el
alumno escriba un ensayo largo y en el campo de texto sólo haga una pequeña
introducción).
Pregunta arrastrar y soltar marcadores.

Ejemplo para crear preguntas tipo de arrastrar y soltar marcadores.
Un tipo de pregunta de arrastrar y soltar en donde se les permite a los estudiantes
arrastrar y soltar marcadores dentro de un área sobre de una imagen de fondo.

12
Para este tipo de preguntas, se pide que se suba una imagen en la cual se colocarán
los marcadores por parte del usuario,
Una vez cargada, se debe de indicar en dónde va cada marcador, pero primero se
debe de crear los marcadores.
13
En el menú desplegable de 'Número', se puede seleccionar el número de veces que
puede usarse el marcador. El seleccionar 1 significa que cuando haya sido usado una
vez, ya no estará disponible en la lista. Es correcto dejar el número en la configuración
por defecto de 'Ilimitado'; que simplemente significa que cada marcador permanecerá
disponible aún después de que ya haya sido usado.
Una vez creado los marcadores, se van a indicar en dónde se van a poner los
marcadores.
Para ello se debe de poner las coordenadas en donde se estará poniendo los
marcadores.
Para ver cómo poner las coordenadas, se da clic en el icono de ‘?’, dependiendo qué
figura se haya seleccionado, debemos seguir las indicaciones que nos da.
Se presenta un ejemplo usando un rectángulo como forma del marcador, las reglas
para el rectángulo son: x_superor_izquieda, y_superior_izquieda; anchura y altura.
Tras indicar en qué zona va en cada marcador, el mapa queda de la siguiente forma.
14
Al final, la prueba queda de la siguiente forma.
Preguntas arrastrar y soltar sobre texto

Creación de preguntas tipo arrastrar y soltar sobre texto.
Un tipo de pregunta de arrastrar y soltar en donde las palabras faltantes tienen que
arrastrarse hacia huecos en un párrafo de texto.
Para crear una pregunta de este tipo, siga los siguientes pasos:
15
Importante: El texto de la pregunta se escribe dentro de dos corchetes o paréntesis
cuadrados [[n]] , que indican la posición de los huecos y que tienen un número 'n'
dentro de los paréntesis que indica la opción correcta en la lista que sigue a la
pregunta.
A continuación, un acercamiento más cercano al texto de la pregunta.
16
Una vez terminado el texto del enunciado, se debe dirigir al apartado de Opciones,
en donde se pondrán las respuestas que el alumno deberá arrastrar.
Como resultado las preguntas de este tipo se ven de la siguiente forma:
17
Y así se ven ya resueltas:
Si se ve bien, en la configuración de la pregunta en la sección de Opciones, se tiene

la posibilidad de agrupar las respuestas a arrastrar, esto puede servir para que el
alumno identifique grupos de respuesta pertenecientes al mismo tema y pueda
generar una relación entre esas palabras.
Así se ve si se aplica la opción Grupo con dos grupos, como se ve las respuestas son
divididas en 2 secciones (blanco y gris).
18
Preguntas arrastrar y soltar sobre imagen
Creación de preguntas tipo arrastrar y soltar sobre imagen.
Es un tipo de pregunta en donde los estudiantes arrastran palabras, imágenes o
ambas desde una lista y las sueltan dentro de huecos pre-definidos sobre de una
imagen base.
En la sección de vista previa, se elige que estará de fondo (a donde se van a arrastrar
los marcadores o imágenes).
19
Una vez que se ha subido la imagen de fondo, sigue la parte de configuración de los
elementos arrastrables.
En la sección de Elementos arrastrables, se puede subir imágenes si se deja el tipo
como 'imagen arrastrable' o se puede escribir palabras si se cambia el tipo a 'texto
arrastrable'. Moodle permite tener una mezcla de imágenes y texto.
Ejemplo de configuración para texto arrastrable:
Ejemplo de configuración para imagen arrastrable:
20
Importante: las imágenes arrastrables no deben de ser mayor a 150 x 100 pixeles.
Nota: Una vez añadido los elementos dar clic en ‘REFRESCAR VISTA PREVIA’
(ubicada en la sección de Vista previa), ya que es posible que no aparezcan los
elementos en la sección de ‘Dejar caer la zona’.
En la sección de ‘Dejar caer la zona’, se puede elegir cuáles elementos van a cual
zona. Entonces el profesor puede posicionar los elementos por encima de la imagen
del fondo y esto añadirá sus coordenadas correspondientes.
Así se ve la configuración de ‘Dejar caer la zona’:
Una vez escogidas las zonas en la parte de ‘Vista previa’, se verá de la siguiente
forma:
21
Ahora, simplemente se arrastran los elementos a las zonas deseadas (ver imagen de
ejemplo).
Guardamos los cambios y a continuación se muestra cómo le aparecería al alumno.
22
Y así se ve ya resuelto:
23
Pregunta calculada simple.
Ejemplo para crear una pregunta tipo calculada simple.
Al igual que los demás tipos de preguntas, se debe de proporcionar la categoría, el
nombre de la pregunta y el enunciado de la pregunta.
Las preguntas calculadas simples ofrecen una forma para crear preguntas numéricas
individuales cuyas respuestas son el resultado de una fórmula numérica, que contiene
valores numéricos variables, mediante el uso de comodines (por ejemplo, {x} , {y}),
que son sustituidos con valores aleatorios cuando el estudiante hace uso de la
pregunta.
El ejemplo a mostrar, será para calcular el área de un rectángulo, si se observa bien
el en el enunciado, se ha uso de los comodines ‘{base}’ y ‘{altura}’, como se mencionó
anteriormente estos valores serán sustituidos cuando la pregunta sea vista por un
estudiante.
En la sección de ‘Respuestas’ se describe la fórmula a usar, se hace uso de los
comodines, la forma de usar éstos es igual que en el enunciado, en este caso la
fórmula a ocupar es base*altura, entonces en la parte ’Fórmula para respuesta 1’
quedaría de la siguiente forma: ‘{base}*{altura}’. En la tolerancia, se indica cuántos
margen tiene el alumno en su respuesta, lo cual es útil cuando se hacen cálculos con
muchos números decimales, el valor puesto ahí servirá tanto para valores mayores o
inferiores al resultado esperado, por ejemplo, si el valor esperado es 1.8 y se ha
puesto la Tolerancia de .4 la respuesta estará entre un rango de 1.4 a 2.2. Al igual
podemos indicar cuántos decimales queremos que sean mostrados al alumno. Ver la
siguiente imagen de ejemplo.
24
Una vez llenado los campos en la sección de respuestas, damos clic al botón
‘ENCUENTRE LOS COMODINES {X…} PRESENTES EN LA FÓRMULA DE LA
RESPUESTA CORRECTA’. Una vez que se recarga la página aparece una nueva
sección llamada ‘Parámetros de los comodines usados para generar los valores’,
damos clic en la esa sección y vemos que los comodines que fueron puestos tanto en
el enunciado y en la fórmula, fueron detectados como comodines, se puede definir un
rango de valores, al igual cuantos decimales llegará a tener el valor generado (mínimo
0 y máximo 10). Se muestra una imagen de ésto:
Damos clic en generar y al momento de que se recarga la página se habrán generado

los valores, estos valores los podemos ver dando clic en el botón mostrar.
Véase la siguiente imagen:
25
Al final, cuando se hace uso de ella, el alumno verá algo como esto:
Y simplemente deberá contestar la pregunta.
26
Creación de un libro en Moodle.
Como su nombre lo indica, Moodle permite generar un libro electrónico en donde se
intenta emular a un libro, suele ser sencillo y nada interactivo pero se le puede poner
recursos multimedia como lo son fotos, audio y vídeos.
Para crear un libro nos vamos al apartado de ‘Añade una actividad o recurso’ y
después seleccionamos ‘Libro’, una vez seleccionado damos clic en Agregar; en la
ventana que nos ha re-direccionado llenamos el formulario, damos el nombre y la
descripción, en la sección de Apariencia se elige la numeración del capítulo y el diseño
de navegación. Damos clic en guardar cambios y regresar al curso. Se, muestra una
imagen de la configuración.
Sección de Apariencia.
Para agregar un capítulo debemos dar clic sobre el libro en nuestro curso (ver imagen
siguiente).
Al dar clic ahí, nos lleva al contenido del libro; al ser la primera vez que se entra al
libro aparece que no hay ningún capítulo, para agregar capítulo nos situamos en el
27
bloque de ‘TABLA DE CONTENIDOS’, damos clic en el botón ‘+’ (Añadir un nuevo
capítulo) y a continuación se redirecciona al formulario de creación de capítulos.
En el formulario de creación de capítulos, damos un nombre al capítulo, y redactamos
el contenido del capítulo, además ofrece la opción de generar subcapítulos (destacar
que sólo podemos generar capítulos y en ese mismo, subcapítulos pero no podemos
agregar subcapítulos a otros subcapítulos, permitiendo sólo dos niveles de sangría).
El resultado de ésto es la siguiente imagen (aclarar que ya se contaba con un capítulo

previo al momento de mostrar las capturas).
28
Prestar atención en la tabla de contenido, al igual ver las fechas que en azul, estas
flechas permiten hacer el cambio de página al siguiente capítulo o subcapítulo.
Cabe destacar que se permite agregar código html al momento de crear el contenido,
en ves de texto plano, con las pruebas realizadas, se puede decir que trabaja
aceptablemente bien y se puede hacer uso de Bootstrap en las etiquetas que
ocupemos al crear el contenido, eso representa una ventaja ya que se podría generar
una estructura propia al contenido sin depender de las limitantes del editor de texto
de moodle pero posiblemente haga que la creación del contenido tome más tiempo
de los esperado.
Fichas técnicas de plugins
Instalación de plugins.
La instalación de paquetes en moodle suelen ser sencillas, se pueden resumir en las
siguientes acciones a hacer:
1. Descargar la versión del plugin que sea compatible con Moodle 3.1, 3.2, 3.3,
3.4.
2. Ir a configuraciones > Administración del sitio > Extensiones > Instalar módulos
externos.
3. Seleccionar el archivo .zip descargado e instalar.
En caso de que sea necesario, se explicaran a más detalle la instalación de ciertos
plugins.
29
Extensión: Estado de finalización
Esta extensión es útil para llevar el control de las actividades a realizar (para que se
vea reflejado el avance es de suma importancia que se configure bien los criterios de
finalización de las actividades), el uso de esta extensión brinda una forma rápida de
acceder a ellas, saber cuáles ha finalizado el alumno y cuáles le faltan aún.
Para su instalación, seguir con los pasos a continuación.
1) Ir a el enlace:
https://moodle.org/plugins/pluginversions.php?plugin=block_completion
_progress
2) Descargar la última versión e instalar, para la instalación dar sólo siguiente.
3) Una vez instalada, ir al curso y dar clic en ‘Agregar bloques’.
4) Seleccionar ‘ESTADO DE FINALIZACIÓN’.
Al terminar, se verá el bloque así por parte del profesor:
Si se da clic en ‘VISTA GENERAL DE ESTUDIANTES’ (ignorar el desbordamiento del

botón), se verá qué actividades ha hecho el alumno (en color verde) y cuáles le falta
(en color azul). Ver imagen.
Para el alumno aparece así el bloque.
Posicionando el cursor sobre las actividades aparecen su nombre y estado, al dar clic
sobre ellas, redireccionará al alumno a la actividad para que la haga.
Quizventure
Enlace: https://moodle.org/plugins/mod_quizgame
30
Quizventure (examenaventura) es un módulo de actividad que carga varias preguntas
de opción múltiple del curso en donde se pone.
Aparece la pregunta en pantalla y las respuestas posibles bajan como naves
espaciales y el alumno debe dispararle a la respuesta correcta.
Su instalación es igual a que todas las instalaciones de plugins.
Sólo soporta preguntas de opción múltiple y preguntas de relacionar columnas
(emparejamiento) (otros tipos de preguntas serán ignorados). En el caso de que no
hubiera preguntas de opción múltiple dentro de la categoría por defecto, el plugin
muestra un mensaje de advertencia. Este plugins aprovecha el banco de preguntas
anteriormente generado. Se recomienda no usar preguntas de emparejamiento, ya
que no es muy clara el cómo resolverlo.
Añadir extensión al moodle.
❖ Clic en Activar la edición.
❖ Clic en 'Añadir una actividad o recurso' para acceder al Selector de
actividades.
❖ Seleccionar Quizventure (Examenaventura).
❖ Clic en Agregar.
❖ Poner nombre y una descripción a la actividad.
❖ Clic en 'Guardar cambios'.
Vista del plugin en la plataforma.
Level up!
Disponible en: https://moodle.org/plugins/block_xp
¡Sube de nivel! (Level up! ) es un bloque personalizable que un profesor puede
añadirle a un curso para darle puntos de experiencia a sus estudiantes conforme
progresan dentro de un curso.
El bloque muestra su nivel actual y su progreso hacia el siguiente nivel.
Añade un elemento de ludificación ( gamification ) a un curso.
Características
31
● Automáticamente captura y atribuye puntos de experiencia a las acciones del
estudiante.
● Bloque que muestra el nivel actual y el progreso hacia el siguiente nivel.
● Reporte para profesores para que tengan una visión general de los niveles de
sus estudiantes.
● Notificaciones para felicitar a los estudiantes conforme asciendan de nivel.
● Una escalera para mostrar el ranking de los estudiantes.
● Habilidad para configurar el número de niveles y la experiencia necesaria para
obtenerlos.
● Pueden subirse imágenes para personalizar la apariencia de los niveles.
● La cantidad de puntos de experiencia ganados por evento es personalizable.
● Página para mostrar la lista de niveles y una descripción.
● Los puntos de experiencia son ganados por curso.
● Se desencadena un evento cuando un estudiante asciende de nivel (para los
desarrolladores).
Añadir extensión al curso.
1. Activar la edición del curso.
2. Clic en añadir un bloque.
3. Seleccionar ‘¡Sube de nivel!’.
4. Visualizar que se haya agregado y aparezca a un costado de la página (ver
imagen).
Este plugin trae varias opciones de configuración, si sólo se deja por defecto al
momento de incluirlo al curso, funcionará pero no estaremos aprovechando todo el
potencial que nos ofrece este plugin.
Una de las configuraciones a destacar son la opción de crear nuestras propias
‘Reglas’, que básicamente definen como el alumno ganará puntos en el curso
(indicando qué acciones le permiten aumentar puntos).
Para crear una nueva regla:
1. Damos clic en Configuraciones en el bloque de Level up!.
2. Damos clic en el apartado de ‘Reglas’.
32
3. Una vez ya situado, dar clic en añadir regla.
4. Se despliega un formulario, en el formulario damos los puntos que valdrá la
actividad, al igual cuando se darán los puntos (en base a las condiciones
definidas en la actividad) si es necesario que todas las condiciones sean
cumplidas o que con al menos una (o ninguna) condición sea cumplida.
5. Una vez terminado lo anterior, damos clic en ‘Añadir una condición’,
seleccionamos la opción deseada.
6. Una vez seleccionada la opción, se deberá elegir qué acción específica liberará
dichos puntos.
7. Al final, clic en guardar cambios.
Se anexa una imagen de ejemplo.
Personalización de niveles
El plugin permite configurar los niveles que se cuentan.
Para editar los niveles, nos dirigimos en Configuraciones-> Niveles. Visualizar las
opciones que tenemos. Podemos definir el número de niveles que va a tener. Al igual
podemos definir si usar el algoritmo que trae el complemento para generar el número
de puntos necesarios para subir de nivel o escribirlos manualmente; el algoritmo
funciona a partir de una base y de un coeficiente, si es modificado algunos de estos
valores, el valor de los puntos requeridos para alcanzar los niveles se modificará;
también se le puede dar descripciones a los niveles, tal vez, está opción pueda ser
usado para describir a el alumno qué competencias ha adquirido o en qué representar
estar en ese nivel.
Se muestra una imagen correspondiente a los números de niveles y los parámetros
de los niveles.
Al igual, se muestra una imagen en donde se visualiza la edición de los puntos

requeridos (en este caso está bloqueado debido a que estamos usando el algoritmo)
y las descripciones de los niveles.
33
Podemos visualizar ranking de los alumnos, viendo el nivel en que se encuentran, el
total de puntos que llevan y la barra de Progreso. Se deja una imagen:
Se pueden personalizar las insignias para que vayan más acorde a las temáticas de
los cursos, para ello nos dirigimos al apartado de Visuales y ahí subimos los archivos.
34
En la parte del alumno, las insignia actualizada se verá así:
Stash.
Este plugin permite crear ítems y colocarlos en los cursos. La búsqueda de ítems es
una de las actividades recurrentes en los videojuegos, ya que ciertos objetos dan
características especiales a los jugadores.
Por definición, un ítem en videojuegos es un objeto de juego, generalmente aquel que
tiene alguna función o propiedad.
Con los ítems se pueden obtener niveles especiales, ventajas contra los jefes del
juego, poderes o características especiales, puntos, etc..
Con el plugin de Stash se puede crear estos ítems y ponerlos en donde se quiera, al
igual se puede crear una clase de mercado en donde los administradores pueden
definir objetos para ser intercambiados por otros (realizar un trueque) y aquí el alumno
puede decidir si intercambiar sus ítems. La búsqueda de objetos puede incentivar al
alumno a entrar a los recursos y actividades del curso, para ello se debe de asegurar
una recompensa por obtener el mayor número de ítems.
Este complemento permite generar una nueva forma de restricción de acceso (leer el
manual de “Configuración de moodle” en su apartado de “Restricción de acceso”), lo
cual puede servir para definir una ruta de juego más dinámica.
Para la instalación de este plugin se es necesario un par de plugins extras, para la
instalación de estos plugins, seguir los pasos a continuación.
1. Descargar desde:
https://moodle.org/plugins/pluginversions.php?plugin=block_stash
La versión 1.3.1(2018051000) para Moodle 3.1, 3.2, 3.3, 3.4, 3.5.
2. También descargar 2 plugins que solicita, desde:
https://moodle.org/plugins/pluginversions.php?plugin=availability_stash
https://github.com/branchup/moodle-filter_shortcodes
3. En configuraciones > Administración del sitio > Extensiones > Instalar módulos
externos.
35
4. Seleccionar cada archivo y realizar la instalación de los 3 plugins (revisar el
apartado “Instalación de plugins” ).
Para agregar el plugin de Stash a el curso, se debe de seguir los pasos a continuación.
1) Dirigirse al curso que se desee agregar el plugin Stash.
2) Activar la edición del curso.
3) Clic en añadir un bloque.
4) Seleccionar ‘Stash’.
Al agregar el plugin, aparece de la siguiente manera.
Para configurar los ítems, seguir los pasos a continuación.
1) En el bloque ‘Stash’, clic en ‘Setup’ ( ).

2) En la ventana que se muestra al dar clic en ‘Setup’, dar clic en ‘ADD ITEM’.
3) Aparece el formulario para crear un ítem.
4) Darle un nombre único, cargar una imagen para el ítem y una descripción
(opcional pero recomendable).
36
5) Clic en ‘SAVE AND NEXT’.
6) En la siguiente ventana, definir la localización de este ítem. Esto permite crear
más de una instancia del ítem y poderlo colocar en cualquier lugar, debido a
que si un ítem tiene sólo una localización, al momento en que alumno lo toma
y se tenía una o más veces ese ítem (con esa localización) en otra parte del
curso, estos desaparecen.
7) En la sección de ‘Supplies’, se define cuántas veces va a parecer el ítem, esto
permite tomar el ítem cuantas veces sea definido en esta sección, si se desea
que siempre se puede tomar, marcar “Unlimited”.
8) Si en la sección anterior se definió un número mayor a 1, en la sección de
‘Collection interval’ se define cada cuánto tiempo va a parecer, es decir, cuanto
tiempo debo de esperar el alumno para volver a tomar el mismo ítem una vez
que lo haya tomado.
9) Clic en ‘SAVE AND NEXT’.
10) En la siguiente ventana, en la sección ‘Appearance’ definir si sólo va aparecer
texto, la imagen o un botón con la imagen.
11) En la sección ‘Button text’, definir el texto que aparecerá en el botón de tomar.
12) Copiar el contenido de la sección ‘Snippet’.
13) Clic en ‘BACK TO THE MAIN SCREEN’.
Para agregar el ítem a los elementos, se debe de colocar lo copiado en el ‘Snippet’ y
colocarlo en la descripción de las actividades, en el contenido (como lo es la página
web), destacar que los ítems no pueden ser agregados a los juegos del plugin Game,
se debe de tomar medidas alternas para dar recompensan a partir de la resolución de
juegos.
Para crear un mercado con el plugin Stash, seguir los pasos a continuación.
1) En el bloque ‘Stash’, clic en ‘Setup’ ( ).

2) Clic en ‘Trade’.
3) Clic en ‘ADD A TRADE WIDGET’.
4) En la siguiente ventana, definir un nombre.
5) En ‘Gain’, se puede definir un nombre a los elementos que se van a ganar.
6) En el textarea de la sección ‘Gain’, dar clic en ‘Add new item to this trade’ (
). Con esto aparece un pop-up en donde se selecciona el ítem a ganar y la
cantidad de ítems de este tipo que se ganan.
37
7) En la sección de ‘Loss’, aplicar el punto 5 y 6 pero teniendo en cuenta que aquí
se definen los ítems a pagar.
8) Clic en ‘SAVE CHANGES’.

9) Para incluir el mercado en los cursos, dirigirse a ‘List of trade widgets’ (en la
sección ‘Trade’ del plugin Stash), dar clic sobre el nombre del mercado y copiar
38
el ‘Snippet’ y colocarlo en la descripción o contenido de los recursos.
Game!
Ahorcado
Se presenta la forma de integrar y configurar el juego de ahorcado. Este juego está
presente en el plugin de Game. El juego sigue las reglas del tradicional juego del
ahorcado.
Para integrar el juego, dar clic en ‘Añade una actividad o un recurso’ y en después
seleccionar ‘Juego - Ahorcado’, nos redirecciona al formulario de configuración,
damos un nombre al juego, seleccionamos de donde se van a sacar las preguntas
palabras del juego, en este caso del Glosario (generar un glosario o usar uno ya
creado), seleccionamos el glosario deseado, damos el número máximo de intentos.
En la sección de Calificación dar los valores de ‘Calificación para aprobar’ y
‘Calificación Máxima’. En la sección de ‘Opciones de Ahorcado’ se puede configurar
o dejar en blanco, pero se recomienda que sólo al menos el campo de ‘Máximo
número de errores’ se le ponga un valor, esto para hacer el juego un poco más
entretenido y difícil (entre menor sea el número, mejor). Se deja una imagen de la
configuración de este ejemplo.
39
En la sección de ‘Opciones de ahorcado’.
40
Si se ha dejado más de un intento, se recomienda que las respuestas no se mostrarán
después del final debido a que podría intentarlo otra vez y no queremos que conozca
ya las respuestas.
En la siguiente imagen se observa cómo el alumno llegará a visualizar el juego.
Crucigrama
Se presenta la forma de integrar y configurar el juego de crucigrama. Este juego está
presente en el plugin de Game. Este juego es igual a resolver un crucigrama típico
en el periódico.
41
seleccionar ‘Juego - Crucigrama’, nos redirecciona al formulario de configuración,
damos un nombre al juego, seleccionamos de donde se van a sacar las preguntas
palabras del juego, en este caso del Glosario (generar un glosario o usar uno ya
creado), seleccionamos el glosario deseado, damos el número máximo de intentos.
En la sección de Calificación dar los valores de ‘Calificación para aprobar’ y
‘Calificación Máxima’.
En la sección de ‘Opciones del Crucigrama’, se puede definir el número máximo de

columnas que va a contener el crucigrama, el número mínimo de palabras
(asegurarse de tener más palabras en el glosario que el número puesto aquí o dejarlo
en blanco, pero dejarlo en blanco podría aparecer un número no tan grande y la
actividad podría no suponer un reto al estudiante), máximo número de palabras
(importante para asegurar que el crucigrama no se haga tan largo).
Y así es como el alumno llegaría a ver el juego cuando haga uso de éste.
42
Al igual, se puede usar palabras con espacio, para lograr ésto seguir los siguientes
pasos, (ver imagen de prueba):
1) Editar ajustes en la parte de Editar del crucigrama (si se está creado apenas el
crucigrama omitir este paso).
2) Ir a la sección de ‘Opciones del crucigrama’.
3) En la parte que dice ‘Permitir espacios en las palabras’ seleccionar la opción
‘Sí’.
4) Clic en ‘Guardar cambios e ir al curso’.
Nota: Asegurarse tener conceptos con más de una palabras para visualizar el efecto.
Ver imagen de ejemplo con un concepto con espacios.
43
Imagen oculta
Se integra a la plataforma el juego imagen oculta del plugin de Game.
Para que el juego funcione se hace uso de un glosario en el curso, para ello se pide
que los conceptos del glosario tengan una imagen como archivo adjunto asociado.
Para la integración del juego imagen oculta, se debe de agregar un nuevo juego, para
ellos se da clic en ‘Añade una actividad o recurso’ y después seleccionamos ‘Juego -
Imagen Oculta’, En la página que nos re-direccionó en la sección de General, le
damos un nombre, al igual definimos la fuente de las preguntas en este caso será el
Glosario, una vez hecho esto se selecciona qué glosario será el ocupado para el juego
(en caso de que tengamos más de un glosario, en caso contrario se selecciona por
default el único que se tiene) y se da el número máximo de intentos para aprobar.
44
En la sección de Calificación, se define la calificación mínima para aprobar al igual
que la máxima. el método de calificación, y si se quisiera un periodo de inicio y fin de
las actividades.
Definimos cuándo se podrá dar como termina la actividad.
45
Guardamos los cambios y a continuación se muestra una imagen de como el alumno
ve esta actividad.
Como se observa, se tiene una pregunta principal y una imagen oculta, nosotros
vamos a poder desbloquear la imagen conforme se contesten las otras preguntas o
se contesta la pregunta principal.
Millonario
Se presenta la forma de integrar y configurar el juego de millonario. Este juego está
presente en el plugin de Game. El juego sigue las reglas del famoso juego de
preguntas y respuestas ‘Quién quiere ser millonario’, al igual que el programa de
televisión se pasan por 15 niveles de preguntas y tenemos 3 opciones de ayuda, las
cuales son: 50:50, Llamada telefónica y Ayuda del público.
seleccionar ‘Juego - Millonario’, nos redirecciona al formulario de configuración,
damos un nombre al juego, seleccionamos de donde se van a sacar las preguntas del
juego (destacar que se hace uso del banco de preguntas y sólo pueden ser usadas
las preguntas de opción múltiple y de verdadero o falso, al igual se debe de tener en
cuenta que se debe de tener al menos 15 preguntas para que el juego sea interesante,
en caso de tener menos preguntas el juego repetirá preguntas). En la sección de
Calificación, asignar la calificación para aprobar y la calificación máxima. En la
sección de ‘Opciones de Millonario’ podemos darle un color de fondo para ello
necesitamos tener la representación hexadecimal (recomendable usar un color picker
en línea).
46
La vista del juego para los estudiantes es la siguiente:
47
Serpientes y escaleras
Se presenta la forma de integrar y configurar el juego de millonario. Este juego está
presente en el plugin de Game. El juego sigue las reglas del tradicional juego de
serpientes y escaleras.
seleccionar ‘Juego - Serpientes y escaleras’, nos redirecciona al formulario de
configuración, damos un nombre al juego, seleccionamos de donde se van a sacar
las preguntas del juego, en este caso del Glosario (generar un glosario o usar uno ya
creado), damos el número máximo de intentos. En la sección de Calificación dar los
valores de ‘Calificación para aprobar’ y ‘Calificación Máxima’. En la sección de
‘Opciones de 'Serpientes y Escaleras'’, en la parte de ‘Diseño’ indicamos en donde
van a aparecer las preguntas, en la parte de ‘Fondo’ indicamos cuantas serpientes y
escaleras van aparecer (o si nosotros vamos a indicar en qué parte van a estar).
En la siguiente imagen se observa cómo configurar la sección de ‘Opciones de

'Serpientes y Escaleras'’, recomendable usar la configuración por defecto.
48
Sopa de letras.
Se presenta la forma de integrar y configurar el juego de Sopa de letras. Este juego
está presente en el plugin de Game.
seleccionar ‘Juego - Sopa de letras’, nos redirecciona al formulario de configuración,
damos un nombre al juego, seleccionamos de donde se van a sacar las palabras del
juego, en este caso del Glosario (generar un glosario o usar uno ya creado), damos
el número máximo de intentos. En la sección de Calificación dar los valores de
‘Calificación para aprobar’ y ‘Calificación Máxima’. En ‘Opciones del Criptograma’
damos el número máximo de columnas, número mínimo de palabras, el número
máximo de palabras y el tiempo de cómputo máximo en segundos, estas opciones
pueden quedar en blanco y entonces el plugin tomará la responsabilidad de crear el
crucigrama como su algoritmo lo indique.
Y así es como se ve el juego cuando el estudiante haga uso del él.
49
Al igual, se puede usar palabras con espacio, para lograr ésto seguir los siguientes
pasos, (ver imagen de prueba):
1. Editar ajustes en la parte de Editar de la sopa de letras(si se está creado
apenas la sopa de letras omitir este paso).
2. Ir a la sección de ‘Opciones del crucigrama’.
3. En la parte que dice ‘Permitir espacios en las palabras’ seleccionar la opción
‘Sí’.
4. Clic en ‘Guardar cambios e ir al curso’.
Nota: Asegurarse tener conceptos con más de una palabras para visualizar el efecto.
Ver imagen de ejemplo con un concepto con espacios, observar la cantidad de
espacio que hay en la sopa de letras.
50
Sudoku
Se presenta la forma de integrar y configurar el juego de Sudoku. Este juego está
presente en el plugin de Game. Este juego muestra un tablero de Sudoku con no
tantos números para que los estudiantes puedan resolverlo, Por cada pregunta
contestada correctamente un número es puesto en el tablero para que sea más fácil
resolverlo.
seleccionar ‘Juego - Sudoku’, nos redirecciona al formulario de configuración, damos
un nombre al juego, seleccionamos de donde se van a sacar las palabras del juego,
en este caso del Glosario y se define el número máximo de intentos. En la sección de
Calificación dar los valores de ‘Calificación para aprobar’ y ‘Calificación Máxima’. En
la sección de ‘Opciones de Sudoku’ definimos el número máximo de preguntas pero
se puede dejar en blanco (como el caso de este ejemplo).
51
Y así se ve cuando el estudiante hace uso del juego:
52
H5p
La herramienta H5p ofrece un gran abanico de posibilidades al momento de crear
contenido interactivo. Su interfaz es sencilla y fácil de usar.
Es necesario registrarse si se piensa usar la plataforma de H5p, en caso de usar la
extensión H5p de moodle no es necesario registrarse pero cabe destacar que
(dependiendo del equipo y la conexión) es más cómodo usar la interfaz web de ellos
(H5p).
Para descargar el plugin, ir al siguiente enlace: https://moodle.org/plugins/mod_hvp
Durante las pruebas realizadas, se han detectado ciertos problemas con el uso de
esta extensión. Los problemas van desde imágenes que no cargan hasta la
imposibilidad de publicar material creado con esta extensión. Una alternativa de
implementar el uso de H5p es con el recurso ‘Página Web’, en el cual sólo se debe
de ‘insertar’ el elemento H5p que queramos (previamente se tuvo que hacer un
material en la plataforma H5p, guardarlo y en la parte inferior de la vista dar clic en la
etiqueta ‘embed’, copiamos dicho contenido y lo insertamos en nuestra página.
Revisar las siguientes imágenes para una ayuda visual.

1) Tener material h5p ya creado, en la parte de ‘embed’ dar clic.
2) Aparecerá una ventana como la siguiente, copiar el contenido.
53
3) Ir a moodle, entrar a nuestro curso y dar clic en ‘Añade una actividad o recurso’
y seleccionar ‘Página’.
4) Dar clic en el botón ‘Agregar’ y nos redireccionará al formulario de edición,

agregar un nombre(obligatorio) y una descripción(opcional).
54
5) Lo importante aquí es ir a la sección ‘Contenido’ en el campo ‘Contenido de la
página’, dar clic en ‘Mostrar/Ocultar más botones’ ( ) y posteriormente dar
clic en HTML ( ), después de haber hecho lo anterior pegamos lo que se

tenía copiado en el punto 2.
6) Damos clic en ‘Guardar cambios y mostrar’ para ver el resultado de inmediato.

Ver si se ha cargado el contenido.
55
Uso de h5p.
Se muestra como usar h5p para la creación de material interactivo.
Para la creación de cualquier tipo de material interactivo usando h5p debemos de
seguir los pasos siguientes:
1) Ir a ‘My account’.
2) Ya en nuestra cuenta, clic en ‘Create New Content’.
3) Lo anterior nos redirecciona a una página como la siguiente, dar un título al
contenido y seleccionar el tipo de contenido (dando clic en ‘Create Content’),
seleccionar el contenido deseado, editar y salvar los hecho con el botón ‘Save’.
Si se desea usar un contenido descargado (tal vez para ser usado como base para
crear un nuevo).
56
1. Damos clic en ‘Upload’.
2. Clic en ‘Upload a file’ y seleccionamos el archivos con extensión .h5p
3. Una vez hecho eso, damas clic en ‘Use’ y entonces se podrá editar el contenido
cargado.
H5P: Imágenes con Hotspots.

Este tipo de recurso son imágenes interactivas con información. Consta de una
imagen con “Hotspots”, estos “Hotspots” son “botones” que al dar clic sobre ellos
muestran informació. Ver los ejemplos a continuación.
57
Al dar clic sobre los “botones”.
Al igual H5P permite colocar vídeos e imágenes en las etiquetas.
58
Para crear este tipo de elementos interactivos, seguir con los pasos a continuación.
1) Crear un nuevo contenido en H5P.
2) Buscar ‘Imagen Hotspots‘ y dar clic en ‘Use’.
3) Cargar la imagen de fondo para ello dar clic en el botón ‘+ Add’ y seleccionar
la imagen de fondo.
4) Seleccionar el color del “botón“.
5) En la caja de ‘Hotspot’, en la sección de ‘Hotspot position’ se debe de colocar
el “botón” en la posición que se desee.
6) En la parte de ‘Cover entire background image’, marcarla si se desea que la

etiqueta mostrada cubra toda la imagen, en lo personal no la recomiendo ya
que se puede percibir poco estética, al menos que el contenido que se vaya a
mostrar sea extenso.
7) Se puede poner una cabecera (opcional).
8) En la sección de ‘Popup content’, seleccionamos que tipo de contenido se va
a mostrar, destacar que se puede combinar los tipos de contenido (texto, vídeo
o una imagen).
59
9) Para agregar texto, se selecciona ‘Text’ y se mostrará una caja de entrada
llama ‘Text’, escribir ahí el texto a mostrar.
10) Para agregar otro elemento, dar clic en ‘Add Item’.

11) Para agregar un vídeo, seleccionar ‘Vídeo’. Cargar el vídeo, se recomienda
subir el vídeo a una plataforma como youtube para no infringir con el límite de
archivo de H5P. En la sección ‘Playback’ seleccionar si se desea la
reproducción automática y/o se quiere que se reproduzca de nuevo cada vez
que termine.
12) Para agregar una imagen, seleccionar ‘Image’. Agregar una imagen dando clic
en el botón ‘+ Add’ y dar el texto alternativo.
60
13) Clic en ‘Save’.
Se deja el enlace para ver este ejemplo.
https://h5p.org/node/275412
Course Presentation
Esta opción permite crear una presentación (como en PowerPoint o Prezi), dividiendo
el contenido en slide (como las diapositivas de PowerPoint), pero a diferencias de
PowerPoint o Prezi es la posibilidad de incluir material interactivo como lo son:
resúmenes interactivos, preguntas de opción múltiple interactivas o vídeos
interactivos. Normalmente este material es usado para dar una introducción del tema
seguido de algunas pruebas para probar el conocimiento adquirido de los alumnos.
Para crear un contenido tipo ‘Course Presentation’, seguir los siguientes pasos.
1) Crear un nuevo contenido.
2) Dar clic en ‘Details’ de ‘Course Presentation’.
61
3) Después clic en ‘Use’
4) Una vez dado el clic en ‘Use’, podemos a empezar a editar.
62
Una vez creada la base para empezar a editar el recurso, se tienen muchas opciones
que se pueden incluir en la presentación final.
Poner imagen de fondo en Course Presentation
1) Clic en ‘Slide background’ ( )
2) Observar que se puede poner una imagen de fondo o un color. Seleccionar la

opción deseada (en este caso será una imagen).
3) Dar clic en el botón ‘+ Add’ y seleccionar el archivo.
4) Dar clic cerrar (x) para seguir editando.
63
Agregar texto.
Para agregar texto se usan cuadros de texto (como en PowerPoint), éstos pueden
cambiar su tamaño tanto como lo deseemos.
Para agregar un cuadro de texto dar clic en ‘Text’ ( ) y saldrá un modal como el
siguiente.
Una vez editado el texto en el campo de ‘Text’ (obligatorio) dar clic en ‘Done’.
Agregar una nueva slide.
64
Para agregar una nueva slide, dar clic en ‘Add New Slide’. ( ).
Agregar una imagen.

1) Dar clic en ‘Image’.
2) Agregar una imagen, clic en ‘+ Add’ y se selecciona una imagen. La imagen
puede ser editada con las herramientas h5p pero son extremadamente
básicas, así que lo recomendable es editarlas antes de subirlas (las imágenes).
3) Dar un texto alternativo (es obligatorio ya que si por alguna razón no se llegará
a cargar la imagen este texto aparecería en lugar de la imagen). En el campo
‘Hover text’ lo que se escriba aparecer cuando el alumno ponga el puntero del
mouse sobre la imagen.
4) Clic en ‘Done’ y visualizar los cambios.
65
Al igual que el cuadro de texto, las imágenes pueden ser colocada en cualquier lado
del slide tan sólo arrastrando la imagen.
Ir a una slide específica.

H5p permite hacer interactivo el recorrido de las slide (no sólo siguiente o anterior),
permite ir a un slide específico (por ejemplo del slide 9 al 50), para ello:
1) Dar clic en ‘Go to slide’ ( ).

2) En el seleccionador ‘Go to’, elegir ‘Specific Slide Number’ (tiene otro par de
opciones pero no son muy útiles si tenemos en cuenta que sólo nos permite ir
adelante o atrás).
3) Una vez escogido ‘Specific Slide Number’, teclear el número de slide al que se
quiere ir (obviamente deberá de existir ese slide).
4) Clic en Done y ver el resultado.
66
Como se observa, no aparece nada que haga referencia a que es un elemento que
nos permite ir a otras slide, salvo cuando ya se ha guardado el slide y se tiene la
presentación es posible ver que es un elemento tipo ‘Goto’ ya que al poner el cursor
sobre él cambia de color y aparece la etiqueta de ‘Go To slide n’, para hacer un poco
más sencillo saber qué es un elemento que nos permite ir a un slide determinado,
podemos agregar un cuadro de texto o imagen sobre el elemento ‘Go to’ (observar
imagen).
Nota: Se recomienda dar clic en ‘Bring to Front’ para que el texto quede debajo del
‘Goto’ y así no afecte en su funcionalidad.
Agregar un vídeo.
Se tiene la opción de colocar un vídeo (esta forma es distinta al agregar un vídeo
interactivo); el vídeo puede ser cargado desde un youtube u otro servidor o se puede
subir directamente al h5p pero sólo se permiten vídeo inferiores a 16 megas. Para
este caso se mostrará este ejemplo usando un vídeo de youtube. Para agregar un
vídeo, seguir los siguientes paso:
1) Clic en ‘Video’ ( ).
2) En el modal, clic en el cuadro ‘Add file’.
3) Subir el archivo de vídeo o colocar la url( en este caso se agrega la url).
Clic en ‘Insert’ y posteriormente clic en ‘Done’ y con eso se podría decir que sería
todo, pero aun se tienen algunas opciones para que se pueden configurar, por
ejemplo:
67
Mostrar los controles del visor de vídeos como poner pausa y reproducir el vídeo, para
ello:
1) Ir a la sección de ‘Visuals’.
2) Desmarcar o marcar el checkbox de ‘Show video player controls’.
Configurar las opciones de reproducción.

1) Ir a la sección de ‘Playback’.
2) Desmarcar o marcar la opción de ‘Auto-play video’, la cual permite que se
reproduzca el vídeo cuando se llegue a la slide que lo contiene o que el alumno
deba de hacer play en el vídeo para verlo.
3) Desmarcar o marcar la opción de ‘Loop video’, la cual permite que el vídeo se
vuelva a reproducir cuando acabe.
Esas son unas opciones que se pueden modificar, damos clic en Done y vemos el
resultado.
Rellenar los espacios en blanco.

Esta actividad es interactiva con el alumno, ya que espera que el alumno debe de
contestar la pregunta. Este recurso se trata de darle un texto al alumno con algunas
68
palabras en blanco, las cuales deben de ser puesta por él. Por ejemplo, si tenemos el
siguiente texto:
‘Se necesita café para preparar una taza de café’.
Y queremos que el alumno ponga la palabra ‘café’ entre la segunda y cuarta palabra,
entonces la actividad aparecerá más o menos así:
‘Se necesita para preparar una taza de café’.
Para poner esta clase de actividades, seguir pasos a continuación:
1) Clic en ‘Fill in the Blanks’ ( ).

2) En el campo ‘Task description’ (obligatorio) poner el enunciado del problema
el cual debe de dejar en claro que el alumno debe de rellenar los campos en
blanco. Tiene un pequeño editor de texto como poner las letras en negritas, en
letra cursiva, subrayado, alineación de texto, insertar hipervínculo o poner una
línea separadora.
3) Una vez puesta la descripción, pasamos a la sección de ‘Text blocks’, en la

cual se va a escribir el texto que contendrá las palabras a colocar, para poner
una palabra que se desee que el alumno ponga se usa dos asteriscos (**), la
palabra ira en medio (ej. *café*). Si se quiere agregar otro bloque, se da clic en
‘ADD TEXT BLOCK’.
4) Al igual, se puede añadir parámetros de retroalimentación en la sección de

‘Overall Feedback’, estos toman como base la calificación obtenida de la
prueba, para usar esta opción se da un rango de calificación y un mensaje
correspondiente a dicho rango.
69
5) Clic en ‘Done’ y visualizar el resultado.
Opción múltiple sencilla.

En h5p se tiene la opción de crear preguntas de opción múltiple sencilla (en donde
hay una sola respuestas correcta).
Para crear este tipo de recurso, seguir los siguientes pasos:
1) Dar clic en ‘Single Choice Set’ ( ).

2) Aparece el editor de las preguntas, cabe destacar que se tiene 2 formas de
hacer las preguntas el primero es usar el formulario que da h5p y la otra es
escribir las preguntas en texto plano(Ver imágenes)
70
Esta imagen corresponde a como está por default el editor, en la sección ‘Question’
se escribe la pregunta y en ‘Alternative’ las opciones a elegir, al menos se necesita
una y siempre la primera alternativa será la correcta y se podrá poner múltiples
preguntas dando clic en el botón ‘ADD QUESTION’:
La otra forma es creando las preguntas de forma textual, es decir, escribir la preguntas
y posteriormente las opciones (siempre en ese orden, primer renglón será para la
pregunta y los demás serán las opciones, destacar que la primera opción siempre
será la correcta), para agregar una nueva pregunta con esta forma se debe de dejar
una línea en blanco entre la último opción de la pregunta anterior y el enunciado de
la otra pregunta.
71
3) Al igual que en Rellenar los espacios en blanco, se puede crear una escala con
rango de calificaciones para la retroalimentación del estudiante.
4) En la sección ‘Behavioural settings’ se puede configurar ciertas características
como lo son:
a) Si se quiere que sea auto-continuable, es decir, después de contestar
una pregunta ir a la siguiente o que el alumno decida.(recomendable
dejar marcado el checkbox).
b) El tiempo de espera para mostrar si la pregunta fue buena o mala
(ambos dados en milisegundos).
c) Habilitar o deshabilitar el sonido.
d) Habilitar o deshabilitar la opción de reintentar (recomendable, ya que los
alumnos sabrían las respuestas correctas si lo vuelven a re-intentar).
e) Habilitar o deshabilitar la opción de mostrar el botón de mostrar solución.
72
Visualizar el resultado.
73
Selección múltiple.
Este tipo de preguntas permite seleccionar múltiples respuestas, estas preguntas son
usadas cuando se espera que el alumno genere una respuesta más concreta y pueda
identificar similitudes y diferencias entre conceptos o ideas.
Para crear este tipo de recurso, seguir los pasos presentados a continuación:
1) Dar clic en ‘Multiple Choice’ ( ).
2) Aparece la sección ‘Media’, este tipo de preguntas permiten poner imágenes o
vídeos, esto es útil para generar preguntas más intuitivas y que ayuden a la
construcción de un conocimiento significativo asociando la imagen o vídeo con
conceptos o ideas. Para cargar la imagen o vídeo, se da clic en la sección de
‘Media’, seleccionamos ‘Image’ o ‘Vídeo’, cargamos el archivo y damos un
texto alternativo.
3) Se en el campo de ‘Question’ debemos de dar el enunciado de la pregunta.

4) En la sección ‘Available options’ ponemos las respuestas, al menos se necesita
una respuesta, las respuestas requieren de un texto, seleccionar si es correcta
o no (si no se marca el checkbox de ‘Correct’ se tomará como respuestas
errónea).
74
5) Dar clic en el botón ‘ADD OPTION’ para agregar otra respuesta.
6) En la sección ‘Behavioural settings’ se puede configurar ciertas características
como lo son:
a) Habilitar o deshabilitar botón de ‘Retry’.
b) Habilitar o deshabilitar botón de ‘Show Solution’.
c) Selección del tipo de pregunta, si se escoge ‘Multiple Choice’ el alumno
deberá de seleccionar todas las respuestas que se hayan marcado
como correctas, en caso de que seleccione ‘Single Choice’ el alumno
deberá de seleccionar únicamente una respuesta correcta de las que se
hayan marcado como correcta.
d) Dar sólo un punto por todas las respuestas correctas, esta opción sólo
está disponible para las preguntas tipo ‘Multiple Choice’.
e) Aleatorizar las respuestas, buena opción para que no se repitan el orden
las opciones.
f) Mostrar las respuestas después de dar al menos una respuesta, buena
opción para que el alumno al menos trate de responder la pregunta.
g) Habilitar o deshabilitar el zoom sobre la imagen (básicamente es
agrandar la imagen).
h) Mostrar el diálogo de confirmación de ‘Check’ .
i) Mostrar el diálogo de confirmación de ‘Retry’ .
j) Habilitar o deshabilitar revisión de respuestas, en el momento que es
contestada la pregunta se marca como buena o mala, no recomiendo
75
usarla ya que al seleccionar una respuesta errónea y es señalada como
tal, se puede desmarcar y seleccionar otra, lo cual haría que fuese muy
sencillo hacer este tipo de preguntas.
7) Clic en el botón ‘Done’.

Ver los resultados.
Preguntas de Verdadero o Falso.

En h5p se tiene la opción de crear preguntas de verdadero o falso.
76
1) Dar clic en ‘True/False Question’ ( ).
2) Al igual que las preguntas de Opción múltiple, nos permite poner una imagen
(en este caso no se va usar esta opción pero si se quiere usar, la forma de
poner la imagen es igual que Opción múltiple).
3) En ‘Question’ se escribe el enunciado de la pregunta.
4) En la sección ‘Correct answer’ se pone si la respuesta es Verdadera o Falsa.
5) En la sección ‘Behavioural settings’, se tiene opciones ya vistas en Opción

múltiple, lo interesante aquí es que se puede retroalimentar al alumno
dependiendo de la respuesta que haya dado y darle consejos o mostrarle su
error o explicar el porqué de la respuesta.
6) Clic en ‘Done’.
Revisar los resultados:
77
Arrastra y soltar.
En h5p se tiene la opción de crear ejercicios de arrastrar y soltar.
1) Dar clic en ‘Drag and Drop’ ( ).
2) Dar un título a la actividad y seleccionar si se quiere mostrar el título de la
actividad.
3) Podemos seleccionar una imagen para que esté de fondo.
4) En la sección de ‘Task size’, se especifica el área(en píxeles) que tendrá la
actividad.
5) Damos clic en ‘Next step’.
78
6) Una vez que hemos ido a la siguiente actividad, se debe de colocar las drop
zones que se vayan a ocupar.
7) Para agregar una drop zone, dar clic en ‘Insert Drop zone’ ( ).
8) Dar el nombre de la etiqueta y luego clic en ‘Done’ de la label, ojo esto no es
todo, falta indicarle qué elementos contendrá la drop zone pero antes de eso
se debe de agregar los elementos y ‘enlazarlos’ a la drop zone. La imagen
corresponde al formulario de una drop zone.
79
-Para agregar elementos en la drop zone tenemos la opción de poner texto (
) o imágenes ( ). En este ejemplo se muestran las dos formas.-
9) Para agregar una imagen, seguir con los siguientes pasos.
a) Clic en ‘Image’ ( ).
b) Agregar una imagen, clic en el botón ‘+ Add’ y seleccionar la imagen.
c) Dar el texto alternativo (en caso de que no se cargue la imagen, aparece
ese texto.
d) Ahora ir a la sección ‘Select drop zones’, este paso es de suma
importancia debido que aquí es donde se hace el enlace a la drop zone,
cabe destacar que un elemento puede pertenecer a más de una drog
zone, seleccionar las drog zone a las cuales ese elementos podrá ir.
e) Marcar el checkbox de ‘Infinite number of element instances’ en caso de

que ese elemento pertenezca a más de una drop zone.
f) Clic en el botón ‘Done’.
10) Ahora se agregara un texto para ser arrastrado a la drop zone.

a) Clic en ‘Text’ ( )
80
b) Teclear el texto deseado.
c) Ir a la sección ‘Select drop zones‘, seleccionar las drop zones a las
cuales el elemento puede ir.
d) Marcar el checkbox de ‘Infinite number of element instances’ en caso de

e) Clic en el botón ‘Done’.
11) Bien, ahora que se han agregado elementos que pueden ir a la drop zone,
debemos indicarle a la drop zone qué elementos va a contener, para ello:
a) Doble clic en la Drop Zone anteriormente puesta (en la sección de
‘Task’, ver imagen) .
b) En el formulario que aparece, ir a la sección de ‘Select correct elements’

y seleccionar los elementos que se deberán arrastrar a la drop.
81
zone.
c) Clic en el botón ‘Done’.

12) Finalmente, clic en el botón ‘Done’ principal.
Ver los resultados.
82
Summary.
Este tipo de preguntas son diseñadas para elegir una opción de múltiples opciones,
la diferencia entre este tipos de preguntas y con las de opción múltiple radica en que
este tipo de preguntas sólo se pone una sola instrucción y las opciones se eligen
conforme a ella, este tipo de preguntas son muy útiles cuando se le pide al alumno
elegir el postulado, oración, sentencia o frase correcta de un grupo de opciones. Para
crear un ejercicio de este tipo, seguir los pasos a continuación:
1) Clic en ‘Summary’ ( ).
2) En la sección ‘Introduction text’ dar la descripción, ser lo más preciso posibles.
3) Ahora se debe de agregar las sentencias, hay dos formas de hacer las
sentencias, usando el formulario o de forma textual.
4) Se presenta usando el formulario, para ello ir a la sección ‘Summary’ y escribir
las sentencias, la primera va a ser la correcta (aunque cuando se le muestre al
alumno éstas estarán en desorden con respecto a cómo se hayan creado). Si
se quiere agregar otra sentencia perteneciente a ese grupo de sentencias, dar
clic en el botón de color gris ‘Add statement’ y teclear la sentencia (ver imagen).
5) Se puede dar un tip al grupo de sentencias, para ello, se da clic en ‘Tip’ y

aparece el campo de ‘Tip text’, teclear el clic.
6) Si se quiere agregar más grupos de sentencias, dar clic en el botón azul ‘ADD
STATEMENTS’.
7) Ahora si se quiere ingresar las sentencias de forma textual, seguir los
siguientes pasos.
a) Dar clic en la pestaña ‘Textual’ ( ).
83
b) Si se quiere poner un tip, se debe de poner ‘:’ y posteriormente el texto
del tip.
c) En la siguiente línea poner una sentencia, cada línea es una sentencia.
d) Ahora bien, si se quiere poner otro grupo de sentencias dejar una línea
en blanco y teclear la sentencia (ver imagen).
8) Dar clic en el botón ‘Done’ para terminar.

Ver los resultados.
84
Arrastrar texto.
Este tipo de de ejercicios consisten en arrastrar texto a los espacios en blanco.
Para generar preguntas de este tipo, seguir los pasos a continuación.
1) Clic en ‘Drag Text’ ( ).
2) En la sección de ‘Task description’, dar las indicaciones de cómo el estudiante
debe de resolver este ejercicio.
3) ¡Importante! h5p describe cómo usar el editor de texto, cabe destacar que
pueden ir cambiando con respecto a las actualizaciones que haga la misma
plataforma, hasta el día de hoy estas son las indicaciones que se deben de
seguir.
4) En la parte del texto, escribir el párrafo (siguiendo las instrucciones).

Ver los resultados.
85
Marca la palabra.
Este tipo de ejercicio consiste en marcar (seleccionar) una (o varias palabras según
se configure) de un texto. A diferencia de otros ejercicios, éste sólo permite
seleccionar palabras y no frases. Es útil en actividades en donde al alumno se le da
un párrafo y debe de seleccionar ciertas palabras pertenecientes a un grupo en
específico.
Para generar preguntas de este tipo, seguir los pasos a continuación.
1) Posicionarse encima del botón ‘More elements’ ( ).

2) Clic en ‘Mark the word’ ( ).
3) En la sección de ‘Task description’ dar una buena descripción de las palabras
a marcar.
4) En la sección de ‘Textfield’ se pone el texto y las palabras a marcar, para
marcar una palabra se pone entre asteriscos (*). H5p da una serie de
instrucciones que debe de seguir el texto a introducir, se anexa una imagen de
éllas, revisar cuando se haga uso de h5p si ha cambiado las instrucciones que
define la plataforma con respecto al momento en el que se redacta el presente
documento.
86
5) Teniendo en cuenta las instrucciones, editar el texto y posteriormente clic en el
botón ‘Done’.
87
Ver resultados:
Cartas de diálogos.
Este tipo de contenido permite crear un conjunto de tarjetas con las palabras o
expresiones correspondientes en cada lado de las cartas. Pueden ser usadas para
ayudar a los alumnos a memorizar conceptos a partir del uso de imágenes ayudando
así a que el alumno genere una relación visual al concepto.
Las cartas de diálogos proveen un ‘aviso’ de un lado de la carta y una respuesta
correspondiente en el otro lado.
Para crear este tipo de contenido, seguir con los pasos a continuación:
1) Posicionarse encima del botón ‘More elements’ ( ).

2) Clic en ‘Dialog Cards’.
3) Teclear un título.
4) Teclear una descripción.
5) En la sección de ‘Dialogs’, se generan las tarjetas para ser usadas, éstas
pueden contener texto, una imagen o un audio. Generalmente este elemento
se maneja una imagen y se combina con texto o audio.
6) Se agrega el texto en la sección de ‘Text’, éste se mostrará en la parte de
enfrente de la tarjeta (todas las tarjetas están de frente).
7) En la parte de ‘Answer’ se pone lo que se va aparecer cuando la carta se le de
vuelta.
8) Se carga la imagen correspondiente, clic en el botón ‘+ Add’; es altamente
recomendable usar imágenes en este tipo de contenido.
88
9) Si se desea se puede cargar un audio, dar clic en ‘Add file’ (el cuadro con líneas
punteadas), seleccionar cualquiera de las dos opciones de subir audio, ya sea
subiendo un archivo de audio propio o desde youtube.
10) Se pueden generar tips para ambos lados o para uno en específico, para ello
clic en ‘Tips’ y teclear los tips para para el texto de frente (Tip for text) o para
la parte de atrás (Tip for answer).
11) Si se quiere agregar otra carta de diálogo, dar clic en ‘+ ADD DIALOG’.
12) Clic en ‘Done’ cuando se haya terminado de general todas cartas de diálogo.
Ver los resultados:
89
Enlace a la vista de los ejemplos vistos en Course Presentation.
Todos los ejemplos vistos aquí, se dejan en el siguiente enlace:
https://h5p.org/node/273366
General para todos los elementos mostrados.

Todos los elementos mostrados pueden ser presentados en forma de botones y el
alumno al dar clic ahí se desplegará una ventana modal en donde podrá hacer las
actividades. Para hacer que aparezcan de forma de botones en el formulario de
edición hasta abajo aparece la opción ‘Display as button’, marcarla y seleccionar el
tamaño del botón (grande o chico), dar clic en ‘Done’ y listo.
El resultado es el siguiente:
90
Vídeo interactivo
Un video interactivo es una combinación de un vídeo normal con unas capas, donde
el usuario mientras ve el video puede interactuar o ejercer una acción sobre el mismo.
H5p provee la posibilidad de crear vídeo interactivos, permitiendo agregar opciones
múltiples y rellenar las preguntas en blanco, el texto emergente y otros tipos de
interacciones en los videos usando solo un navegador web.
A continuación se deja un vídeo de ejemplo:

https://www.youtube.com/watch?v=BJu4pArGMqg
Creando un vídeo interactivo.

La creación de un vídeo interactivo en h5p, sigue las mismas reglas que cualquier
otro elemento de h5p, se recomienda revisar el punto ‘Uso de h5p’ para saber como
crear un recurso, en la barra buscadora poner “interactive” y seleccionar ‘Interactive
Video’ (ver imagen).
Una vez seleccionado, nos aparece el módulo de edición del contenido.
91
Si no se sabe qué hacer primero o cómo empezar, ver el tour que ofrece la plataforma
es una buena opción. Para ver el tour dar clic en ‘Tour’ que se encuentra en la zona
superior derecha ( ). El recorrido en sí es sencillo pero nos indica dos

zonas importantes, en dónde se carga el vídeo y en dónde se agregan las
interacciones.
Primero vamos a agregar un vídeo. Después de ver el tour se sabe en donde van los
vídeos, dar clic sobre ‘Add file’ y aparece una ventana como la siguiente.
Recordad que el tamaño máximo de un archivo subido a h5p es de 16 MB, por lo tanto
da la opción de colocar un enlace a un servidor externo como lo es youtube.
Introducimos el enlace y clic en ‘Insert’.
Al parecer ciertas configuraciones no están habilitadas cuando se ponen un enlace a

vídeos alojados en youtube.
Para empezar a agregar el contenido interactivo, se debe de dirigir a la sección de
‘Add interactions’.
La pantalla en donde se agrega la interacción es la siguiente:
92
Si se observa, los elementos que se pueden agregar ya han sido abordados en este
documento.
Generales para los elementos.
Esta información es aplicable para LA MAYORÍA de elemento que se pueden

agregar al vídeo interactivo.
Observar que se tiene una sección de ‘Display time’, en donde se define el intervalo
tiempo que va a estar ese elemento visible, para ello se define el tiempo en donde se
inicia su visualización y el tiempo en donde se deja de ver, al igual se tiene un
checkbox donde se puede indicar si se desea pausar el vídeo o no cuando el elemento
aparezca, esta opción es buena cuando los elementos son tal vez muy largos o hay
actividades que resolver.
En la sección ‘Display as’ se selecciona si queremos que se muestre como un botón

o el elemento en sí, con esto se decide si queremos que el propio alumno decida ver
dicho contenido o no.
93
Agregar texto en el vídeo.
Estos cuadros pueden ser complementarios para enriquecer la información del vídeo,
mostrar una nota o alguna aclaración.
1) Clic en ‘Text’ ( ).
2) Indicar el ‘Display time’ .
3) Seleccionar que ‘Display as’ se desea.
4) En la sección ‘Text’ tecleamos el texto a mostrar.
5) En la parte de ‘Visuals’, tenemos la opción de elegir el color del fondo del texto
y en la opción de ‘Box shadow’ añade un efecto de caja sobre el área del texto.
6) Clic en el botón ‘Done’ y se coloca en donde se desee el texto.

Ver los resultados:
94
Agregando una tabla.
Las tablas son demasiado útiles para exponer datos, no es necesario decir las
ventajas que tiene su uso, por suerte h5p permite hacer tablas sencillas.
Para agregar una tabla, seguir los pasos a continuación:
1) Clic cen ‘Table’ ( ).

4) En la sección de ‘Table’, dar clic en el icono de ‘Table’ ( ) en el editor y se
abrirá la configuración de la tabla.
95
5) La configuración es sencilla, es sólo indicar el número de filas y columnas y
después en ‘Aceptar’.
6) Para poner el contenido únicamente se debe de escribir sobre las cedas.

Ver los resultados.
Este elemento se ve mejor en forma de botón para evitar que llegue ocultar parte del
vídeo.
96
Imagen en el vídeo.
Las imágenes son útiles para dar un acercamiento a un elemento del vídeo o añadir
algo al contenido del vídeo.
Para agregar una imagen seguir los pasos a continuación:
1) Clic cen ‘Image’ ( ).

4) En la sección de ‘Image’ dar clic en el botón ‘+ Add’ y seleccionar el archivo.
5) En la sección de ‘Alternative text’ dar un texto que refleje el contenido de la
imagen.
6) En la parte de ‘Go to on click’, nos da la opción de agregar un enlace a la
imagen, el cual nos llevará a un tiempo del vídeo (Timecode) o a una página
web externa (Another page URL). Si se selecciona Timecode aparece un
cuadro en donde se debe de poner el tiempo (Minutos:Segundos) del vídeo al
que se quiere ir, si se ha elegido una página web external aparecen dos
cuadros, en uno se elige el protocolo que maneja la página web (http:// o https://
son los más comunes) y en el otro se coloca la ruta. Ver imágenes:
a) Con Timecode.
b) Con Another page URL.

Ver los resultados:
97
Mover en qué parte se mostrará la imagen, en ocasiones es mejor poner la imagen
en forma de botón y que el alumno decida si verla o no, al menos que sea muy
necesario mostrar la imagen, se recomienda mostrarla como botón, además si se
selecciona la opción de de mostrar como botón, se tiene la opción de poner una
etiqueta para reconocer mejor la imagen, ver imagen.
El alumno al dar clic en ella, se despliega en una ventana modal.
Single Choice Set

Este tipo de elementos interactivos son de los más comunes, dar una pregunta y que
el alumno elija la correcta.
Para agregar un elemento de este tipo, seguir los pasos a continuación:
1) Dar clic en ‘Single Choice Set’ ( ).

4) En la sección de ‘Introduction text’ teclear la instrucción para seleccionar la
opción correcta.
5) Al igual que en los elementos de tipo ‘Summary’ que se encuentran en ‘Course
Presentation’ se puede usar el formulario para crear las sentencias de forma
98
textual. Se recomienda ver el apartado de ‘Summary’ para entender mejor
cómo editar con estas opciones. Para este ejemplo se usará la opción textual.

Ver los resultados.
Statements
Este tipo de elementos interactivos son iguales que al elemento interactivo ‘Summary’
que se encuentran en ‘Course Presentation’, en el cual con una sola instrucción
dada, se selecciona la sentencia correcta de un grupo de sentencias.
Para crear un elemento interactivo ‘Statements’, seguir los pasos a continuación:
1) Clic en ‘Statements’ ( ).
4) En la sección de ‘Introduction text’ dar la instrucción de la tarea.
5) Al igual que el elemento interactivo ‘Single Choice Set’ se puede editar las
sentencias de forma textual o usando el formulario. Se usa la forma textual
para este ejemplo.
99
6) clic en el botón ‘Done’.
Ver los resultados.
Este elemento es capaz de ser presentado como un botón.
Multiple Choice
Este elemento interactivo permite elegir más de una opción correcta, su forma de usar
y configurar es igual al elemento interactivo de ‘Selección múltiple’ perteneciente a
‘Curso Presentation’.
Para hacer uso de este elemento interactivo, seguir los pasos a continuación:
1) Clic en ‘Multiple Choice’ ( ).

100
4) En la sección de ‘Media’ se puede cargar una imagen o vídeo, para este caso
se mostrará cómo cargar una imagen.
a) Clic en ‘Media’.
b) En ‘Type’ elegir ‘Image’.
c) En ‘Image’ dar clic en ‘+ Add’ y seleccionar la imagen y cargarla, en caso
de que se haya seleccionado la opción de vídeo, se deberá de subir el
vídeo o poner la url de un servidor externo.
d) En la sección ‘Text alternative’, escribir el texto que aparecerá en caso
de que no cargue la imagen.
5) En la sección de ‘Question’ indicamos la pregunta a responder.

6) En la sección de ‘Available options’ colocamos las opciones, observar que se
tiene un checkbox de ‘Correct’, marcar si la respuesta es correcta o no. Al igual
se tiene la opción de agregar retroalimentación, la cual consiste en dar
consejos al alumno antes de contestar la pregunta, también se tiene la opción
de agregar un mensaje si la opción es seleccionada o de caso contrario,
mostrar un mensaje si no ha sido seleccionada.
101
7) Clic en el botón ‘ADD OPTION’ para añadir más opciones a la pregunta.
Ver los resultados.
Este tipo de contenido interactivo puede ser mostrado en forma de botón.
True/False.
Estos elementos interactivos son sencillos de configurar y usar.
Para hacer uso de este elemento interactivo, seguir los siguientes pasos.
1) Clic en ‘True/False Question’ ( ).
102
4) En la sección de ‘Media’ se puede cargar una imagen o vídeo igual que en el
elemento ‘Multiple Choice’, para este caso no se va a cargar nada.
5) En la sección de ‘Question’, se debe de escribir la sentencia.
6) En la sección de ‘Correct answer’ seleccionar si va a ser verdadera o falsa.

Ver los resultado.
Fill in the Blanks

Este elemento interactivo hace que el alumno rellene los espacios en blanco, el
problema con éstos es que si no son escritos de forma correcta no serán tomados
como respuestas válidas.
1) Clic en ‘Fill in the Blanks’ ( ).
2) Indicar el ‘Display time’.
103
4) En la sección ‘Task description’ dar la descripción de la tarea.
5) En la sección ‘Text blocks’ escribir el texto en donde se encontrarán las
palabras a escribir, este tipo de elemento es igual a ‘Rellenar los espacios en
blanco’ de la sección de ‘Course Presentation’, para un mejor entendimiento
se recomienda revisar esa sección. Revisar las instrucciones dando clic en
‘Show instructions’.
6) Una vez tecleado el texto, clic en el botón ‘Done’.

Revisar el resultado.
Drag text.
Similar a los elementos de ‘Arrastrar texto’ vistos en la sección de ‘Course
Presentation’.
1) Clic en ‘Drag and drop text’( ).
104
4) En la sección de ‘Task description’ dar una buena descripción de la actividad.
5) En la sección de ‘Text’ dar el texto a mostrar en la actividad, recomendable leer
las instrucciones dando clic en ‘Show instructions’.
6) Clic en botón ‘Done’.

Ver los resultados.
Drag and drop zone.

Este tipo de actividad es igual a ‘Arrastrar y soltar’ de ‘Course Presentation’, se
recomienda revisar dicha sección para un mejor entendimiento del tema.
1) Clic en ‘Drag and Drop’ ( ).

105
4) En la pestaña de Setting (ver imagen), en la sección ‘The title of this question’
dar el título de la pregunta (puede ser usada para escribir una breve indicación),
seleccionar si se mostrará el título, en caso que se desee se puede colocar una
imagen de fondo, para ello dar clic en el botón ‘+ Add’, por último se define el
tamaño de la tarea en pixeles.
5) Clic en el botón ‘Next Step’ ( ).

6) Clic en ‘Insert Drop zone’ ( ). Dar el nombre de la etiqueta y luego clic en
‘Done’ de la label.
7) Ahora que se tiene la drop zone, debemos de crear los elementos que serán
arrastrados a ella, los elementos que pueden ser agregados son texto e
imágenes.
8) Clic en ‘Text’ ( ) o ‘Image’ ( ).
9) Si se ha seleccionado ‘Text’ ( ) , seguir los pasos a continuación:
a) Escribir el texto a mostrar en la sección ‘Text’.
b) Seleccionar las drop zones a donde se deberá de arrastrar, un elemento
puede permanecer a más de una drop zone.
c) Marcar el checkbox de ‘Infinite number of element instances’ en caso de
d) Clic en el botón ‘Done’.

10) Para agregar una imagen es igual quitando el hecho que en vez de texto, se
debe de cargar una imagen y dar un texto alternativo, pero si se quiere un mejor
entendimiento de este punto revisar la sección de ‘Arrastrar y soltar’ de ‘Course
Presentation’.
106
11) Una vez cuando los elementos a agregar a las drop zone se debe de configurar
ésta. Dar doble clic en la drop zone y en la sección de ‘Select correct elements’
marcar los elementos que va ser arrastrados a la drop zone.
12) Clic en ‘Done’.
13) Y ya una vez configurado los elementos y las drop zones, dar clic en el botón
‘Done’ principal.
Ver los resultados.
107
Mark the words.
Este elemento es similar a ’Marca la palabra’ de ‘Course Presentation’, su uso y
configuración es igual (quitando el hecho de elegir el tiempo y la manera de aparecer).
1) Clic en ‘Mark the words’ ( ).
4) En la sección de ‘Task description’, redactar cómo se va a resolver la palabra.
5) En la sección de ‘Textfield’ redactar el texto en donde estarán las palabras a
seleccionar, revisar las instrucciones ya que pueden cambiar si se actualiza la
plataforma.
6) Una vez redactado el texto, dar clic en el botón ‘Done’.
Ver el resultado.
108
Crossroads
El elemento interactivo ‘Crossroads’ permite ir a un tiempo determinado del vídeo, a
partir de una selección de opciones. La mecánica del elemento es sencilla, se da una
pregunta al estudiante y entonces elige entre un grupo de opciones, éstas no son
correctas o incorrectas, sino que llevan a un determinado tiempo del vídeo. Puede
ser ocupada como un menú interactivo, el cual nos pueda llevar a secciones
determinada del vídeo.
1) Clic en ‘Crossroads’ ( ).
3) En la sección de ‘Question Text’ se redacta la pregunta.
4) En la sección ‘Choices’ se tiene el formulario para agregar las opciones. Una
opción está compuesta por el texto de elección, el tiempo (dado en el formato
de minuto:segundos) al cual se va ir si es elegida y un mensaje (opcional) de
confirmación en caso de ser elegida.
5) Si se quiere agregar más opciones dar clic en el botón ‘ADD CHOICE’.
109
6) Clic en botón ‘Done’.
Ver los resultados.
Navigation Hotspot.
Este elemento sirve para crear enlaces a un momento determinado del vídeo o a una
página externa, se parece a el elemento ‘Crossroads’ pero con la diferencia que el
elemento ‘Navigation Hotspot’ no pregunta a cuál opción ir, sino que muestra un
elemento que al hacer clic sobre él nos lleva automática a donde se le haya indicado
previamente (ya sea a un momento del vídeo o un enlace a una página web).
110
1) Clic en ‘Navigation Hotspot’ ( ).
3) En la caja de ‘Destination’, nos da la opción de agregar un enlace a un tiempo
del vídeo (Timecode) o a una página web externa (Another page URL). Si se
selecciona Timecode aparece un cuadro en donde se debe de poner el tiempo
(Minutos:Segundos) del vídeo al que se quiere ir, si se ha elegido una página
web external aparecen dos cuadros, en uno se elige el protocolo que maneja
la página web (http:// o https:// son los más comunes) y en el otro se coloca la
ruta. Ver imágenes:
a) Con Timecode.
b) Con Another page URL.
4) En la caja de ‘Visuals’, se selecciona la forma en el que será presentado el

elemento (ya sea rectangular, circular o un rectángulo redondeado), después
se selecciona el background (se recomienda usar el formato rgba(255, 255,
255, 0) para que el elemento tome el color de fondo del vídeo y no cause un
contraste entre el elemento y el mismo vídeo).
111
5) En la caja de ‘Texts: Alternative Text’ se da un texto alternativo y es muy
altamente recomendable poner una etiqueta para que sea más fácil para el
alumno reconocer de qué trata dicho elemento, seleccionar el color de la
etiqueta (tener en cuenta el color en sí del vídeo).

Ver el resultado.
112
Questionnaire.
Este tipo de elemento es básicamente un conjunto de preguntas de opción múltiple o
preguntas abiertas. Y puede ser usado como retroalimentación del vídeo o del curso,
ya que no emiten una calificación como tal.
1) Clic en ‘Questionnaire’ ( ).
4) Es bueno colocar una etiqueta para reconocer de qué trata el elemento.
5) En la sección de ‘Questionnaire elements’ se agregan las preguntas, el
formulario de pregunta consta de un seleccionador de opciones en donde se
puede elegir entre una pregunta de opción múltiple sencilla (‘Simple Multi
Choice’) o una pregunta abierta (‘Open Ended Question’). Para agregar una
pregunta más dar clic en ‘+ ADD ELEMENT’.
a) Se muestra el caso de pregunta de opción múltiple.
i) Seleccionar ‘Simple Multi Choice’, al seleccionar esta opción se
muestran los demás elementos del formulario.
ii) En la sección de ‘Question’ dar la pregunta.
iii) En la sección de ‘Multiple choice type’, indicar si se permiten más
de una selección (‘Multiple answers’) o sólo una selección
(‘Single answers’).
iv) En la sección de ‘Answer alternatives’ se tienen las cajas de las

respuestas, en ellas se ponen el texto de la pregunta y también
se puede poner retroalimentación en caso de que la opción se
haya seleccionado o no.
6)
113
i) Marcar como requerida esta pregunta si es necesario que sea
contestada para terminar.
b) Se muestra el caso de pregunta abierta.
i) Seleccionar ‘Simple Multi Choice’, al seleccionar esta opción se
muestran los demás elementos del formulario.
ii) En la sección de ‘Question or description’ dar la pregunta.
iii) En la sección ‘Placeholder text’ se puede dar una breve
indicación del texto o alguna recomendación.
iv) En la sección de ‘Input rows’ el número de líneas máximas que
tiene disponible el alumno.
114
v) Marcar como requerida si es necesario que sea contestada esta
pregunta.

Ver los resultados.
115
Free Text Question.
Este elemento consta de una pregunta y un espacio en donde el alumno puede dar
una respuesta. Puede ser usado para saber retroalimentación del alumno al curso,
para preguntar qué ha entendido el alumno, por mencionar algunos usos.
1) Clic en ‘Free Text Question’( ).
4) Dar una label para que sea más fácil para el alumno identificar de qué trata la
actividad.
5) En la sección ‘Question’ dar la pregunta.
6) En la sección de ‘Placeholder text’ dar indicaciones cortas o instrucciones

sencillas al alumno.
7) Se debe de definir una calificación máxima, si es usada como un espacio de
retroalimentación la calificación puede ser igual a 0.
8) Marcar si es requerida o no (es decir, si la pueden dejar en blanco).
Ver el resultado.
116
Enlace a un vídeo prueba.
Se deja el enlace del recurso para poder ser visto y usado, cabe destacar que este es
sólo un ejemplo de cómo se puede usar los elementos que ofrece H5p para la
creación de vídeos interactivos. Este vídeo no pretende mostrar cómo debería de ser
un vídeo interactivo, ya que eso está en razón de la persona que haga uso esta
herramienta, hasta el momento sólo sea mostrado cómo configurar los elementos
interactivos que ofrece H5p.
Enlace: https://h5p.org/node/274142
Enlace a un vídeo interactivo.

Este vídeo es un ejemplo para ya ser incluido en alguna plataforma. Ver la diferencia
entre ambos vídeos.
Enlace: https://h5p.org/node/275933
117

Investigación Plugins

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Investigación Plugins

Caricato da

Copyright:

Formati disponibili

Investigación de plugins

Definición de extensión (plugin).

Banco de extensiones para moodle.

Creación de un banco de preguntas

Se puede dar retroalimentación para cuando el aprendiz haya seleccionado falso o

Seleccionar la categoría deseada.

En las elecciones, se llena la respuesta, ésta puede ser correcta, incorrecta o

Se proporcionan las preguntas y respuestas, se debe de proporcionar al menos dos

Seleccionar la categoría deseada.

Se da las respuestas posibles de la pregunta, ya que el alumno escribirá la respuesta,

Seleccionar la categoría deseada.

Seleccionar la categoría deseada.

Pregunta arrastrar y soltar marcadores.

Seleccionar la categoría deseada.

Preguntas arrastrar y soltar sobre texto

A continuación, un acercamiento más cercano al texto de la pregunta.

Como resultado las preguntas de este tipo se ven de la siguiente forma:

Si se ve bien, en la configuración de la pregunta en la sección de Opciones, se tiene

Ejemplo de configuración para imagen arrastrable:

Guardamos los cambios y a continuación se muestra cómo le aparecería al alumno.

Damos clic en generar y al momento de que se recarga la página se habrán generado

Y simplemente deberá contestar la pregunta.

El resultado de ésto es la siguiente imagen (aclarar que ya se contaba con un capítulo

Fichas técnicas de plugins

Si se da clic en ‘VISTA GENERAL DE ESTUDIANTES’ (ignorar el desbordamiento del

Para el alumno aparece así el bloque.

Vista del plugin en la plataforma.

Al igual, se muestra una imagen en donde se visualiza la edición de los puntos

Para configurar los ítems, seguir los pasos a continuación.

1) En el bloque ‘Stash’, clic en ‘Setup’ ( ).

1) En el bloque ‘Stash’, clic en ‘Setup’ ( ).

8) Clic en ‘SAVE CHANGES’.

En la sección de ‘Opciones del Crucigrama’, se puede definir el número máximo de

Definimos cuándo se podrá dar como termina la actividad.

En la siguiente imagen se observa cómo configurar la sección de ‘Opciones de

Y así es como se ve el juego cuando el estudiante haga uso del él.

Revisar las siguientes imágenes para una ayuda visual.

2) Aparecerá una ventana como la siguiente, copiar el contenido.

4) Dar clic en el botón ‘Agregar’ y nos redireccionará al formulario de edición,

página’, dar clic en ‘Mostrar/Ocultar más botones’ ( ) y posteriormente dar

clic en HTML ( ), después de haber hecho lo anterior pegamos lo que se

6) Damos clic en ‘Guardar cambios y mostrar’ para ver el resultado de inmediato.

2. Clic en ‘Upload a file’ y seleccionamos el archivos con extensión .h5p

H5P: Imágenes con Hotspots.

Al igual H5P permite colocar vídeos e imágenes en las etiquetas.

6) En la parte de ‘Cover entire background image’, marcarla si se desea que la

10) Para agregar otro elemento, dar clic en ‘Add Item’.

4) Una vez dado el clic en ‘Use’, podemos a empezar a editar.

Poner imagen de fondo en Course Presentation

1) Clic en ‘Slide background’ ( )

2) Observar que se puede poner una imagen de fondo o un color. Seleccionar la

4) Dar clic cerrar (x) para seguir editando.

Agregar una nueva slide.

Agregar una imagen.

Ir a una slide específica.

1) Dar clic en ‘Go to slide’ ( ).

3) Subir el archivo de vídeo o colocar la url( en este caso se agrega la url).

Configurar las opciones de reproducción.

Rellenar los espacios en blanco.

1) Clic en ‘Fill in the Blanks’ ( ).

3) Una vez puesta la descripción, pasamos a la sección de ‘Text blocks’, en la

4) Al igual, se puede añadir parámetros de retroalimentación en la sección de

Opción múltiple sencilla.