Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Imagen mapeada en aula virtual con GIMP
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Imagen mapeada en aula virtual
Hola, voy a intentar explicaros cómo he conseguido hacer yo la imagen mapeada en el aula virtual.
00:00:00
Para ello, fijaros, hay varias formas de hacerlo.
00:00:05
Una que yo utilizo mucho es que tengo un blog, por ejemplo, de aula.
00:00:08
Entonces, por ejemplo, una vez que veo la imagen en el blog, sería, te vas a la imagen, botón derecho,
00:00:12
y copiaría donde está la dirección de la imagen. ¿Lo veis ahí?
00:00:18
Si vais a una pestaña nueva y pegáis, ctrl-v, fijaros que es importante porque acaba en jpg, ¿lo veis?
00:00:23
Esto me hace referencia a la imagen.
00:00:32
Bueno, sin embargo, como no quiero que hagáis algo externo, mi consejo, otro consejo, es que lo hagáis de esta forma.
00:00:35
Mirad, si tenemos el aula virtual, estoy como un profesor en modo edición,
00:00:43
yo lo que he hecho ha sido irme abajo del todo, abajo del todo, abajo del todo, abajo del todo,
00:00:47
y vamos a añadir una actividad nueva.
00:00:53
La actividad nueva va a ser un archivo. ¿Lo veis aquí? Un archivo.
00:00:55
Y lo llamo, por ejemplo, pues, imagen mapeada 3.
00:01:01
¿Cómo subo el archivo en la imagen?
00:01:08
¿Veis aquí abajo que pone archivos, no? Le voy a dar aquí, le doy,
00:01:11
y fijaros que voy a subir un archivo, ¿lo veis? Un archivo, lo selecciono,
00:01:17
voy a buscarlo aquí, por ejemplo, pues tengo yo uno, ¿vale?
00:01:21
¿Lo veis? Pincho aquí. Es un poco grande mi imagen, me he pasado un poco, pero bueno,
00:01:24
coger la WC y ya está.
00:01:28
Y daría a abrir, ¿vale?
00:01:31
Y subiría este archivo.
00:01:35
Bueno, fijaros que habría subido en este recurso un archivo que es la imagen, ¿vale?
00:01:37
Y con esto ya lo que hago es guardar y regresar al curso.
00:01:46
Fijaros ahora que si yo me voy directamente al recurso imagen mapeada 3,
00:01:50
que es lo que he acabado de subir ahora, ¿vale?
00:01:58
Voy a quitar otra WC.
00:02:01
Ahí, bueno, tengo que bajar otra vez, es que este curso es grandísimo.
00:02:04
Bajo del todo, y mira, le voy a pinchar, ¿vale? Le pincho.
00:02:07
Una vez que le pincho, ¿veis cómo se ve la imagen, no?
00:02:12
Entonces fijaros, botón derecho, copiar dirección de imagen, ¿vale?
00:02:14
Bueno, y ahora ya habría que hacer todo el proceso que nos había enseñado en el curso.
00:02:20
Entonces, por ejemplo, yo vuelvo a ir al curso,
00:02:24
y arriba del todo, ¿no? La imagen mapeada, voy a hacerlo aquí abajo, ¿vale?
00:02:28
Bueno, si es al principio del curso sería aquí, ¿vale?
00:02:33
Si os acordáis, activamos la edición.
00:02:38
Ahora podemos ya pinchar aquí y editamos la selección, ¿vale?
00:02:41
Yo en vez de hacerlo ahí, porque ya la tengo hecha, ¿vale? Ya veis ahí, ¿no?
00:02:46
Pues voy a hacer una nueva, imaginaros.
00:02:51
Imaginaros que yo, pues al final del todo lo voy a hacer para que no me moleste, que si no hay una actividad de recurso.
00:02:54
Yo, por ejemplo, voy a hacer una etiqueta, ¿vale? Que es para escribir algo.
00:03:02
Y puedo también poner imágenes, texto, lo que queráis.
00:03:07
Una etiqueta, ¿vale? ¿Qué va a escribir la etiqueta?
00:03:10
Pues, mirad, siempre que hemos establecido aquí, pinchamos el código de TML, que es el botoncito de ahí,
00:03:13
y ahora yo pegaría, mirad, voy a borrar eso, y Control-V.
00:03:20
Fijaros que lo que he pegado, ¿qué ha sido? Ha sido la dirección de la imagen, ¿vale?
00:03:25
Si os acordáis, cuando lo hicimos en el gym, ¿vale?
00:03:29
Como os explicó Aaron en el vídeo, yo tengo aquí ya puesto el código.
00:03:32
El código para hacer la imagen mapeada.
00:03:36
Mirad, si abro este fichero de texto, me salía eso, ¿no?
00:03:38
Pues yo selecciono este código, Control-C, me vengo aquí y Control-V, ¿vale?
00:03:41
Entonces, fijaros, donde pone justamente imagen, ¿os dais cuenta aquí?
00:03:49
Ahí tiene que ser la URL de la imagen, ¿vale?
00:03:53
La URL de la imagen, ¿vale?
00:03:58
Si os dais cuenta, yo lo he pegado aquí antes, voy a poner esto.
00:04:00
Control-X para cortarlo, me vengo justamente aquí y Control-V, ¿vale?
00:04:04
Entonces ya tengo la imagen, ¿vale?
00:04:12
Muy importante acordaros, aquí el atributo, esto es una etiqueta HTML,
00:04:14
el atributo useMap igual a, fijaros en el nombre que hay aquí, ¿vale?
00:04:19
AlmohadillaMap, tiene que ser el mismo que tenéis aquí.
00:04:23
Cuidado si la almohadilla, ¿vale?
00:04:26
Map, ¿lo habéis visto eso?
00:04:28
Y estas son las coordenadas que si dais en ese punto en concreto, pues irá a esa URL.
00:04:30
Y ya está, entonces yo ya guardo los cambios y ya lo tengo, ¿vale?
00:04:35
Entonces fijaros, estaba aquí abajo, ¿no?
00:04:42
Ahí lo tenéis, ¿lo veis?
00:04:45
Y ahora mismo si voy al tema 1, veis como se convierte en la mano en la manita, ¿vale?
00:04:46
Miría el tema 1, pincho en tema 2, miría el tema 2, ¿vale?
00:04:50
¿Qué puede pasar?
00:04:55
Oye, mira, Martín, pero es que aquí se ve el recurso.
00:04:56
Bueno, pues mirad, si ves aquí estos puntitos dentro del recurso de la imagen
00:04:59
y no queréis que lo vean, pulsar y ocultar, lo veis ahí,
00:05:04
y ya los alumnos no lo verían.
00:05:08
Entonces de esa forma, sin salir del aula virtual,
00:05:10
podéis hacer la imagen mapeada y guardar la imagen ahí, ¿vale?
00:05:12
Bueno, pues nada, espero que os haya servido.
00:05:15
Hasta luego.
00:05:18
- Autor/es:
- Martín García Valle
- Subido por:
- Martín G.
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 151
- Fecha:
- 11 de diciembre de 2022 - 13:57
- Visibilidad:
- Público
- Centro:
- CPR INF-PRI-SEC CIUDAD DE LOS MUCHACHOS
- Duración:
- 05′ 21″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1280x720 píxeles
- Tamaño:
- 13.97 MBytes