Want to create interactive content? It’s easy in Genially!

Get started free

Tutorial StoryMap

Ayudas para la Docen

Created on May 30, 2019

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

Instrucciones

Menú

¿Qué es StoryMap?

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.

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.

Menú

Instrucciones

Creación de una cuenta y acceso a StoryMaps

Descripción de la interfaz

Creación de una nueva historia

Configurar la historia

Compartir/Embeber la historia

Agregar contenido a la historia

Ejemplo

Ejemplo: Historia de la criptografía

Menú

Instrucciones

LINK

Link del Ejemplo:

Video/Imagen

Titulo

Marca en el mapa

Narración (Texto,Imagenes, Links)

Ejemplo: Historia de la criptografía

Menú

Instrucciones

LINK

Link del Ejemplo:

Vista General

Ir al primer slide

Ruta

Marca en el mapa

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

Creación de una nueva historia

Menú

Instrucciones

Haga clic en el botón Make a StoryMap.

Creación de una nueva historia

Menú

Instrucciones

Ingrese con su cuenta de Google.

Creación de una nueva historia

Menú

Instrucciones

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

Creación de una nueva historia

Menú

Instrucciones

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

Descripción de la Interfaz

Menú

Instrucciones

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.