Tutorial StoryMap

Instrucciones

Menú

Bienvenido al tutorial de StoryMap

StoryMap es una herramienta libre que permite contar una historia basadas en un recorrido por un mapa. Donde una historia está compuesta por una secuencia de slides. Dicha historia, al tener asociada una temporalidad secuencial, es considerada una línea de tiempo. Posibilidades: 1.Cada slide se ubica en un lugar en el mapa. 2.Un slide puede contener imágenes, texto, videos y otro tipo de medios.

¿Qué es StoryMap?

El tutorial puede navegarse de forma secuencial con los botones ubicados en la parte inferior de cada diapositiva o haciendo uso del menú de la parte superior.

Ejemplo

Descripción de la interfaz

Compartir/Embeber la historia

2

Creación de una nueva historia

Agregar contenido a la historia

1

3

Menú

Instrucciones

5

4

6

A

Creación de una cuenta y acceso a StoryMaps

Configurar la historia

Ejemplo: Historia de la criptografía

Menú

Instrucciones

Marca en el mapa

Video/Imagen

Titulo

Narración (Texto,Imagenes, Links)

Link del Ejemplo:

LINK

Ejemplo: Historia de la criptografía

Menú

Instrucciones

Marca en el mapa

Ir al primer slide

Vista General

Ruta

Link del Ejemplo:

LINK

Creación de una cuenta y acceso a StoryMaps

Menú

Instrucciones

Si no tiene una cuenta en Google, cree una cuenta : Luego, abra una nueva pestaña y navegue al sitio de StoryMaps Si tiene una cuenta en Google ingrese directamente a la página principal de Story Maps:

https://accounts.google.com/SignUp?hl=es-419

https://storymap.knightlab.com

https://storymap.knightlab.com

Menú

Instrucciones

Creación de una nueva historia

Haga clic en el botón Make a StoryMap.

Menú

Instrucciones

Creación de una nueva historia

Ingrese con su cuenta de Google.

Menú

Instrucciones

Creación de una nueva historia

Haga clic en el botón New para crear la nueva historia.

Menú

Instrucciones

Creación de una nueva historia

Coloque un nombre a la historia y haga clic en el botón Create.

Descripción de la Interfaz

Menú

Instrucciones

1

2

3

4

5

6

1

2

3

4

5

6

7

7

8

8

Secuencia de slides Botón para adicionar un nuevo slide Localización en el mapa Datos imagen/video principal del slide Título y contenido de la narrativa Modo edición o vista previa Menú Botón para publicar y compartir

Configurar la historia

Menú

Instrucciones

Abrir la ventana de opciones.

Configurar la historia

Menú

Instrucciones

Seleccione el mapa a utlizar: Puede utilizar los mapas provistos por StoryMap. Explore los diferentes tipos de mapas seleccionándolos en el listado. permite usar mapas creados en esa herramienta permite usar imágenes grandes como base de la historia. ( ) Vamos a usar Stamen Maps: Watercolor

Mapbox

Gigapixel

Ver Ejemplo

Configurar la historia

Menú

Instrucciones

Definir si hay o no una acción inicial: 1. Si se activa en el primer slide se incluye un botón para iniciar la historia. 2. Puede cambiar el nombre del botón.

Configurar la historia

Menú

Instrucciones

Agregue la imagen/video de la portada de la historia. -Puede colocar la url de la imagen o el video o cargar una imagen que tenga en su computador. Para cargar una imagen: Haga clic en el botón Upload an image

Configurar la historia

Menú

Instrucciones

Para cargar una imagen: Haga clic en el botón Upload an image. Haga clic en el botón Choose File. Una vez haya seleccionado el archivo haga clic en el botón Upload. Cuando termine de cargar el archivo haga clic en el botón Cancel.

Configurar la historia

Menú

Instrucciones

Revise que quedó definida la ubicación de la imagen.

Configurar la historia

Menú

Instrucciones

Coloque la información de la imagen o video. Puede poner una referencia del recurso y un texto (o html) asociado.

Configurar la historia

Menú

Instrucciones

Agregue el título de la presentación.

Configurar la historia

Menú

Instrucciones

Coloque la narrativa de la portada de la historia. -Puede cambiar el estilo de la letra (negrita o inclinada). -Puede editar el texto en html. -Puede incluir un link.

Configurar la historia

Menú

Instrucciones

Para insertar un link: Seleccione el texto sobre el cual quiere que quede el link. Haga clic en el botón de link.

Configurar la historia

Menú

Instrucciones

Luego de hacer clic en el botón de link: Coloque la URL del link (en el ejemplo: http://www.mincit.gov.co/minturismo/) Haga clic en el botón Insert link.

Configurar la historia

Menú

Instrucciones

Revise el Preview de la portada. Haga clic en el botón Preview y acceda a una vista previa de su historia.

Agregar contenido a la historia

Menú

Instrucciones

Agregue un slide nuevo Haga clic en el botón Add Slide

Agregar contenido a la historia

Menú

Instrucciones

Busque la localización utilizando el cajón de búsqueda Busque por ejemplo La Macarena y escoja La Macarena, Meta

Agregar contenido a la historia

Menú

Instrucciones

Ubique el marcador en el lugar del mapa que desee. -Puede arrastrarlo sobre el mapa. -Puede agrandar/achicar el mapa

Agregar contenido a la historia

Menú

Instrucciones

Agregue el contenido del slide como lo hizo para la portada

Link del video https://www.youtube.com/embed/m8vR8LC8uLEReferencia: Video fotos Caño Cristales Créditos <p> <a href="http://www.fotur.org" target="_blank">Fotur</a><a href="http://www.mariocarvajal.com" target="_blank">Mario Carvajal, fotógrafo colombiano</a> (cc) 2015.</p>

Agregar contenido a la historia

Menú

Instrucciones

Realice un preview del slide

Compartir/Embeber la historia

Menú

Instrucciones

Utilice el botón Share para compartir o para obtener el código para embeber su historia en una página

Compartir/Embeber la historia

Menú

Instrucciones

Al oprimir Share podrá acceder a: -Link para compartir en redes sociales -También puede hacer clic en los iconos para compartir en su red favorita

Compartir/Embeber la historia

Menú

Instrucciones

Complete la información para que se vea mejor la información en las redes 1.Coloque una descripción corta de su historia 2.Agregue una imagen 3.Puede seleccionar una imagen ya cargada o cargar una nueva

Compartir/Embeber la historia

Menú

Instrucciones

Si desea incluir (embeber) la historia en otra página este es el código que debe usar.