lunes, 19 de octubre de 2015

JuxtaposeJS, para narrar el antes y el después



Hace poco conocimos una nueva herramienta llamada JuxtaposeJS, desarrollada por Knight Lab, que permite crear e insertar slide before/after (antes y después) para sumar a nuestro contenido, en este caso periodístico.


Nos sirve, por ejemplo, para comparar las consecuencias de los desastres naturales a partir de Google Earth o para comparar en el tiempo las transformaciones de nuestras ciudades, edificios, esquinas, plazas.

Les dejamos un ejemplo, que aplicamos a partir de la definición de una búsqueda y una técnica para lograrla. Para mostrar el crecimiento y las transformación de la Villa 31, en el barrio de Retiro, Capital Federal, tomamos dos imágenes satelitales. Pudimos acceder a una foto satelital del año 2002 instalando Google Earth en nuestra pc, porque en la versión en línea no es posible retroceder ese orden de tiempo. Pueden descargar Google Earth haciendo click aquí 
Si estamos investigando el tema, si queremos narrar periodísticamente acerca de la situación de la Villa 31, con esta pieza, dimensionamos en forma cabal la magnitud de la transformación. La propuesta es visualmente clara, y a nivel de interacción la herramienta es atractiva. Consideren esta forma de producir contenidos como parte de una estrategia que se vale del periodismo de datos, porque se ponen acción técnicas de búsqueda para la recolección documentos actuales y de archivo. 

Tutorial 

Una vez que definimos las dos imágenes, nos encargamos de que tengan las mismas dimensiones, y luego tenemos que subirlas a algún servidor, recomendamos Flickr.com

Para crear el slide, ingresamos en la plataforma  y pegamos la url de cada imagen (Click derecho en la imagen y "copiar url de la imagen"), ubicándolas a la izquierda o derecha según nuestro interés. También podemos completar los campos que imprimen la fecha de cada imagen, siendo opcional, al igual que los créditos.

Finalizado este armado, damos clic en Update preview para actualizar el código del slide, copiamos el código iframe y lo pegamos en la sección HTML de nuestro post en el blog


No hay comentarios:

Publicar un comentario