Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Elaboración de una aplicación para dispositivos móviles integrando story maps de ArcGIS Online

41,345 views

Published on

Experiencia didáctica explicada en el taller de intercambio de experiencias llevado a cabo en el VIII Curso sobre le enseñanza de la Geografía en la Ed. Secundaria. Se muestra la forma de crear una sencilla aplicación móvil en la que se integran story maps elaborados con ArcGIS Online. El ejemplo descrito forma parte del trabajo del Programa de Escuelas I+D+i 2014/15 del IES San Roque de Badajoz.

Published in: Education
  • Be the first to comment

Elaboración de una aplicación para dispositivos móviles integrando story maps de ArcGIS Online

  1. 1. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) isaacbuzo@gmail.com
  2. 2. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) ESQUEMA DE TRABAJO
  3. 3. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L1 Recabar la información Elaboración de web map Elaboración de story map Integración en App Trabajo de campo Datos públicos
  4. 4. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L1 Recabar la información Elaboración de web map Elaboración de story map Integración en App Elaboración del web map añadiendo diferentes elementos: csv, gpx, shp, notas de mapas, etc... y configurando su apariencia (mapa base, ventanas emergentes, iconos, etc.).
  5. 5. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L1 Recabar la información Elaboración de web map Elaboración de story map Integración en App Elaboración del story map o aplicación web: webmap>>compartir>>todos>>sel eccionar plantilla>>configurar
  6. 6. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L1 Recabar la información Elaboración de web map Elaboración de story map Integración en App Tomamos la url del story map y la guardamos. La necesitaremos en el proceso de creación de la App (ver más adelante).
  7. 7. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 http://www.mobincube.com
  8. 8. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 Completamos datos y creamos cuenta También podemos acceder a través de una cuenta de Google, Facebook o Twitter.
  9. 9. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 Pantalla inicial cuando no tenemos ninguna App creada. Creamos nuestra primera App
  10. 10. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 Dos caminos: 1) Utilizar una plantilla 2) Diseñar la aplicación desde cero
  11. 11. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 1. Completamos datos en descripción, categoría e idioma 2. Elaboramos un icono y lo insertamos en su lugar 3. Guardamos
  12. 12. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 Diferentes tipos de pantalla: Lista, detalles, imagen, RSS, Mapa, web... Pantallas predefinidas a Redes Sociales, Wikipedia etc...
  13. 13. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 Elegida el tipo de pantalla, debemos arrastrar desde la barra de elementos y editar los componentes de la pantalla. Podemos añadir textos, tablas, imágenes, separadores lineales, etc.
  14. 14. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 Con la pantalla inicial terminada añadimos más pantallas, las editamos, y enlazamos. El proceso completo puede consultarse en: 1º 2º PantallasdenuestraApp http://www.slideshare.net/isaacbuzo/taller-elaboracin-de-una-aplicacin-para-dispositivos-mviles
  15. 15. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L1 L2 Integración en App Una vez elaborada nuestra pantalla inicial, debemos añadirle las pantallas para nuestros story maps. Seleccionamos el tipo de pantalla http (cada story map tienen una url propia y por lo tanto son sitios web apropiados para el uso de este tipo de pantalla).
  16. 16. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L1 L2 Integración en App Copiar en este espacio la URL de la web que queramos que se abra en nuestro marco (con la imagen de cabecera y la barra de menú). En nuestro caso copiaremos la URL de nuestro story map.
  17. 17. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L1 L2 Integración en App Con la pantalla inicial y la de los story maps diseñadas, debemos enlazarlas. Para ello vamos a la pantalla inicial, seleccionamos cada botón y le decimos la acción que queremos que hagan al pulsarla: Acción: abrir pantalla Destino: nombre de la pantalla del story map.
  18. 18. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 Cuando tengamos todas las pantallas listas y enlazadas entre sí pasamos a previsualización. Allí nos ofrecerán un enlace y un código QR para que instalemos una aplicación provisional en nuestro dispositivo móvil y comprobemos el funcionamiento.
  19. 19. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 Finalmente, para que sea accesible públicamente debemos publicar la aplicación en Mobincube:
  20. 20. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 Te ofrecen una dirección web para descargar la App y un Código QR para facilitar la descarga mediante lectura óptica en los dispositivos móviles.
  21. 21. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) L2 También se puede publicar la app en cualquiera de los mercados públicos de aplicaciones para Android e IOS.
  22. 22. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) Pantalla inicial Pantalla Ruta Roja Resultado del proyecto: Ejercicio físico en espacios públicos de Badajoz. http://mobincube.mobi/33HDSY Descarga desde dispositivos móviles:
  23. 23. ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE Isaac Buzo Sánchez IES San Roque (Badajoz) Comparativa de ciudades extremeñas Pantalla inicial Alcántara http://mobincube.mobi/CBPGD Descarga desde dispositivos móviles:

×