1 00:00:00,000 --> 00:00:10,869 Hola, me llamo José Félix Moreno y les voy a explicar la imagen interactiva que he realizado 2 00:00:10,869 --> 00:00:15,410 en Geniali. Es una imagen que está incluida en el aula virtual de uno de mis módulos 3 00:00:15,410 --> 00:00:21,149 Tratamiento Informático de la Información en la unidad 1 Operatoria de Teclados y en 4 00:00:21,149 --> 00:00:25,730 la que se resumen las principales partes de un teclado informático extendido y la función 5 00:00:25,730 --> 00:00:30,809 de las principales teclas, tal y como figura en la programación anual del módulo. El 6 00:00:30,809 --> 00:00:35,070 objetivo de este contenido es que los alumnos conozcan de una forma interactiva las principales 7 00:00:35,070 --> 00:00:41,289 partes del teclado informático extendido antes de abordar las prácticas de mecanografía. Intenté 8 00:00:41,289 --> 00:00:46,170 resumir de una forma visual interactiva y atractiva por un lado las principales partes 9 00:00:46,170 --> 00:00:52,530 de un teclado extendido y por otro las principales teclas especiales y la función de cada una. La 10 00:00:52,530 --> 00:00:56,950 imagen está realizada en Geniali, que es una herramienta que he realizado otros contenidos 11 00:00:56,950 --> 00:01:02,530 para clase con la que trabajo con los alumnos. Para realizar el contenido elegí hacer una 12 00:01:02,530 --> 00:01:08,230 imagen interactiva desde cero, escogiendo una paleta de colores. Luego quité los elementos 13 00:01:08,230 --> 00:01:13,230 que introduce la aplicación por defecto y personalicé la primera página, escogiendo 14 00:01:13,230 --> 00:01:19,109 las características del lienzo y de la base. Luego escogí una imagen que coloque detrás 15 00:01:19,109 --> 00:01:25,909 de todo y a la que asigné una animación del banco que Geniali provee y que provienen 16 00:01:25,909 --> 00:01:26,709 de Pixabay. 17 00:01:27,829 --> 00:01:32,790 Introdujo un título con interactividad para incluir instrucciones y una imagen del banco 18 00:01:32,790 --> 00:01:37,969 de Geniali para colocar un enlace a la página de la Wikipedia, que contiene toda la información 19 00:01:37,969 --> 00:01:39,430 sobre los teclados informáticos. 20 00:01:40,950 --> 00:01:45,129 Subí luego una imagen propia de un teclado informático sobre la que se añadieron las 21 00:01:45,129 --> 00:01:49,569 áreas invisibles de interactividad con etiquetas y páginas con la información que se debe 22 00:01:49,569 --> 00:01:56,549 mostrar. Luego se duplicó la primera página y en la segunda se borraron las áreas invisibles 23 00:01:56,549 --> 00:02:01,390 de interactividad de la primera, se incluyeron botones con el color de la paleta elegida 24 00:02:01,390 --> 00:02:07,549 con una opacidad de 50 para que no taparan el contenido de las teclas. Luego se añadió 25 00:02:07,549 --> 00:02:12,889 interactividad a cada uno de los botones con la información que se debía mostrar. 26 00:02:13,830 --> 00:02:24,210 Cabe destacar como elemento de accesibilidad los enlaces de la aplicación que cuentan con una opción para que dicha aplicación lea la descripción de los mismos en el lector de pantalla. 27 00:02:25,129 --> 00:02:33,849 Una vez realizada y publicada, se copió el código HTML para su posterior inserción en el aula virtual, donde está disponible. 28 00:02:35,110 --> 00:02:37,310 Espero les haya quedado todo claro. Un saludo.