elaboración de una aplicación para dispositivos móviles integrando story maps de arcgis online

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) [email protected]

Upload: isaac-buzo

Post on 06-Aug-2015

501 views

Category:

Education


2 download

TRANSCRIPT

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

[email protected]

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

ESQUEMA DE TRABAJO

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L1Recabar la

información

Elaboración de web map

Elaboración de story map

Integración en App

Trabajo de campo Datos públicos

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L1Recabar 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.).

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L1Recabar 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>>seleccionar plantilla>>configurar

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L1Recabar 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).

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L2

http://www.mobincube.com

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L2

Completamos datos y

creamos cuentaTambién podemos acceder a través de una cuenta de Google, Facebook

o Twitter.

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L2

Pantalla inicial cuando no tenemos ninguna App creada.

Creamos nuestra primera App

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L2

Dos caminos:

1) Utilizar una plantilla

2) Diseñar la aplicación desde cero

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES 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

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L2

Diferentes tipos de pantalla:Lista, detalles, imagen, RSS, Mapa, web...

Pantallas predefinidas a Redes Sociales, Wikipedia etc...

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES 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.

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L2

Con la pantalla inicial terminada añadimos más pantallas, las editamos, y enlazamos.

El proceso completo puede consultarse en:

Pan

talla

s de

nue

stra

App

http://www.slideshare.net/isaacbuzo/taller-elaboracin-de-una-aplicacin-para-dispositivos-mviles

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES 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).

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES 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.

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES 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 pantallaDestino: nombre de la pantalla del story map.

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES 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.

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L2

Finalmente, para que sea accesible públicamente debemos publicar la aplicación en Mobincube:

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES 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.

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

L2

También se puede publicar la app en cualquiera de los mercados públicos de aplicaciones para Android e IOS.

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES 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:

ELABORACIÓN DE UNA APLICACIÓN PARA DISPOSITIVOS MÓVILES INTEGRANDO STORY MAPS DE ARCGIS ONLINE

Isaac Buzo SánchezIES San Roque (Badajoz)

Comparativa de ciudades extremeñas

Pantalla inicial Alcántara

http://mobincube.mobi/CBPGD

Descarga desde dispositivos móviles: