Buscador

Buscador

Trabaje con nosotros

Utilice Story Maps en lugar de diapositivas

Por Bern Szulaski en 31 de Mayo 2016


Las diapositivas en PowerPoint son la manera estándar de hacer una presentación. Hacer presentaciones de la forma convencional puede ser un inconveniente a la hora de hacer cambios entre las presentaciones de PowerPoint y las demostraciones en vivo, contenido multimedia o páginas web, sin mencionar el impacto visual que puede ser perjudicial para el público. Hacer el cambio en PowerPoint usualmente significa salir de la presentación, o usar Alt+.tab para hacer el cambio entre las diapositivas y el contenido adicional que quiere mostrar.

Mientras cualquier Story Map puede ser usado para hacer una presentación, algunas plantillas son mejores para ciertos propósitos que otras. En el caso de las presentaciones se recomienda usar el Story Map Series especialmente para usar secciones y pestañas sin necesidad de usar un panel lateral para adicionar texto con información secundaria, aspecto que no es necesario en la mayoría de presentaciones.

En este blog se darán algunos conceptos para usar los Story Maps en lugar de las diapositivas en PowerPoint en una presentación. Para este ejemplo se utilizan pestañas que funcionan de forma similar al cambio de diapositiva.

Adicionar diapositivas en PowerPoint

Las diapositivas de PowerPoint pueden ser adicionadas a su Story Map exportándolas como imagen o haciendo una captura de pantalla, disponga de la imagen en un sitio web o en su cuenta de ArcGIS Online como contenido, y agréguela la URL de la imagen dentro del Story Map. También puede usar contenido publicado en Flickr, fotos de Google, Facebook u otras alternativas como Box y Google Docs. Asegúrese que la imagen este con el tamaño apropiado para el uso en la web.

En este ejemplo la diapositiva ha sido capturada y optimizada para la web y almacenada en esta localización.

http://downloads.esri.com/agol/blog/ppt-slide1.jpg

Para agregar una diapositiva

Paso 1. Adicionar una diapositiva como una imagen usando la URL



Paso 2. Agregar la URL y ajustar la posición de la diapositiva.

Ajustar (es mejor que la opción Rellenar) proporciona los mejores resultados para las diapositivas con texto; la diapositiva se verá completamente desplegada asegurando que el texto no aparezca recortado. La opción Ajustar también garantiza el despliegue de la diapositiva en cualquier resolución o proporción.

El panel de texto se puede dejar en blanco. No lo necesita ya que la diapositiva incluye el texto.

Ver ejemplo

Si conoce el tamaño de despliegue

En raros casos se conoce la resolución exacta de la presentación. Si lo hace, otra opción para determinar el tamaño necesario para llenar el escenario principal, añadir unos pocos píxeles en todos los lados para asegurar la diapositiva llena completamente el espacio, entonces use una posición de Centro. Esta técnica únicamente trabaja cuando el propósito es construir una presentación para un evento específico y conocer exactamente el tamaño de despliegue, desde el momento en que use la configuración Centro las diapositivas pueden ser recortadas en diferentes resoluciones.

Fondo escenario principal

El escenario principal de un Story Map Series tiene un color de fondo. Cuando usa la opción Ajustar el fondo del escenario principal puede ser visible alrededor de los bordes de las diapositivas. En ejemplo de abajo, las diapositivas han sido agregadas como una imagen a través de una URL, y utilizando la posición Ajustar. El fondo del escenario principal es visible a la derecha y a la izquierda de la diapositiva.

Elegir un esquema de color complementario

Haciendo clic en Tema, y elija el esquema de color que trabaje de la mejor forma con las diapositivas. Haga clic en aplicar cuando termine y Guarde el Story Map.

Ver ejemplo

Eliminar el fondo

Para eliminar el fondo, es posible utilizar un solo color de fondo de tal forma que coincida con las diapositivas, poniendo la diapositiva en una página web estableciendo el color de fondo de la página de tal forma que coincida con el fondo de la diapositiva.

En la parte de abajo la diapositiva ha sido agregada usando una página web que configuro el color de fondo de la página de tal forma que coincide con la imagen de la diapositiva. Puede comparar los resultados utilizando un fondo complementario como en el ejemplo anterior, y eliminando el fondo como el que se encuentra en seguida.

Ver Ejemplo

Copie y pegue el siguiente código dentro de un nuevo documento HTML y haga los cambios necesarios para que el color de fondo coincida con el de la URL de la diapositiva tal como se señaló. Publique el documento HTML, y agréguelo a su Story Map como una página web, usando la opción de Relleno por defecto. El HTML mostrará la diapositiva completamente en respuesta, de modo que se adapta a cualquier tamaño o la relación de aspecto.

            !DOCTYPE html>
<html><head>
<style>
 html, body {
padding: 0;
 margin: 0;
 } 
/*
Specify background color of your slide 
*/
body {
background-color: #3c5a76;
}
/*
Centering horizontally and vertically: 
https://css-tricks.com/centering-css-complete-guide/
*/ 
#slide-pic {
position: absolute;
 display: block;
 top: 50%; 
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); 
left: 50%;
 max-width: 100%;
 max-height: 100%;
}
</style>
</head>
<body>
 
<img id="slide-pic" src="http://downloads.esri.com/agol/blog/ppt-slide2.jpg"> 
</body>
</html>

          

Agregando mapas, apps y más

Además de las diapositivas, a los usuarios les gustaría adicionar mapas web, aplicaciones y más contenidos. Debe agregarlos usando la URL, use la posición de Relleno por defecto. Dado que las plantillas del visor de mapas y la mayoría de las aplicaciones son sensibles a los cambios de tamaño, de tal forma que van cubriendo el área del escenario principal.

Cuando embebe aplicaciones u otros story maps, algunas opciones ofrecen minimizar la interfaz de usuario, lo cual es lo recomendado para obtener mejores resultado. Ver Incluir un Story Map dentro de un Story Map.

El panel de texto no es necesario y se puede dejar en blanco.

En el ejemplo se muestra un visor de mapa embebido.

En este ejemplo se observa un Story Map sin usar &embed.dentro de otro Story Map.

Ejemplo de un Story Map usando &embed dentro de otro Story Map..

Maximice la presentación

Cuando despliegue la presentación en un navegador, maximice el área de visualización usando al final de la URL del Story Map &embed. Esto elimina el título (y subtítulo si tiene uno), y se visualizan únicamente las viñetas o las pestañas.

Sin &embed

Con &embed

También puede ocultar los marcadores en el navegador para obtener espacio adicional, y desplegar la presentación en pantalla completa (usando F11 en Chrome) para omitir las pestañas del navegador y usar todo el espacio disponible.

Abajo se encuentra un Story Map desplegado en pantalla completa y usando &emebed y desplegando una diapositiva que se encuentra en una página web para eliminar el fondo, tal como se describe en pasos anteriores.

Consejos y consideraciones

Los Story Map son una poderosa forma de contar una historia usando mapas y contenido multimedia, los Story Map también son una buena herramienta para hacer presentaciones. Algunos conceptos y una buena planeación le darán mejores resultados. Aquí se nombran algunas consideraciones:

  • Es fácil hacer malas presentaciones en PowerPoint, a pesar de la importancia que se le ha dado a realizar presentaciones efectivas. Crear Story Maps grandiosos se puede decir que es un arte, y hacer una buena presentación en un Story Maps no es para menos.
  • Omitir o limitar el texto en el Story Map para que su audiencia lo escuche, en lugar de leer los contenidos
  • Los Story Maps trabajan mejor con presentaciones cortas, debido a que el Story Map Series soporta máximo 30 secciones.
  • Los Story Maps no ofrecen los cambios entre diapositivas y las animaciones que se encuentran disponibles en PowerPoint. Si necesita estos elementos es necesario trabajar con PowerPoint.
  • Elija el mejor Story Map teniendo en cuenta el propósito. El Story Map Series, con el panel de texto opcional, es ideal si quiere que su audiencia se concentre en diapositivas y aplicaciones interactivas.
  • Al añadir contenido a través de una dirección URL toma tiempo cargar la información (como una escena Web detallada), por tanto verifique que no esté seleccionada en cada pestaña la opción Detener cuando el lector abandone la sección. Antes de la presentación puede preparar todos sus mapas y aplicaciones, y al no seleccionar esta opción asegura que no necesita ser recargado el contenido cuando llegue a esa sección de la presentación.

Para más información

Sito web Story Maps.
Story Map Series.
Story Map Journal

Fuentes

Blog ArcGIS

https://blogs.esri.com/esri/arcgis/2016/05/31/story-maps-instead-of-powerpoint/

  • ArcGIS Online
  • Story Maps
  • PowerPoint
  • Presentaciones