StoryMapJS. Herramienta gratuita de código abierto para ayudarte a contar historias geolocalizadas y de arte en la web

StoryMapJS es una herramienta gratuita de código abierto para ayudarte a contar historias en la web y resaltar la ubicación de una serie de eventos.

Dos maneras de elaborar un StoryMap:

1. Mapas: 
1. Añadir una diapositiva para cada lugar en tu historia. 
2. Establecer la ubicación es tan fácil como una búsqueda de texto para el nombre, la dirección, o latitud y longitud. 
3. Se puede cambiar el estilo visual de su mapa con unos pocos ajustes preestablecidos, o puede utilizar Mapbox para crear tu propio estilo.
2. Imágenes grandes: 
1. Puedes contar historias utilizando fotografías grandes, obras de arte, mapas históricos, y otros archivos de imagen. Debido a que funciona mejor con los archivos de píxeles de alta densidad, llaman a estos gigapixel . Instalar uno que requiere para alojar archivos en un servidor web.

Consejos y trucos

1. Sé breve. Se recomienda no tener más de 20 diapositivas para que un lector para hacer clic en todas.
2. Recoge historias que tengan una fuerte narrativa geolocalizada. No funciona bien para las historias que necesitan saltar en el mapa.
3. Escribe cada evento como parte de una narrativa más grande.

Fuentes

StoryMap JS permite recurrir a variedad de fuentes:

• Twitter
• Flickr
• YouTube
• Vimeo
• Vine
• Dailymotion
• Google Maps
• Wikipedia
• SoundCloud
• Nube de documentos
• Muchas más.

Puedes utilizar StoryMap para 

• Contar historias sobre fotografía o arte
• Mostrar un recorrido en un mapa histórico. 

Cómo puedo construir un StoryMap JS

StoryMap no es tan fácil de usar como otras herramientas, ya que requiere una carpeta de imágenes en un servidor web. Si no eres capaz alojar tus imágenes y hacerlas accesibles a través de la web, no serás capaz de utilizar la función de gigapixel StoryMap.

Puedes empezar con una imagen de gran tamaño para tu proyecto gigapixel. En realidad, no tiene por qué ser un imagen gigapixel, pero las imágenes capturadas con el teléfono no serán lo suficientemente grandes como para ser apropiadas. Es necesario conocer el ancho de la imagen y la altura en píxeles para iniciar un StoryMap gigapixel.

Una vez que tengas una imagen grande, debes exportarla como azulejos. Para ello, los usuarios de Windows y Mac pueden utilizar la aplicación Zoomify Express. Si usas Photoshop, puedes utilizar su función de exportación "Zoomify". (ver cómo) Los usuarios más expertos técnicamente pueden utilizar las herramientas de línea de comandos como ZoomifyImage o VIPS .

Si eres ser capaz de crear una carpeta de imágenes en un servidor web, usarás la URL base de la carpeta de imágenes de tus azulejos exportados para hacer tu StoryMap gigapixel.

1. Después de tener tus cuadros de imagen en un servidor, haz clic sobre una nueva StoryMap
2. Elige el botón "gigapixel". 
3. Dale un nombre a tu nuevo proyecto
4. Escribe la dirección URL base de tu carpeta en la web. 
5. A continuación, introduce el ancho de la imagen y la altura y ya está listo para contar tu historia gigapixel.

• En este enlace puedes ver un ejemplo sobre la obra El jardín de las delicias de El Bosco.

Más información:

• La gestión de los datos en StoryMapJS
• La creación de tu página
• Sintaxis JSON
• StoryMap de Imágenes

TimelineJS Herramienta de código abierto para crear Líneas de Tiempo interactivas

Women in computing: Ejemplo de Línea de Tiempo interactiva

TimelineJS herramienta de código abierto para crear líneas de tiempo interactivas.

TimelineJS es una herramienta de código abierto que permite construir líneas de tiempo interactivas de gran riqueza visual.

También puedes ver:

• Top 10 de Sitios para crear LÍNEAS DE TIEMPO.

Permite crear una línea de tiempo utilizando una hoja de cálculo Google, como la de este ejemplo. 

Los expertos pueden utilizar sus habilidades con JSON para crear líneas personalizadas, manteniendo la funcionalidad central de TimelineJS.

El navegador recomendado es Google Chrome, aunque funciona en todos los navegadores web modernos. TimelineJS no funciona con versiones de Internet Explorer antes de IE10.

TimelineJS puede puede hacer uso de variedad de fuentes para confeccionar tus líneas: 

• Twitter
• Flickr
• YouTube
• Vimeo
• Vine
• Dailymotion
• Google Maps
• Wikipedia
• SoundCloud
• Nube de documentos
• Muchos más

TimelineJS funciona en cualquier sitio o blog. 

Consejos y trucos

1. Sé breve. No utilices más de 20 diapositivas.
2. Recoge historias que tengan una narrativa cronológica fuerte. 
3. Escribe cada evento como parte de una narrativa más grande.

4 pasos para confeccionar tu línea de tiempo:

1. Crea una hoja de cálculo: 

Construye una hoja de cálculo de Google usando la plantilla. 

Tendrás que 

• Crear una copia de la plantilla
• Guardarla como una copia en tu propia cuenta de Google Drive
• Haciendo clic en el botón "Crear una copia".

Añade fechas, texto y enlaces a los medios en las columnas correspondientes.

Obtenen la plantilla de la hoja de cálculo.

2. Publicar en la web

Bajo el menú Archivo, selecciona “Publicar en la Web”.

En la siguiente ventana, haz clic en el botón azul "publicar". Cuando te pregunta, "¿Está seguro ...?" haz clic en "Aceptar".

A continuación, copia la URL que aparece en el centro de la ventana. 

3. Generar su línea de tiempo

Copiar y pega la URL de hoja de cálculo en el cuadro de abajo para generar tu línea de tiempo. (Asegúrate de que has publicado la hoja de cálculo.)

• Pega la URL de la hoja de cálculo Google 
• Establece el ancho
• Y el alto
• Ajustes opcionales: 
• Establece idioma
• Fuentes
• Más

4. Compartir tu línea de tiempo

• Comparte el enlace: Utiliza esta opción para enlazar directamente con su línea de tiempo.

• Inserta el código: Copia el código de inserción y pegarlo en su sitio en el que desea que aparezca tu línea de tiempo (al igual que un vídeo de YouTube).

En este enlace, puedes ver un ejemplo de una línea de tiempo interactiva realizada sobre Mandela.

También puedes ver:

• Top 10 de Sitios para crear LÍNEAS DE TIEMPO.

How to Use TimelineJS from Northwestern U. Knight Lab on Vimeo.

10 #Cuentos para niños fomentar la igualdad en el #DíaDelLibro #DíaDelLibro2017 #LibrosParaLaIgualdad por @Kohanm

10 cuentos para niños fomentar la igualdad en el #DíaDelLibro #DíaDelLibro2017 #LibrosParaLaIgualdad

También puedes encontrar mucha documentación en los siguientes hashtags:

• #DíaDelLibro
• #DíaDelLibro2017 
• #LibrosParaLaIgualdad
• #Cuentos
• AnimacionALaLectura

Con motivo del día del libro, Publico propone, en un artículo de Marisa Kohan
@kohanm,10 cuentos para los más pequeños y propone a sus lectores que compartan sus libros favoritos para un mundo mas integrador con el hashtag #LiborsParaLaIgualdad

Si quieres acceder a las reseñas de los libros y al artículo completo que incluye algunos links a más cuentos que fomentan la igualdad, accede al artículo completo a través de este enlace :

• 10 cuentos para niños que fomentan la igualdad y destruyen estereotipos, por Marisa Kohan @kohanm

1. Las princesas también se tiran pedos.
2. Rosa caramelo.
3. ¡En familia!, Sobre el hijo de la nueva amiga del hermano de la exmujer del padre y otros parientes.
4. Bienvenido a la familia.
5. El caso de Lorenzo.
6. El dragón Zog.
7. Mercedes quiere ser bombera.
8. Está bien ser diferente.
9. La peluca de Luca.
10. Eloísa y los bichos.

Si quieres conocer más cuentos que fomentan la igualdad, Marisa Kohan te proponemos algunos links:

• Club de los peques lectores: 20 Cuentos educativos para la igualdad.
• ​10 libros para explicar a los niños el drama de los refugiados.
• Un pastiche (género y comunicación): 15 libros infantiles para mini-feministas.