1 00:00:05,490 --> 00:00:12,390 Bueno, vamos a intentar explicar cómo se puede hacer o cómo podemos hacer para crear un juego en Geniali. 2 00:00:12,509 --> 00:00:16,850 Lo primero es identificarnos, crearnos una cuenta, ¿de acuerdo? 3 00:00:17,030 --> 00:00:22,530 Y fijaros, encontraremos aquí en el lateral un botón que es el de crear Geniali. 4 00:00:23,350 --> 00:00:30,010 A la hora de crear Geniali, como vamos a crear un juego, fijaros que tenéis un montón de recursos para cualquier otra situación 5 00:00:30,010 --> 00:00:34,729 en la que tengáis que elaborar, por ejemplo, una infografía, una presentación, etc. 6 00:00:34,990 --> 00:00:38,850 Pero ahora nos vamos a concentrar en la gamificación, ¿de acuerdo? 7 00:00:39,070 --> 00:00:43,429 Dentro de la gamificación vais a ver que tenemos distintas cosas. 8 00:00:43,609 --> 00:00:47,670 Tenemos los accionables, tenemos los juegos, que es lo que nos va a interesar, 9 00:00:48,090 --> 00:00:53,229 y si ya queremos ir a lo mejor que podemos hacer a través de Genelly, 10 00:00:53,729 --> 00:00:55,869 os animaríamos a intentar los breakout. 11 00:00:55,869 --> 00:00:59,950 Los breakout son distintos tipos de pruebas, es como un escape room, 12 00:01:00,009 --> 00:01:11,730 en la que van haciendo una serie de pruebas y van consiguiendo códigos que les va a permitir después, al final, abrir una caja fuerte o superar, digamos, el reto final. 13 00:01:12,250 --> 00:01:20,549 Fijaros que vais a encontraros con plantillas que están liberadas y plantillas que tienen una estrellita, que son las plantillas Premium. 14 00:01:21,109 --> 00:01:27,150 Nos podéis solicitar alguna de estas plantillas Premium si estáis interesados en utilizarla. 15 00:01:27,150 --> 00:01:33,530 Vamos a centrarnos en los juegos, que es lo más sencillo, y dentro de estos juegos elegid la que queráis. 16 00:01:33,810 --> 00:01:45,890 ¿Cómo podemos ver si una plantilla me gusta o no? Pues fijaros, es muy sencillo, simplemente pulsáis en ella y siempre os sale una demo que os permite ver un poquito cómo está diseñada. 17 00:01:45,890 --> 00:01:59,329 Por ejemplo, en este del quiz de detectives le daríamos empezar, nos hace una pregunta, veis que ahí habría que cambiar en esta plantilla el enunciado de la pregunta y donde pone respuesta correcta o incorrecta cambiaríamos por las correspondientes. 18 00:01:59,329 --> 00:02:17,509 Cuando lo vea la respuesta correcta, pasaríamos, ¿veis? A un mensaje de acierto y pasaríamos a la siguiente, ¿de acuerdo? En la siguiente te hace otra pregunta, en este caso hay que elegir imágenes, nos indica cuál es la correcta, vamos a equivocarnos, ¿veis? Nos sale un mensaje de error. 19 00:02:17,509 --> 00:02:39,669 ¿Esto cómo funciona? Vamos a elegir una plantilla de las gratis, por ejemplo la de dardos o la de natación, la de natación está interesante, fijaros la de natación es bastante chula, le damos a empezar y sale un grupito de nadadores, una pregunta y a medida que vamos avanzando, si le damos respuesta correcta pasaría o irían avanzando. 20 00:02:39,669 --> 00:02:54,870 ¿Qué me equivoco? Pues me sale un mensaje de error y ese mensaje de error es el mensaje que tendríamos que superar para ir avanzando. Imaginaros que esta es la que queremos usar. Podríamos usar esta plantilla. 21 00:02:54,870 --> 00:03:12,669 Y una vez que hemos usado la plantilla, nos vamos al menú de edición. En el menú de edición, fijaros, va a funcionar como si fuera un PowerPoint. Veis ahí las páginas. Es muy importante que cuando vayáis a trabajar con ellas, identifiquéis las páginas. 22 00:03:12,669 --> 00:03:31,129 Nosotros os hemos pedido 15 preguntas o retos o actividades que haya que resolver y de alguna manera eso es lo que tenéis ahí. Entonces fijaros que tenéis ahí las preguntas que hay que identificar y bueno pues vais simplemente nomerando o nombrando cada pregunta. 23 00:03:31,129 --> 00:03:39,009 Vamos a intentar entender cómo funciona el Generate 24 00:03:39,009 --> 00:03:43,009 Por ejemplo, fijaros que cada vez que yo hago clic en algún elemento 25 00:03:43,009 --> 00:03:46,930 cuando estoy en el modo edición, se me activan dos botoncitos arriba 26 00:03:46,930 --> 00:03:50,110 que veis, uno es un dedito y el otro es una especie de 27 00:03:50,110 --> 00:03:54,930 parece un meteorito, no sabría muy bien. El meteorito, el que está a la derecha 28 00:03:54,930 --> 00:03:57,610 es la animación, es lo que queremos que haga 29 00:03:57,610 --> 00:04:01,389 el objeto al que se lo estamos aplicando. 30 00:04:01,490 --> 00:04:02,949 Son como las animaciones de PowerPoint. 31 00:04:03,669 --> 00:04:08,689 Podemos, por ejemplo, en este caso, el botón de empezar 32 00:04:08,689 --> 00:04:11,750 tiene una animación de entrada y una animación continua. 33 00:04:11,750 --> 00:04:16,069 La de entrada, la animación continua es entrada-salida. 34 00:04:16,350 --> 00:04:18,290 Entonces, podemos, por ejemplo, cambiar esa animación 35 00:04:18,290 --> 00:04:19,550 y ponerle que haga un pulso. 36 00:04:20,110 --> 00:04:21,329 Fijaros cómo ha cambiado. 37 00:04:21,750 --> 00:04:24,209 Esto estaría constantemente llamándonos la atención 38 00:04:24,209 --> 00:04:26,050 para que empezáramos. 39 00:04:26,050 --> 00:04:45,550 Ese sería el primer botón. Si le doy al otro botón, al del dedo, fijaros que el dedo es una navegación, me dice qué quieres hacer y en este caso fijaros que en el menú lateral nos dice vamos a ir a página, como es empezar, lo que me dice es cuando me pulses vamos a ir a la pregunta 1. 40 00:04:45,550 --> 00:04:51,149 Ahí tenéis todo el repertorio de preguntas y os dice a qué pregunta iríais, ¿de acuerdo? 41 00:04:51,149 --> 00:05:00,269 Pero también podríamos hacer cualquier cosa. Podemos poner una etiqueta. Una etiqueta es un mensaje rápido que aparece cuando pasamos el ratón por encima del objeto. 42 00:05:00,829 --> 00:05:07,529 Y aquí podríamos poner un pequeño mensaje, una ayuda, un mensajito rápido. Podéis ponerle fotos, ¿de acuerdo? 43 00:05:07,649 --> 00:05:12,709 Aquí este icono es el de coger fotos o el icono de insertar vídeos, ¿de acuerdo? 44 00:05:12,709 --> 00:05:36,350 Podéis pegar una URL o pegarle un código. Y este último también es interesante porque en este podéis pegar cualquier código que os interese. Podéis hacer lo mismo pero con una ventana. La diferencia en una ventana, veis que hay distintos tamaños, pequeña, mediana o grande, es que al hacer clic en el objeto se abre esta ventana que puede tener algo más de información. 45 00:05:36,350 --> 00:05:55,610 Se va a hacer un scroll, se va a tener un desplazador que va a permitir que podáis poner algo más de información. Como tenéis que contar o dar las ayudas pertinentes mientras estáis haciendo el juego para que la gente pueda resolver el juego con vuestra ayuda, con esas ayudas, bueno, pues este sería una forma. 46 00:05:55,610 --> 00:06:13,589 Y, por último, además de ir a página que ya hemos mencionado, podéis pegar para ir a una URL. Esto tiene menos sentido en este juego porque la idea es que el juego sea cerrado en sí mismo, es decir, que nadie se tenga que ir fuera, por ejemplo, para ver un vídeo, sino que el vídeo lo vea dentro de vuestro juego, ¿de acuerdo? 47 00:06:13,589 --> 00:06:30,509 Para eso, si queréis, por ejemplo, incluir un vídeo, pues pondríamos una ventana y en el icono de vídeo meteréis la URL o lo pegaríais como código, ¿de acuerdo? Pero la idea es que no haya que salir fuera de vuestro código. Vamos a dejar lo que tenemos, que de momento es ir a página, ¿vale? 48 00:06:30,509 --> 00:06:42,610 ¿Qué más cosas podemos hacer? Vamos a ocultar este menú. Entonces, fijaros, a la izquierda, como tenéis también que personalizar. Bueno, vamos a ver un poco cómo está el tema de las preguntas antes de seguir adelante. 49 00:06:42,769 --> 00:06:57,949 Si yo me voy a la segunda pantalla, fijaros que aquí ya tengo las distintas opciones. Entonces, si yo me pongo ahí arriba, veis que solo tiene animación, es el enunciado de la pregunta y simplemente lo cambio. ¿De acuerdo? Cambio el enunciado por el que corresponda. 50 00:06:57,949 --> 00:07:20,829 Y luego fijaros abajo que tenemos las respuestas. Cuando le doy a la respuesta, si le pincho en el dedo, me va a decir a dónde va. Como he acertado la primera pregunta, me va a ir a la pregunta 2. Fijaros que está oculta la página actual. Es decir, nunca os vais a poder mandar, sería absurdo, mandaros a la propia página en la que está. 51 00:07:20,829 --> 00:07:42,750 Entonces, he acertado, me manda a la pregunta 2. ¿Qué ocurre en esta plantilla si me equivoco? Si yo me equivoco y le doy a la respuesta incorrecta, fijaros, me sale una ventana, mirarlo a la izquierda, con un gif animado metido. Es una manera elegante de dar un mensaje de error. Cuando yo me equivoco me va a salir este mensajito. 52 00:07:42,750 --> 00:08:11,110 ¿De acuerdo? Cosas que podemos hacer. Me voy a poner en la primera página. Entonces, fijaros, de entrada podemos añadir aquí distintos elementos. Hemos pedido, por ejemplo, que pongáis ayudas. Bueno, pues, ¿qué tipo de elemento? Fijaros, puedo poner texto, ¿vale? Ahí me da un menú. Puedo poner imágenes. Hay un repertorio de imágenes que ya tiene, pero puedo añadir ahí mis propias imágenes. ¿De acuerdo? 53 00:08:11,110 --> 00:08:31,029 Puedo meter recursos, los recursos son iconos, formas, ¿vale? Por ejemplo, vamos a imaginar que yo puedo poner ver más, ¿vale? Aquí hay un montón, como veis, hay un gran repertorio, ¿vale? Vamos a imaginar que yo añado este rayo, porque me apetece, porque quiero que este rayo sea mi icono. 54 00:08:31,029 --> 00:08:43,450 Como siempre, le podemos animar, eso ya lo hemos dicho, ¿vale? Le puedo poner un bote, por ejemplo, para entrar, ¿de acuerdo? Y le puedo dar una interacción. ¿A dónde? ¿Qué quiero hacer? 55 00:08:43,450 --> 00:09:04,950 Lo más lógico es que pusierais, por ejemplo, una ventana y aquí pusierais un pequeño tutorial, una ayuda para que pudieran entender, con ayuda de imágenes, de vídeo, con lo que queráis, ese será vuestro trabajo, que podáis echar una mano o orientar a las personas. 56 00:09:04,950 --> 00:09:18,970 Lo mismo son los elementos interactivos, veis que hay botones, hay ojitos, hay un montón de cosas. Los Smart Blocks, bueno, los vais a usar poco, son combinaciones gráficas, para esto no nos sirve mucho. 57 00:09:18,970 --> 00:09:22,970 cuando pulsamos el botón de insertar 58 00:09:22,970 --> 00:09:26,309 que es bastante interesante, podemos como veis introducir un vídeo 59 00:09:26,309 --> 00:09:30,649 o en la nueva versión nos permite grabar directamente un audio y esto es interesante 60 00:09:30,649 --> 00:09:33,429 porque podemos echar 61 00:09:33,429 --> 00:09:38,250 el audio, arrastrar el audio a la parte correspondiente 62 00:09:38,250 --> 00:09:42,750 donde nos indica, o bien aprovechar este botón y grabarlo 63 00:09:42,750 --> 00:09:50,360 directamente, por ejemplo 64 00:09:50,360 --> 00:09:56,559 por ejemplo, podemos grabar nuestra propia instrucción 65 00:09:56,559 --> 00:09:59,519 y decidir luego qué hacemos con ella. 66 00:10:08,129 --> 00:10:10,450 Pongamos la instrucción y decimos qué tenemos que hacer. 67 00:10:11,570 --> 00:10:14,070 Pongamos la instrucción y decimos qué tenemos que hacer. 68 00:10:14,570 --> 00:10:18,690 Bueno, no se ha grabado muy bien, pero el modelo de grabación 69 00:10:18,690 --> 00:10:21,649 funciona bastante bien y lo podríamos utilizar para 70 00:10:21,649 --> 00:10:27,889 dar las instrucciones oportunas que estimemos pertinentes. 71 00:10:27,889 --> 00:10:47,610 Bueno, una vez que tengamos un audio podemos decidir que se ejecute solo, un autoplay, podemos hacer que entre en bucle, bueno, a veces puede ser interesante. Es más interesante ocultar el reproductor, que no se vea y que funcione, por ejemplo, cuando entre en la página o que sea el audio de fondo. 72 00:10:47,610 --> 00:11:10,269 Bueno, estas son decisiones en que podéis tomar o no. Muy interesante es esta otra pestaña, la pestaña de otros. Aquí podéis pegar cualquier código, todo lo que tenga un código de insertar, un vídeo, etc. Cualquier cosa la podéis pegar ahí. Podéis subir a la mediateca el audio y pegar ahí el icono correspondiente, el código correspondiente y se oirá. 73 00:11:10,269 --> 00:11:30,889 Podéis jugar con los fondos, podéis, como hemos hecho, mover las páginas. Esa sería un poco la idea. Fijaros, y ya para acabar un poco este pequeño tutorial que estamos haciendo, fijaros, para acabar, vamos a acabar, entonces, ¿qué haríamos si nos hemos quedado cortos de preguntas? 74 00:11:30,889 --> 00:11:43,309 Entonces, por ejemplo, podemos coger las páginas y podemos adoptar la opción lista, que es la que tenemos, o la opción cuadrícula. Si hacemos la opción cuadrícula lo vemos todo un poquito más claro. 75 00:11:43,309 --> 00:12:02,250 Entonces, fijaros, imaginaos que me voy a la última pregunta o, sí, por ejemplo, la pregunta 10 y yo quiero hacer más preguntas. Pues entonces, fijaros que hay un icono que es el de copia. Entonces, si yo le doy al iconito de copiar, ¿vale? Veis que aparece copia de pregunta 10. 76 00:12:02,250 --> 00:12:05,250 entonces puedo ir repitiendo las preguntas 77 00:12:05,250 --> 00:12:08,190 y ajustando en el menú de navegación 78 00:12:08,190 --> 00:12:10,330 a donde quiero que vaya cada pregunta 79 00:12:10,330 --> 00:12:13,769 ahora en la 10 en vez de acabar iríamos a la 11 80 00:12:13,769 --> 00:12:16,289 etcétera, etcétera 81 00:12:16,289 --> 00:12:20,250 como hemos dicho, esto es cuestión de sobre todo creatividad 82 00:12:20,250 --> 00:12:23,230 de elegir una plantilla, nos podéis pedir la plantilla premium 83 00:12:23,230 --> 00:12:26,070 que necesitéis y nada más 84 00:12:26,070 --> 00:12:29,710 sobre todo imaginación y contenido 85 00:12:29,710 --> 00:12:30,929 vamos a por ello