Tuesday, April 25, 2017

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.

No comments: