Saltar navegación

Actividad 1. Creando contenido interactivo Image Hotspot(H5P) en Aula Virtual.

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 15 de junio de 2020 por Gonzalo T.

83 visualizaciones

Realizamos la Actividad 1. En este caso hemos creado un contenido interactivo H5P del tipo Image Hotspot.
Se trata de una gráfica de una función en la que señalamos distintos elementos relevantes, máximos, mínimos, asíntotas, discontinuidades,...

Más información Transcripción

Descargar la transcripción

reto número 1 vamos a crear una actividad h5p para nuestro curso comenzaremos seleccionando 00:00:00
añadir una actividad o recurso elegimos la actividad de contenido interactivo la que 00:00:20
viene marcada como h5p damos a agregar y accedemos a la pantalla de configuración 00:00:30
de la actividad. Primer campo, campo de descripción. Introducimos la descripción que queremos 00:00:38
para nuestra actividad y como todas las descripciones en Moodle, pues podemos seleccionar más abajo 00:00:44
que se muestre en la página o que no se muestre. Si elegimos que se muestre en la página del 00:00:53
curso, además del título de la actividad, aparecerá la descripción y si elegimos que 00:01:02
no se muestre la descripción sólo aparece en el momento en el que se entra dentro de la actividad 00:01:06
bien más abajo tenemos el campo para editar la tarea la actividad h 5 p lo primero es seleccionar 00:01:11
aquí si queremos crear una actividad o importar una nosotros en este caso vamos a crear una si 00:01:21
quisiéramos importar había que importar una generada previamente también aquí en nuestra 00:01:30
virtual de móvil bien una vez seleccionado crear hay que elegir el tipo de actividad 00:01:35
h5p que queremos de entre todas las que tenemos aquí disponibles entonces en nuestro caso ya 00:01:42
vemos que tenemos un montón en nuestro caso vamos a hacer una actividad del tipo puntos 00:01:52
calientes sobre imagen se busca la actividad que queremos el tipo de actividad que queremos 00:01:57
y se selecciona 00:02:02
nosotros seleccionamos 00:02:06
puntos calientes 00:02:08
se nos carga la pantalla de edición 00:02:09
y ahora 00:02:11
rellenamos los campos 00:02:12
bueno, aquí arriba tenemos el tipo 00:02:15
que hemos seleccionado, podríamos cambiarlo 00:02:18
en cualquier momento, lo único que si 00:02:20
cambiamos, pues todo lo que hayamos hecho 00:02:22
en ese momento en esta pantalla, lo perderíamos 00:02:23
nosotros vamos a dejarlo como está 00:02:26
y vamos rellenando los campos 00:02:27
que son obligatorios 00:02:30
el primero es el título 00:02:31
ponemos nuestro título 00:02:32
en mi caso 00:02:35
estudio de la gráfica de una función 00:02:36
después lo siguiente para este tipo de actividad 00:02:40
tenemos que añadir una imagen 00:02:44
una imagen de fondo sobre la cual vamos a colocar 00:02:45
los puntos calientes 00:02:48
con información 00:02:50
entonces damos a añadir 00:02:51
y se me abre una ventana 00:02:54
en el explorador 00:02:56
ahí buscamos la 00:02:57
imagen que queremos insertar 00:02:59
Yo lo tengo aquí, es una captura de pantalla de una gráfica de una función sobre la que 00:03:01
quiero añadir información. 00:03:08
Vamos a añadir, se sube a la actividad y bueno, una vez que está subida también podemos 00:03:10
darle aquí a editar si queremos. 00:03:18
Realmente la edición que nos permite es pues hacer un par de cosas, que es rotarla o hacerle 00:03:21
un corte. Vamos a hacer un crop, vamos a hacer un corte, seleccionamos ahí, damos al tick 00:03:27
para decir que estamos de acuerdo y luego podemos darle a guardar, podemos cancelar 00:03:37
o podemos restaurar la original en caso de que hayamos hecho varios cambios o lo que 00:03:41
sea y no estemos satisfechos. Una vez guardado, volvemos otra vez y ahora podemos editar la 00:03:45
información del copyright bueno podemos ponerle un título el autor el año 00:03:53
la fuente en caso de que la imagen necesitar la fuente 00:03:58
y el tipo de licencia si es una imagen propia pues podemos ponerla por ejemplo 00:04:05
dominio público para que cualquiera pueda el compañero puede utilizar esta 00:04:08
imagen completamos la información 00:04:13
el título el autor el año este caso la fuente no hay y cerramos 00:04:18
Después tenemos que introducir aquí el texto alternativo. Escribimos el texto que queremos dar como alternativa en caso de que la imagen no se muestre. 00:04:24
Lo siguiente es elegir el color que van a tener los puntos calientes sobre la imagen. 00:04:37
Si desplegamos aquí podemos elegir un color diferente al que nos dan por defecto. 00:04:43
bueno yo voy a dejar que tiene por defecto y ya entramos en señalar los puntos calientes que 00:04:50
queremos poner en la imagen este tipo de actividad lo que hace es lo que nos permite es sobre una 00:04:58
imagen situar una serie de puntos de manera que el alumno cuando haga clic sobre esos puntos pues se 00:05:07
desplegará algo más de información en mi caso pues bueno son los puntos yo 00:05:13
quiero señalar ahí que tengo una asíntota ejemplo 00:05:20
ahí tengo un punto anguloso la función 00:05:24
hay de un mínimo hay de un máximo bueno una serie de puntos que como veis son 00:05:29
más relevantes empezamos con el primero que vamos a señalar que es esta 00:05:36
asíntota horizontal, entonces lo marcamos, lo dejamos ahí situado y ahora le vamos a 00:05:41
dar un nombre al encabezado para que cada uno de estos puntos que vayamos señalando 00:05:46
yo los pueda identificar con ese nombre. En este caso voy a poner asíntota horizontal 00:05:51
izquierda. A continuación vamos a rellenar el contenido del pop-up. Podemos generar tantos 00:05:56
ítems como queramos de texto e imagen o vídeo. Primero vamos a crear solo uno de 00:06:07
texto y lo primero que nos piden es el título. Ponemos el título, en este caso 00:06:12
síntota horizontal y al intentar rellenar el texto lo que se nos abre es un cuadro 00:06:17
muy básico de edición de texto donde podemos modificar el formato de la fuente, 00:06:22
el centrado del párrafo, podemos añadir 00:06:28
numeración, cambiar el formato 00:06:32
muy básico el cuadro de texto 00:06:37
en este caso introducimos directamente el texto, que en mi caso es que la recta 00:06:40
igual a 1, es una cinta horizontal, etc. 00:06:46
bien, con esto ya tenemos el contenido 00:06:50
del pop-up, que se va a abrir cuando el alumno 00:06:53
pinche sobre el punto caliente en la imagen 00:06:57
podríamos si quisiéramos añadir algún 00:07:01
ítem más, pero en este caso no lo vamos a hacer 00:07:04
y vamos a añadir otro punto caliente, pinchamos 00:07:07
y de nuevo repetimos la misma operación 00:07:10
ahora elegimos otro punto diferente, voy a elegir un punto donde la 00:07:13
función tiene un salto, pinchamos 00:07:16
ya lo tengo ahí seleccionado y entonces 00:07:19
de nuevo tenemos que darle un nombre al encabezado 00:07:22
para este punto caliente, le voy a llamar salto finito 00:07:25
ahí pongo salto finito 00:07:30
lo siguiente sería de nuevo el contenido del pop-up 00:07:34
entonces elegimos tipo texto en este ítem 00:07:43
le cambiamos el nombre 00:07:46
le ponemos salto finito al título 00:07:49
y de nuevo en el campo de texto escribimos el texto que quiera. 00:07:53
En este caso voy a poner que la función tiene un salto finito 00:07:58
porque el límite por la izquierda y el límite por la derecha no coinciden. 00:08:01
Pero ahora además me gustaría añadir una ecuación 00:08:07
donde pongan en formato matemático esos límites. 00:08:11
Como este editor de texto no lo tiene, 00:08:15
lo que he hecho ha sido tener esa ecuación guardada en una captura, 00:08:18
una imagen, y lo que voy a hacer es añadir un ítem, damos a añadir ítem 00:08:21
ahora elijo tipo imagen, ahí 00:08:25
tipo imagen, lo elegimos, y ahora me pide 00:08:29
que añada la imagen, igual que cuando añadí la imagen principal 00:08:33
entonces damos a añadir, se me vuelve a abrir un asuntante explorador 00:08:36
y yo ahí tengo preparada mi imagen, donde tengo mi ecuación 00:08:40
mis límites, selecciono, doy 00:08:45
abrir se carga la imagen la tenemos también podría como antes editarla y 00:08:49
copyright bueno eso no vamos a saltar lo que vamos a hacer es introducir el 00:09:00
texto alternativo de estos nativos el texto alternativo es un campo 00:09:07
obligatorio es lo que va a mostrar en caso de que la imagen no puede no pueda 00:09:10
cargar en este caso pues bueno como es una 00:09:15
imagen que que se puede leer pues el texto alternativo lo ideal es que sea el 00:09:20
texto que está en la imagen no escribimos eso en forma de texto lo que 00:09:24
dice ahí arriba y ya habíamos terminado tenemos en este caso dos ítems de texto 00:09:30
y una imagen y habíamos terminado ya este este elemento 00:09:36
así pues hemos creado dos puntos calientes 00:09:43
vamos a crear unos cuantos más pero pero pero lo voy a hacer con el vídeo parado detenido 00:09:47
y vamos a ver el resultado final valentos cortamos ahora mismo y aquí tenemos el resultado final 00:09:55
donde ya tengo pues como veis voy a ir cerrando 11 todos los elementos del punto caliente que 00:10:05
se han creado para que los vayáis viendo todo lo que se han creado como veis en lo que se queda 00:10:13
al plegarlo es el nombre que hemos puesto en el encabezado 00:10:18
¿vale? pues de ahí la importancia de ese nombre 00:10:23
veremos luego también que cuando se sustúa el ratón sobre el punto caliente 00:10:26
ya una vez que una actividad terminada, lo que aparece es precisamente 00:10:31
ese nombre también, ¿vale? luego ese nombre es importante también 00:10:35
de cara al resultado que se muestra al alumno en la actividad 00:10:39
bueno, pues ya tenemos aquí, pues fijaos, todos estos son los que hemos hecho 00:10:43
y con esto pues ya la actividad, la parte de la edición de la actividad H5P está terminada, 00:10:47
el resto pues es lo típico de todas las actividades en Moodle, 00:10:55
pues una calificación que en este caso no aplica porque no es una tarea en la que el alumno interactúe, 00:11:00
no es una tarea para que el alumno luego se puntúe lo que haya hecho, 00:11:08
sino simplemente para que él vaya viendo la información. 00:11:10
ajustes comunes del módulo restricciones de acceso finalización etcétera competencias bueno 00:11:15
vamos a guardar y mostrar y con esto pues nuestra nuestra actividad 5p queda terminada sólo nos 00:11:21
falta pues me falta mostrar mostraros pues cómo queda ahí la tenemos con pinchar sobre ella pues 00:11:30
se nos abre 00:11:40
vamos ya a darle 00:11:41
ahí estamos 00:11:45
y la vais a ver 00:11:47
vais a ver como 00:11:49
se abre el título 00:11:51
estudio la gráfica y ahí tenemos 00:11:53
la imagen 00:11:55
con los puntos calientes 00:11:57
si yo sitúo el ratón 00:11:59
encima de cada uno de los puntos calientes 00:12:01
me pone 00:12:04
una etiquetita con el encabezado 00:12:06
¿lo veis? 00:12:07
vale, pues 00:12:10
ahora nos queda ver qué pasa cuando pinchamos 00:12:11
vamos a ver el modo de ejemplo 00:12:15
el primero 00:12:17
damos clic y ahí tenemos el pop-up 00:12:17
el título, asíntota 00:12:20
horizontal izquierda, el texto 00:12:22
que dimos y en el texto que habíamos 00:12:24
dado, aunque no lo explicite 00:12:26
en el vídeo, habían puesto también un enlace 00:12:29
es decir 00:12:31
se pueden poner también enlaces 00:12:33
que te abran 00:12:35
una página donde tengas todavía más 00:12:37
información 00:12:38
Con esto damos por superado el reto número 1. Hemos creado una actividad H5P para nuestro curso. 00:12:39
No es necesario haber hecho una actividad igual que esta del tipo puntos calientes sobre una imagen 00:12:51
Podrías haber hecho cualquiera de todas las opciones que nos da el aula virtual de EducaMadrid 00:12:58
cuando elegimos la actividad H5P de contenido interactivo 00:13:05
Cada uno que haya hecho la que haga la que considere mejor para su curso 00:13:10
y cualquier duda que tengáis, como siempre, al foro para que los tutores os resolvamos las dudas. 00:13:17
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Educación Especial
    • Educación Basica Obligatoria
      • Infantil
      • Básica 1
      • Básica 2
    • Programas de formación para la transición a la vida adulta
      • Tránsito a la vida adulta
      • Programas de iniciacion profesional especial
  • Educación Infantil
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
    • Segundo Ciclo
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
  • Educación Primaria
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
    • Segundo Ciclo
      • Tercer Curso
      • Cuarto Curso
    • Tercer Ciclo
      • Quinto Curso
      • Sexto Curso
  • Educación Secundaria Obligatoria
    • Ordinaria
      • Primer Ciclo
        • Primer Curso
        • Segundo Curso
      • Segundo Ciclo
        • Tercer Curso
        • Cuarto Curso
        • Diversificacion Curricular 1
        • Diversificacion Curricular 2
    • Compensatoria
  • Bachillerato
    • Primer Curso
    • Segundo Curso
  • Formación Profesional
    • Ciclo formativo de grado básico
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado medio
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado superior
      • Primer Curso
      • Segundo Curso
  • Educación de personas adultas
    • Enseñanza básica para personas adultas
      • Alfabetización
      • Consolidación de conocimientos y técnicas instrumentales
    • Enseñanzas Iniciales
      • I 1º curso
      • I 2º curso
      • II 1º curso
      • II 2º curso
    • ESPAD
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
      • Cuarto Curso
    • Pruebas libres título G ESO
    • Formación Técnico Profesional y Ocupacional
    • Alfabetización en lengua castellana (español para inmigrantes)
    • Enseñanzas para el desarrollo personal y la participación
    • Bachillerato adultos y distancia
      • Primer Curso
      • Segundo Curso
    • Enseñanza oficial de idiomas (That's English)
      • Módulo 1
      • Módulo 2
      • Módulo 3
      • Módulo 4
      • Módulo 5
      • Módulo 6
      • Módulo 7
      • Módulo 8
      • Módulo 9
    • Ciclo formativo grado medio a distancia
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo grado superior a distancia
      • Primer Curso
      • Segundo Curso
    • Aulas Mentor
    • Ciclo formativo de grado básico
    • Primer Curso
    • Segundo Curso
    • Niveles para la obtención del título de E.S.O.
      • Nivel I
      • Nivel II
  • Enseñanzas de régimen especial
    • Escuelas oficiales de idioma
      • Nivel básico
        • Básico 1
        • Básico 2
      • Nivel Intermedio
        • Intermedio 1
        • Intermedio 2
      • Nivel Avanzado
        • Avanzado 1
        • Avanzado 2
    • Enseñanzas artísticas
      • Enseñanzas de artes plásticas y diseño
        • Ciclo formativo de grado medio
          • Primer Curso
          • Segundo Curso
        • Ciclo formativo de grado superior
          • Primer Curso
          • Segundo Curso
      • Estudios superiores de diseño (Interiores)
        • Primer Curso
        • Segundo Curso
        • Tercer Curso
      • Enseñanzas de música
        • Grado Elemental
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
        • Grado Medio
          • Primer Ciclo
            • Primer Curso
            • Segundo Curso
          • Segundo Ciclo
            • Tercer Curso
            • Cuarto Curso
          • Tercer Ciclo
            • Quinto Curso
            • Sexto Curso
        • Grado Superior
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
          • Quinto Curso
      • Enseñanzas de danza
        • Grado Elemental
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
        • Grado Medio
          • Primer Ciclo
            • Primer Curso
            • Segundo Curso
          • Segundo Ciclo
            • Tercer Curso
            • Cuarto Curso
          • Tercer Ciclo
            • Quinto Curso
            • Sexto Curso
        • Grado Superior
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
      • Enseñanzas de arte dramático
        • Grado Superior
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
    • Enseñanzas deportivas
      • Técnico Deportivo
      • Técnico Deportivo Superior
Autor/es:
Gonzalo Taboada Gelardo
Subido por:
Gonzalo T.
Licencia:
Dominio público
Visualizaciones:
83
Fecha:
15 de junio de 2020 - 9:54
Visibilidad:
Clave
Centro:
IES LAS ROZAS I
Duración:
13′ 35″
Relación de aspecto:
1.79:1
Resolución:
1936x1084 píxeles
Tamaño:
442.75 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid