Este documento presenta las instrucciones para crear diferentes tipos de aplicaciones web utilizando ArcGIS Online, incluyendo Story Maps y visores. Explica cómo crear mapas en la nube, compartirlos y convertirlos en aplicaciones web mediante plantillas. Proporciona ejemplos detallados de cómo elaborar Story Maps para contar historias sobre temas como el clima y la demografía en España.

1. isaacbuzo@gmail.com
http://www.isaacbuzo.comIsaac Buzo SánchezIsaac Buzo Sánchez
Prof. Geografía e HistoriaProf. Geografía e Historia
IES San RoqueIES San Roque
2ª Sesión2ª Sesión
4 Febrero 20154 Febrero 2015
3ª Sesión3ª Sesión
9 Febrero 20159 Febrero 2015
1ª Sesión1ª Sesión
2 Febrero 20152 Febrero 2015
4ª Sesión4ª Sesión
11 febrero 201511 febrero 2015
CPRCPR
BADAJOZBADAJOZ
Los SIG en la nubeLos SIG en la nube
aplicadosaplicados
a la docencia IVa la docencia IV
Story maps y otras aplicaciones web en AGOL.Story maps y otras aplicaciones web en AGOL.

2. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Existen diferentes aplicaciones web, que se pueden elaborar a partir de los los mapas
que hemos hecho con AGOL.
Hay diferentes plantillas que deberemos seleccionar en función de la utilidad que
queramos reflejar en la aplicación creada.
Web Mapping Application
(Aplicación WEB)
Web Map
(Mapa Web)
Aplicación
de plantilla

3. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
La forma de crear una de estas aplicaciones siempre es igual:
1º) Partimos del mapa que queramos presentar en la aplicación (abrir mapa)
2º) Decimos compartir (todos)>>Hacer una Aplicación Web.
Compartir
Con todos (obligatorio)
Con alguno de nuestros
grupos (optativo)
Hacer una
Aplicación web
Hecho

4. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
3º) Se abre una ventana con las plantillas de las aplicaciones que podemos utilizar
directamente. Podemos consultar información sobre cada una de ellas.
4º) Seleccionamos la que más nos interese para cada caso.
Ejemplo de
Plantilla
Título de
Plantilla
Ver más
Plantillas
- Publicar en AGOL
- Descargar
- Vista previa
Nosotros seleccionaremos "Publicar" >> Hecho

5. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
5º) Si le damos a publicar se nos abre una ventana para que introduzcamos los datos que
identifiquen nuestra aplicación en la plataforma.
Datos a introducir
Le damos a "Guardar y
Publicar" para poder modificar
algunos parámetros de la
aplicación.

6. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
6º) Se abre una pantalla para modificar algunos parámetros de la aplicación. Hacemos la
modificaciones oportunas y le damos a Guardar>>Hecho.
Seleccionar el
sistema métrico
a utilizar.

7. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
RESULTADO:

8. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Modificación: Si queremos modificar algo de la aplicación, debemos ir a "nuestro
contenido", buscar y seleccionar la aplicación, y en la página principal, deberemos
seleccionar o "Editar" para cambiar el título, o "Configurar aplicación" para volver a la
pantalla de configuración.

9. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Actividad 1
Los mapas base, no solo tienen información altimétrica, sino también batimétrica, así para
explicar el relieve de la corteza oceánica, vamos a dibujar varias líneas que unan Europa
con América a distinta latitud. Con posterioridad realiza una aplicación web del tipo "Perfil
de elevación" para ver e identificar la dorsal oceánica, fosas marinas, plataformas
continentales, llanuras abisales, etc.
Perfil de elevación

10. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Actividad 2
Los alumnos de Geografía de 2º de Bachillerato deben responder en las PAU una
pregunta relativa al mapa de España. Se les da un mapa provincial de España con una
línea que atraviesa varias provincias. Deben responder por qué provincias atraviesa, y qué
unidades de relieve y ríos corta.
Elabora un mapa para que los alumnos puedan practicar el ejercicio, que tenga en una
capa la división provincial, en otra los ríos, y en otra algunas líneas que atraviesen España
de punta a punta.
Perfil de elevación

11. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Actividad 3
Vamos a trazar el perfil de elevación de la ruta grabada en GPS el día anterior (formato
gpx). (Los alumnos podrán hacer lo mismo cuando vayan de visita y graben tanto el viaje
en Bus como la visita a pie).
Perfil de elevación

12. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
1º) Elaboramos un mapa. Guardamos. Compartimos..
Story map basic
Todos: obligatorio
Grupos: optativo

13. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
2º) Seleccionamos el tipo de aplicación (story map basic) y configuramos los datos
generales.
Story map basic

14. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
3º) Configuramos la aplicación, seleccionando los elementos que queremos que se vean.
Story map basic
Se trata de una aplicación muy
simple que lo único que te permite es
añadir una leyenda y cambiar el
nombre al mapa.

15. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
4º) Resultado.
Story map basic
http://www.arcgis.com/apps/OnePane/storytelling_basic/index.html?appid=79fa3d40ee514a69a6d96b13ac4f3af4

16. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
1º) Elaboramos un mapa. Guardamos. Compartimos.
Todos: obligatorio
Grupos: optativo
Visor clásico

17. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
2º) Seleccionamos el tipo de aplicación (visor clásico) y configuramos los datos generales.
Visor clásico

18. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
3º) Configuramos la aplicación, seleccionando los elementos que queremos que se vean.
Visor clásico
Elementos configurables.

19. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
4º) Resultado.
Visor clásico
http://www.arcgis.com/apps/OnePane/basicviewer/index.html?appid=a1969c119a9b4c90810dc57ba7a67390

20. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Elaboramos un mapa con la ruta gpx que hicimos en Badajoz y le añadimos unos iconos
(añadir notas de mapas) en los lugares donde hicimos fotos. Las fotos, previamente las
hemos subido a una carpeta pública de Picasa o Flickr.

21. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Guardamos y se nos abre una ventana con los parámetros para guardar.
Seleccionamos "Todos" y pulsamos
"Hacer una aplicación Web".
Seleccionamos el tipo de plantilla "Story
Map Tour"

22. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Guardamos y se nos abre una ventana con los parámetros para guardar.
Le damos un título a la aplicación y
completamos los datos.

23. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Se nos abre la plantilla y lo primero que nos pregunta es dónde tenemos las fotos o vídeos.
Nosotros en Picasa. Al señalarlo nos pide los datos de nuestra cuenta para importarlas
directamente.

24. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Al localizar nuestra cuenta y la carpeta pública en la que tenemos las fotos nos pide que le
digamos cuáles de ellas queremos llevar al mapa. Vamos señalando una a una y
llevándolas al mapa (señala la foto>>señala el mapa) (no hace falta ponerla en el lugar
exacto, pues luego se pueden cambiar de sitio).

25. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Se nos abre la plantilla con todas las posibilidades de edición marcadas con un lápiz. Para
editar solo hay que pulsarlos.
Debemos localizar cada foto en su sitio (Pincha y arrastra). Para editar el texto que
aparecerá en cada una de ellas, debemos seleccionar la miniatura.

26. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Podemos cambiar otros elementos de la configuración presionando el botón configuración
1º) Diseño

27. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Podemos cambiar otros elementos de la configuración presionando el botón configuración
1º) Diseño

28. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Podemos cambiar otros elementos de la configuración presionando el botón configuración
2º) Colores de la aplicación
Tableta de colores preestablecidas
Seleccionar una tableta de colores propia

29. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Podemos cambiar otros elementos de la configuración presionando el botón configuración
3º) Encabezado
Introducir un logotipo propio
(debemos tener una URL de la
imagen)
Texto del encabezado
Enlace al que se llega pulsando el texto
Enlace al que se llega pulsando el logo
Botón

30. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Podemos cambiar otros elementos de la configuración presionando el botón configuración
4º) Datos 5º) Extensión 3º) Nivel de Zoom

31. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Resultado
http://bit.ly/1A2YlhW

32. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Actividad 4
Preparamos un Story Map Tour para explicar las características climáticas de España.
1º) Con una hoja de cálculo dibujamos al menos un climograma para cada tipo de clima y
lo guardamos como imagen, subiéndolos a Picasa.
2º) Abrimos ArcGIS online y sobre un mapa nuevo, localizamos los puntos de donde
hemos realizado los climogramas, añadiendo una icono para cada uno.
3º) Guardamos y compartimos el mapa, seleccionamos "Elaborar una Aplicación WEB" del
tipo "Story Map Tour".
4º) Importamos las imágenes y las localizamos sobre el mapa. Configuramos la
aplicación. Añadiendo información textual en cada climograma.

33. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Actividad 4
http://bit.ly/JG4uaZ

34. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Actividad 5
Preparamos un Story Map Tour para explicar las características demográficas de España.
1º) Con una hoja de cálculo dibujamos las pirámides de población para cada comunidad
autónoma y las guardamos como imagen, subiéndolas a Picasa.
2º) Abrimos ArcGIS online y sobre un mapa nuevo, localizamos las capitales de las
Comunidades autónomas, añadiendo una icono para cada una.
3º) Guardamos y compartimos el mapa, seleccionamos "Elaborar una Aplicación WEB" del
tipo "Story Map Tour".
4º) Importamos las imágenes y las localizamos sobre el mapa. Configuramos la
aplicación. Añadiendo información textual en cada pirámide de población.

35. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Actividad 5
http://bit.ly/1gQWVgX

36. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Tour
Actividad 6
En la convocatoria anual que realiza el MECD, has conseguido financiación para realizar
con tus alumnos una ruta literaria de 5 días de duración. Selecciona un libro y prepara la
ruta que vas a realizar con tus alumnos en un Story Map Tour.
Actividad 7
Has ido/vas a ir con tus alumnos a visitar la Reserva Natural de la Garganta de los
Infiernos en el Valle del Jerte dentro del programa "Rutas por espacios naturales" de
Extremadura. Prepara la visita / analiza la visita, a través de un Story Map Tour.

37. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
Elaboramos una aplicación para poder comparar dos capas de un mapa. Para ello
necesitamos haber elaborado un mapa con al menos dos capas superpuestas. Por ejemplo
una Ortofoto actual (del PNOA) y el vuelo americano (1957). Podemos encontrar ambas
imágenes en el IDEE e incorporarla a AGOL como un servicio wms. Sigue la ruta siguiente:
www.idex.es>>Servicios web>>wms>>autonómicos>>Extremadura>>(seleccionar el wms del
PNOA y del vuelo americano)

38. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
Incluimos las dos capas mediante agregar>agregar capa desde la web>servicios wms

39. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
Guardamos y compartimos:
1º) Guardar 2º) Compartir
Con todos (obligatorio)
Con grupos (optativo)
Hacer aplicación

40. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
Seleccionamos aplicación y configuramos:

41. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
Seleccionamos tipo de comparativa: BARRA VERTICAL (una capa aparece sobre la otro
cuando se arrastra una barra) LUPA (una imagen aparece dentro de un círculo que se
mueve sobre la otra)

42. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
Debemos seleccionar que queremos comparar. Nos da dos posibilidades, con otra capa o
con otro mapa. En nuestro caso lo comparamos con otra capa:

43. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
En la pestaña de diseño, debemos seleccionar los elementos que queremos que aparezcan
en nuestra aplicación (leyenda, descripción, ventana emergente, herramienta de
búsqueda...:

44. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
Si hemos seleccionado que se muestre la ventana emergente, se nos activará la siguiente
pestaña, para editar el color y el título. En caso de no haberla activado, pasará
directamente a abrir la aplicación.

45. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
Para editar los diferentes elementos gráficos de la aplicación (título, logos, etc, podemos
pulsar en el lápiz (para título) o en Configurar (tema, encabezado y extensión).
http://bit.ly/1nYStMR

46. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
Actividad 8
Queremos ilustrar unas explicaciones históricas comparando el mapa actual de España
con el de Tomás López de 1802. Lo haremos a través de la Lupa.
1º) Lo buscamos en la propia plataforma y lo agregamos a nuestro mapa:
Agregar>>Buscar Capas>>(Escribe Tomás López y le damos a ir)>>agregar.
2º) Guardamos mapa. Compartimos y seleccionamos la opción de hacer una aplicación.
3º) Seleccionamos el Story Map Swipe and Spyglass, pero le decimos en este caso que
queremos el efecto Lupa.
4º) Configuramos los elementos que queremos que se vean en el mapa, colores,
extensión, etc.
5º) Aceptamos y probamos nuestra aplicación.

47. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Story Map Swipe and Spyglass
Actividad 8
http://bit.ly/1EW51zw

48. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
OTRAS APLICACIONES

49. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
OTRAS APLICACIONES
Actividad 9
Selecciona un mapa de los que hayas hecho durante el curso. Realiza una aplicación
utilizando cualquiera de las plantillas no explicadas, investiga que se puede hacer con cada
una de ellas.

50. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Crear una galería de mapas
Cuando quiero compartir un conjunto de mapas similares, lo puedo hacer de manera
fácil agrupándolos todos en una "galería". Por ejemplo:
http://www.arcgis.com/apps/PublicGallery/index.html?appid=5e2d9b77c6054773b2e057a598638897

51. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Crear una galería de mapas
Para hacerlo debemos:
1º) Crear un grupo y compartir con el grupo los mapas.
Grupo
Mapas compartidos
con el grupo

52. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Crear una galería de mapas
Para hacerlo debemos:
2º) Compartimos el grupo.

53. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Crear una galería de mapas
Para hacerlo debemos:
3º) Configuramos la galería.
Seleccionamos el tipo de galería
Configuramos datos

54. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Crear una galería de mapas
http://www.arcgis.com/apps/PublicGallery/index.html?appid=5e2d9b77c6054773b2e057a598638897
Resultado con el modelo de GALERÍA PÚBLICA

55. 4ª Sesión
11 Febrero 2015
Los SIG en la nube aplicados a la docencia.
Isaac Buzo Sánchez
Crear una galería de mapas
Actividad 10
Elabora una aplicación de galería con los mapas que tenemos compartidos en el grupo
"Curso del CPR".