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

Over 30 million people create interactive content in Genially.

Check out what others have designed:

Transcript

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.

¿Qué es 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.

Bienvenido al tutorial de StoryMap

Menú

Instrucciones

Configurar la historia

Creación de una cuenta y acceso a StoryMaps

Instrucciones

Menú

Agregar contenido a la historia

Creación de una nueva historia

Compartir/Embeber la historia

Descripción de la interfaz

Ejemplo

LINK

Link del Ejemplo:

Narración (Texto,Imagenes, Links)

Titulo

Video/Imagen

Marca en el mapa

Instrucciones

Menú

Ejemplo: Historia de la criptografía

LINK

Link del Ejemplo:

Ruta

Vista General

Ir al primer slide

Marca en el mapa

Instrucciones

Menú

Ejemplo: Historia de la criptografía

https://storymap.knightlab.com

https://storymap.knightlab.com

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

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:

Instrucciones

Menú

Creación de una cuenta y acceso a StoryMaps

Haga clic en el botón Make a StoryMap.

Creación de una nueva historia

Instrucciones

Menú

Ingrese con su cuenta de Google.

Creación de una nueva historia

Instrucciones

Menú

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

Creación de una nueva historia

Instrucciones

Menú

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

Creación de una nueva historia

Instrucciones

Menú

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

Instrucciones

Menú

Descripción de la Interfaz

Abrir la ventana de opciones.

Instrucciones

Menú

Configurar la historia

Ver Ejemplo

Gigapixel

Mapbox

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

Instrucciones

Menú

Configurar la historia

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.

Instrucciones

Menú

Configurar la historia

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

Instrucciones

Menú

Configurar la historia

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.

Instrucciones

Menú

Configurar la historia

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

Instrucciones

Menú

Configurar la historia

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

Instrucciones

Menú

Configurar la historia

Agregue el título de la presentación.

Instrucciones

Menú

Configurar la historia

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.

Instrucciones

Menú

Configurar la historia

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

Instrucciones

Menú

Configurar la historia

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.

Instrucciones

Menú

Configurar la historia

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

Instrucciones

Menú

Configurar la historia

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

Instrucciones

Menú

Agregar contenido a la historia

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

Instrucciones

Menú

Agregar contenido a la historia

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

Instrucciones

Menú

Agregar contenido a la historia

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>

Agregue el contenido del slide como lo hizo para la portada

Instrucciones

Menú

Agregar contenido a la historia

Realice un preview del slide

Instrucciones

Menú

Agregar contenido a la historia

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

Instrucciones

Menú

Compartir/Embeber la historia

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

Instrucciones

Menú

Compartir/Embeber la historia

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

Instrucciones

Menú

Compartir/Embeber la historia

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

Instrucciones

Menú

Compartir/Embeber la historia