Imagen interactiva sobre los componentes básicos de un ordenador.

¡Hola a todos!

Hoy, como práctica de la clase de TIC he realizado varias imágenes interactivas para explicar un poco los componentes de un ordenador y sus funciones.

El programa lo he realizado en genial.ly una herramienta online muy util para crear tanto imágenes interactivas como infografías, etc...
Este programa es muy sencillo de utilizar y muy predictivo, esta fue la primera vez que lo use y enseguida lo entendí. Pero para que a vosotros, mis fieles lectores, os sea todavía más sencillo de usar os haré un resumen de todo lo que teneis que hacer para realizar una imagen interactiva como esta.
Lo primero de todo será registraros en genial.ly si no teneis una cuenta.
Una vez registrados aparecereis en el menú principal, en la parte superior habrá una serie de cuadraditos con imágenes y un título debajo, son todos los tipos de trabajos que se pueden realizar. Debeis pinchar en el que pone imagen interactiva. Esto os llevará a otro menú, donde os pondrá una serie de pasos que teneis que seguir para hacer la imagen interactiva, un resumen, vaya (aunque no tan bueno como el que estoy haciendo yo), el último de esos pasos es un cuadrado en blanco. Debeis hacer clic en ese cuadrado y seleccionar una imagen. Despues de esto os aparecerá un recuadro donde debeis hacer clic para ir al último menú, el de crar interactividad (ya os digo, todo muy intuitivo).
En ese último menú os aparecrá la imagen y una columna con iconos a la izquierda. Si pinchais en interactividad se abrirá un panel con distintos tipos de "pinchos" (¿pinchos?, sí, llamemoslos pinchos), es decir, los distintos tipos de iconos sobre los que pinchar y que crearán la interactividad. Aquí no os puedo decir qué hacer, pues depende de vuestros gustos, pero sí os puedo decir qué hice yo:
En mi caso, exploré un poco, es decir, la primera imágen puse "pinchos" invisibles, en estos no hace falta hacer clic, sino que al pasar el ratón por encima se despliega la ventana donde va la explicación. Para la segunda y la tercera usé otro tipo de "pinchos", y así fui aprendiendo para que servía cada uno.
Finalmente, colocados todos los pinchos debeis escribir lo que quereis que se vea cuando se haga clic en ellos, se hace de la siguiente manera:
Tras colocar el pincho aparecé un icono encima (tranquilos, este icono desaparecerá en la imagen de verdad, es decir, solo podeis verlos mientras la esteis creando) pinchais en él y se abre una ventana. El resto es muy fácil, escribis ahí el texto que querais que aparezca. Y ya está, para compartir la imagen teneis diversas opciones, como son embeber o poner el enlace, etc.
Para completar el resumen os dejo un vídeo donde lo explican muy bien:

Pues esto es todo, amigos. Hasta la próxima, os dejo abajo las  imágenes que hice yo.

LÍNEA DEL TIEMPO INFORMÁTICA

¡Hola a todos!

Hoy he vuelvo a traeros una tarea que he hecho con mi amiga Fátima, se trata de una línea del tiempo sobre la historia de la informática. Nosotros la creamos en una página que se llama Timeline JS3. Al principio nos costó un poco entender como funcionaba, ya que no se hace en la propia página sino que te lleva a tu drive y crea una hoja de cálculo con una plantilla donde debes ir colocando la fecha, las fotos y un pequeño texto que describa el invento del que se habla. Aunque, si me preguntaseis qué fue lo que más nos costó, os diría que, sin duda alguna y con diferencia, encontrar fotos que luego al crear la línea de tiempo se vieran. Bien, explicaré un poco más esto para que a nadie le pase lo que nos pasó a nosotros:
 Fátima y yo comenzamos a copiar el link de las fotos que más nos gustaban y los poniamos sin temor alguno en el hueco correspondiente de la hoja de calculo, el trabajo de búsqueda de fotos se convirtió en una sucesión inconsciente de "control-c"-"control-v". Ignorabamos lo que venía despues. Más una ola de incertidumbre se proyectaba sobre nuestras personas y en el preciso instante en el que embebimos la hoja de calculo en el programa apodado Timeline JS3 y vimos que no se veían, si no todas, la mayoría de las fotos, tanto Fátima como yo quedamos con expresión de fastidio y duda en el rostro. A partir de ese momento la búsqueda, que antes incluso divertida se nos hacía, había tornado en odiseas nuestras vidas, llenando hasta los topes de temores nuestrsa mentes; temor de que las fotos no aparecieran, temor de volver a repetir esas acciones hasta el fin de nuestros días, temor al porvenir. ¿Qué nos auguraba? Un futuro negro...
Pues esa locura cesó, y en un arrebato de cordura mi mente dijo algo; ¡Era la solución! Sí, había encontrado la solución, el preciado tesoro, el santo grial de los trucos para trabajos interminables de TICs. Y se lo dije Fátima. Y ahora, amigos, os lo digo a vosotros. Habéis de tener mucho cuidado con que copiais, es decir, el primer paso es posar el icono de la flecha sobre la imagen correspondiente, ahora haremos click derecho, y aquí, amigos mios, llega la parte importante. Debemos ejecutar la siguiente accion con cuidado, pero tranquilos, que se vuelve tan descomplicado como dificil era antes con mis instrucciones. Se abre una ventana que porta diferentes frases en ella, existen dos muy similares: copiar dirección de la imagen y copiar dirección del enlace. ¡CUIDADO! MUCHO CUIDADO... Debemos hacer click en copiar dirección de la imagen, repito, dirección de la imagen. Ahora, pegaremos lo copiado en el hueco correspondiente, y cuidado de nuevo, nos fijaremos en si loa dirección pegada termina en .jpg, de ser así toda está perfecto, sin embargo, de no serlo, todo será un fiasco.
Bien, una vez superado ese obstaculo lo demás es facilísimo. Al acabar de insertar los datos subimos el enlace a la página que dije anteriormente (Timelien JS3) y copiamos el enlace que nos da. No permite embeber la línea de tiempo así que vamos a sacar una captura de pantalla, subirla a donde queramos subirla y enlazar esa imágen al link que nos dan en la página.

Aquí nuestra línea: