Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

ISMIE Hubs - Contenido educativo

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 22 de noviembre de 2022 por Esteban M.

14 visualizaciones

Descargar la transcripción

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

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid