Activa JavaScript para disfrutar de los vídeos de la Mediateca.
ISMIE Hubs - Contenido educativo
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:
En este vídeo vamos a hablar de Mozilla Hubs, una herramienta que vimos en clase
00:00:00
para crear como entornos de reunión, igual que Meet o Teams, que solimos utilizar
00:00:06
para videollamadas, con la diferencia de que Hubs no sería presencialidad en vídeo
00:00:14
de los participantes, sino en un entorno tridimensional.
00:00:19
BAS Hubs sería una herramienta para crear entornos tridimensionales colaborativos.
00:00:23
Hubs Mozilla, como todo lo que hemos dado en la clase, es gratuito y podemos,
00:00:29
nada más entramos en la página, directamente darle a crear habitación.
00:00:35
Yo estoy ya registrado, es un registro gratuito dentro de esta página,
00:00:40
pero en este caso no sería necesario, pero bueno, si nos registramos mejor que mejor.
00:00:44
Pulso crear habitación e inmediatamente, tardado un poco, nos creará una habitación
00:00:49
en 3D, un espacio de reunión donde yo puedo o bien entrar en la habitación
00:00:58
o por ejemplo entrar con unas gafas de realidad virtual, etc.
00:01:05
Pero bueno, yo ahora mismo quiero entrar en la habitación.
00:01:09
Me pedirá permisos para utilizar por ejemplo el micrófono, le voy a permitir,
00:01:14
le voy a quitar para que no haya sonido en este momento y le doy a entrar.
00:01:21
Ya estoy en este entorno del cual me puedo desplazar libremente.
00:01:27
Para desplazarme por el entorno tengo que utilizar, es mucho más recomendable utilizar
00:01:32
un ratón adicional y debería pinchar el botón izquierdo del ratón,
00:01:37
manteniéndolo pinchado el botón izquierdo y moviendo el ratón miraría a lo largo de la escena
00:01:43
y luego utilizaría las teclas de dirección W, S, A y D, ¿de acuerdo?
00:01:48
Para poder moverme, es decir, si yo mantengo por ejemplo pulsado el botón izquierdo,
00:02:00
miro para algún lado y luego pulso la tecla W para desplazarme hacia delante.
00:02:04
Aquí es igual, las mismas instrucciones.
00:02:11
Muy bien.
00:02:15
¿Qué puedo hacer aquí? Evidentemente es un espacio de reunión,
00:02:18
ahora mismo mi voz se estará escuchando dentro de este espacio,
00:02:22
ahora no porque tengo la voz tapada, pero podría quitarla y se escucharía en este espacio
00:02:27
y yo podría darle aquí a invitar y pasándole a cualquiera este enlace
00:02:32
o integrando, embebiendo el código en nuestro aula virtual,
00:02:38
cualquiera que entrara en este enlace entraría en la misma habitación conmigo.
00:02:44
Y podríamos reunirnos, hablar, etcétera, etcétera.
00:02:48
Sí que sería importante dentro de los tres puntos suspensivos,
00:02:53
dentro de las preferencias o en Room Info and Settings, no sé cuáles creo que son preferencias,
00:02:58
aquí por ejemplo puedo desactivar algunos efectos sonoros,
00:03:03
pero bueno, esto no es relativo a la página, entonces esto no era, perdonad.
00:03:08
No es en Preferencias, sino aquí en Room Info.
00:03:18
Cuando entro aquí puedo elegir el título, o sea, el tipo de escena que es,
00:03:23
es decir, si yo en un momento le doy aquí,
00:03:29
aquí, a ver, esta escena sigue estando activa,
00:03:31
pero bueno, puedo hacer alguna cosa más, esperad un momentito y ahora os explico.
00:03:41
A ver, le puso Editar, aquí en la parte de arriba, perdonad, aquí, vuelvo a lo mismo.
00:03:44
Tres puntos suspensivos, Room Info, Editar.
00:03:51
Aquí podría cambiar el título, aquí podría cambiar el número de usuarios
00:03:55
que pueden entrar automáticamente y aquí podría cambiar, por ejemplo,
00:04:01
si los usuarios pueden utilizar la voz, si pueden utilizar texto,
00:04:04
si pueden crear y mover objetos, dibujar, usar emoji o volar.
00:04:07
Por ejemplo, puedo quitar la voz para que no, si no quiero que me molesten, ¿no?
00:04:12
Yo no quiero que estén, o por ejemplo, si no quiero que usen emojis o dibujar o volar, ¿no?
00:04:16
Y le doy Aplicar.
00:04:22
También puedo, cuando estoy aquí, imaginemos que ya tenemos participantes,
00:04:24
podría hacer varias cosas.
00:04:30
Una de ellas es darle aquí al botón verde y emplazar aquí alguna serie de cosas.
00:04:37
Por ejemplo, podría subir algún archivo, ¿de acuerdo?
00:04:44
Vamos a cargar este archivo, lo voy a abrir, crear objeto
00:04:54
y entonces ha creado esto de aquí.
00:05:01
Entonces yo puedo utilizarlo.
00:05:04
Esto puede pasar con los objetos, ¿eh?
00:05:10
Si sucediera esto, que nuestros objetos vuelan de maneras extrañas,
00:05:15
ahora os diré alguna manera de resolverlo,
00:05:19
¿de acuerdo?
00:05:21
A ver...
00:05:27
Coloco esto.
00:05:30
Una de las maneras que podemos utilizar es cuando pulso Objetos,
00:05:32
los objetos me indican todos los objetos que están en la pantalla,
00:05:35
ahora mismo este sería este en particular.
00:05:38
Puedo pulsar sobre él y le puedo dar a Pin.
00:05:42
Cuando he pulsado esto de Pin,
00:05:47
lo que hace es que se sitúa encima de este objeto.
00:05:52
No solo eso, sino que ahora ya no lo puedo mover,
00:05:55
ya no puedo pinchar y desplazarlo.
00:05:58
Esto me puede servir para poder utilizar imágenes,
00:06:01
colgarlas en la habitación, etcétera, etcétera.
00:06:03
¿Qué más cosas puedo colgar?
00:06:06
Por ejemplo, un modelo 3D.
00:06:08
Si encuentro dentro de Sketchfab,
00:06:11
algo que me pueda resultar interesante, ¿no?
00:06:13
Por ejemplo, estamos hablando de patrimonio cultural,
00:06:15
imaginemos que tenemos aquí algún objeto digitalizado
00:06:19
de nuestro interés.
00:06:23
Voy a poner el pesado de Rodán.
00:06:24
Como es un archivo un poco grande,
00:06:29
tardará su rato en cargarlo.
00:06:31
Vamos a esperar a que se cargue.
00:06:33
¿Qué más cosas puedo cargar?
00:06:35
Por ejemplo, puedo cargar,
00:06:37
si pulso el lápiz,
00:06:39
puedo hacer dibujos.
00:06:42
Como veis, es visible
00:06:54
y podríamos hacer un pequeño
00:06:56
dibujo.
00:07:00
¿Veis?
00:07:02
Como veis, es visible
00:07:04
y podríamos hacer un pequeño
00:07:06
Ups, tengo aquí el lápiz.
00:07:11
Voy a quitarlo.
00:07:13
Podría hacer un recorrido
00:07:16
y ver los detalles de dicha escultura.
00:07:18
Para hacer grande esta escultura,
00:07:20
recordamos que si pincho y muevo,
00:07:22
puedo colocarla.
00:07:24
Tengo que pulsar la tecla de Mayus.
00:07:27
Es decir, pulso
00:07:31
con el botón izquierdo,
00:07:33
pulso la tecla de Mayus en mi teclado
00:07:35
y con la rodita lo puedo hacer más grande.
00:07:37
Lo coloco,
00:07:40
hay que tener cierta pericia
00:07:42
y ahora me voy a objetos,
00:07:44
pulso y le doy a
00:07:47
pin.
00:07:51
Esto ya ha quedado fijo en mi cuarto.
00:07:53
Ahora mismo
00:07:55
está dentro de mi
00:07:57
de mi
00:07:59
he tenido aquí una
00:08:09
A ver, se me ha ido.
00:08:17
Bueno,
00:08:19
yo podría situar objetos
00:08:21
y si no son muy pesados, podría hacerme aquí una pequeña
00:08:23
exposición.
00:08:25
Pulso más cosas que pueda, por ejemplo, cargar
00:08:27
dentro de
00:08:29
este botón
00:08:31
de Upload.
00:08:33
Podría estar poniendo también un vídeo de YouTube, por ejemplo.
00:08:35
He copiado
00:08:49
el enlace.
00:08:51
Voy a pulsar el enlace aquí,
00:08:53
voy a colocar el objeto
00:08:55
y a ver si funciona.
00:08:57
Dentro de
00:09:01
este espacio puedo reaccionar
00:09:03
Sí.
00:09:05
Esto, como vídeo que es, puedo pulsar
00:09:09
y cualquier persona que se acerque
00:09:17
cuando esté bien cargado
00:09:19
podrá ver el vídeo.
00:09:21
Ahora mismo
00:09:25
lo tengo
00:09:27
desclicado, el audio, pero
00:09:29
se podría escuchar.
00:09:31
También puedo coger esto
00:09:35
como cualquier objeto
00:09:37
y llevármelo a algún lugar de la escena.
00:09:39
O pulsando el
00:09:41
Mayus y la ruedita del ratón
00:09:43
podría hacerlo grande
00:09:45
y dejarlo como si fuera
00:09:47
un vídeo. Como veis, poco a poco
00:09:49
va cambiando.
00:09:51
Poco a poco estoy construyendo
00:09:53
un espacio
00:09:55
donde
00:09:59
juntar vídeos,
00:10:01
escenas 3D
00:10:03
y una vez que lo he montado
00:10:05
podría invitar a quien yo quisiera.
00:10:07
Podría también
00:10:13
poner algunas cosas más que os animo
00:10:15
a que
00:10:17
investiguéis.
00:10:19
Sin embargo, lo interesante
00:10:21
de este programa
00:10:23
no es
00:10:25
encontrarnos dentro de un cuarto
00:10:27
ya preexistente,
00:10:29
sino haber creado un cuarto
00:10:31
anteriormente, por ejemplo, aquí
00:10:33
en Spoke. Spoke es
00:10:35
la herramienta de creación
00:10:37
de escenarios
00:10:39
de Hubs.
00:10:41
Aquí yo sí que me
00:10:43
he registrado,
00:10:45
voy a pulsar
00:10:47
y entonces me aparecen todos los
00:10:49
diferentes proyectos que yo ya
00:10:51
tengo, creados anteriormente.
00:10:53
Por ejemplo, voy a crear uno nuevo,
00:10:55
voy a pulsar nuevo proyecto
00:10:57
y voy a coger alguna escena
00:10:59
ya preexistente, como por ejemplo
00:11:01
la misma que tengo aquí, aunque podrías
00:11:03
usar cualquier otra, y lo que
00:11:05
me dedicaría a hacer
00:11:07
voy a coger esta que me gusta mucho
00:11:09
lo que podría
00:11:13
hacer es crear una
00:11:15
escena
00:11:17
que me acaba de
00:11:21
situar en un espacio extraño.
00:11:23
Los movimientos son bastante similares.
00:11:25
Yo pulso con el botón izquierdo
00:11:27
para girar la pantalla, pulso
00:11:29
botón derecho
00:11:31
para mirar
00:11:33
y con el W, por ejemplo,
00:11:35
me puedo desplazar igual que el anterior.
00:11:37
En este caso, en vez del botón izquierdo sería el botón derecho.
00:11:39
Esto me permite hacer un desplazamiento
00:11:41
por lo que sería la escena que
00:11:43
se va a convertir, digamos,
00:11:45
en mi espacio de trabajo, donde yo voy a construir
00:11:47
una escena que luego yo voy a poder
00:11:49
soltar a Hoops.
00:11:51
Sé que es un poco complejo, esto ya es para
00:11:53
gente que
00:11:55
tenga un conocimiento un poco más avanzado
00:11:57
de herramientas
00:11:59
un poco más de 3D, quizá,
00:12:01
pero que puede ser interesante
00:12:03
para clase. También os digo que esto
00:12:05
es un poco
00:12:07
inesperado, las soluciones
00:12:09
que nos dan, los resultados que nos dan.
00:12:11
Por eso yo también os animo a
00:12:13
hacer pruebas antes
00:12:15
en clase, por si acaso veis que hay algún
00:12:17
problema. Como veis,
00:12:19
aquí nos vienen los
00:12:21
estos son
00:12:25
las figuras
00:12:27
donde van a aparecer nuestros
00:12:29
invitados,
00:12:31
cualquier persona que entre aquí aparecerá
00:12:33
desde este sitio. Si yo moviera
00:12:35
estas figuritas, ahora las personas
00:12:37
que entraran a la sala
00:12:39
aparecerían directamente, por ejemplo, en esta
00:12:41
habitación. Pues esto podría
00:12:43
ser una de las cosas que yo cambiara,
00:12:45
en lugar de coger algo
00:12:47
y pinchar a estas
00:12:49
líneas para mover.
00:12:51
Pero lo recomendable, para no liarnos
00:12:53
porque esto tiene muchísimas opciones
00:12:55
avanzadas, de aquí podríamos colocar
00:12:57
a escena, por ejemplo,
00:12:59
modelos 3D,
00:13:01
elementos arquitectónicos,
00:13:03
si quiero, por ejemplo, cambiar
00:13:05
y hacer que, pues yo que sé,
00:13:07
colocar más mesas,
00:13:09
más muros,
00:13:11
o simplemente mover los preexistentes.
00:13:13
Yo puedo seleccionar este muro
00:13:15
o esta casa y con las
00:13:17
flechitas moverlo,
00:13:23
si pulso aquí,
00:13:25
rotarlo,
00:13:27
o si pulso aquí, escalarlo.
00:13:31
Pero, como vemos, es bastante
00:13:35
complejo empezar a
00:13:37
editar todas estas cosas, sí que os
00:13:39
animo a que investiguéis,
00:13:41
pero lo que nos interesa es que aquí
00:13:43
podemos poner una serie
00:13:45
de cosas
00:13:47
diferentes a las que tenemos. Vemos que tenemos
00:13:49
diferentes
00:13:51
diferentes
00:13:53
familias, por ejemplo,
00:13:55
tenemos vídeos de Bing,
00:13:57
de buscador Bing, si yo pongo, por ejemplo,
00:13:59
museo.
00:14:01
A ver si nos buscan.
00:14:03
Alguno.
00:14:05
Siempre el
00:14:07
buscador funciona muy bien.
00:14:09
Tenemos los gifs,
00:14:13
y como veis nos vienen bastantes en este
00:14:15
caso.
00:14:17
Vamos a dejar que busque. Y en imágenes
00:14:23
igual. También nos vendrían
00:14:25
buscadores. Si esto no funciona,
00:14:27
básicamente lo que yo os recomiendo
00:14:29
es que cojáis algo ya preexistente dentro
00:14:31
de la sala, como esta
00:14:33
imagen. Como
00:14:35
veis, cualquier cosa que pulso aquí
00:14:37
queda seleccionado
00:14:39
dentro de la familia.
00:14:41
Estará en algún lugar
00:14:43
escondido. Pero no importa,
00:14:45
porque cuando pulso aquí lo importante es que aquí
00:14:47
nos indican
00:14:49
las propiedades.
00:14:51
Y de estas propiedades, fijaros, posición,
00:14:53
rotación, escala, si yo modifico
00:14:55
la escala lo voy a hacer más grande o más pequeño,
00:14:57
lo que me importa son estas dos
00:14:59
cosas de aquí. Uno es la
00:15:01
URL de dicha imagen, y otra es
00:15:03
el lugar al que
00:15:05
me dirije como
00:15:07
botón. Es decir, si yo pongo aquí una URL,
00:15:09
vamos a volver a probar
00:15:11
con YouTube.
00:15:13
Si yo coloco aquí
00:15:31
un enlace, ahora
00:15:33
cuando el visitante pulse sobre esta imagen
00:15:35
se irá a este vídeo de YouTube.
00:15:37
Si yo cambio aquí, y sin embargo
00:15:39
pongo el enlace aquí,
00:15:41
cargará
00:15:43
durante un rato,
00:15:45
y ¡ah! Error.
00:15:47
Podía pensarse que
00:15:49
iba a sustituir esta imagen
00:15:51
por un vídeo.
00:15:53
El problema de esto,
00:15:55
fijaros que voy a publicar a Hoops
00:15:57
para ver los cambios.
00:15:59
Si pongo, por cierto,
00:16:03
como muchos
00:16:05
modelos 3D, puede ser que nos dé
00:16:07
problemas a la hora de hacer esto.
00:16:09
Voy a dar a salvar proyecto,
00:16:11
salvar y publicar,
00:16:15
publicar escena,
00:16:23
y ver
00:16:29
nuestra escena.
00:16:31
Ahora aquí podemos ver,
00:16:33
crear una habitación
00:16:35
con esta escena,
00:16:37
y ahora esta habitación que hemos creado,
00:16:39
bueno, evidentemente
00:16:41
hemos modificado muy poquito,
00:16:43
pero sería nuestra habitación
00:16:45
donde podríamos invitar a nuestro
00:16:47
cliente,
00:16:49
¿no?
00:16:51
¿no?
00:16:53
¿no?
00:16:55
Esta sería nuestra habitación donde podríamos
00:16:57
invitar a nuestros estudiantes.
00:16:59
Todo lo que hagamos dentro de
00:17:01
este escenario
00:17:03
se podrá
00:17:05
ver aquí.
00:17:07
¿Vale? Como vemos,
00:17:11
sí que ha funcionado.
00:17:13
Cuando me alejo,
00:17:23
deja de sonar, y aquí sí que ha funcionado.
00:17:25
Como veis, ha sustituido esto
00:17:27
por un vídeo.
00:17:29
Casualmente,
00:17:33
no me ha funcionado el botón
00:17:37
para mandar a YouTube, pero sí que me ha funcionado
00:17:39
la previsualización.
00:17:41
Voy a cerrar,
00:17:43
y bueno,
00:17:45
esta imagen,
00:17:47
en vez de poner cuando pulso
00:17:49
el enlace de un vídeo
00:17:51
de YouTube, voy a poner el enlace de una imagen cualquiera.
00:17:53
Voy a ir a una imagen,
00:17:55
imágenes,
00:17:57
voy a
00:18:03
abrir imagen
00:18:05
en una pestaña nueva, me aparece
00:18:07
la imagen sola, cuando me aparece la imagen sola
00:18:09
y la URL termina en jpg,
00:18:11
esto ya es una URL
00:18:13
de una imagen. Perfecto.
00:18:15
Lo sustituyo,
00:18:17
y como veis, me ha sustituido
00:18:23
la imagen.
00:18:25
Estoy cambiando la escala,
00:18:27
entonces, si yo encuentro
00:18:29
la URL correcta, podría estar
00:18:31
sustituyendo cada una de estas imágenes
00:18:33
por diferentes imágenes
00:18:35
de un museo, ¿no? Por ejemplo,
00:18:37
el Museo Cerralgo.
00:18:39
Cojo una imagen del Museo Cerralgo,
00:18:43
pulso abrir imagen
00:18:47
en una pestaña nueva,
00:18:49
y cuando la tengo aquí sola,
00:18:51
sustituyo por
00:18:55
la URL de la imagen.
00:18:57
Con las imágenes es más sencillo,
00:19:05
si yo quiero utilizar, por ejemplo, esto
00:19:07
como una galería de imágenes.
00:19:09
Si yo quisiera poner algún texto,
00:19:11
debería hacerlo como imagen, ¿de acuerdo?
00:19:13
Si proviene
00:19:15
de mi ordenador y no proviene de Internet,
00:19:17
está bien, porque yo, por ejemplo,
00:19:19
tengo esta opción de
00:19:21
mis recursos, ¿no?
00:19:25
Yo puedo darle aquí a subir
00:19:27
botón Upload, y puedo subir
00:19:31
algo que tenga texto.
00:19:33
Por ejemplo, esto.
00:19:37
Entonces,
00:19:41
esto de aquí,
00:19:43
cuando yo lo pulso, quiere situarse
00:19:45
en la escena.
00:19:47
Es más, me aparece un
00:19:49
URL. Yo tengo que copiar
00:19:51
este URL y pegárselo
00:19:53
a algo que ya está situado.
00:19:55
Si yo he hecho esto bien,
00:19:57
nos sitúa esto
00:19:59
correctamente. Pulso el que
00:20:01
ya no quiero, y pulso el botón
00:20:03
de suprimir en mi ordenador. ¿Vale?
00:20:05
Ya he subido una imagen en la que figura
00:20:07
un texto, y estoy creando mi pequeña exposición
00:20:09
interactiva.
00:20:11
Así, de esta manera,
00:20:13
sustituyendo
00:20:15
los elementos que yo ya tengo por,
00:20:17
en este caso,
00:20:19
vídeos o imágenes,
00:20:23
podría crear mi
00:20:25
exposición.
00:20:27
Por cierto, voy a coger este,
00:20:29
he cogido la URL del vídeo,
00:20:31
la voy a pegar aquí. Como veis,
00:20:33
no aparece automáticamente, y voy a pulsar
00:20:35
el botón de Controles, que es una cosa
00:20:37
que se me había olvidado. ¿Controles
00:20:39
para qué sirve? Bueno, vamos a ver.
00:20:41
Quiero guardar esto para luego
00:20:43
seguir trabajando. Le doy a Archivo,
00:20:45
Salvar Project.
00:20:47
Estoy salvándolo para luego.
00:20:49
Y ahora es cuando yo voy a publicarlo a Hubs,
00:20:51
salvar y
00:20:53
publicar, y voy
00:20:55
cambiando las características de mi
00:20:57
escena para luego
00:20:59
poder compartirlo
00:21:01
en un escenario Hubs e invitar a mis alumnos.
00:21:03
Va a tardar un poco más.
00:21:05
Vamos a ver nuestra escena.
00:21:21
Creo una habitación.
00:21:25
Y unirme a la habitación.
00:21:35
Como veis, con las
00:21:43
habitaciones, con las imágenes, funciona
00:21:45
bastante bien. Ya he creado mi exposición.
00:21:47
También con las imágenes con texto.
00:21:49
Y si me acerco a una de estas,
00:21:51
en este caso me aparecen los
00:21:55
controles y me permite frenarlo, lo cual está bien
00:21:57
porque así puedo ponerlo y frenarlo.
00:21:59
Es muy fácil.
00:22:01
Ponerlo y frenarlo.
00:22:03
¿Es posible que no salga inmediatamente bien?
00:22:05
No pasa nada. Esto es que tienen que
00:22:07
cargarse los vídeos. Si le dais un rato
00:22:09
y se cargan,
00:22:11
luego resultará más sencillo.
00:22:13
Estos son los principios
00:22:17
de este
00:22:19
programa.
00:22:21
Recordad que tenemos que pulsar
00:22:23
Imitar y darle este
00:22:25
código a los alumnos para que puedan
00:22:27
entrar o darle a copiar.
00:22:29
Poner esto aquí.
00:22:31
Y una vez que he copiado este código,
00:22:35
podría irme a
00:22:37
la aula virtual.
00:22:39
Aquella que yo quiera.
00:22:43
Y entonces, igual que el otro
00:22:45
procedimiento para
00:22:47
integrar una presentación
00:22:49
de Canva dentro de nuestra aula virtual,
00:22:51
podríamos utilizar el mismo
00:22:53
para integrar una habitación
00:22:55
de Canva en nuestra aula virtual.
00:22:57
Ir colgando allí alguna imagen,
00:22:59
etc. Esto es avanzado.
00:23:01
Es una invitación a que os animéis
00:23:03
a experimentar
00:23:05
con Hoops
00:23:07
y en particular con su creador de escenas,
00:23:09
Spoke. Si tenéis alguna duda,
00:23:11
que entiendo que las tendréis porque esto es
00:23:13
simplemente una mera introducción, podéis escribirme un correo
00:23:15
y os animo a experimentar. Gracias.
00:23:17
- Subido por:
- Esteban M.
- Licencia:
- Todos los derechos reservados
- Visualizaciones:
- 14
- Fecha:
- 22 de noviembre de 2022 - 22:50
- Visibilidad:
- Público
- Centro:
- E ARTE ALBERTO CORAZÓN
- Duración:
- 23′ 20″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 700.86 MBytes