Want to create interactive content? It’s easy in Genially!
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.