Webinar 1 - Innova tus ODE | Mediateca de EducaMadrid

¡Suscríbete al canal! 00:00:00

Buenas bienvenidos al primer webinar de liderando el cambio digital contaremos con la presencia de 00:00:30

en primer lugar ignacio gross que es coordinador técnico de excel learning integrante del equipo 00:00:51

de desarrollo de educa madrid que ofrecerá consejos prácticos para la elaboración de 00:00:56

contenidos desde el punto de vista de la usabilidad y la accesibilidad web por otro 00:01:00

lado ofrecerá trucos ocultos que pueden mejorar tus contenidos e introducción a 00:01:05

las novedades de Excel Learning 2.9. Por último, nos hablará de diferentes 00:01:12

maneras de publicar y compartir contenidos creados con Excel Learning en 00:01:17

EducaMadrid. En segundo lugar, contaremos con la presencia de Manuel Narváez, que 00:01:20

es profesor de Biología y Geología, miembro del grupo de software educativo 00:01:26

de Extremadura, Junta de Extremadura, y es desarrollador de los juegos incluidos 00:01:30

en S-Learning. Ofrecerá una breve introducción a los juegos de S-Learning y por último 10 formas 00:01:35

de utilizar los iDevices de juegos en tus recursos educativos que probablemente no conozcas. 00:01:42

Bienvenidos. Muchas gracias Alberto y muchas gracias también a los que estáis detrás de la organización 00:01:50

de este taller por invitarnos. A ver, os cuento, vamos a ir rápido porque tanto Manuel como yo 00:01:55

queremos contar un montón de cosas andamos pues bastante justos así que intentaremos ir a la grano 00:02:03

ya hemos estado comentando pues que a lo mejor es demasiada información espero que no sea así y 00:02:08

bueno a ver si nos da tiempo también a llegar a las preguntas que como se ha comentado pues estarán 00:02:14

al final voy a hacer un par de explicaciones muy cortas antes de empezar una es de sobre eso que 00:02:20

dicho que los hay devices me puedo referir a ellos como hay devices y devices actividades 00:02:28

bloques voy a compartir pantalla para que lo veáis supongo que lo estáis viendo bien en 00:02:33

fin cuando me refiero a ellos de con cualquiera de esos términos me estoy refiriendo a estas 00:02:43

actividades que podéis añadir aquí en cualquier contenido creado con excel learning y por otra 00:02:47

parte me referiré en muchas ocasiones son varias ocasiones a los estilos lo explico porque hay que 00:02:52

les llama skins que les llama plantillas que les llama themes vale cuando me refiero a estilos me 00:02:58

refiero a esto a la presentación que podemos elegir para los contenidos que creamos con ese 00:03:01

learning y dicho esto voy a empezar los apartados son los que acaba de comentar alberto voy a dar 00:03:06

una serie de consejos prácticos después unos trucos ocultos que en realidad no son tan ocultos 00:03:13

creo que muchos de vosotros conoceréis unos cuantos espero que alguno no lo conozcáis y 00:03:17

Y os llevéis algo aprendido de ahí. Pasaré por encima de las novedades de X2.9 sin profundizar, porque para eso ya está lo que podéis ver aquí en ayuda a notas de la versión y porque Manuel os va a explicar también los juegos nuevos. 00:03:22

Así que no me enrollaré en esa parte. Después contaré cómo publicar contenidos en EducaMadrid. En EducaMadrid tenemos mucha suerte porque es muy fácil publicar contenidos y es algo que ya les gustaría tener en otros sitios. 00:03:38

Pues la gente con lo que tiene problemas principalmente es con la publicación de los contenidos que crea. Así que empiezo directamente con los consejos prácticos desde el punto de vista de la usabilidad y la accesibilidad. 00:03:49

Empiezo con las propiedades. Cuando creéis un proyecto nuevo, lo primero que tenéis que hacer es rellenar todo esto. ¿Dónde está todo esto? Creo que lo sabéis, pero lo que voy a explicar es cómo rellenarlo y por qué. 00:04:02

Todo esto está aquí, en la pestaña propiedades. Tenemos el título, tenemos el idioma, tenemos la descripción general, la autoría, el nombre del autor y la licencia. Voy a añadir una licencia. La he dejado vacía para que no ocupe espacio en pantalla. Luego lo vuelvo a dejar vacío. Voy a elegir cualquiera, esta misma. 00:04:14

Vale, ya me aparecerá aquí una vez que cargue la página. Bueno, en fin, ahí la tengo. Y no la he guardado. Perdón, perdón, primer fallo. Tengo que guardar las propiedades. Una vez guardadas ya veré los cambios. 00:04:31

Voy a darle a visualización previa para que veáis dónde se refleja esto en nuestro contenido y por qué es importante. 00:04:46

Exporto la página, voy a ver el código fuente de la página, que como siempre lo hago con el comando, no sé cómo se hace desde aquí. 00:04:55

Inspeccionar propiedades, inspeccionar control U, que es lo que hago siempre. 00:05:02

Empiezo, voy a ir en orden siguiendo el HTML. 00:05:06

Empiezo con el idioma. 00:05:09

Como veis, lo primero que encuentro en el código de la página es el idioma. 00:05:10

Es importante especificar el idioma por accesibilidad, primero, porque tú tienes un documento, tienes que especificar en qué idioma está, y también por los buscadores. 00:05:15

Tú le estás diciendo los buscadores, las máquinas en general, lectores de pantalla, etc. Tú estás diciendo este es un contenido en castellano y lo que espera encontrar ahí es ese idioma. 00:05:23

Por otra parte, si tengo seleccionado un idioma diferente del que realmente debe tener el contenido, habrá algunos contenidos que genera Excel automáticamente que no estarán en el idioma adecuado. 00:05:34

Si yo digo que el idioma es inglés y mi contenido está en castellano, los botones de anterior y siguiente no estarán en castellano, sino en inglés. 00:05:46

Los que trabajáis generalmente con Excel en castellano y creáis contenidos en castellano, pues no habréis tenido este tipo de problemas, pero Excel permite trabajar con la aplicación en idioma y crear contenidos en otro. 00:05:52

Y ahí es donde empiezan los problemas. En fin, especificar el idioma del documento, importante. Seguimos, el título. El título en el HTML está aquí, pero también es esto que veis aquí, es lo que aparece en la parte superior. El título es importante porque es el título del documento. 00:06:03

Si yo me voy a otra página, veo que el título, esto que aparece aquí, varía. Ahora ya es consejos prácticos barra seguido del título que tiene mi contenido. Como veis, el título del documento, esa etiqueta title, aporta información de contexto. 00:06:20

Te dice, estamos en consejos prácticos dentro de este contenido. ¿Vale? Fundamental. Sigo con la licencia. La licencia, bueno, es importante porque es tu garantía a la hora de compartir un contenido. 00:06:34

Tú compartes un contenido con una licencia que exige reconocimiento y espera reconocimiento por parte de quien lo utilice. Pues además también está en el código fuente, además de estar en el LP. 00:06:48

Está en el código fuente de las páginas. Esto no lo hemos escrito nosotros, esto lo genera Excel automáticamente. Este contenido ha sido generado con Excel Learning 2.9 y la descripción. Hemos introducido una descripción y esta descripción está en el HTML. En concreto va a estar en el fichero index.html. Esto solo está en la página principal de los contenidos que queremos. 00:06:56

vale la descripción cuando nosotros buscamos un contenido en un buscador lo que aparece aquí es 00:07:15

la descripción del contenido vale y lo que aparece aquí es el título del contenido de manera que no 00:07:23

sólo es importante por accesibilidad para dar esa información de contexto etcétera etcétera también 00:07:30

es importante para el posicionamiento de las páginas así que no dejéis de rellenar toda esa 00:07:34

información. Vuelvo al contenido. No se me ha olvidado ninguno. Pasamos al siguiente punto. 00:07:38

Si tenéis un contenido que tiene un índice parecido a este, es que algo va mal. Si es 00:07:48

demasiado grande, pues tal vez debáis plantearos reducir el número de apartados o bien partir 00:07:55

el contenido en varios LPs diferentes y crear un índice. Mucho mejor que tener un contenido 00:08:02

que resulta difícil de navegar. Esto también afecta la accesibilidad, no solo una cuestión de 00:08:07

es que a mí me gusta hacer un contenido muy grande. Podéis tener problemas si tenéis un LP muy pesado 00:08:11

con muchísimas imágenes, muchos contenidos, etcétera, pero aparte de eso es que conviene que el contenido 00:08:16

sea abarcable. 00:08:21

Podéis crear índices de distintas maneras. 00:08:25

Pues el CDEC, por ejemplo, tiene un índice de contenidos creados con Excel Learning. 00:08:30

Si no los conocéis, os animo a conocerlos porque son muy buenos. 00:08:33

se podría crear en el portal educativo EducaMadrid y hablaremos de eso más adelante. 00:08:38

Esto no son contenidos creados con Excel, lo he puesto simplemente como ejemplo. 00:08:43

Podríais crearlo con una página de chamán. 00:08:49

Estos son los contenidos del Instituto Geográfico Nacional que están hechos con Excel Learning y están muy bien. 00:08:50

Pues han creado un índice y luego han enlazado cada uno de los temas. 00:08:55

O podéis incluso crear un tema con Excel Learning directamente. 00:08:59

Realmente, creáis un LP que contenga el índice y el índice no tiene más que enlaces al punto en el que tenéis publicados los temas. Pincho en el tema 1, pues ahí voy al tema 1 y desde el tema 1 permito volver al índice. Eso es muy sencillo y podéis hacerlo sin usar otra herramienta que Excel. 00:09:02

otra cosa que no hay que hacer esto esto en fin es de cajón que no hay que hacer esto no y esto 00:09:19

es una exageración pero realmente no sé si es el caso de este proyecto pero sí que conozco 00:09:28

otros proyectos en los que han llegado contenidos listos para su revisión y los revisores se 00:09:36

encuentran con que eso es difícil de seguir porque son textos farragosos voy a quitar 00:09:40

la ortografía porque si no vais a ver todo en rojo todo el rato esto es difícil de seguir y 00:09:45

Párrafos cortos, títulos intermedios, los títulos honestos, luego comentaré por qué. 00:09:55

Títulos intermedios, listados, si es necesario hacer listados, que visualmente, no solo por lo que las palabras expresan, 00:10:02

sino que visualmente el contenido sea fácil de seguir, negritas, etcétera, etcétera. 00:10:14

Mucho más fácil y al final la calidad final del contenido va a mejorar mucho. 00:10:20

Más cosas que no hay que hacer. Esto. A ver, los efectos son muy golosos porque haciendo un clic, dos clics, en realidad, pues haces algo chulo. Haces un par de clics y ya tienes un acordeón. 00:10:25

¿Qué pasa? Que muchas veces nos encontramos con contenidos que tienen muchos acordeones, muchas pestañas, muchas diapositivas, mucho de todo. Y eso hace ilusión crear cosas visualmente atractivas, pero lo que tenemos que preguntarnos es si esos contenidos son fáciles de seguir. 00:10:40

porque muchas veces resulta más fácil seguir tres páginas que seguir una página que tiene un montón de contenidos 00:10:59

y tengo que andar desplegando o replegando unos elementos para poder ver lo que realmente quiero ver. 00:11:08

Así que efectos sí, abusar de los efectos no, con moderación y desde luego con consistencia. 00:11:14

Luego me referiré a este efecto en particular 00:11:22

a las listas de definición. Otra cosa que también conviene evitar es sobrecargar 00:11:28

la página con contenidos externos, especialmente con contenido multimedia 00:11:33

que puede tardar en cargar. También nos ha pasado muchas veces 00:11:36

que encontramos una página que tiene un montón de actividades muy chulas 00:11:40

pero que tarda una eternidad o que te deja colgado el navegador porque 00:11:44

Porque consume muchos recursos la página y no hay manera de trabajar con comodidad en ella. 00:11:48

Pues la solución es la misma que he comentado antes, partir, partir. 00:11:53

Irá por apartados más pequeños, irá por una estructura, bueno, una estructura no, irá por apartados más pequeños con menos contenido, 00:11:58

pero que muestren únicamente lo que necesito y que no den estos problemas. 00:12:06

Y el último de estos de no hay que hacer esto. 00:12:12

Voy a quitar la licencia, que si no vamos a estar viéndola en todas las páginas y cuantos menos elementos tengamos en pantalla mejor. Esto, no lo hagáis, por favor. 00:12:15

También es normal que queramos personalizar nuestros contenidos, que queramos que tengan determinados colores, que tengan determinadas tipografías, que tengan unas cosas más grandes, otras más pequeñas. 00:12:29

La calidad final de un contenido mejora notablemente cuando hacemos uso de las herramientas que nos proporciona Excel Learning, luego ir explicando cuáles son, y de las opciones de personalización que nos ofrece el estilo. 00:12:40

Unos estilos ofrecen unas opciones, otros estilos ofrecen otras. Por ejemplo, unos estilos pueden decir que este título de aquí es de color rojo y otros pueden decir que este título de aquí es de color verde. 00:12:54

Pero de la misma manera pueden decir, pues yo quiero que los párrafos tengan esta tipografía, tengan este color, las negritas esta tipografía, este color. 00:13:04

Lo suyo es manejar todas esas cuestiones desde el estilo, no forzarlas nosotros desde aquí. 00:13:14

Complica la edición del contenido, la creación del contenido y desde luego complica la reutilización. 00:13:20

Os voy a poner un ejemplo. Yo me descargo este contenido, quiero utilizarlo, pero a mí me gusta más este estilo. 00:13:24

pues ahí lo tenéis se ve fatal no hay un problema de elegibilidad importante que afecta afecta a la 00:13:32

accesibilidad porque no hay contraste suficiente entre el texto y el fondo vale pues eso lo hubiera 00:13:36

evitado si no hubiera seleccionado un color sino simplemente utilizado el color que el estilo me 00:13:41

define por defecto y los contenidos pues al final van a quedar mejor así este es un contenido 00:13:48

sencillo ahora iremos viendo cómo crear cada uno de estos elementos no todos ellos podamos cómo 00:13:54

podemos crear contenidos bien presentados y es mucho mejor mucho más fácil además mucho más 00:13:59

rápido aquí voy a enseñaros otro otro contenido sencillito que podría funcionar muy bien eso está 00:14:06

hecho a golpe de clic y sin preocuparse de elegir tipografías etcétera vamos ya con consejos un poco 00:14:13

más detallados aquí pone esto no es un título esto no es una lista y esto no es una lista son 00:14:24

Voy a explicarme. Y también dice, este no es un buen uso de una lista de definiciones. Voy a explicar todo esto. Voy a escribir aquí un párrafo. Esperad un momento, le voy a quitar el formato. Esto como si no lo hubierais visto. Vale. 00:14:30

Vale, esto no es un título, esto lo voy a hacer ahora, ¿vale? Es un párrafo al que le he puesto un texto grande, ¿vale? Sé que lo sabéis, pero lo que es verdaderamente importante es, si yo quiero incluir un título, incluir un título. 00:14:52

Empezando por el H2. ¿Por qué? 00:15:13

Porque el H1 es el título de la página. 00:15:17

Y los títulos tienen que estar correctamente anidados. 00:15:19

No elijo un H1, un H2, un H3 en función de la presentación. 00:15:22

A mí me gusta este más que el otro porque es más grande, es más llamativo. 00:15:25

No. Yo pongo un H2 y si ese título debe tener títulos hijos, pues serían H3 y a partir de ahí el contenido. 00:15:28

Así que hay que anidarlos correctamente. 00:15:37

Las listas, igual a mí me pueden gustar los guiones largos, pero eso no es una lista. Esto es un párrafo que empieza por un guión largo. Y hacerlo así supone un problema de accesibilidad. 00:15:39

Hay herramientas del lector de pantalla, por ejemplo, de lectores de pantalla, que te permiten mostrar las listas que tienen un contenido para luego a continuación listar cada uno de sus elementos. 00:15:51

Si yo no utilizo una lista, pues tengo un problema de accesibilidad. Así que si lo que necesito es una lista, uso una lista. No esto, este boliche y luego lo que sea, sino que escribo, tengo mi lista con el formato que sea y sigo escribiendo. 00:16:01

Vale, voy a poner esto en grande. Hemos llegado hasta ahí. Eso no es una lista. Nosotros vamos a trabajar con listas y una cosa que nos encontramos muchas veces es esta que tenemos aquí. Esto parece una lista, pero en realidad no son dos listas. 00:16:18

No es una lista, son dos listas. Voy a enseñar el HTML y lo voy a poner aquí para que se vea bien. Una lista es así. Una lista en HTML se abre así, se cierra como veis aquí y dentro tiene cada uno de los elementos del listado. 00:16:33

Lo que tenéis ahí son dos listas, una que se abre y tiene un elemento del listado y otra que se abre y se cierra aquí y tiene otro elemento. 00:16:57

¿Por qué la gente hace eso? Pues porque quiere aumentar el interlineado. 00:17:07

Vale, pues si quiere aumentar el espacio entre elementos de la lista y con eso pues lo estamos rompiendo y también tenemos un problema de accesibilidad porque ya no son elementos de una misma lista. 00:17:11

Si queréis aumentar el tamaño entre los elementos de la distancia entre los elementos de un listado, tenéis que hacerlo con CSS y si queréis que en el estilo que estáis usando, pongamos que es un estilo que ha desarrollado la comunidad autónoma, 00:17:20

si queréis que en el estilo que estáis usando no hay espacio suficiente, comentadlo con los responsables de la creación del estilo para que lo tengan en cuenta. 00:17:37

A lo mejor deciden que esa mejora es buena para todos y la aplican y a partir de ahí ya podéis crear listados que no tienen problemas. 00:17:43

Lo de las listas de definiciones. Una lista de definición que se añade desde aquí está pensada para lo que su propio nombre indica, ¿vale? Para incluir términos y definiciones, ¿vale? Sin embargo, estamos viendo, voy a deshacer cambios, estamos viendo que muchas veces se usa porque visualmente gusta y se usa para crear contenidos kilométricos, ¿vale? 00:17:48

Que además tienen dentro títulos de segundo nivel, tercer nivel, lo que sea. Pues no conviene usarlo. Estamos haciendo un mal uso de las listas de definición. Resumiendo, lo que tenemos que hacer cuando estamos creando contenidos es utilizar las etiquetas teniendo en cuenta lo que son. 00:18:11

Comprendo que a veces es difícil saberlo sin saber HTML, pero bueno, en caso de duda, pues títulos bien anidados, listas, enlaces, etcétera, negritas, después comentaremos los enlaces, los elementos de uso más habituales sin salirnos de ellos. 00:18:29

y podemos consultar en caso de que tengamos dudas. 00:18:47

Oye, ¿puede haber problemas por utilizar este tipo de efecto o este elemento 00:18:51

para incluir este tipo de información? 00:18:55

Pues podéis preguntar en algo de lo que hablaré más adelante, 00:18:57

pero ya que ha salido, pues aprovecho. 00:19:04

A pie de página a la web de EXE tenéis un enlace al grupo de Telegram. 00:19:06

Tiene un grupo muy activo en el que participa un montón de gente 00:19:09

y la gente contesta, los usuarios se contestan entre sí 00:19:12

Y también estamos quienes formamos parte del equipo de desarrollo de Excel Learning para echar una mano a lo que podemos. Funciona bien el grupo. Así que os recomiendo apuntaros si os interesa hacer ese tipo de preguntas. 00:19:17

Paso a las imágenes. Problema muy habitual en los contenidos. Imágenes súper grandes que luego en pantalla son pequeñitas. A la hora de añadir una imagen tenemos que tratarla. 00:19:27

Si no la tratamos, al final tenemos un contenido que pesa un montón y estamos obligando a quien ve el contenido a cargar una imagen que realmente no necesita. 00:19:39

No necesitas una imagen gigante para que se vea con este tamaño. 00:19:49

¿Cómo hacer el tratamiento de imágenes? 00:19:53

Lo más sencillo es usar la opción que tiene Excel Learning. 00:19:57

Para quienes no sabéis utilizar un programa de edición de imágenes. 00:20:02

Pedido demasiado rápido. 00:20:08

Me he ido aquí a imagen, insertar imagen. He marcado optimizar imagen antes de pinchar en la carpetita que me permite seleccionarla, ¿vale? 00:20:11

Y aquí ya puedo seleccionar mi imagen. Voy a seleccionar una que sé que es grande, ¿vale? Es una imagen muy, muy grande que pesaba cerca de 2 megas, ¿vale? 00:20:19

Pues resulta que después de optimizarla por aquí va a pesar 150K. Es una mejora enorme, ¿vale? Con lo que tenéis que jugar es con el tamaño y con la calidad. 00:20:29

os recomiendo que elijáis unas proporciones para las un tamaño para las imágenes horizontales otro 00:20:40

para las imágenes verticales y otro para las cuadradas por ejemplo no digo que tengan que 00:20:49

ser esos pues 600 x 400 para las horizontales 400 x 600 para las verticales y 450 x 450 para 00:20:55

las cuadradas vale trabajando siempre con los mismos tamaños no sólo estaremos usando las 00:21:02

imágenes con el tamaño que necesitamos sino que tendremos un contenido con una presentación más 00:21:09

homogénea y los realmente el resultado final mejorará mucho yo voy a elegir ese tamaño vale 00:21:16

600 x 400 así que digo 600 de tamaño máximo y con esto podría jugar con la calidad vale si cojo una 00:21:21

calidad muy baja, se veía muy mal. 95 era la que me sugería. Gano mucho. Finalizar. Lo inserto. 00:21:28

Ahora hablo del texto alternativo y ahí tendría mi imagen. Voy a editarla. Texto alternativo. 00:21:36

Escrito alt. Por accesibilidad las imágenes deben llevar un texto alternativo. El texto alternativo 00:21:44

es este. La descripción de la imagen, no el título de la imagen. El título de la imagen es ese 00:21:51

bocadillo que aparece cuando nos ponemos sobre la imagen. El título de la imagen es opcional, 00:21:55

la descripción de la imagen, el texto alternativo no es opcional. Es un requisito si queremos 00:22:00

hacer contenidos accesibles, porque si no, esa imagen no existe. Podemos dejar el texto 00:22:05

alternativo vacío únicamente cuando estemos utilizando imágenes 100% decorativas. No 00:22:10

tienen valor para el contenido más que para decorar. No voy a entrar en detalles de si 00:22:15

esas imágenes se deben meter con CSS o no, pero vamos, que sepáis. Si es decorativa, 00:22:22

podríais dejar el texto alternativo vacío. Si no lo es, hay que escribir el texto alternativo. 00:22:26

Y el texto alternativo tiene que ser un texto breve que realmente describa la imagen. Esto 00:22:31

sería, pues, Puerta de Alcalá, Madrid. Y de título podría poner otra cosa. Por dejarlo 00:22:35

vacío, Puerta de Alcalá. ¿Vale? Como veis, eso se ve ahí. Ese es el título. Cuando 00:22:44

Si guardara, pasaría exactamente lo mismo. Ese es el título. El texto alternativo no se ve en pantalla, pero ahí está y es el que podrán leer los revisores de pantalla, los lectores de pantalla. 00:22:51

Y por último, la leyenda. Yo suelo ponerla muchas veces, no siempre, no es imprescindible, pero ya sabéis que si tenéis que meter una leyenda o una imagen, no tenéis que hacer esto, escribir aquí. 00:23:01

no hay que hacer eso lo que hay que hacer es esto tenemos la imagen seleccionada nos vamos a la 00:23:13

pestaña título de reconocimiento y pongamos que esta imagen la ha descargado de un sitio web os 00:23:21

podría aquí incluir el enlace a la página desde la que desde lo que lo he descargado y también 00:23:31

podría seleccionar su licencia vale voy a guardar y como veis pues pues gana mucho haciendo las 00:23:38

cosas así. Aquí tengo una imagen que tiene un pie que está correctamente 00:23:44

asociado a las etiquetas. Este pie está asociado a la imagen 00:23:48

en el HTML. No presenta problemas de accesibilidad, 00:23:51

está bien presentado, la imagen no pesa mucho, etc. A por otra. 00:23:56

Con los vídeos y 00:24:03

otros contenidos, vídeos, audios, sitios web externos, 00:24:05

podemos funcionar como con las imágenes. Ahora veremos cómo. Sí quería decir 00:24:10

que lo ideal en un recurso educativo abierto, entiendo que es un recurso que está pensado 00:24:13

para compartir, es que todos los contenidos del recurso estén incluidos en el propio 00:24:17

recurso. Pero hay una excepción, que son los contenidos muy pesados. Entre ellos, por 00:24:21

ejemplo, los vídeos. Entonces, generalmente, se recomienda que si tú tienes un PDF o otros 00:24:27

documentos, esos archivos estén incluidos en el LP, estén enlazados directamente, formen 00:24:33

parte del contenido pero si vamos a pero si vamos a 00:24:38

para trabajar con vídeos pues a lo mejor salvo que sea un vídeo muy ligero y que 00:24:48

queramos que esté en el contenido pues lo que debemos hacer es publicarlo en 00:24:53

una plataforma vale que sirva para para servir vídeos como por ejemplo la 00:24:58

mediateca de educa madrid vale youtube y similares no hablo de la mediateca 00:25:02

porque porque es el que tiene educa madrid es realmente potente y no sólo 00:25:07

permita subir vídeos y no muchos otros contenidos sin publicidad etcétera tiene sus ventajas teniendo 00:25:11

la usada desde luego vamos a hacer la prueba con el vídeo para insertar vídeos y otros elementos 00:25:15

de la mediateca bueno lo voy a hacer con esto voy a copiar esta url con control c y control c 00:25:22

con gusto grande para que lo veáis y veréis que ahora esto creo que es de la 29 si no es de la 00:25:32

desde la anterior. Veréis que para añadir, creo que esto sí que es de la 2.9, para añadir contenidos de la mediateca lo único que tenéis que hacer es pegar la URL de la mediateca. 00:25:39

Ni siquiera tenéis que pegar el código que os proporciona la mediateca para ver el documento. Pegáis la URL del vídeo de la mediateca y ya lo tenéis y podéis rellenar aquí esto. 00:25:49

Este sería mi contenido. Aquí pondría la URL de la mediateca, la página en la que se puede encontrar, la licencia, si corresponde, etc. 00:25:57

Lo inserto y ahí tengo un contenido que está alojado en la mediateca. Ese contenido mejor ahí que formando parte del LP ocupando un montón de peso. 00:26:09

Despacio. Vamos con las columnas. Esto de aquí arriba parece que está bien, pero en realidad no está bien. Ahora veremos por qué. Mejor de la segunda forma. Voy a ir haciendo esto pequeñito. 00:26:20

esto es lo que pasaría si navegara por ejemplo 00:26:33

con un dispositivo móvil o simplemente tuviera una resolución de pantalla 00:26:37

muy bajita, veis las columnas están ahí 00:26:40

están ahí, está todo pelotonado, no hay quien se entere 00:26:42

sin embargo en la parte de abajo pues los contenidos 00:26:45

se han ido adaptando, a partir de cierta resolución 00:26:48

las columnas desaparecen, responsive design 00:26:51

que se llama, ¿cómo se hace eso? pues se hace así 00:26:55

esto de aquí arriba está hecho con tablas 00:26:57

Está hecho así. No uséis las tablas para maquetar. Hay otras maneras mejor de organizar la información en filas, columnas y demás. Ahora voy explicando. 00:27:00

Pero las tablas, la lógica te dice que debe ser una tabla para presentar información que debe ser presentada en forma de rejilla. Tengo unos encabezados, tengo unas columnas que presentan datos. 00:27:20

Para lo demás, esto, plantilla. Voy a hacer una cosa. Disculpad un momento. Y es poner esto para que no se me vaya el tiempo porque no tengo reloj delante. Ahí está. 00:27:33

¿Dónde están estas plantillas, estas columnas aquí? Insertar plantilla. Aquí tenéis varias. Tenéis pues esta que ocupa la mitad cada una, está al 30%, está al 70%. 00:27:58

Esta tiene tres columnas. Aquí hay una que tiene dos columnas, cada una de las cuales tiene un vídeo, una que tiene dos imágenes. 00:28:09

Esta tiene tres columnas con tres imágenes. Puedo previsualizarlas y una vez que las tengo, inserto. 00:28:15

Usando eso tendremos estructuras de columnas, como las de los contenidos de ejemplo que os he enseñado al principio, de estos y hay que hacerlo así. 00:28:22

Estructuras de columnas sencillitas que se adaptan perfectamente al dispositivo y no presentan problemas de accesibilidad. 00:28:30

Tablas. Hacer una tabla con el editor, con este editor, este editor está en IMC, es fácil. Nos vamos aquí y hacemos una tabla. Hacer una tabla que tenga un buen marcado, las tablas tienen sus peculiaridades. 00:28:34

Hay celdas que son de encabezados, luego la tabla tiene una cabecera, luego tiene el cuerpo de la tabla. Hacer una celda que esté bien estructurada, que sea bonita, que sea accesible, etc. Tiene eso aquel. Hay que dedicarle tiempo. 00:28:52

personalmente creo que no merece la pena porque hacerlo a mano vale por supuesto que merece la 00:29:04

pena hacerlo bien pero que se gana se gana mucho tiempo utilizando estas opciones de nuevo en 00:29:11

insertar de nuevo aquí en insertar plantilla vale pues ahí tengo tablas tengo 00:29:16

pues una tabla con encabezado en filas y columnas otra que tiene la tabla una que tiene 00:29:23

solo columnas, pues elijo esta, ¿vale? 00:29:31

Y aquí ya pongo el nombre de la tabla. 00:29:39

Estos serían alumnos de clase y empezaría nombre, apellido, 00:29:41

lo que fuera, ¿vale? 00:29:47

Y esta tabla, pues, está bien estructurada, 00:29:48

el HTML está bien estructurado, 00:29:52

no presenta problemas de accesibilidad y, además, es bonita. 00:29:53

Incluso en algunos estilos tiene un aspecto distinto. 00:29:57

Al cambiar de estilo, pues, la vemos con unos colores u otros. 00:29:59

Si me voy aquí, a ver si soy capaz de hacer esto, tabla, esto igual me lo salto así, pues no tenía pensado contarlo, así que no voy a contarlo, no lo encuentro a la primera, no lo cuento. 00:30:01

Que sepáis que ahí tenéis las tablas y que conviene usar esas tablas en lugar de meterse a hacer tablas a mano, salvo que no estemos seguros de lo que está haciendo. 00:30:21

Voy con los enlaces. No hagáis esto, por favor, eso de bla, bla, bla, bla, pincha aquí, que es ese aquí que se hace mucho. 00:30:27

Lo ideal es que los enlaces expliquen qué hace el propio enlace. Pues dime, puedes matricularte ahora y en el matricularte ahora al azar o poner un botón que deje bien clarito que pinchando en ese botón, un enlace con aspecto de botón, que pinchando en ese botón puedes matricularte. 00:30:35

Vale, el caso más extremo son esas páginas que tienen montones de noticias con muchísimos enlaces en los que ponen leer más. Leer más que para nosotros bien porque lo vemos en pantalla visualmente, ¿no? Pero para quien no lo ve así, quien usa un lector de pantalla, por ejemplo, ahí hay un montón de enlaces que tienen el mismo texto y que no indican para nada dónde va cada uno. 00:30:54

Otras cuestiones, los enlaces en ventana nueva, mayor nivel de accesibilidad, yo quiero que los enlaces, bueno, para empezar los enlaces no tendrían por qué abrirse en ventana nueva, los puedes dejar que se abran en la misma ventana del navegador y que el usuario pulsando la tecla control lo abra en ventana nueva si quiere, 00:31:11

Pero bueno, todos sabemos que al final intentamos que los enlaces externos abren en ventana nueva para que la gente no pierda nuestra página. 00:31:36

Lo más accesible de todo, poner el texto visible. También se podría poner este texto visible, se abren en ventana nueva, dejar claro que eso se abre en ventana nueva. 00:31:46

Hay que indicar de alguna manera que eso se va a abrir en ventana nueva. También se podría dejar el texto, pero ocultándolo de manera accesible. 00:31:56

Más tarde explico cómo hacerlo. Ese se abre en ventana nueva, se oculta, pero de manera accesible. Nosotros no lo vemos en pantalla, pero con un lector de pantalla lo veríamos. 00:32:03

Y otra opción sería añadir un título, que es lo que se hace la mayoría de las veces. Se dice que se abre en ventana nueva y en el título decimos, pues esto abre Excel Learning en ventana nueva. 00:32:13

Con eso lo solucionaríamos. ¿Que tenéis que hacer un contenido con un nivel de accesibilidad muy elevado? Pues a lo mejor os dicen que no se abran en ventana nueva o que se verifique así, ya os dirían. 00:32:25

Los enlaces internos. Esto para que no se extrañe. Cuando creamos enlaces a otras páginas, se ven si exportamos como sitio web, que es lo mismo que vemos si le damos a visualización previo. 00:32:36

Pero si exportamos como y dentro de Excel también funcionan. Para hacer un enlace a otra página de nuestro documento iríamos aquí. 00:32:48

A AnclarNodo seleccionaríamos cualquiera de las páginas de nuestro contenido y ya tendríamos un enlace a esa página. 00:32:55

Pero que sepáis que cuando exportamos como en otros formatos, en SCORM, en IMS, por ejemplo, esos enlaces internos desaparecerán. 00:33:01

El texto se seguirá mostrando, pero no habrá enlace, ¿vale? Porque es el LMS, el Moodle o el LMS que se utiliza, Moodle en el caso de la Comunidad de Madrid, 00:33:08

el que se encarga de pintar la navegación y no hay enlaces, ¿vale? De ningún tipo. No hay menú, no hay enlaces, de eso se encarga el LMS. 00:33:17

más sobre los enlaces. Esta opción se usa poco y está muy bien, mejora mucho la accesibilidad de los enlaces, 00:33:25

en especial cuando son enlaces a documentos pesados. Yo tengo un texto, perdonad, lo voy a borrar. 00:33:34

Yo tengo un texto, voy a crear un enlace a un documento. Tengo un documento por aquí, voy a crear un documento al PDF. 00:33:45

Esta opción se usa poquito, incluir información del fichero. Puedo elegir la unidad en la que se muestra. La voy a poner en kilobytes para que ponga aquí una cantidad razonable y como veis me marca directamente cuál es la extensión y me genera esto. 00:33:52

Con lo cual tengo un enlace que ya tiene el título, no he tenido que incluirlo directamente y que además tiene la información del fichero, es decir, su formato y su tamaño a continuación. 00:34:07

Bueno, pues esa es una mejora de accesibilidad interesante. 00:34:22

Embeber documentos. 00:34:27

Sabéis que podemos embeber documentos, pongamos que un PDF desde aquí, como añadimos un vídeo y yo selecciono el documento. 00:34:33

Y lo incrusto directamente. Voy a poner aquí título de reconocimiento. Ejemplo. Lo incrusto. Esto ha cambiado en S2-9. Antes se incrustaban como iframe. Esto para los que sepáis más de HTML, ahora se incrustan con la etiqueta embed. Es un poco lo de menos. 00:34:41

Yo soy más partidario de enlazar los documentos 00:35:01

como he enseñado en la página anterior, es decir, con un enlace 00:35:06

especificando que se ha tratado un PDF, su peso, etc. Y que el usuario 00:35:09

descargue el documento y lo vea donde quiera y como quiera. A lo mejor quiere verlos 00:35:13

en el navegador, a lo mejor quiere verlo en Foxy Reader, quiere verlo en una prueba Reader, como él quiera. 00:35:17

Así respetamos su preferencia. Muchas veces se quieren incrustar 00:35:22

los documentos por una cuestión visual. No, es que me gusta más 00:35:25

que se vea en pantalla porque queda chulo. Podéis hacerlo, pero os recomiendo también 00:35:29

añadir el enlace para que en caso de que alguien tenga un navegador que no sea compatible 00:35:35

con esto o en caso de que el contenido esté publicado en el servidor que presente problemas 00:35:41

para incrustar los contenidos de esa manera, pues el usuario, el alumno, pueda descargarse 00:35:45

el contenido. Podéis seleccionar aquí la leyenda y añadir un enlace como hemos añadido 00:35:52

antes, ¿vale? Seleccionamos el PDF y ya tenemos el documento ahí. También podéis incrustar el 00:35:58

documento subiendo previamente el documento a la Mediateca de EducaMadrid, ¿vale? Y utilizando 00:36:05

la técnica de inserción que he comentado antes. Voy a pegar aquí la URL del documento, me voy al 00:36:15

Título, escribo todo, pa. Ahí tengo el documento que en realidad está en la mediateca de EducaMadrid y ya es EducaMadrid el que se encarga de, pues es la mediateca la que se encarga de hacer las comprobaciones necesarias para ver cómo puede mostrar ese contenido correctamente el navegador que está usando el usuario. 00:36:22

Y adicionalmente podemos añadir el enlace al propio fichero, al PDF. Lo tengo, incluir información del fichero, etc. Con eso ganamos en accesibilidad también y evitamos que algunas personas tengan problemas para acceder a nuestro contenido porque no pueden verlo aquí, por su navegador, por lo que sea. 00:36:43

El idioma. Ya os he dicho antes que es muy importante especificar el idioma del documento, pero también hay que especificar el idioma de algunas partes del documento. 00:37:07

Si yo estoy escribiendo un texto en castellano y de repente escribo en inglés, pues debo decirlo, aparte de marcarlo con cursivas, que es lo correcto en español, pues debo especificar que se trata de un contenido en otro idioma. 00:37:17

Eso se hace desde aquí. Insertar aquí en editar, insertar y editar atributos y ponemos el código del idioma inglés en este caso. Lo he hecho aquí con el árabe para enseñaros un ejemplo. 00:37:32

¿Veis que esto está aquí? Pues si yo usara un estilo compatible con la escritura de derecha e izquierda, pues eso ya aparecería con la justificación correcta, ¿vale? 00:37:52

Porque yo he dicho los contenidos que estén en ese idioma se presentan de esta manera. 00:38:02

Esos son los trucos, me he referido hasta ahora a los trucos más relacionados con la accesibilidad y la usabilidad. 00:38:08

Voy con otros. Ahora tengo que apurar un poco, ¿vale? 00:38:14

despejar elementos muchas veces queremos escribir aquí en una imagen a la izquierda un texto a su 00:38:17

derecha yo quiero escribir pero no quiero escribir aquí vale yo quiero es que estos puntitos me salgan 00:38:23

aquí debajo bien pues eso podéis hacerlo usando esta opción despejar y a partir de ahí esos 00:38:30

puntitos ya están en la parte de abajo vale otra opción muy práctica para estos casos es esta otra 00:38:35

añadir un párrafo al final que te hace justo eso doy aquí clic y me añade un párrafo al final y 00:38:41

Y eso lo digo porque a veces uno no sabe muy bien cómo salir del lugar en el que se encuentra. 00:38:46

Pues con eso se consigue. 00:38:51

Bocadillos de este tipo sirven para hacer estas cosas. 00:38:54

Voy aquí, selecciono un bocadillo, voy a decir que es de tipo definición, los hay de distintos tipos. 00:39:07

No voy a entrar en cada uno ahora porque podéis verlo y aquí te dice el bocadillo mostrará el término y su definición. 00:39:12

Pues voy a escribir el término. 00:39:18

disculpad porque lo voy a hacer mejor aquí, que tenía ya escrito el texto Puerta de Alcalá y me voy a los bocadillos. Aquí está Puerta de Alcalá, la definición, término Puerta de Alcalá y definición, pues describo, vale, un monumento muy importante en la ciudad de Madrid, etcétera, etcétera, vale. 00:39:19

Ventaja, que puedo editar esto, podría por ejemplo añadir una imagen de la puerta de Alcalá. Voy a añadir una imagen, esta ya la tenía optimizada, pero en fin, voy con esta chiquitita, finalizar, esto es la puerta de Alcalá, y guardo. 00:39:41

Pues con eso consigo este efecto, que en algunos casos puede estar muy bien, puede ser útil y además visualmente es atractivo. 00:40:02

Otro elemento que se puede usar es este. Selecciono un texto y elijo la opción ventana de diálogo, donde puedo escribir lo que quiera, exactamente igual que he hecho con el bocadillo. 00:40:13

Y lo mismo que en el bocadillo nos creaba este cuadro azul, aquí me crea este cuadro gris que yo también puedo editar. Lo edito. Voy a guardar los cambios para que veáis cómo se comporta. 00:40:27

He puesto un texto. Podría haber metido otros elementos. Es atractivo, no presenta problemas de accesibilidad y es útil para presentar un poquito más de información de un texto sobre un texto pequeño de nuestra página. 00:40:41

mensajes y textos especiales 00:40:54

no sé si os habéis fijado al principio cuando os he enseñado 00:40:57

ese contenido de ejemplo de mejor hacer las cosas así 00:41:00

y también os he dicho que conviene usar 00:41:03

lo que Exeos ofrece, pues Exeos ofrece 00:41:06

una serie de mensajes que resultan muy útiles 00:41:08

como estos que tenéis aquí delante 00:41:11

a mí por lo menos me resultan muy útiles, los uso constantemente 00:41:15

están aquí 00:41:18

editar, insertar y editar atributos una vez más 00:41:18

Voy a hacer nuevo. Me coloco en cualquier punto del elemento, insertar y editar atributos y en clase CSS voy a decir estos, cualquiera de estos. Estos que empiezan por ese block, pues son esos bloques que estáis viendo. 00:41:23

Voy a decir que es de información. La información es así azulito. Pues ahí lo tenéis. Hay algunos estilos que incluso les ponen un icono, pero en líneas generales todos los presentan de la misma manera. 00:41:42

También podemos ocultar un texto de manera accesible. ¿Ves lo que había puesto en el ejemplo de enlaces que se abren en ventana nueva? Se abre en ventana nueva. 00:41:58

vale pues vamos a ocultar este texto que tengo seleccionado de manera accesible yo no lo veo 00:42:05

en pantalla pero el texto está ahí y con un lector de pantalla se vería vale de nuevo insertar editar 00:42:10

atributos clase exe tejida en accesible oculto accesible está oculto pero es accesible como 00:42:16

veis aquí lo veo lo podría editar si quisiera vale pero si guardo aquí lo veo pero si exportó 00:42:24

esto ya no se va a ver. Está ahí, como he explicado, pero no se va a ver. Grabar audio. Esto no solo puede ser útil para los de idiomas, que creo que es muy útil para ellos, 00:42:31

también para explicar un poquito mejor un ejercicio que es un poco complicado. Por ejemplo, para los pequeños, les haces una descripción del problema, 00:42:44

pero a lo mejor no quieres perder tiempo en hacer una descripción muy detallada o no puedes hacerlo. Pues puedes ir aquí y directamente le das a grabar. 00:42:51

No voy a hacerlo porque como estoy compartiendo el audio por otro lado no quiero que haya problemas. 00:42:58

Grabar, finalizar, aceptar y tenéis un audio al que le podéis poner una leyenda como hemos hecho antes con los vídeos, etc. 00:43:02

Es útil. 00:43:09

Enlaces. 00:43:10

Creo que esto lo habéis tenido que usar muchos a la hora de presentar el portafolio. 00:43:11

Hacer un enlace con un efecto de este tipo que se llama Lightbox. 00:43:15

Voy a editar. 00:43:20

Eso se hace así. 00:43:22

Voy a añadir un efecto, como veis, perdonad que lo estoy haciendo muy rápido, he seleccionado un texto, podría haber seleccionado una imagen, lo he hecho con un texto, lo selecciono, añado un enlace, voy a seleccionar un fichero, pues este por ejemplo, y voy a escribir un título. 00:43:23

El título es Hola. Y aquí en rel digo Lightbox. Si yo guardo esto, me voy aquí, ya lo tengo y el título es lo que aparece a pie de foto. 00:43:43

Vale. Puedo hacer lo mismo con vídeos de la mediateca. Mediateca. No voy a el primero que encuentre. Este. Voy a añadir un enlace aquí. Voy a pegar la URL directamente. Pum. Y voy a decir rel lightbox. Aceptar. Guardo. Y ahí lo tengo. El resto lo hace automáticamente. 00:43:55

Y ahora lo que quiero enseñaros es cómo hacer colecciones, ¿vale? Para que os haga esto, pero que puedas pasar a la siguiente haciendo clic en un botoncito, ¿vale? De siguiente o volver a la anterior. Eso se hace así. Me voy aquí y una vez más, atributos, ¿vale? Como veis en rel, me dice que es lightbox, ¿vale? Yo voy a abrir corchete, cerrar corchete y voy a poner el nombre de mi galería, el que sea, sin caracteres especiales, sin espacios, ejemplo, ¿vale? 00:44:25

esto lo voy a seleccionar y lo voy a copiar o copio aceptar me voy a ir al vídeo editar insertar 00:44:55

editar atributos un botón derecho pegar los dos comparten el valor del atributo real vale de 00:45:04

manera que si yo ahora hago así pues tengo una pequeña galería vale como veis aquí otro elemento 00:45:13

que tiene Lightbox, pero ese no forma parte de mi galería ejemplo. Por eso no aparece en el listado. 00:45:20

Notación musical. Esto para los de música, claro. A lo mejor para composiciones muy complejas no sirve. 00:45:25

No soy experto en eso yo, ojalá. Pero para cosas sencillas como lo que se puede ver en la ESO, sí. 00:45:33

Voy a hacer un ejemplo con un código fuente que he copiado de esa página que tenéis ahí. 00:45:43

Esto lo hace con una anotación que se llama anotación musical ABC, que hace, bueno, por referencia a los nombres de las notas, pues separado, etc. 00:45:48

Los de música lo sabéis perfectamente. No tengo más que irme aquí, anotación musical, pego el código que acabo de copiar, que es ese código en formato ABC. 00:45:55

¿Me oís? ¿Se ha oído algo? Yo sigo. Si hay algún problema, córtame, Alberto, por favor. Mientras tanto, sigo. 00:46:06

Le doy a visualización previa, pues este sería el formato definitivo. Tendría un reproductor, tengo la partitura y podría ver el código fuente. Como veis es súper fácil y el resultado es atractivo. 00:46:12

atractivo vale mapas mentales crear un mapa mental desde aquí es fácil vale se usa este botoncito de 00:46:28

aquí vale ya tengo uno creado simplemente para que veáis que además de crearlos podemos editarlos voy 00:46:38

a abrir el editor de mapas mentales y qué pasa aquí pues que se me ha olvidado por ejemplo empieza 00:46:43

como es posible no se me olvida empieza pues empieza ahí está y lo voy a guardar vale recortó 00:46:47

el trocito que quiero y cuando termino le doy a guardar 00:46:53

y ya he terminado. Tengo una imagen. 00:46:56

No voy a hacerlo por ahorrar tiempo, que ando un poco justo 00:47:00

y tendría mi mapa mental, que para esquemas 00:47:03

sencillos es muy útil. Esto, para 00:47:06

código, yo lo uso constantemente. Cuando he dado 00:47:08

clase informática, por ejemplo, cuando he creado contenidos 00:47:13

para material de apoyo para las clases. 00:47:16

Presentar el código así como lo estáis viendo ahora, pues es 00:47:19

tristón. Voy a copiarlo. 00:47:22

Y voy a usar esta opción, ¿vale? Lo voy a pegar ahí. Puedo marcar la opción incluir estilos y además le voy a decir que resalte la sintaxis. 00:47:25

Y le voy a decir que eso es código, efectivamente es Javascript. Y voy a decir que quiero diseños, claro, en lugar de oscuro. 00:47:36

Sí que quiero que me marque los números de línea y quiero que resalte la segunda línea que es donde tengo la alerta, ¿vale? 00:47:41

Pues ahí lo tengo, ¿vale? Gana mucho, es mucho más fácil de seguir el código. 00:47:48

Bueno, inserción de fórmulas matemáticas. Aquí hay un botoncito que permite insertar fórmulas matemáticas, escribiendo código látex aquí o usando el editor que se abre pinchando aquí, pero lo que hemos visto en la práctica es que los de matemáticas sabéis o vais aprendiendo código látex y que os resulta más fácil escribir directamente el código látex 00:47:52

las fórmulas matemáticas en las páginas vale pues si lo que queréis es hacer eso y que no 00:48:22

se presente el código con esta forma sino que se vea como uno espera que se vea una fórmula 00:48:28

matemática lo que podéis hacer es activar esta casilla en la pestaña propiedades con el modo 00:48:34

avanzado activado vale me voy a exportar selecciono código matemático cargar matias matias es la 00:48:39

librería que se encarga de hacer eso lo guardo me vuelvo al contenido y cuando vuelvo a la página 00:48:46

Si soy capaz de encontrarla, pues veo que estas fórmulas de aquí se renderizan correctamente, tanto en línea como en bloque. 00:48:52

Buscador. Esto creo que habéis tenido que hacerlo muchos de vosotros para el portafolio de competencia digital docente. 00:49:00

Yo puedo querer añadir un buscador en las exportaciones. Añadir barra de búsqueda. Lo guardo. 00:49:06

Y cuando exporto, como sitio web, únicamente como sitio web, pues aquí tengo un buscador. 00:49:12

¿Vale? Funciona bien. Exactamente igual que el buscador, pues puedo añadir contadores a pie de página. 00:49:17

Pues esto es útil en algunas ocasiones. Creo que veis el efecto. 00:49:30

Que me dice, pues mira, son 35 páginas, vaya ladrillo. Pues esto es útil para algunas presentaciones, por ejemplo. 00:49:36

Que sepáis que la opción está ahí, porque está un poco escondida. 00:49:44

Ese era ese apartado. Las rúbricas. Muchos sabéis que hay un eDevice aquí en otros contenidos que se llama rúbrica, que me permite crear rúbricas con mucha facilidad. Voy a importar una de las rúbricas de ejemplo que están creadas por el CD y lo voy a guardar. 00:49:47

Lo que no sé si tanta gente sabe es que esas rúbricas se pueden aplicar. Entonces, voy a aplicarla. Te dice, para aplicarlo tienes que exportar primero. Pues voy a exportarla. Voy a visualización previa. Tengo un buscador. Voy a buscar las rúbricas. Me voy a las rúbricas. Tengo la rúbrica y la voy a aplicar. 00:50:08

Vale, pues aquí puedo poner este es el examen, examen 1 de la primera evaluación, bla, bla, bla, de hoy, 0, 9 de él, lo que sea. Este es el alumno X, ¿vale? La puntuación no hace falta que la escriba yo, la puntuación la calcula la rúbrica, ¿vale? 00:50:25

Voy reinando la rubrica, ¿vale? Y al final le pongo las observaciones, fatal, lo típico para motivar, ¿no? 00:50:43

Y lo que puedo hacer es imprimirlo, control P y me genera un PDF con esto que yo le envío al alumno, ¿vale? 00:50:51

También puede servir para que el alumno genere ese PDF y me lo envíe, para que me envíe su auto-evaluación o que se auto-evalúe, sin más, ¿vale? 00:50:57

Agarro esta página y sigo avanzando en el contenido. ¿Cómo compartir el EP? La manera más sencilla de hacerlo es esta de aquí. Me voy a otros contenidos, le doy a descargar el fichero fuente. 00:51:04

si he ido previamente a la pestaña propiedades 00:51:22

va a leer automáticamente toda esta información 00:51:26

le doy a guardar y me crea 00:51:28

una tabla, una ficha 00:51:31

con la información que ya había introducido previamente 00:51:34

en la pestaña propiedades, hay un botoncito que me permite descargar el LP 00:51:37

cuando exporto, si yo pincho en este enlace 00:51:41

obviamente se descarga el LP, esa sería la manera más sencilla 00:51:43

otra es esta, me voy a propiedades exportar 00:51:46

y le digo exporta una copia del LP 00:51:49

guardar, ¿vale? Si yo ahora exporto, aunque el LP que se exporta, o sea, se va a exportar 00:51:51

una copia del LP, obviamente, y el LP que se exporta no está enlazado porque no he incluido 00:52:05

ningún enlace en mi contenido, pero yo sé que ese LP está ahí y eso es útil, por ejemplo, 00:52:09

si yo he publicado en algún sitio mi contenido, pues porque yo sé que tengo el LP ahí metido 00:52:13

Y sé cuál es la URL y lo puedo descargar y recuperar si lo necesito. Esa sería la segunda manera de crear el enlace al LP. Y la tercera sería simplemente hacer esto. Yo creo un enlace al LP. Pues cuando exporte el contenido, este enlace descargará el LP. 00:52:21

Vale. Presentaciones. Podéis usar Excel para hacer presentaciones. Se usa poco yo. Yo, por ejemplo, lo uso mucho. Bueno, un poco para... faltaría más, ¿no? Si no lo usara yo, pero que es muy útil, de verdad, y queda muy bien. Sobre todo es muy, muy fácil hacerlas. 00:52:42

Hay un estilo que es este de aquí, presentación, o algunas comunidades autónomas como Madrid que tienen suyo propio, que me permite hacer presentaciones. Selecciono el estilo, exporto y veis voy a la segunda página que es así más pintona y queda bastante bien para presentación. 00:52:59

mucho mejor que otros estilos más pensados para contenidos más extensos. 00:53:16

Como veis, tengo aquí el contador que he añadido, etc. 00:53:21

E incluso el buscador. En caso de una presentación, probablemente no lo incluiría. 00:53:24

Si vais aquí a Información, os cuenta cómo se usa esto. 00:53:27

Pues no es más que seguir estas instrucciones. 00:53:32

Si le doy a la M, muestro y oculto el menú. 00:53:34

Con las flechas paso de una página a otra. 00:53:39

Y si voy a la flecha superior, voy a la primera página. 00:53:42

y si le doy a la flecha de abajo, a la flecha bajar, me voy a la última página. 00:53:45

Si hacéis esto pulsando F11 para tener el navegador en pantalla completa, 00:53:49

pues tenéis una presentación atractiva y que se hace mucho más rápido que con otras aplicaciones. 00:53:54

Salgo de pantalla completa, cierro la previsualización y voy con Excel Learning 2.9. 00:54:01

Ya he dicho que si queréis saber más sobre Excel Learning 2.9, ayuda, notas de la versión, 00:54:06

ahí están todos los detalles. 00:54:11

Vale, principalmente seis juegos nuevos. No voy a entrar en ellos ahora, que si no me quedo sin tiempo para contaros la parte de Madrid. Otros devices nuevos. Tampoco voy a entrar en ellos ahora. Todos estos los ha hecho Manuel. Vale. Y nos va a hablar de ellos a continuación. O sea que no me extiendo más en esa parte. 00:54:13

Pero sí que hay una novedad que está un poquito oculta y que creo que viene bien que conozcáis, que es la barra de accesibilidad. De nuevo, propiedades y aquí en la pestaña exportar, propiedades exportar, añadir una barra de accesibilidad. 00:54:31

Lo voy a guardar. Guardo. Me voy a cambiar de estilo. Voy a volver al que tenía. Le doy a visualización previa. De aquí tengo el estilo con esa barrita. Aquí está la barra de accesibilidad que me permite hacer más grande el texto. Me permite cambiar la tipografía. El número de tipografías es limitado porque hay que exportar las tipografías siempre. 00:54:46

Y bueno, hemos optado por esas tres porque creemos que cubren bastantes casos. Puedo restablecer las propiedades y puedo colocar la barrita donde yo quiera para que no me moleste si es que me molesta. 00:55:10

La barra de accesibilidad puede ser útil para algunos. No es imprescindible para crear un contenido accesible. 00:55:28

Si creéis que puede ser útil que vuestro público, vuestro alumno, vuestros alumnos puedan seleccionar la tipografía por cualquier motivo, podéis utilizarlas, pero no utilizarlas no significa que vuestro contenido no sea accesible. 00:55:33

Si cuidáis los detalles que he mencionado anteriormente, no tendría por qué presentar problemas de accesibilidad. 00:55:47

Voy con EducaMadrid. Como decía antes, Alberto y Manuel, me parece que voy a necesitar, no creo que llegue a cinco minutos más. 00:55:54

Pero así me da tiempo a contar esta parte que creo que es interesante para los de Madrid, que hay algunas opciones que probablemente no las conozca todo el mundo. 00:56:03

En EducaMadrid se pueden publicar de distintas maneras contenidos quedados con Excel Learning. 00:56:13

Eso, como decía, es una gran suerte porque uno de los principales problemas que tiene mucha gente por ahí es la publicación del contenido. 00:56:19

Sin embargo, nosotros lo tenemos resuelto. 00:56:27

Voy a ir a mis páginas de EducaMadrid y voy a ir por cada una de estas opciones. 00:56:30

En el portal educativo como contenido. Me voy al portal educativo. No estoy autenticado, pero me autentico. Estoy en mis páginas privadas del portal educativo a la que les he dado esta apariencia. 00:56:33

Y lo que voy a hacer es irme al administrador de contenidos. Pues aquí tengo una carpetita que es la que voy a usar para las pruebas de este curso. Taller de Excelen. 00:56:50

vale si yo tengo el modo avanzado activado veo más cosas vale pues activo el modo avanzado y 00:57:04

tengo un importar excel ernie pues si yo me voy aquí y selecciono un sitio web que exportado 00:57:11

desde excel ernie así exportar estándar perdón exportar sitio web carpeta no archivo exportar 00:57:19

sitio web archivo comprimido zip vale si yo selecciono un zip que he creado así y le doy 00:57:27

a importar el fichero no lo voy a hacer porque a veces tarda un poco en especial si el contenido 00:57:35

tiene muchos ficheros como es el caso vale pues lo que hace es crearme un contenido me crea un 00:57:39

contenido de este estilo lo voy a editar para que veáis me crea un contenido al que yo luego 00:57:46

Luego le voy a poder poner un título, le voy a poder poner una imagen, la que yo quiera, y le puedo añadir también una descripción. 00:57:54

Y cuando termine de hacer los cambios, pues lo publico y tengo un contenido más, como cualquiera de los que tengáis en el portal educativo. 00:58:02

Y después lo puedo añadir a mis páginas con un agregador de contenidos. Esto ya forma parte de la manera de trabajar con el portal educativo. 00:58:08

Vale, voy a hacer la prueba rápida, no voy a entrar en detalles aquí y ahí tengo mi contenido. Vale, yo podría compartir esta página con los alumnos y los alumnos podrían acceder directamente al contenido. Vale, esa sería una manera de publicar un contenido en EducaMadrid. Portal educativo, administrador de contenidos. 00:58:19

Otra, portal educativo, pero en lugar de usando el administrador de contenidos, usando esto, el directorio de ficheros. 00:58:40

El procedimiento es similar. Yo tengo ahí mi carpetita en el directorio de ficheros, que es esta, y me voy a crear dentro de una carpeta que se va a llamar, por ejemplo, nueva carpeta, contenido nuevo. 00:58:50

Y creo la carpeta. Cuando creo la carpeta, le digo voy a añadir ficheros de un zip. Tengo que tener el modelo de lanzado activado. 00:59:04

Añadir ficheros desde un zip. Me dice, vale, pues selecciona el zip. Voy aquí. Me he creado unos contenidos ligeros para poder hacer esta prueba. 00:59:10

Digo, subir fichero. Pues está subiendo el fichero, está descomprimiendo los archivos, puede tardar un pelín. Este contenido es ligero, no tardará mucho. 00:59:20

Cuando termina me voy al listado y tengo todos los ficheros que estaban en el zip. Lo que voy a hacer es esto. 00:59:29

Voy a ver, voy a ver, voy a ver los ficheros de tipo texto para que me resulte más fácil localizar el fichero índex, que es la puerta de entrada a mi contenido. Este es el contenido que acabo de subir. Y este contenido lo puede ver cualquiera. Esta URL la podéis compartir con quien sea. 00:59:34

¿Vale? Salvo que, y esta es otra ventaja de hacerlo aquí, desde el asistente de permisos, digáis que a ese directorio no puede acceder cualquiera. 00:59:51

¿Vale? No voy a entrar ahora en lo que hace cada uno de los permisos, pero podríais restringir el acceso. 01:00:03

Y otra ventaja tiene publicar, usar el directorio de ficheros para publicar estos contenidos. 01:00:08

Pues que pongamos, yo tenía mi contenido A, voy a abrir de nuevo este contenido, es el contenido nuevo, ¿vale? Y yo antes tenía un contenido, tenía otro, esta URL, como es, es así, yo tenía este contenido, el contenido A, ¿vale? 01:00:14

Y yo les había dado a mis alumnos esta URL, la URL del contenido A y luego le he visto y digo, madre mía, si se lo he pasado con el estilo para los niños y este no es un contenido para ellos. Voy a cambiar el estilo porque yo quiero que se vea así. 01:00:34

Pues lo que podéis hacer con esto es cambiar el nombre de las carpetas. Yo tenía mi carpeta 01:00:47

contenido A, podría renombrar la carpeta, lo renombro y tengo mi carpetita contenido nuevo 01:00:54

y la voy a renombrar, le voy a llamar contenido A, renombro. Pues si ahora fuera a la url de 01:01:06

contenido A, que antes era verde, pues ya no sería verde, tendría el último contenido publicado. 01:01:18

Pues esto es fácil de hacer con el directorio de ficheros, más complicado de hacer de otras maneras. Sigo con otras maneras de publicar contenidos en EducaMadrid. Desde hace un tiempo en EducaMadrid tenemos la posibilidad, bueno, voy a ir poco a poco, vamos a ver. 01:01:23

Me voy a mis cursos, el webinar de Excel Learning, activo el modo edición, lo voy a poner en modo claro, que tal vez más gente esté habituada a él. 01:01:42

Puedo añadir una actividad o recurso, eso ya lo sabéis. 01:01:54

Desde hace mucho, decías de hace poco, desde hace mucho en EducaMadrid, porque esto es algo que tiene, es que Moodle de serie podía subir ficheros SCORM. 01:01:58

Yo creo una actividad de tipo SCORM, le pongo un título, arrastro aquí un SCORM que arrastro aquí o me voy aquí a subir un archivo, selecciono un archivo que he creado con Excel Learning, un feature SCORM, le doy a mostrar y ya tengo mi contenido creado con Excel Learning publicado en EducaMadrid. 01:02:06

Nada nuevo estoy. Vuelvo a mis cursos, abandono la página y ahora voy a por los cambios recientes. Esa sería una manera. La otra manera, muchísimo más cómoda, como veréis, es esta. Esto lo tienen de momento solo Madrid y Extremadura. 01:02:28

Y hay más comunidades autónomas que están trabajando en la instalación. Pero bueno, es una suerte poder contar con esto tan pronto. Y es que podemos directamente crear un contenido SCORM con Excel Learning sin salir de aquí. 01:02:45

me voy a, tengo seleccionada 01:03:05

la opción por defecto que es crear con Excel Learning y mostrar 01:03:08

voy a Excel Learning 01:03:10

y me va a la versión 01:03:12

online de Excel Learning que tiene montada Madrid 01:03:14

aquí hago lo que quiera 01:03:16

o incluso puedo importar un 01:03:17

contenido 01:03:20

¿Perdón? 01:03:20

Insertar un LP en esta página, puedo hacer 01:03:24

lo que quiera, puedo trabajar con normalidad 01:03:25

y cuando termino me dice seguro 01:03:27

que lo quieres publicar en Moodle, sí 01:03:29

me voy a Moodle y aquí tengo 01:03:31

el contenido. Y además tiene un visor 01:03:33

más bonito, a lo mejor no es tan bonito 01:03:36

como no nos parece tan bonito como el menú 01:03:39

como los contenidos que exportamos directamente 01:03:42

desde S-Learning como sitio web, pero tiene un menú 01:03:45

más cuidado y con más opciones como esta de 01:03:49

pantalla completa que el visor normal que tenía 01:03:51

la actividad de tipo Scorn de Moodle. 01:03:55

Lógicamente el contenido este 01:03:59

lo puedo editar, etcétera. 01:04:01

etcétera. Vuelvo aquí. Hoy hemos visto hasta aquí. Hemos publicado, hemos visto las aulas 01:04:02

virtuales como SCORM, las aulas virtuales como SCORM de Excel Learning y nos faltaría 01:04:10

esta última opción, que es en las aulas virtuales como sitio web de Excel Learning. 01:04:16

web. Lo muestro. Añado unas páginas para que veamos el menú. Voy a dejar esto vacío 01:04:22

por cuestión de tiempo y cuando termine lo voy a finalizar. Y aquí tengo mi contenido 01:04:35

en Moodle, con su menú, etc. También puedo verlo en pantalla completa y si me voy a configuración 01:04:42

también puedo decir que ese contenido, en lugar de incrustarse en mi página del curso, 01:04:51

del tema, ¿vale? Perdón, no es aquí, es en opciones avanzadas. En apariencia, en lugar de incrustarse en el tema en el que he creado esa actividad, 01:04:55

pues habrá ventana nueva, ¿vale? Que me permitiría ver el contenido de una manera completamente independiente. Voy a volver aquí. 01:05:08

Ya hemos visto esto también y bueno, que sepáis que en el futuro, todavía no sabemos cuándo, pero en el futuro esto estará integrado también con la Mediateca, con la Mediateca de EducaMadrid para que se puedan crear contenidos con Excel Learning directamente desde ahí, editarlos, compartirlos, etc. 01:05:17

Por último, que sepáis que EducaMadrid y el exe que hay, el exe online de EducaMadrid, ya tiene estos estilos. Los estilos de Creatum y el estilo de competencia digital docente. 01:05:34

Y que ahora para instalaros desde esta mañana lo único que tenéis que hacer en lugar de descargar el zip, etcétera, es ir aquí a gestor de estilos y en banco de estilos localizarlos y darle al botoncito de instalar. 01:05:52

Y eso es todo. Ya os he comentado antes que para dudas de Excel Learning y demás, el grupo de Telegram funciona de maravilla y para un contacto más oficial, peticiones, etc. 01:06:06

os diría que escribáis a esta dirección que aparece en pantalla, inforobaxlearning.net, y si tenéis dudas relacionadas con EducaMadrid, que escribáis o llaméis al CAO, ¿vale? 01:06:21

Que ahí hay gente que sabe mucho en los dos sitios, en EXE y en EducaMadrid, que sabe mucho y es muy maja y ayuda muy bien, ¿vale? Así que muchas gracias y dejo paso a Manuel. Muchas gracias por los minutos, Manuel. 01:06:30

Bueno, pues muchas gracias Ignacio por tu detallado recorrido por X-Learning y voy a pasar la palabra a Manuel Narváez que como os he comentado en la parte introductoria va a hablar de una introducción sobre los juegos en X-Learning y diferentes formas de utilizar e-devices que quizás no conozcáis. 01:06:41

Pues Manuel, te cedo la palabra. 01:07:05

Buenas tardes. Muchas gracias, Alberto. Muchas gracias, Ignacio. Ha sido muy interesante. He aprendido muchas cosas que no sabía de ser él. No sabía que no sabía tantas cosas. 01:07:09

Bien, yo voy a hablar de mi tema, que va a ser mucho más concreto. Voy a hablar de Ideba y de Juego. Ya sabéis que un Ideba y de Juego, o si no lo sabéis, lo cuento, es un bloque de contenido con aspectos de gamificación. 01:07:19

No voy a hablar nada de teoría, va a ser fundamentalmente práctico porque no tenemos tiempo para nada. Mi exposición se va a dividir en dos partes. 01:07:29

En la primera parte haré un recorrido por los fundamentos básicos del uso de los juegos en ese learning, os explicaré cómo crear un juego, cómo configurarlo, qué características compartidas tienen todos los juegos y cómo podemos integrarlo en nuestros recursos. 01:07:36

Y después os he preparado 8 o 9 prácticas. No llegan a las 10 porque algunas son repetidas de actividades creadas con juegos. Veremos los clásicos, veremos cómo se hace un rosco, cómo se hace un relleno de huecos, pero luego pasaremos a un mapa, haremos actividades tipo tarjetas, tipo relaciones, muchísimo. Todo práctico y todo visual. 01:07:50

Voy a pasar a compartir mi pantalla porque voy con el tiempo justito. Esta es mi pantalla directamente por aquí. Bien, vamos a empezar. Lo primero que vamos a empezar es aprender a crear un juego. Todos los juegos en S-Learning están en la pestaña juegos. Aquí hay una pestaña que veréis que hay casi 20 juegos diferentes. 01:08:11

Bueno, realmente todos no están aquí. Hay dos muy especiales que son informe de progreso, que lo veremos más adelante al final, y otro que es lista de cotejo, que están relacionados con los juegos, pero están aquí porque no son juegos previamente dichos. 01:08:33

Informe de progreso, ya veremos que lo que permite es proporcionarnos una forma de almacenar puntuaciones para los profesores que no utilicen Moodle, pues ya veréis que informe de progreso da una solución. 01:08:51

Pues bien, vamos a crear el primer juego y el primer juego clásico es evidentemente un tipo test. Este tipo test de respuesta única correcta se llama Quest. Bien, cuando entramos en un IDEBASE de juego, en este caso Quest, en modo normal, sin ser modo avanzado, nos vamos a encontrar siempre estas tres pestañas. 01:09:01

Primero le ponemos un título, mi primer juego. 01:09:23

Luego aparece una pestaña con instrucciones. 01:09:34

Las instrucciones normalmente están infrautilizadas. 01:09:36

Normalmente aquí ponemos cuatro cositas, pero las instrucciones pueden ser muy prácticas. 01:09:38

Podemos poner un texto completo y que luego el juego verse sobre ese texto. 01:09:43

Poner un vídeo y que el juego haga preguntas sobre el vídeo. 01:09:47

En instrucciones podemos poner cualquier cosa. 01:09:50

Es como si fuera un edificio de texto. 01:09:52

Aquí admite todo lo que admite un edificio de texto, admite las instrucciones de un juego. 01:09:54

La siguiente pestaña, que ya la trabajaremos mucho durante esta ponencia, es las opciones. 01:09:59

Las opciones permiten configurar el juego en general. 01:10:05

Un mismo juego con opciones diferentes puede dar lugar a dos actividades totalmente diferentes. 01:10:07

Podemos hacer un mapa que sea simplemente para mostrar información y podemos hacer que un mapa sea un juego identifica avanzado, 01:10:13

simplemente cambiando un botoncito aquí. 01:10:20

Y luego, la tercera pestaña que tenemos es la pestaña de contenidos. 01:10:23

Es que en este caso llama a preguntas. Aquí estarán los elementos que forman nuestro juego. Pueden ser preguntas, pueden ser tarjetas, pueden ser frases, pueden ser tríos, pueden ser cualquier cosa. 01:10:27

Según el tipo de device que estemos haciendo, aquí tendremos una cosa diferente. 01:10:36

Nosotros estamos haciendo un device tipo test y lo primero que nos pide es una pregunta. Vamos a crear nuestra primera pregunta. 01:10:40

Le ponemos la pregunta, completamos las opciones y seleccionamos la respuesta correcta. Durante esta ponencia no voy a crear muchos materiales porque lo que se tarda más es completar contenido o lo enseñaré ya en creado, pero quiero que veáis cómo es un contenido recién creado. 01:10:46

Pues bien, aquí tenemos uno y ahora hemos creado simplemente dándole a guardar, hemos creado nuestro primer juego. Es un juego un poco soso. Tiene una sola pregunta, aquí están los aciertos, los errores, los puntos obtenidos y un botoncito para maximizar que luego da mucho juego. Y aquí nuestra respuesta. 01:11:22

Bien, vamos a hacer este juego un poco más atractivo y vamos a ir aprendiendo. 01:11:39

En todos los Idebyte de juegos siempre hay una barra de edición. 01:11:45

Esta barra de edición nos permite crear preguntas, movernos entre ellas, borrar la pregunta, copiar la pregunta y pegar la pregunta. 01:11:49

Vamos a añadir una nueva pregunta, pero para no tener que escribir simplemente vamos a copiar esta y la vamos a pegar. 01:11:57

Veis que aquí me dice que tengo ya dos preguntas directamente. 01:12:04

Esta pregunta, para que no sea tan sosa, le vamos a poner una imagencita. Esta imagen la podemos seleccionar directamente en nuestro equipo. Directamente aquí he preparado una serie de materiales, por ejemplo, un corazón. 01:12:07

Las imágenes pueden tener cualquier formato, PNG, JPG e incluso allí. 01:12:21

Mirad que chulo queda este corazón latiendo aquí. 01:12:27

Aquí voy a cambiar el título y voy a poner identifica. 01:12:30

Y una cosa que tienen todos los juegos es que permiten seleccionar partes. 01:12:35

Yo puedo hacer clic aquí y decir, ¿esto qué es? 01:12:40

Esto es la cava superior. 01:12:42

Pago aquí y marco cava superior. 01:12:44

Me va a aparecer un cursor directamente. 01:12:48

Voy a hacer otra copia, otra imagen. 01:12:50

La copio. 01:12:52

La pego. Ya tengo otra pregunta más. Y digo, no, esta va a ser la cava inferior. 01:12:54

Es decir, nuestras preguntas pueden estar enriquecidas con multimedia. 01:13:01

La forma más simple de multimedia es una imagen, pero también nuestras preguntas podrían tener vídeos. 01:13:05

Voy a añadir otra nueva pregunta. Copio esta y la pego. 01:13:11

Voy a modificar esta y voy a decir que tenga un vídeo. 01:13:16

Pues voy a poner una URL de YouTube cualquiera. 01:13:20

La voy a ver. 01:13:25

Y voy a decir que el vídeo dure hasta el día de hoy. 01:13:30

Vamos a ver cómo van a ir. De vez en cuando es conveniente dos cosas. Es muy importante en la serenidad hacer dos cosas. 01:13:35

A, previsualizar para ver lo que está haciendo el programa, cómo va nuestro contenido. Y B, guardar los cambios. Esto es muy importante. 01:13:39

Manuel, perdona, es que se ha quedado el audio, se está oyendo el audio del vídeo y no te oí más. 01:13:48

Ah, vale, perdona, gracias. 01:13:56

Vale, es muy importante hacer dos cosas. Uno, previsualizar de vez en cuando para ver los resultados. 01:13:58

Y dos, guardar los cambios. Ese tiene tendencia a que en ciertas ocasiones se cuelga, se desconecta el servidor y perdemos la información. 01:14:24

Es muy importante cuando estamos trabajando con ese, si estamos haciendo un trabajo durante mucho tiempo, guardar cambios, guardar cambios, guardar cambios. Pues bien, hemos creado nuestro primer juego. Hay un tipo de multimedia que no se suele utilizar mucho y evita muchas posibilidades. 01:14:34

Igual que podemos utilizar imágenes y vídeos, podemos utilizar texto. Imaginaros, yo soy profesor de lengua, le estoy enseñando a Antonio Machado, a mi alumno, y quiero hacerle preguntas sobre un texto de Antonio Machado. 01:14:50

copiaría ese texto 01:15:05

elegiría aquí 01:15:09

tipo de multimedia texto 01:15:10

copiaría 01:15:11

el texto 01:15:12

seleccionaría 01:15:13

la parte del texto 01:15:14

sobre 01:15:15

el que quiero hacer 01:15:16

la pregunta 01:15:17

por ejemplo 01:15:17

esta 01:15:19

le podría poner 01:15:19

incluso color 01:15:20

y luego haría la pregunta 01:15:20

voy a cambiar 01:15:23

esta de aquí 01:15:25

y listo 01:15:25

más 01:15:45

más que haría 01:15:45

la respuesta correcta 01:15:45

y tendría un texto 01:15:46

y dice vale 01:15:47

es un poco labrioso 01:15:48

utilizar solo un texto 01:15:50

para una pregunta 01:15:51

no 01:15:52

vuelvo a hacer 01:15:52

lo mismo 01:15:53

copio 01:15:53

pego y en la siguiente pregunta 01:15:54

cambio, dejo ese texto 01:15:56

que había elegido y elijo otro 01:16:00

y sobre este hago otra pregunta. Es decir, 01:16:02

en un juego tipo test, tipo 01:16:06

quiz, podemos tener apoyo multimedia de distintos 01:16:08

tipos. Podemos tener imágenes, podemos tener vídeos, podemos tener 01:16:12

texto. Esto es compartible 01:16:15

en otros tipos de juegos de preguntas. Por ejemplo, 01:16:18

en selecciona, que no vamos a poder verlo, 01:16:21

En adivina, en trivia, etcétera, etcétera. Bien, esto sería la parte de contenidos. Tenemos nuestro juego, vamos a ver cómo ha quedado, muy rápidamente. El texto, ¿veis? Perfecto. Si tengo otro texto que no, etcétera, aquí no lo he cambiado porque no he cambiado. Aquí aparecería en rojo esta parte y haría una pregunta diferente. Sigamos. 01:16:23

Hemos visto los contenidos. En cada juego habrá contenidos diferentes. Cosas importantes más, opciones. Este juego lo puedo configurar y en los tipos test hay opciones muy interesantes. Por ejemplo, imaginaros que quiero que mi alumno haga un test, pero que a cada alumno le salga un test diferente. 01:16:52

Yo puedo marcar unas opciones que son preguntas al azar, que sería que me mezclen las preguntas de SETER y opciones al azar, que hace que las respuestas se mezclen, pero siguen siendo las mismas preguntas. Yo podría hacer otra cosa más. Por ejemplo, aquí tengo una opción directamente que se llama tanto por ciento de preguntas, que es un poco crístico de tanto por ciento de preguntas. 01:17:14

¿Qué significa tanto por ciento de preguntas? Significa que si yo pongo aquí un 50%, me va a mostrar aleatoriamente cada vez que un alumno carga el juego la mitad de las preguntas. Bueno, en este caso voy a poner menos, voy a poner un 30% para que muestre. 01:17:36

dos preguntas de este juego 01:17:52

aleatoriamente y a cada alumno le va a presentar 01:17:55

unas preguntas diferentes. Pues si 01:17:57

yo muestro aquí, veis que ya 01:17:59

solo hay dos preguntas. 01:18:01

Me saldría esa pregunta 01:18:06

y me saldría esta pregunta. Una cosa 01:18:07

muy interesante. Al alumno 01:18:12

si le sale la opción repetir, 01:18:14

pulsa aquí para empezar otra partida, 01:18:17

le vuelve a mostrar más preguntas. 01:18:19

Alguien me dice, oye, ¿pero por qué salen más preguntas? 01:18:20

No, el alumno ha hecho 01:18:22

una prueba, ha tenido errores y le 01:18:24

damos la opción a corregirla y le muestra las mismas 01:18:26

preguntas. Si el alumno entra y carga de nuevo la página 01:18:29

o otro alumno, les mostrarán 01:18:32

preguntas diferentes. 01:18:34

Bien. Otra opción interesante 01:18:38

que tenemos es esto, 01:18:41

informe de progreso. Esto es una nueva, un nuevo device 01:18:44

que aparece en la versión 2.9 DS. 01:18:47

Este informe de progreso es una forma alternativa 01:18:51

de almacenar la puntuación. Vosotros todos 01:18:53

los de Ducat Madrid, pues no tenéis problemas. Todos tenéis, trabajáis 01:18:56

con los recursos exportados en un entorno LMS 01:18:59

como Mugle y vuestras notas quedan almacenadas 01:19:02

y guardadas ahí y podéis consultarlas. Pero hay profesores que no 01:19:05

utilizan eso, suben sus materiales a un servidor o a 01:19:08

por común. ¿Y cómo tienen una especie, cómo pueden 01:19:11

recibir información de la actividad de esos alumnos? 01:19:14

Pues con el debate informe que lo veremos al final, pero 01:19:17

os lo adelanto un poquito, pues si no nos da tiempo, porque me viene 01:19:20

tiempo cada vez más justo. Ponemos un código. Este código será 01:19:23

el mismo que el device, pero simplemente quiero que veáis el resultado. 01:19:27

Aquí me aparece arriba 01:19:32

directamente que no he hecho esta actividad porque acabo de ponerla. Voy a hacerla 01:19:33

rápidamente. Bien, un cero. 01:19:36

Voy a repetir, que la he contestado demasiado rápido. 01:19:48

Vale, pasa con cinco por lo menos. 01:19:52

Tengo un diez. 01:19:58

Cuando nosotros queramos utilizar 01:20:00

el device en forma de progreso, añadiríamos 01:20:01

al final de nuestro contenido un device que está aquí. 01:20:04

Os decía que estaba dentro de otros contenidos. Este device lo que hace es recoger todas las actividades que los alumnos van haciendo de nuestro tema. ¿Veis? Mi primer juego que era este. Pues, y he sacado un 10. Esto que está en el ordenador del alumno, no está en la red. 01:20:08

¿Qué puede hacer el alumno con esto? ¿Para qué le sirve el alumno? El alumno le sirve porque va teniendo información que se queda almacenada de sus resultados y además, si lo necesita y el profesor se lo pide, puede generar un imagen con los datos de las actividades que ha realizado que puede remitir a su profesor. 01:20:27

Es decir, el informe de progreso, lo que es una forma que tiene una doble funcionalidad. Por una parte, al alumno le sirve de motivación, ve si un resultado, ve si lo ha hecho bien, lo ha hecho mal y lo puede corregir. Y en caso de necesidad, puede compartir estos resultados con su profesor enviándole lo clásico, un archivo con los resultados obtenidos. Evidentemente, lo ideal es tener un muro de no sé cuánto, pero da una solución a un problema que antes no la tenía. Es decir, una forma de almacenar la información de las actividades. 01:21:02

Pues bien, sigamos. Estamos con nuestro juego. Hemos visto cómo crear nuestro primer juego. Vamos a ver características comunes que tienen con todos los devices de juego. 01:21:28

Si yo entro en modo normal, directamente se ven las tres pestañas, pero si activo el modo avanzado, me aparecen otras cuatro pestañas que son muy, muy útiles. Contraseñas que nos permiten poner una clave para acceder a nuestro juego y pistas que lo que nos hacen es que nuestro juego nos proporciona una pista. 01:21:40

Vamos a ver cómo funciona esto. Voy a poner que esto necesita un código de acceso. Pongo 1, 2, 3, 4 y pregunta. Introduce la clave obtenida donde sea. Cuando el usuario se encuentra mi device, mi juego, no puede hacerlo directamente. Necesita esta clave. 01:22:05

1, 2, 3, 4. Bien. ¿Y para qué sirve esto? Imaginaros, yo le digo a este juego, mira, tú, cuando el alumno supere más de un 20% de esta actividad, vamos a poner un 10 para que sea muy rápido, cuando el alumno supere más de un 10% de actividad, muéstrale este mensaje. 01:22:27

La clave que necesita es 1, 2, 3 y 4. El alumno hace juego. Juega directamente, contesta una pregunta, está a la vena de la cabeza superior, automáticamente le sale un mensaje aquí, palpadeando, luego se queda para que lo vea. 01:23:01

clave 1, 2, 3, 4. 01:23:19

Evidentemente, tú en la instrucción me dirás 01:23:22

completa este juego. Cuando lo resuelva 01:23:23

al 100%, te saldrá una clave que necesitará 01:23:25

en tal sitio. Pues bien, 01:23:27

yo en tal sitio, por ejemplo, 01:23:29

he preparado otras páginas 01:23:32

donde los contenidos están bloqueados. 01:23:33

Me dice, introduce la contraseña 01:23:36

que has obtenido 01:23:38

en el cuestionario sobre mascotas. 01:23:39

¿Qué es la que? 01:23:40

Si yo no meto la contraseña, 01:23:42

no veré los contenidos. En el momento que meto esta 01:23:45

contraseña, veré ese contenido. 01:23:46

La contraseña y pista nos sirven para secuenciar contenidos o culturamos contenidos que los alumnos no quieren ver y en el momento que nosotros, que ellos hacen una actividad, pues lo ven. 01:23:49

Esto también se podría aplicar a la vida real. Nosotros podríamos decirle, haz los ejercicios del tema 7 de tu libro de matemática y el resultado obtenido en ese libro, que ya sabes tú cuál es porque eres un profesor, será la clave para hacer esta actividad. 01:23:59

Es decir, nos permite también interaccionar las actividades con el mundo real. 01:24:12

Segunda pestaña interesante es con esta esencia, es decir, hemos dicho que el informe servía cuando los profesores no trabajaban en Moodle o en Scholarium, pero si los profesores trabajan en Moodle o Scholarium, necesitan guardar sus notas de las actividades en Moodle o en el Ducal Madrid donde corresponda. 01:24:16

Por defecto, aunque todos los juegos tienen capacidad de guardar la puntuación en un entorno con, por defecto está desactivada. Es decir, si yo creo un ID by juego y no activo, no guardo la nota. ¿Por qué? Yo como programador no sé si al profesor le va a interesar guardar esa nota o no. 01:24:40

Entonces, si queremos que este ejercicio, que esta actividad guarde nota con el modo avanzado activo, tendremos que ir a Sconc y elegir la forma de guardar la nota. Se puede guardar la nota automáticamente. Esto significa que el alumno, a medida que vaya haciendo actividades, la nota se va a guardar o le podemos decir que le aparezca al alumno un botón para guardar y el alumno lo guarde como quiera. 01:24:57

Vamos a este caso. Aquí tengo mi actividad. El alumno la va haciendo y cuando el alumno lo ha acabado o cuando quiera, porque puede guardarla varias veces según lo configuramos nosotros, le da el botón por aquí, le da guardar y ahora que me dice que no funciona, ¿por qué? Porque no está en Moodle. 01:25:22

Es decir, cuando yo utilizo guardar, esto solo funciona cuando lo tenemos en un LMS, lo tenemos en EducaMadrid, en Moodle, en Scholarium o donde sea. 01:25:42

Ajuste idioma. Ajuste idioma hace que cualquier mensaje que aparezca en mi juego, incluso los que son títulos, cosas que no se ven, los pueda personalizar. 01:25:55

Yo, por ejemplo, puedo poner pulsa aquí para empezar, puedo poner dale caña, aquí directamente dale caña y automáticamente hay muchos mensajes. 01:26:06

mensajes, yo los voy viendo. 01:26:14

Apart cambia. Esto puede ser útil porque 01:26:18

tiene, para ustedes, si tienen algunos más pequeños y a lo mejor los mensajes 01:26:21

que aparecen son complicados, pues tú coges y edita 01:26:24

ese edify y cambia los mensajes. Y sirve 01:26:27

para otra cosa muy interesante. Imaginaros que yo soy 01:26:30

un profesor de bilingüe. Estoy haciendo un recurso 01:26:33

educativo en español. Todos los mensajes 01:26:36

de todos me aparecen en español. Sin embargo, por ejemplo, 01:26:39

aquí tengo un rojo. 01:26:42

El ronco, el ronco este, aunque tiene contenido en inglés, me está apareciendo los mensajes en español. Contiene, ¿por qué? Porque yo he creado el device cuando tengo el Selenium configurado en español. 01:26:43

El device se acuerda del idioma en que lo has creado y guarda todos los mensajes en el idioma original. Vamos a hacerlo. Me voy aquí a utilidades, preferencias y voy a cambiar a inglés. Guardo los cambios. Automáticamente ya tengo en inglés mi texto. 01:26:59

Creo un nuevo rosco. Voy a ponerle una cosa muy simple a rosco. Voy a ponerle una palabra. ¿Veis? El rosco anterior, repasa lo aprendido, estaba en español porque lo creé en español. El rosco nuevo está en inglés, tiene su mensaje en inglés. Si yo me vuelvo ahora a español y guardo los cambios, aquí tengo mi rosco en español, pero aquí tengo mi rosco con todos sus mensajes. Comienza aquí, mensajes, todo y mis contenidos directamente. 01:27:28

Lo del ajuste de idiomas tiene esta doble función. Uno, ajustar los idiomas para que los mensajes sean adecuados a nuestros alumnos y otro, poder mezclar los idiomas, los devices de distintos idiomas en un mismo recurso. 01:28:11

Bien, vamos. Voy un poco rápido a hacer el ritmo. 01:28:27

Última pestaña, importar y exportar. 01:28:30

Esta pestaña ahora tiene un uso relativamente escaso. Tiene como finalidad exportar los contenidos de un juego en un formato tipo JSON. Esto le da la ventaja de que nosotros los podemos recuperar rápidamente. 01:28:37

Imagina, yo tengo aquí este rosco, que ya lo tengo creado con muchas cosas. Yo podría coger este rosco, exportarlo directamente, se me ha ido a la carpeta de descarga directamente, y si yo en mi juego, en otra parte cualquiera de mi juego, voy a hacerlo aquí perdido, debajo de informe de progreso, por ejemplo. 01:28:49

necesito utilizar, volver a utilizar ese rosco, simplemente 01:29:18

creo un juego de nuevo tipo, del mismo tipo, juego tipo rosco y me voy a la 01:29:23

pestaña importar. Le doy a seleccionar, me voy 01:29:28

a descarga y donde tengo rosco y automáticamente me recupera 01:29:35

todos los contenidos de texto. La imagen es también 01:29:39

recuperar los enlaces, pero solo funciona si yo estoy importando dentro 01:29:44

de un mismo LP. Es decir, si yo creo 01:29:49

un recurso, un rosco, y 01:29:51

directamente lo importo en otra parte del rosco, 01:29:53

como las imágenes están dentro de ese LP, 01:29:56

funcionarán. Pero si yo cojo un 01:29:58

LP, el rosco, el poco como JSON 01:29:59

y lo importo de otro sitio, solo 01:30:01

me importarán los contenidos. ¿Por qué? 01:30:03

Porque es un archivo de texto plano, 01:30:05

no lleva imágenes. Ya veremos 01:30:08

que esto lo estamos modificando, 01:30:10

veréis las próximas versiones muy pronto, para 01:30:11

que podamos importar, además, desde archivos 01:30:13

de juego, desde archivos 01:30:16

exportados y generados por inteligentes 01:30:17

actividad artificial textos planos muy simples de tal manera que crea un juego sea algo muy 01:30:19

simple de hecho me deba ya está modificado y me dice puede importar desde jason o desde el txt 01:30:24

bien resumiendo cuando creamos un juego simplemente tenemos que indicar elegir el tipo indicarle un 01:30:31

un título, completar instrucciones y marcar las opciones. Las opciones cambiarán muchísimo 01:30:45

de un juego a otro, pero hay muchas comunes, como está minimizado, lo del porcentaje de 01:30:51

puntuaciones, después de preguntas, lo del informe de progreso. Y luego completamos los 01:30:56

contenidos. Estas partes, de hecho, estas pestañas están, son para opciones avanzadas, 01:31:03

pero como veis, pueden ser muy útiles en muchas condiciones. Por ejemplo, las contraseñas 01:31:07

para enlazar y debate entre sí, actividad entre sí. Esto es esencial si trabajamos en Moodle. 01:31:12

Una cosa muy importante, si yo tengo varios recursos que guardan su puntuación en una misma página, 01:31:19

solo se guarda la puntuación del 1 y la gente pregunta muchas veces, ¿qué 1? Pues la del último que haga. 01:31:26

Si empiezo y tengo 5 y empiezo por el último y hago al final el tercero, me guarda la del 5. 01:31:31

Luego me guarda de tres y me va sobreescribiendo todas y solo guarda una puntuación. El informe, sin embargo, no. Si tengo un informe de actividades en el mismo nodo, en la misma página, las 10 aparecerán en el informe. 01:31:36

Pero insisto, el informe es algo local. La única forma de que la información llegue en el informe del alumno al profesor es que el alumno lo exporte y se lo mande por correo, por el medio que tengan ellos para compartir información. 01:31:49

Bien, vamos a, ya hemos visto un poco cómo funciona el device, sé que vamos muy deprisa, pero entre que teníamos poco tiempo y hemos perdido alguno, vamos justito. 01:31:59

Vamos a ver algunos ejemplos de device. Mi idea es enseñaros ya lo que lo habéis hecho, explicaros algunos trucos que seguro que no conocéis para más que para que aprendáis cómo se hace, para que veáis qué es lo que hace. 01:32:09

Lo que quiero es una especie de tormenta de ideas. Quiero que vosotros vayáis viendo mi ejemplo y penséis, ah, esto lo puedo aplicar así. Esto es para mi alumno de primero. Esto me sirve para este ejercicio. Es decir, luego, con más tranquilidad, vosotros podéis ver el vídeo o ver la ayuda en los manuales o preguntarnos directamente en nuestro foro. 01:32:23

Vamos a empezar con un clásico, el rosco. 01:32:41

Hemos creado aquí un rosco. 01:32:45

Vamos a quitar este de aquí en inglés. 01:32:46

El rosco es el juego clásico, pero nuestro rosco es un rosco muy tuneado. 01:32:49

Una cosa muy importante, nuestros devices son muy buenos y no porque lo haga yo. 01:32:52

Son muy buenos porque cuando yo creo un device, lo presento a un grupo de profesores, 01:32:56

especialistas en tecnología, especialistas en su materia, y me plantean sugerencias. 01:33:01

Me dicen, ¿por qué no hace esto? ¿Por qué no hace esto? ¿Por qué no hace esto? 01:33:07

Y todas esas sugerencias están incorporadas aquí. Con lo cual, estos e-device no son los típicos juegos roscos que hace lo justo. No, hace roscos que hace A, B y C que son de sugerencia. Por ejemplo, ¿qué tiene de peculiar este rosco? Este rosco tiene peculiar de que está pensado que no solo presenta el texto. Una pregunta tiene que aportar información además. Una pregunta tiene que educar. 01:33:10

Si yo le pregunto, ¿comienza con letra A? Pues estoy, bueno, pero digo, ¿comienza con la letra B o contiene la letra B? Le muestro el animal, que es el ratón, y le pongo el sonido. Está aprendiendo. A lo mejor falla, pero cuando le salga la solución correcta, estará aprendiendo. Pues bien, esta mejora hace que el rosco, por ejemplo, sea potente. 01:33:33

Veamos, contiene, es decir, yo cuando hago un rostro puedo separar, es decir, si comienza contiene, puedo poner un sonido y demás. 01:33:52

Vamos a poner que esto es rápido. 01:34:00

Me dice si es correcta, me la muestra para aquí. 01:34:04

Voy a fallar, me dice que no es correcto, ya tengo que ir rápido y aquí tengo el sonido de retroalimentación. 01:34:08

Por ejemplo, una cosa muy importante, contiene la E, pero puede haber muchos animales que contengan la E con la definición de predadores. 01:34:14

Voy a poner el tigre. 01:34:21

Y me dice, vale, es tigre, pero también admitiría leopardo. Es decir, este rosco admite sinónimos. Es decir, puedo crear roscos con sinónimos. Y otra cosa muy interesante. ¿Veis que hay una imagen? No me está preguntando por el perro, me está preguntando por la nariz del perro. Pues yo le pondría aquí, no sé. 01:34:22

Y sería perfecto. Bien, ¿cómo se hace todo esto? Para crear un rosco, lo típico, si este está creado, pero si no lo tuviera creado, me iría aquí, elegiría rosco y me saldría nuevo. Mis instrucciones, como siempre, opciones para las veremos y algunas cosas. 01:34:46

Por ejemplo, aquí me salen todas las letras. Si estuvieran en inglés, me saldrían unas letras diferentes. Me sale de acuerdo con el abecedario en que lo he creado. Pues bien, me dice comienza por A y se me sale una línea vertical. Y aquí me dice Rabí y Rabí no comienza por A, pero la línea roja está horizontal. 01:35:07

Es decir, si yo marco rojo, comienza y vuelvo a pulsar contiene. Es decir, para pasar de comienza contiene, simplemente hacemos clic. El sistema no nos va a dejar fallar. Es decir, si metemos una letra que no contiene la letra, si paremos que un contiene, vamos a hacerlo bien para un comienza. 01:35:27

y salvo aquí 01:35:46

es que tengo activado un momento 01:35:49

voy a hacer una cosa 01:35:52

número de 01:35:53

ah no 01:35:57

ah pues no 01:36:00

hay un fallo, no debería, debería dar, ah no, pero a ver si salimos aquí 01:36:03

tiene que ser aquí 01:36:07

si yo escribo por ejemplo 01:36:08

estoy escribiendo Revit y digo empieza 01:36:15

Y salgo, me dice, no, oye, que no comienza por la letra de rabia. Es decir, sistemas nos notifican en todo momento si lo estamos haciendo mal. Y vuelvo decíndolo hasta que lo hagamos bien directamente. Bien, comienza, contiene. Hemos dicho que una palabra de Rosco puede tener imágenes. 01:36:18

Veis que aquí puedo seleccionar imagen, puede pasar una URL externa o una imagen que subamos. Siempre es mejor una imagen que subamos porque va con el device. Una cosa, los device tenemos que procurar, siempre que sea posible, que sean autocontenidos. 01:36:36

Buenas, creo que ha tenido Manuel un ligero problema. Voy a ver si lo solucionamos en un segundo. 01:37:11

Bueno, si queréis, no sé si tenéis mientras tanto alguna pregunta anotada de antes o si queréis que vaya dando respuesta mientras él se conecta. 01:37:16

Perfecto. Ignacio, si quieres te vamos haciendo preguntas. 01:37:26

Perfecto. 01:37:29

Mientras te conecta. Empezamos con las primeras que preguntan, ¿vale? 01:37:30

Tabla. Preguntan por aquí. Yo uso tablas y en ocasiones no me deja adaptarlas al texto que quiero incluir. Se me queda estrecho. 01:37:33

¿Cómo gestiono en las propiedades de la tabla y de la celda para ajustarlo de forma fácil? 01:37:41

Vale. Voy a compartir pantalla. La respuesta que se me viene a la cabeza, la primera que se me viene a la cabeza es que creo que es mejor insertar las tablas como he explicado antes. 01:37:50

Con esas tablas creo que no vas a tener ese tipo de problemas. Porque el problema que tienes cuando creas tablas así es que una vez que empiezas a jugar con esto… 01:38:05

¿Verdad? ¿Ya? ¿Aberto, me escuchas? 01:38:18

Sí, Manuel, contesto a una pregunta que… 01:38:19

Un segundito, que hemos pasado a turno de preguntas un momento para ocupar el espacio que te nos has pido. 01:38:21

Bueno, contesto a esta y te dejo. Cuando creas una tabla, al final, cuando estás trabajando un rato y vas a ver el código, lo que ves es que aquí se está forzando el ancho de las columnas, de las distintas columnas. 01:38:26

Y es muy difícil escapar de eso y a lo mejor eso es lo que está afectando al contenido que quieres crear. 01:38:41

Con esas tablas que he enseñado antes, lo evita. No es que no esté ese código, es que luego por CSS se esfuerza que la tabla tenga el ancho que tiene que tener. 01:38:50

Pruébalo y si tienes problemas te diría que vuelvas a preguntarlo a través del grupo de Telegram y ya podrías enviarnos algún LP de ejemplo y podemos ver si podemos solucionarlo de alguna manera. 01:38:59

Vale, y ya te dejo, Manuel. 01:39:09

Bien, gracias. 01:39:12

Gracias, Ignacio. 01:39:13

Gracias. 01:39:14

Bien, continúo. ¿Veis mi pantalla? 01:39:19

¿Alberto? No. Dale a compartir, por favor. Ah, vale, vale. Sí le he dado. Y dale al sonido. Recuerda darle a... Sí, sí, sí. Vale. ¿Está ya? Va. Cuando quieras. Vamos, continuamos. 01:39:23

Os decía que las preguntas de rojo tenían algo de ambigüedad potente que permitían meter imágenes. Y además imágenes en las cuales podíamos marcar algo. Por ejemplo, si quisiéramos preguntar en vez de por el conejo, por la oreja del conejo, directamente pulsaríamos sobre ella. 01:39:37

Esto nos da la ventaja de que con una sola imagen, que a veces son difíciles de conseguir, ya menos gracias a HGPT y demás, a los programas de generación de imágenes, pero antes eran muy difíciles que con una misma imagen del aparato digestivo podamos hacer un rojo sobre el aparato digestivo marcando distintas partes. 01:39:50

Bien, y otra cuestión que probablemente muchos no conocen es J-Rosco, lo de los sinónimos. Por ejemplo, yo digo contiene con E y hay muchos animales que contienen la E, pues los pongo todos juntitos, uno al lado del otro y los separo por una rubita y automáticamente me da a todos, cualquiera de ellos, como válidos, ¿vale? 01:40:06

también como decía pues aquí podemos 01:40:25

meter una imagen cita 01:40:28

cosas más que podemos poner 01:40:29

sobre el rosco pues en opciones como siempre 01:40:32

se pueden configurar cosas no podemos perder mucho 01:40:34

tiempo pero por ejemplo un truco 01:40:36

me decía un profesor que una sugerencia 01:40:38

de un profesor que su alumno a lo mejor 01:40:40

por defecto el rosco funciona como 01:40:42

el juego de la televisión el pasapalabra 01:40:44

una vuelta dos vueltas pero ellos 01:40:45

no quieren eso yo quiero que el alumno esté dando 01:40:48

vuelta hasta que se acabe el tiempo 01:40:49

entonces si ponéis número de vueltas 01:40:51

cero, el rosco dará tantas vueltas como sea 01:40:53

mientras que el alumno va pasando y le queda alguna palabra, la conteste 01:40:57

toda o se le acabe el tiempo. Hay una cosa 01:41:00

muy, muy interesante. El rosco no está 01:41:03

solo pensado para utilizarlo el alumno 01:41:06

independientemente, que sí, que es una actividad, pero donde el rosco es 01:41:09

potente es cuando se utiliza en clase. El profesor 01:41:12

en clase pone un rosco en la pizarra, yo lo he hecho con otra 01:41:15

actividad del tipo rosco, los alumnos lo dividen en grupos, lo organizan 01:41:18

y los alumnos contestan. 01:41:21

¿Qué ventajas tiene esto? Pues que el alumno participa, se implique y demás. 01:41:23

Toda actividad de grupo es mucho mejor que actividad solitaria. 01:41:27

Nosotros, ¿cómo vamos a hacer para que esta actividad sea más fluida? 01:41:30

Vamos a marcar en modo pizarra digital. 01:41:32

Veréis que es una pequeña tontada, pero si sois profesores, que la mayoría de los profesores lo sois, veréis qué ventajas tiene. 01:41:35

Marcamos pizarra digital. 01:41:42

Marcan, vemos y aparentemente no ha pasado nada. 01:41:45

Lo voy a poner a pantalla completa. 01:41:48

Le doy a empezar aquí. 01:41:50

veis que ahora me salen unos botoncitos 01:41:52

correcto, pasado, incorrecto. Usar la pizarra digital 01:41:55

tiene el inconveniente que a la hora de escribir respuestas 01:41:58

es complicado porque hay que escribir no sé cuánto. Aquí ¿qué hacemos? 01:42:01

Le preguntamos al alumno, a ver, Pepe, ¿cómo se llama esto? 01:42:04

Pues es el conejo. Estupendo, Pepe, ha aceptado. 01:42:07

Y nosotros vamos utilizando esta respuesta en lugar de escribir. 01:42:10

No lo sabéis, lo dejamos para la siguiente vuelta. A ver, Luis, 01:42:14

¿qué opinas de esto? Incorrecto. 01:42:17

Es decir, el modo pizarra digital va a aparecer en todos los device de juegos donde el usuario tenga que escribir algo. Si el juego es tipo 2T, donde el usuario es un clip, pues para el profesor le da igual hacer clic en correcto que clic en la respuesta correcta. 01:42:20

Es mejor escribir la respuesta correcta. Pero si tenemos que escribir algo, para evitar no tener que usar el teclado en la pizarra digital o irnos a nuestro equipo, está sin perder la posición de la pantalla. Utilizamos el modo pizarra digital y automáticamente usamos este botoncito para contestar. 01:42:35

contestar bien esto sería el rojo vamos a ver el 01:42:52

completa el completa es un juego muy clásico del juego clásico de rellenar 01:42:57

letras todos los utilizados pero éstos todos los vais están tuneados qué 01:43:02

significa tuneados que no hacen los normas hacen los normais más cosas en un 01:43:08

juego completa clásico nosotros llegamos y metemos aquí la palabra 01:43:12

Y aquí, por ejemplo, le damos a comprobar y nos dice la respuesta. Este juego completo nos permite lo normal, esto es lo básico, nos permite directamente introducir las palabras y nos presenta la solución. 01:43:19

Pero ¿cómo podemos mejorar su eficacia? Por ejemplo, podemos directamente permitir errores en las palabras introducidas. Si yo pongo un tanto por ciento de errores, imaginaros que los alumnos son pequeños y tienen alguna dificultad para escribir, pues puedo permitirles que tengan un 20% de errores. 01:43:35

Es decir, que si no ponen el tilde en una letra, le van a dar la palabra correcta. Mis niños todavía no saben poner tildes. Puedo ponerle como pista tamaño proporcionado. Como pista puede ser que los cuadros sean tan grandes como las palabras. 01:43:56

¿Cómo se crearía un tipo? Bueno, pues hace más cosas que lo veremos más abajo. ¿Cómo se crearía un tipo completo? Simplemente para hacer un tipo completo, pegamos el texto que queramos, lo escribimos, lo pegamos. Es un editor de texto. Igual, todo lo que podemos hacer en un editor, lo podemos hacer aquí. Es decir, es el mismo editor. Si queremos poner efectos y todo, pero no tiene mucho sentido. Aquí lo mejor es que tengamos un texto con una imagen y con mucho una tabla. 01:44:09

Si creemos que una palabra aparezca, sea un hueco, simplemente ponemos una doble arroba, por ejemplo, una doble arroba aquí, en pluricelulares, doble arroba adelante, doble arroba detrás y automáticamente se convierte en un hueco. 01:44:32

Bien, ¿y cómo se hacen sinónimos? Imaginaros, quiero que estas dos palabras sean correctas. Metovacuola, espacio, línea vertical, neurona, que no es la respuesta y poner el isosoma. 01:44:54

Es decir, en mi completa puedo definir por ventaja de errores si me interesa, como valor adicionado, adicional, puedo definir que los cuadros de texto sea una pista y puedo dar varias soluciones para que mi alumno. Evidentemente, esto me hace el device muchísimo más flexible. 01:45:08

Bien, modelo básico, completa. Mi alumno aún no sabe escribir bien, no domina todavía, escribe mal, le cuesta mucho el teclado. Son pequeñitos, evidentemente no le pondría este texto. Quiero darle otra opción al completo. Pues digo, vale, soy pequeñito, os voy a dar arrastra. 01:45:28

En este caso, en arrastra va a cambiar comportamiento. Le van a salir arriba las preguntas. El niño va a poder arrastrarla directamente aquí sin necesidad de escribirla directamente. 01:45:48

Incluso veis que aquí en opciones de esto me salen palabras que no se han buscado. Es decir, yo podría poner, de hecho he puesto algunas palabras que no forman parte del texto para que les sirvan como para la dictación. Es decir, no me salen solo las palabras correctas, me salen correctas e incorrectas. 01:46:05

Mi alumno todavía no sabe ni siquiera arrastrar porque son más torpecillos. Podría hacer modo selecciona. En el modo selecciona les sale un listado con las preguntas para elegirlas y ellos eligen las correctas. 01:46:22

Y hay un modo seleccionado muy avanzado que consiste en que tú limitas las palabras que aparecen. Es decir, tú dices, oye, yo no quiero que aparezcan todas de texto. Yo quiero que este alumno tenga que elegir entre dos palabras en ese cuadro diferente. Yo, por ejemplo, voy a poner aquí que el alumno tenga que elegir entre ser vivo y ser muerto. 01:46:39

Si yo voy aquí y aparezco, me sale ser vivo y ser muerto. Y en cada cuadro puedo definir yo las palabras, poniendo siempre la primera como correcta. Bien, este sería un juego completo. Sé que voy muy deprisa, pero quiero que lo veáis por encima. Es imposible. En total son 20 juegos, he hecho 8, y entonces intentaré que lo veáis por encima. He hecho los más chulos, los más útiles, pero si queréis saber sobre cualquier otro, me podéis preguntar. 01:47:02

Uno potentísimo, el device más potente de juego, el mapa. 01:47:28

El mapa es más potente y es más flexible y con mucha diferencia. 01:47:32

Con el mapa vamos a poder hacer muchísimas cosas. 01:47:36

Desde presentaciones, un mapa es una forma de presentar información bien organizada y atractiva a nuestros alumnos. 01:47:38

Imaginaros que soy un profesor de biología y tengo que hacer una presentación para que mis alumnos conozcan tres tipos de células. 01:47:45

O sea, las bacterias, procariotas, 01:47:52

ecoriotas, en fin, las vegetales 01:47:55

y las animales. O sea, vegetal, animal y procariota. 01:47:57

Yo, ¿qué voy a hacer? 01:47:59

Pues voy a hacer un mapa. 01:48:01

Aquí he cogido una imagen. Un mapa se basa 01:48:02

en una imagen con zona activa. 01:48:05

Una zona activa puede ser un punto, 01:48:07

un área o un texto donde el usuario 01:48:08

pulsa y muestra información. Si yo pulso 01:48:10

aquí, me sale la célula más 01:48:13

grande. Si pulso aquí, 01:48:15

me sale un... Hola, chicas y chicos, 01:48:17

aquí está el núcleo. Si pulso aquí, 01:48:18

me sale otro vídeo. 01:48:21

Si pulso aquí directamente me sale un test, es decir, y vuelvo a mi mapa. ¿Una célula prokaryota? Es decir, la primera funcionalidad básica de los mapas es mostrar la afirmación organizada. 01:48:22

La pueden ser para que los alumnos lo vean por su cuenta o yo en mi clase estoy dando una clase tranquilamente, abro mi recurso y digo, bueno, vamos a hablar de las células. Pues yo directamente me voy a mi mapa y voy explicando con apoyo gráfico de esto aquí detrás y lo tengo bien organizado. Es una presentación sofisticada, permite infinitos niveles de jerarquía. 01:48:38

Es decir, puedo hacer mapas dentro de mapas dentro de dos mapas. 01:49:03

Este sería un modo básico, pero yo puedo hacer un mapa utilizado para hacer un test. 01:49:06

Por ejemplo, mire este que es chulo. 01:49:10

En este caso he hecho un mapa, esto es una imagen solo y he marcado alguna zona. 01:49:12

Si el usuario empieza, le dice, le primero hace la pregunta, autor de la Ave María, le presenta un sonido y le dice que lo elija. 01:49:16

Pues yo digo, a ver, ¿quién es el autor de la Ave María? Yo creo que es sube, no sé yo. 01:49:28

sí, es correcto, mira, le permite 01:49:31

dar una información sofisticada, le puede dar 01:49:34

una imagen, un texto, un vídeo 01:49:36

correcto 01:49:38

esto es de Beethoven 01:49:39

perfecto 01:49:42

el autor de los lagos de los cisnes 01:49:45

sacó, esto es un mapa también 01:49:46

bueno, vamos a seguir 01:49:48

otro mapa 01:49:52

en este mapa es clásico, todos hemos hecho 01:49:52

un mapa, el mapa en el cual 01:49:56

hay unos puntos donde te van a hacer 01:49:57

opciones, por ejemplo, digo, a ver España 01:49:59

Punto 01:50:01

¿Cuál es la capital? 01:50:03

Y me dice 01:50:05

Capital de España tal y tal 01:50:05

Pues yo digo 01:50:06

Me estupendo Madrid 01:50:07

Lo hago bien 01:50:08

Me dan la retroalimentación 01:50:09

Voy a elegir Portugal 01:50:11

Y voy a hacer más 01:50:14

No es correcto 01:50:14

Me dice la respuesta correcta 01:50:17

Eso es otro 01:50:18

He hecho con el mismo 01:50:19

Y te vas ahí 01:50:20

Otro ejemplo 01:50:20

Cuestionario 01:50:22

En el cuestionario 01:50:24

Simplemente me sale un mapa 01:50:26

Y me sale aquí una opción 01:50:27

Para hacer un examen 01:50:28

Tú esto le pondríamos a las instrucciones 01:50:29

Oye 01:50:30

revisa los contenidos de este mapa 01:50:31

o de este, como quieras llamarlo. Cuando acabe 01:50:33

hay el cuestionario que aquí. 01:50:35

Yo pondré el porcentaje de contenido. 01:50:37

Por ejemplo, digo, cuando se vea un 10% 01:50:39

de los contenidos, 01:50:41

ve uno, ve otro, 01:50:43

a ver cuántos contenidos hay aquí. 01:50:47

Directo, genial. Ha visitado todos los 01:50:49

puntos. Los niños revisan 01:50:51

todos los contenidos y luego pueden hacer 01:50:52

su cuestionario. Ese cuestionario 01:50:55

y su nota será guardada en Moodle 01:50:57

o donde sea. Y otra cosa, 01:50:59

otro tipo de utilidad 01:51:01

de los mapas, este. Esto lo he añadido 01:51:04

en la última versión del mapa. 01:51:06

Esto es una actividad que me ha proporcionado 01:51:08

mi compañera de Galicia, 01:51:10

Nani Lima, que es muy chula, es 01:51:12

orden. Veis que aquí 01:51:13

ella ha creado 01:51:15

un pentagrama, bueno, es pentagrama, 01:51:17

una canción directamente aquí de con piano. 01:51:19

Yo podría tocarla. 01:51:22

No sé cómo es esto. 01:51:24

Ah, una cosa, si le doy muchas veces 01:51:25

modición, directamente 01:51:27

voy a dar a visualizar para que se vea, a ver si quiere 01:51:29

un mapa, si le doy aquí 01:51:36

a jugar 01:51:41

y si le doy a comprobar 01:51:42

me dice cuánto he contestado, lo he hecho bien, le he contestado 01:51:54

a todas, pero si yo fallara me diría directamente no, es decir 01:51:57

este tipo de utilidades mapa lo que me permite 01:52:00

es secuenciar 01:52:03

evaluar el orden en que el usuario pulsa los distintos 01:52:04

puntos de mi mapa. Bien, voy a explicar muy, muy rápidamente 01:52:09

cómo se crea un mapa, porque es esencial. Para crear un mapa 01:52:13

directamente, como siempre, como cualquier device, 01:52:16

nos vamos a mapas. Voy a crearlo aquí directamente 01:52:21

y digo, vale, quiero crear un mapa, pues mapa. Me dice 01:52:24

un mapa es una imagen con zona activa. Tienes que tener una imagen. La imagen 01:52:28

cuanto más grande mejor, no grande y gigantesca. Con que tengas 1.024 píxeles 01:52:32

de h es suficiente, pero vamos, 1200, 1400, 01:52:36

no sube imágenes gigantescas, pero dice que 01:52:39

se ancha, que no sea una imagen pequeñita, para que 01:52:40

tenga áreas. Pero se te haga cualquier imagen, 01:52:42

si pones una imagen de 15 píxeles, hay que tener 01:52:44

la muestra. Claro que ahí no cabrán puntos. 01:52:46

Voy a estacionar una imagen por aquí, para 01:52:49

mi mapa, directamente 01:52:50

voy a elegir las de los vegetales. 01:52:54

Ya tengo la mapa, y aquí tengo 01:52:56

el mapa. Ahora aquí abajo podéis ir creando puntos. 01:52:58

Por ejemplo, voy a hacer algo sobre el nucleolo. 01:53:00

Una pregunta sobre el nucleolo directamente 01:53:02

aquí. 01:53:04

Bien. Me dice, ¿cuándo 01:53:06

El usuario pulse sobre el nucleólogo sobre este punto que va a mostrar una imagen, un vídeo, un texto, lo que queráis. 01:53:08

No podemos verlos todos, digo, va a ser una imagen. 01:53:15

La imagen que quiera, por ejemplo, el nucleólogo. 01:53:18

Esta imagencita directamente aquí. 01:53:21

Le puedo poner un texto abajo, un texto abajo, directamente. 01:53:24

Ya tengo mi primer punto, pero me dice, oye, tendrás que marcar donde quieres marcarlo. 01:53:28

Digo, no el nucleólogo, a ese impulso sobre el nucleólogo. 01:53:31

Esto es muy importante. 01:53:35

Yo puedo elegir tres modos, tres tipos de zona activa. Por defecto me sale un punto, un punto sin iconito. Pero yo, por ejemplo, aquí donde pone icono, digo no, no quiero un icono, quiero un área invisible. Y entonces yo selecciono aquí, pulso y arrastro y eso es un área invisible. 01:53:36

Si yo miro ahora, veis aquí, tengo aquí mi nucleolo, si creo que la he de imbécil, expulso ahí y aquí se me ve mi información sobre el nucleolo. 01:53:55

Otro tipo de icono o de zona es el icono normal, que es lo que hemos visto. El icono puede ser de cualquier manera, pero todos son lo mismo. Simplemente cambia el icono. Es un puntito que señala, por ejemplo, aquí esa flecha. Aquí voy a señalar el nucleolo. Se vería un puntito y igual, pulso sobre el puntito y lo mismo. 01:54:07

Y la tercera mejora es un texto. Yo puedo decir, no, no, yo no quiero que muestre ni un icono ni un área, sino quiero que muestre el título. ¿Qué es el título? Lo que aparece aquí. Si veis, ahí me ha aparecido el nucleólogo. Se ve con una sombra, voy a elegir un color que se vea, por ejemplo, un blanco directamente. 01:54:27

Si yo ahora le doy aquí, se va a ver, no se han dispuesto el núcleo del momento que no lo he usado. Curso aquí el nucleólogo y automáticamente aquí tengo mi nucleólogo y funciona exactamente igual. Es decir, puedo marcar en mi mapa distintas formas de marcar la zona activa o bien un área invisible o un punto que puede ser un ícono de cualquier tipo o directamente un texto. 01:54:52

más. Busca más de tiempo hoy. 01:55:18

Bueno, una cosa 01:55:24

directamente más bien. Otro tipo de icono 01:55:26

muy interesante, otro tipo de punto muy importante aquí dentro 01:55:30

del mapa es el mapa, un submapa. Es decir, 01:55:33

esto es lo que es potente porque permite crear mapas 01:55:36

dentro de mapas. Si yo digo este punto va a ser en lugar 01:55:38

de un punto normal con vídeo, audio, va a crear otro 01:55:41

mapa. Me dice, vale, 01:55:45

edítalo. 01:55:48

Voy a crear una cosa cualquiera, por ejemplo, un cloroplasto y voy a directamente a cerrar aquí, a prenderlo con un punto aquí. 01:55:50

Voy a poner aquí este punto, voy a crear aquí un coquillo, por ejemplo, membrana. 01:56:03

Tengo un punto aquí, directamente membrana. 01:56:10

Bien, si veis, guardo el mapa, si veis que he hecho, tengo aquí este mapa. 01:56:13

Ya pones que sea un punto, que sea una lupa precita. ¿Qué va a ocurrir? Cuando el usuario pulse sobre aquí, que va a ser directamente sobre un cloroplasto, se va a abrir el nuevo mapa que he creado. Vamos a ver. 01:56:24

Pulso aquí y directamente. Y este mapa tiene sus mapas. Dentro de este mapa podríamos crear otros mapas, otros mapas, otros mapas y otros mapas hasta el final. 01:56:37

Bien, os voy explicando muy deprisa cómo he creado estas actividades. Por ejemplo, he dicho, vale, esto es un mapa, pero ¿qué diferencia hay entre este mapa y los anteriores? Porque este mapa he elegido en opciones que un mapa tipo identifica. Si digo mapa tipo identifica, automáticamente, ¿qué me hará el juego? Hacerme pregunta sobre los distintos puntos que he marcado. 01:56:44

¿Qué pregunta me hará? Por defecto, si no pongo nada, me preguntará el nombre. ¿Quién es Mendelssohn? Lo que haya puesto aquí. Identifica a Félix Mendelssohn. Si yo quiero que me pregunte cosas más concretas, abajo completaré el campo identifica, incluso podré añadir el audio. Este es el audio que suena aquí. 01:57:06

Le estoy diciendo que en esta primera pregunta me pregunte por este autor, me haga esta pregunta y me suene esta cosita. 01:57:24

El tipo test, pues igual, simplemente que he hecho en opciones, no tengo que hacer gran cosa, he marcado los puntos, el proceso de creación exactamente igual. 01:57:35

He marcado los puntos, pero he hecho tipo test y me dice, estupendo tipo test, me convierte todos los puntos en cositas de este, en puntos blanquitos. 01:57:44

Y me dice, sin problema, ¿cuántas opciones quieres mostrar? Imaginaos que tengo 20 países. Digo, no, yo solo quiero que la respuesta me muestre 6. Pues automáticamente, cuando yo elija el mapa, en España, solo me mostrará 6 opciones. Es decir, todos los 10 países de juego se crean iguales y en opciones determinamos su comportamiento. 01:57:52

Cuestionario, igual. Me dice, vale, número de opciones, no le importa, muestra las soluciones. Lo que me interesa de cuestionario es que cuando yo elijo cuestionario, me dice, vale, perfecto, completa el cuestionario. Yo tendría que crear aquí un cuestionario con las preguntas que yo quiero al aparecer. ¿Cuándo va a aparecer este cuestionario? Cuando averigüen el 100% de las preguntas, el 40% de lo que quieran. 01:58:18

vamos a terminar 01:58:44

con orden, pues lo mismo, yo elijo orden 01:58:52

para los de músicos que le interesarán, en opciones digo quiero orden y digo 01:58:57

en qué orden tienen que tocar los puntos, este número corresponde 01:59:01

al número del punto, veis que los puntos tienen 1, 2, 3, 4, 5, 6 01:59:06

pues yo pongo, este es el orden, la secuencia correcta y cuando se adapta 01:59:10

a la secuencia correcta, los toques coincidan con este número, pues directamente 01:59:13

lo darán como válidos. 01:59:17

Bien, estos serían los divisas y mapas. 01:59:20

En el juego, en la nueva versión de ese, hay todos estos juegos 01:59:23

que son juegos de tarjetas. ¿Qué es un juego de tarjetas? 01:59:27

Un juego de tarjetas consiste en un juego donde la información 01:59:30

se muestra en un contenedor. Un contenedor puede tener 01:59:33

una imagen, un sonido, un texto con colorines 01:59:36

o todo a la vez, o uno, dos, tres, 01:59:39

es decir, una mezcla de esos elementos de distintas maneras. 01:59:42

Por ejemplo, relaciona. Aquí me sale una tarjeta que tiene imagen y texto. Aquí tengo su sombrero directamente. 01:59:46

Clasifica. En el caso de clasifica se lo muestran tres contenedores. Tenemos las tarjetas y aquí lo que tenemos es que organiza las tarjetas. 01:59:56

Lion. Rabbit. Tiger. 02:00:05

Descubre el tipo de memoria, pero es avanzado. ¿Por qué? Porque admite parejas, admite tríos, lo pongo en modo básico para que lo veáis, y admite cuarteto. 02:00:09

Mira esta cosa de uso más interesante de este cuarteto. Yo, por ejemplo, estoy haciendo un descubre y son alumnos muy básicos. Y le digo, vale, quiero que las cartas estén visibles. La he coloreado. Y ahora digo, por ejemplo, los niños ven todas las cartas. Digo, ¿por qué? Pues digo, ¿cómo es que hay gatos? Los buscan gatos y los buscan gatos en inglés. 02:00:29

el juego descubre nos permite hacer juegos de parejas tríos y cuartetos como novedad 02:00:50

distintos niveles y además permite las cartas visibles tarjeta de memoria pues son juegos 02:01:02

tipos de voltear flip-flops. ¿Veis? Un juego 02:01:09

específico. Pulso en la carta, gato, y me dice, ¿es correcto? 02:01:12

Digo, sí. ¿Perro? No. ¿Cat? 02:01:17

¿Ponejo? No. ¿Cat? 02:01:28

¿Ordena? Lo ordena es lo típico de ordenar. 02:01:32

Está lo básico, que es ordenar frases. Vale, lo típico 02:01:36

de ordenar frases, como por ejemplo aquí. Y luego 02:01:41

está el orden avanzado, por ejemplo, 02:01:45

que permite ordenar tarjetas de cualquier 02:01:48

tipo. En este caso, me dice 02:01:50

ordena de mayor a menor, pues simplemente 02:01:51

de menor a mayor. 02:01:53

Un gato, una cabra y 02:01:55

un probado. Y un ordena mucho 02:01:57

más avanzado que me permite 02:01:59

incluso ordenar en distintos niveles. 02:02:01

Aquí tengo distintos niveles 02:02:04

y yo digo, vale, me ordena 02:02:06

esto, me dice la descripción. 02:02:07

Ordena español e inglés. 02:02:09

Pues yo digo en español directamente. 02:02:11

Aquí nuestra amiga Ana está viajando 02:02:13

por aquí y puedo acelerar directamente por aquí. 02:02:15

Y el último, sé que es imposible, 02:02:20

pero para que sepáis que existe, 02:02:23

y luego diré, es simplemente coger, 02:02:24

es decir, juego, selecciona y ver las opciones. 02:02:26

Selecciona multimedia. 02:02:29

Selecciona multimedia es un test de respuesta múltiple 02:02:31

con varias respuestas que admite multimedia 02:02:35

tanto en la pregunta como en la respuesta. 02:02:38

Aquí ahora mismo la pregunta solo pone 02:02:40

son animales carnívoros, 02:02:42

pero yo podría hacer lo siguiente. 02:02:44

Y ya con esto acabo lo de esta parte. 02:02:45

En la pregunta, podría ponerle una imagen, ahora va a ser una imagen sin sentido, voy a poner una imagen de un cloroplasto, y podría poner un audio. 02:02:48

Por ejemplo, aquí en un audio, un imagen, un audio cualquiera. 02:02:56

Vale. 02:03:01

Haría la pregunta, que puede estar en multimedia, elegiría las respuestas, que pueden tener sonido, imágenes, vídeo, todo lo que quiera. 02:03:05

Elijo cuáles son correctas, marcando a los lados. 02:03:12

Esta sería la primera pregunta. Vamos a ver aquí directamente. Esa nos haría. Vale. Me da la respuesta final, las que son correctas, las que no son correctas. 02:03:21

Y aquí veis la que he creado. Es una pregunta que tiene imagen, que tiene texto, tiene imagen, tiene sonido y también las opciones tienen todo. Es decir, si queréis hacer un cuestionario avanzado que tenga todo tipo de multimedia, debéis utilizar selecciones. 02:03:33

Bien, es un resumen muy, muy básico. 02:03:51

La idea es que veáis todo lo que se puede hacer. 02:03:53

Iba a entrar más detalle o iba a explicar que cada juego tiene opciones, pero no tenemos mucho más tiempo. 02:03:55

Ahora, si tenéis dudas sobre cualquier juego o sobre cualquier cosa, pues, os lo puedo explicar tranquilamente. 02:04:00

Muchas gracias. 02:04:05

Bueno, pues, muchísimas gracias, Manuel, por tu amplio, bueno, pero resumido recorrido por los... 02:04:06

Resumido. 02:04:13

de juegos, de C-Learning. Y bueno, pasamos a contestar las preguntas que nos habéis ido mandando. Os recuerdo que si no habéis 02:04:14

todavía enviado vuestras preguntas, podéis hacerlo en vuestro navegador o en el propio interfase. Arriba a la derecha tenéis un 02:04:24

con un globo en el que aparece un signo de interrogación para que podáis escribir ahí vuestras preguntas 02:04:35

y yo iré cediendo la palabra a uno u otro de nuestros ponentes en función de, o bueno, podréis intervenir casi conjuntamente. 02:04:42

Vale. 02:04:52

Susana, sí, y mi compañera Susana, perdón, paso la palabra a Susana que es la que está mirando las preguntas. 02:04:53

Sí, aquí estamos, Baribel y yo, que hemos tratado de seleccionar las mejores. 02:05:00

Entonces, mira Ignacio, en relación a la pregunta que te hemos hecho antes sobre el uso de tablas, preguntan por aquí. 02:05:03

Como no se recomienda usar las tablas para maquetar, ¿cómo se podrían poner tres imágenes en horizontal? 02:05:10

Os comparto pantalla. Lo más fácil es hacer esto. Voy a crear una página nueva para que quede todo más limpito. 02:05:18

Lo más fácil es esto, insertar, plantilla, tres imágenes. Ahí las tienes. Y a partir de aquí ya vas sustituyendo imágenes. 02:05:29

Quedará mejor si haces como en este ejemplo, si utilizas imágenes que tengan el mismo tamaño. 02:05:43

Y esto te sirve de punto de partida para hacer lo que necesites. Igual que tenemos esta de tres imágenes, hay otra de dos, hay otra que tiene dos vídeos, cada uno de ellos en una columna. 02:05:48

He echado un vistazo a estas que son completas. Están bastante bien. 02:05:59

Perfecto. Gracias, Ignacio. 02:06:05

Gracias. 02:06:06

Nos solicitan, por favor, que si puedes dar el nombre del grupo de X-Learning. 02:06:07

Sí. 02:06:10

Que lo han pedido varios participantes. 02:06:11

Pues si os vais a la web de X-Learning, que es x-learning.net, tenéis el enlace a pie de página. 02:06:12

Pero es este que voy a poner aquí, en pantalla. 02:06:18

Es el grupo en Telegram, ¿verdad? 02:06:24

Eso es, justo. 02:06:26

Vale. Ahora dos preguntas relacionadas, ¿vale? 02:06:28

Nos preguntan, ¿se contempla la opción de compartir el recurso a través de un servicio tipo GitHub en lugar de la mediateca? 02:06:31

Y por otra parte, ¿tiene que ir siempre que se le ha asociado una ola virtual de EducaMadrid o se podría abrir desde cualquier navegador? 02:06:40

No me ha quedado muy claro. ¿Puedo también compartir a través de otras vías tipo Drive de Google? 02:06:48

Trabajo en un centro concertado y nos obligan a utilizar otros espacios virtuales. 02:06:53

Vale. Pues empiezo por GitHub. No se ha tratado en el taller. El objetivo era enseñar cómo se pueden publicar contenidos en EducaMadrid, aparte de las demás cosas que se han explicado. Se puede publicar ahí. No creo que sea algo que haya que fomentar porque es un repositorio que está pensado para alojar código, pero poder se puede. 02:06:57

En el grupo de Telegram está por ahí marcado un contenido, y si no está marcado pregunta por qué lo marcamos, en el que se explica cómo hacerlo. Un vídeo que hizo, si no recuerdo mal, Paula Maya. 02:07:17

Y luego sobre compartir contenidos que están alojados en EducaMadrid. Empiezo por los que están alojados en EducaMadrid. 02:07:29

este enlace, espera que estaba comprobando lo de las licencias que había por ahí 02:07:37

otra pregunta, a ver si consigo mover esto 02:07:42

no lo consigo así que me muevo de otra forma, me muevo 02:07:46

aquí estoy, este enlace 02:07:52

este contenido, bueno en realidad este no es el contenido 02:07:58

este contenido creado con Excel Learning que he subido al directorio de ficheros de EducaMadrid 02:08:01

Está aquí, está en esta dirección. Esta dirección yo se la puedo pasar a quien quiera. No tienen por qué tener cuenta de EducaMadrid para verlo, salvo que yo restrinja el acceso a esa dirección, como he enseñado antes, desde el gestor de permisos del directorio de ficheros. 02:08:06

Pero es una dirección pública. Así que se puede utilizar. Y puedes subir estos contenidos aquí. Y si porque en tu centro te dicen que tienes que utilizar Classroom o cualquier otra plataforma, pues lo que puedes hacer es compartir este enlace con los alumnos a través de Classroom. 02:08:23

Yo eso lo he hecho alguna vez. Cuando he dado clase en algún centro en el que trabajaban con Classroom, pues subía mis contenidos aquí y a los alumnos les pasaba un enlace a un contenido que estaba alojado en la plataforma en EducaMadrid. 02:08:43

Vale, sobre Drive. Drive no permite desde hace bastante tiempo subir las páginas y publicarlas como HTML para verlas como las estamos viendo ahora. Vale, sí que hay algunos truquillos de RV, de nuevo remito al grupo de Telegram, pero lo que ofrecen hoy tal vez no lo ofrezcan mañana. 02:08:52

Lo digo porque en un tiempo bastante corto hemos visto varios de esos repositorios cambiar su política y dejar de ofrecer servicio de alojamiento para este tipo de contenidos. 02:09:13

Y voy a aprovechar para enseñar otra aplicación que es Excel Reader, que es un visor de materiales creados con Excel Learning para dispositivos móviles. 02:09:21

Lo tenéis para Mac y para Android y es una aplicación ZIP, una app que te instalas en el móvil y que te permite descargarte ficheros ZIP que son sitios web exportados así, archivo, exportar, sitio web, archivo comprimido ZIP y tú tienes una colección de contenidos. 02:09:33

Con el móvil te descargas ese zip y puedes leerlo en el móvil directamente sin necesitar siquiera conexión a internet, que en algunos casos puede venir bien. Espero haber contestado las preguntas, si no, decidme. 02:09:55

Yo creo que sí, Ignacio. Mira, otra pregunta. He visto que algunos scripts se pueden añadir, por ejemplo, en la accesibilidad. Lo tenemos en nuestro SODE, por ejemplo, en las pastillas. Pegamos el código en propiedades, opciones avanzadas, personalizar, la sección GED. 02:10:09

¿Es así para todos los scripts? ¿Se pueden añadir todos los scripts que consideres y que vais compartiendo en el grupo de Excel? 02:10:25

Por otra parte, ¿existe una base de datos o similar en la que los desarrolladores vayáis guardando los scripts que se van generando 02:10:34

y el resto de los usuarios los podamos introducir en nuestros Excel para realizar los cambios que necesitemos? 02:10:41

Vale, ¿es así? Sí, se pueden insertar ahí donde has dicho, en head, pero también los puedes insertar aquí en el pie de página o también los puedes insertar en el propio contenido, ¿vale? Aquí, en cualquier sitio. 02:10:46

¿Puedes incluir todos los que quieras? Sí, o sea, la limitación está en la calidad del contenido. Hay que tener cuidado con lo que uno inserta, pero por poder puedes poner todo lo que quieras. 02:11:01

Eso en cuanto al JavaScript. En cuanto a los CSS, lo suyo es ponerlos aquí en head porque la especificación de HTML dice que los estilos hay que incluirlos aquí con una etiqueta link o con una etiqueta style. 02:11:10

Y la manera de incluirlo sería esa, pero puedes incluir todos los que quieras. 02:11:24

Un repositorio en el que se vayan incluyendo los scripts. 02:11:31

Scripts que, bueno, este tipo de truquillos, de scripts, de truquillos que puedes usar para mejorar el comportamiento de tus contenidos. 02:11:35

No hay un repositorio oficial, sí hay un repositorio que ha creado recientemente un usuario. 02:11:44

y a ver si acierto 02:11:48

vale 02:11:51

Manuel, ¿me puedes echar una mano? 02:12:00

El usuario es Juan José de Haro y ha hecho recientemente 02:12:05

una recopilación y lo puedo encontrar en un 02:12:07

momento en el grupo de Telegram, pero por no poner 02:12:09

en pantalla el grupo de Telegram 02:12:11

Ignacio, te pongo tu cara un momento 02:12:12

y ahora busco 02:12:15

Sí, por favor, lo busco 02:12:16

Ah, sí, ahora recordando el nombre 02:12:17

Ignacio, creo que sí que es 02:12:22

Juan José de Haro 02:12:23

Sí, es Juan José de Haro 02:12:24

En las plantillas de estilo de la Comunidad de Madrid 02:12:25

utilizando su script de accesibilidad y nos pidió, por favor, que reconociéramos su autoría. 02:12:28

Sí, sí, no, no, sí, el nombre de Juan José de Aro me acuerdo perfectamente, por supuesto, es de esto de lo que no me acordaba. 02:12:34

Ya puedo, vuelvo a compartir la pantalla si no la estáis viendo. No sé si lo haces tú, Alberto, directamente o… 02:12:39

Ya, pues ahí lo tenéis. Jaquexe, ¿vale? Esto lo ha hecho Juan José de Aro, que es un usuario de S-Learning que aporta muchas soluciones de este tipo 02:12:46

Y ahí tenéis un montón de cositas que podéis usar. Son soluciones que aporta él. Nosotros no las hemos revisado, pero ahí están. 02:12:53

Y algunas de estas soluciones que los usuarios van creando porque quieren, porque les surge la necesidad, por lo que sea, a veces han ido incorporando al código de Excel. 02:13:04

La barra de accesibilidad de Excel parte de esta idea de Juan José de Haro. Y yo sí que os animo a que si tenéis algo que pueda servir para más gente, que lo compartáis, por favor. 02:13:14

Si no es el código final, que viene bien también, pues la idea para que podamos tirar del hilo y si es interesante para muchos, pues desarrollarlo. 02:13:24

Perfecto. Mira, sobre el efecto Livebox que has comentado y que es muy útil, Ignacio pregunta, nunca me ha dado problemas cuando enlazo de imagen a imagen, pero sí de texto a imagen. 02:13:32

¿Por qué podría ser que estoy haciendo mal? 02:13:43

Tengo ni idea. Pero sí que te diría que la próxima vez que te pase, que nos pases el LP, viene a través del grupo de Telegram o bien escribiendo a la dirección que aparece a pie de página en la web de Excel Learning. 02:13:48

Y lo miramos y te contestamos. Y si vemos que es algo que puede pasar habitualmente haciendo un uso normal de Excel Learning, pues aprovechamos para corregirlo. 02:14:01

Lo bueno de esto es eso, que hay comunicación muy fluida entre usuarios y desarrolladores del programa y colaboradores, que por cierto no lo he dicho, pero hay muchos colaboradores que aportan mucho por amor al arte y nos avisan de fallos y vamos corrigiendo sobre la marcha. 02:14:08

Perfecto. Siguiente pregunta. Si cambio las características del ancho en el gestor de estilos, tanto en porcentaje como en píxeles, ¿deja de ser responsivo Excel? ¿Hay un tamaño estándar para mantener la responsibilidad de un estilo? 02:14:23

Vamos a probarlo. Por no contestar una tontería, me voy al gestor de estilos. Me vuelvo aquí, que es donde tenía que estar. Voy a crear un estilo nuevo que voy a guardar como prueba. 02:14:40

y voy a decir, le voy a poner un ancho 02:14:53

fijo, le voy a poner un ancho fijo de 800. 02:14:58

Voy a finalizar. Veis, el resultado se ha guardado correctamente 02:15:02

y ahora voy a seleccionar el estilo que acabo de crear, que se llama 02:15:06

prueba, aquí lo tengo y voy a ver 02:15:10

el resultado. Entonces me pone un ancho 02:15:14

máximo de 800, pero como veis 02:15:18

sigue siendo responsive. Lo que hace es establecer el ancho 02:15:21

máximo. Eso funciona tanto con ancho fijo como con ancho variable. 02:15:25

Manuel, una que preguntan para ti. ¿Se contempla 02:15:31

la opción de compartir... Espera, no, que me he ido. 02:15:35

Vale, espera, perdona. 02:15:40

Ah, vale. En el rosco de pasapalabra hay un límite máximo de letras para 02:15:43

usar. Intenté hacer con todas las letras y a partir de la letra P no pude 02:15:47

seguir? No, entre 02:15:51

Roscoe, todas las letras 02:15:53

pueden meterlas directamente. 02:15:55

27 letras o más si tienen otro idioma. 02:15:57

No hay problema. 02:16:00

Vale. 02:16:03

¿Y puedo crear un juego dentro 02:16:04

de un device, por ejemplo, 02:16:05

en la charla en efecto FX? 02:16:07

Manuel, estás muteado. 02:16:12

Ah, ya. Sí, decía que no hay 02:16:13

ningún problema a la hora de limitación, 02:16:18

a la hora de meter letras. Todas las letras de Roscoe, 02:16:20

las 27 entran perfectamente. 02:16:22

Y a la siguiente pregunta, me parece 02:16:26

No lo has oído, Manuel, pero creo que puedo contestar yo. Si se pueden anidar y devices y juegos. No, no se pueden anidar. 02:16:27

No se pueden anidar, nada. 02:16:34

Vale. ¿En algunos device que se pueden enlazar vídeos? ¿Se pueden enlazar vídeos a YouTube, por ejemplo? Sobre todo en los de juegos. 02:16:37

Sí, en los de juegos se pueden enlazar vídeos a YouTube y en la biblioteca también directamente. 02:16:44

Voy a aprovechar para darte las gracias públicamente, Manuel. Ese fue un regalo que hizo Manuel a EducaMadrid. 02:16:49

Si llegó la petición de EducaMadrid, a ver si se pueden meter los vídeos y fue el regalo de Manuel hacer que todos sus juegos fueran compatibles con la Mediateca de EducaMadrid. 02:16:54

Y con YouTube, ¿no? ¿Y cómo se procede a referenciarlos, los de YouTube? 02:17:03

Porque como no sabemos qué licencia tienen... 02:17:08

No está contemplada esa idea. Solo enlaces a vídeos de YouTube. 02:17:11

Puedes poner abajo, aparte, referenciar los vídeos 02:17:14

En una parte, bueno, esto es recursión de tab 02:17:18

Pero en el propio juego no permite 02:17:20

Permite referenciar las imágenes 02:17:21

Y entonces hay una y demás 02:17:23

Pero los vídeos de YouTube no 02:17:24

Los vídeos de YouTube solo los insertas directamente 02:17:26

Si quieres referenciarlos 02:17:28

Los tienes que referenciar en un contenido externo 02:17:29

Diciendo en alguna parte 02:17:31

Diciendo los recursos utilizados en este LP 02:17:32

Son tal, de tal sitio 02:17:35

Ignacio, una para ti 02:17:36

Cuando descargo un archivo de estilo 02:17:40

Y lo modifico 02:17:42

Si lo vuelvo a subir al editor de estilos 02:17:44

me dice que el archivo ya existe, a pesar de que también le he cambiado el nombre. 02:17:46

¿Qué tengo que modificar para que me lo reconozca como un estilo diferente y lo pueda subir al editor de estilos? 02:17:50

El nombre del zip. 02:17:57

El nombre del zip, ¿no? 02:17:59

Sí, cuando subes un estilo, Excel te crea una carpetita sin la extensión, sin el punto zip. 02:18:01

Le pones otro nombre al zip y si has hecho modificaciones ya tendrás dos estilos diferentes. 02:18:10

Esta es interesante. Estoy utilizando fotos de Adobe puesto que estoy pagando la licencia mensual. ¿Se pueden utilizar? 02:18:14

Por eso estaba mirando las licencias. Eso es difícil de contestar porque no conozco en profundidad las licencias de Adobe. Es revisar la licencia del servicio que tienes contratado y ver si es compatible con la distribución y con la licencia del contenido final. 02:18:26

tengo esta página adelante que es la de Adobe 02:18:42

y yo creo que es estudiarlo, sin más 02:18:46

Vale, perfecto, si quiero cambiar el tamaño 02:18:48

o el color de un efecto especial, por ejemplo 02:18:52

¿qué tengo que cambiar? ¿los archivos CSS con el formato 02:18:54

o con los archivos XMR con los scripts? 02:18:58

¿Cómo? A ver, puedes repetir la última parte 02:19:02

A ver, si quiero cambiar el tamaño 02:19:03

o el color de un efecto especial, por ejemplo 02:19:07

¿Qué tengo que cambiar? ¿Los archivos CSS con el formato o los archivos XML con los scripts? 02:19:09

No, la mayoría de los efectos tienen su presentación definida mediante CSS. Este es un truco avanzado que, bueno, lo tenía apuntado por si llegábamos a tiempo, pero cuando queráis ver en general, para esto y para todo, cómo está definida la apariencia de cualquier elemento, pues lo que podéis hacer es esto. 02:19:18

Voy a hacerlo aquí viendo el resultado final. Voy a hacer F12 para sacar la consola de desarrollo del navegador y hacer esto un poquito más grande y esto lo voy a poner ahí. 02:19:44

Y con el inspector selecciono cualquier elemento y veo qué color tiene. Tiene este color y veo dónde se le está dando color. Se le está dando color en ese archivo y esto es lo que se usa para darle ese color. 02:20:01

Voy a copiar este código. Copiar. Como este archivo no deberías modificarlo porque este archivo se exporta cuando tú incluyes un efecto, lo que tienes que conseguir es que tu estilo, tu contenido tengan el código CSS necesario para modificar esos valores. 02:20:18

entonces puedes hacerlo por ejemplo en aquí en propiedades opciones avanzadas head dentro de 02:20:32

una etiqueta style ese es el código ups he pegado el código vale y voy a cambiar simplemente porque 02:20:44

veáis el efecto. En vez de un color, pues voy a poner un color rojo oscuro, por ejemplo. 02:20:55

Le doy a guardar y voy a ver cómo queda. La manera de hacerlo sería esa. Es decir, 02:21:04

la respuesta rápida es con CSS. Puede estar o bien en el contenido, que es lo que he hecho 02:21:10

ahora, o bien en tu estilo, en el fichero content.css de tu estilo. 02:21:15

Perfecto, y ya la última 02:21:19

y esta para los de música 02:21:21

¿Se puede grabar un audio 02:21:22

en formato MIDI y compartirlo? 02:21:25

Sí, ya se ha contestado por privado 02:21:28

pero creo que es interesante para más gente, sí 02:21:30

Bueno, lo hago aquí mismo 02:21:31

Tengo 02:21:34

este contenido 02:21:36

lo voy a editar 02:21:37

y voy a añadir 02:21:40

una partitura 02:21:45

y voy a marcar que tenga MIDI 02:21:47

Es sobre el MIDI la pregunta, ¿verdad? 02:21:49

¿No suena? 02:21:56

Sí, correcto, Ignacio. 02:21:57

Bien, pues le doy a visualización previa. Bueno, que sepáis que si yo exporto el contenido, el fichero MIDI no va a estar en la exportación. El fichero MIDI no se crea cuando exportas. Pero si le doy a visualización previa, a ver si es cierto, aquí está. Tengo MIDI, puedo escucharlo y puedo descargarlo. Y es al hacer clic sobre este enlace cuando se accederá al fichero MIDI. 02:21:59

Así que no puedes compartir esto, lo que puedes compartir es esto, la URL del contenido. No esta, lógicamente, que está local. Puedes compartir la URL del contenido una vez que la subas a tu Moodle o al portal EducaMadrid, donde publica estos contenidos. 02:22:21

Bueno, para finalizar, como lo estáis preguntando muchos, esto, como se ha dicho al principio, se está grabando. 02:22:40

Lo subiremos a los cursos de Creatum, es decir, a Crea tu SODE, a Envía tu SODE y al curso de Lidra tu cambio digital. 02:22:48

Por otra parte, se compartirá en redes sociales de la Comunidad de Madrid, tipo coordinadores TIC, la de Excel Learning, si puedes, Ignacio. 02:22:56

y luego también por otra parte por Twitter y yo creo que así y en el grupo de EDUCA, de colaboradores de EDUCA. 02:23:05

Y yo creo que con eso obtendréis acceso a todos. 02:23:14

El que le necesite y no le llegue el enlace puede escribir a innovacioninformacion-cdd-educa.madrid.org y se lo enviamos. 02:23:18

Perfecto, ya sabéis que se agradecen ideas y aportaciones, así que ahí estamos en el grupo y demás. Muchas gracias. 02:23:30

Bueno, pues muchas gracias a Ignacio, a Manuel y a mi compañera Susana. Espero que los contenidos de este webinar hayan sido de interés para todos vosotros y bueno, seguimos adelante. Un saludo. 02:23:35

Gracias. Hasta luego. 02:23:50