Construcción de GeoApps

Ing. Fernando Benitez – CIAF - IGAC

2015 - II
 Web GIS
El nuevo patrón geográfico.
WebGIS, la forma actual de trabajar con el SIG
Cada día es más común ver mapas, análisis, aplicaciones y datos en la nube.

1. El WebGIS facilita el uso de los sistemas de información

geográfica.

SIG para todos

WebGIS, la forma actual de trabajar con el SIG
Cada día es mas común ver mapas, análisis, aplicaciones y datos en la nube.

2. El WebGIS le permite crear aplicaciones fácilmente,

regionalizadas y focalizadas.

GeoApps
WebGIS, la forma actual de trabajar con el SIG
Cada día es más común ver mapas, análisis, aplicaciones y datos en la nube.

3. El WebGIS le permite integrar los datos geográficos con una

plataforma empresarial

Spreadsheets
WebGIS, la forma actual de trabajar con el SIG
Cada día es más común ver mapas, análisis, aplicaciones y datos en la nube.

4. El WebGIS integra los recursos geográficos de la

organización.
WebGIS, la forma actual de trabajar con el SIG
Cada día es más común ver mapas, análisis, aplicaciones y datos en la nube.

5. El WebGIS le da acceso a una amplia colección de datos,

contenido

Imagen

Streets
Demografico

Oceano

National
Topo
Geographic
 GIS software evolution 2015
What are the lessons learned?

Platform performance change over time

2010
1995 2005
1975
>> 10x faster hardware >> 3.5x faster hardware >> 1.2x faster hardware
Better networks Improved networks
20 years 10 years 5 years 3+ years
Tightly scripted software code Object relational software Service-oriented architecture Cloud computing
>2x more processing >2x more processing
1 2 3 Hardware virtualization 4
ARC/INFO 1982 ArcGIS Desktop 1999 ArcGIS 2005 – 2009 ArcGIS 2010 – 2013
ArcView GIS 1992 - ArcSDE - REST API -ArcGIS Online
MapObjects 1996 - ArcGIS Server 2004 - Rich Internet clients -Imagery processing
ArcIMS 1997 - ArcGIS Engine - Mobile GIS 3G 4G Broadband

Roll-your-own GIS Client / Server HTTP/SOAP REST

Workstation GIS SDE Direct Connect Web GIS Portal GIS

Scripts Objects Services Cloud

AML VBA Python JavaScript

Departmental GIS Enterprise GIS Federated GIS

…Technology drives innovation
Multiple Implementation Patterns 4
Leveraging Common Computing Architecture

File Based Database Centric Server Centric Web Centric

Web GIS Provides a New Pattern for Integration
Making Data Sharing and Access Easier

Databases Distributed Services

Enabling a Flexible and Agile Approach

Web GIS Dynamically Integrates Information
Combining and Analyzing Information

3 4

Visual Spatial
Overlay Analysis

Mashup Modeling

Static Maps Dynamic Services

Helping to Discover and Understand Relationships . . .

Evolving GIS Mission Support Pattern
Non-GIS Users
GIS Users
Device Desktop
Browser
Developers
Microsoft
Office
Reporting

APIs
Portal
Apps

GIS Professionals

Desktop Server
Other Data
Basemaps

GP Same GIS Data and Services served up new ways

Services Databases
Web GIS Integrates All Data Types
With Web Maps and Web Services
Enterprise Data
Social Media

Services

Imagery
Sensor
Networks

Maps Big Data

Providing a New Medium for GIS

 Servicios Web de Mapa
REST

WMS
WFS

WCS
CRS

SLD

CSW

GAZETTEER
 Mapas

REST
Analisis

Geocodificación

Colectar Datos
Reportes
ArcGIS Server Services
10.2.2

http://resources.arcgis.com/en/help/main/10.2/index.html#//01540000042s000000

Service type Required GIS resource

Map service Map document (.mxd)
Geocode service Address locator (.loc, .mxs, SDE batch locator)
Geodata service File geodatabase or database connection file (.sde) to a geodatabase
GeoEvent service GeoEvent service components
Geoprocessing service Geoprocessing result from Results window in ArcGIS for Desktop
Globe service Globe document (.3dd)
Raster dataset or mosaic dataset or layer file referencing a raster dataset or
Image service
mosaic dataset
Search service Folders and geodatabases of GIS content that you want to search
Workflow Manager service ArcGIS Workflow Manager repository
Mapas web
• Interactivos
Smartphones Medios sociales
• Fácil de crearlos
• Incorporan varios
servicios Tablets
• Visualice
• Historia Websites
• Situación Actual
• Edición
• Análisis Desktop Navegadores
Un solo Mapa
PORTAL
Desarrollos Web
• REST APIs
ArcGIS Server
• JavaScript
• Adobe Flex
• Silverlight
Compartiendo los SIG
ArcGIS Server - GeoServer / servicios Web

Servidor
geográfico Mapeo

Análisis HTTP
HTTP

Admin
Accediendo a los servicios SIG

Servicio de Mapa
http://server:6080/arcgis/rest/
services/service/MapServer
REST

http://server:6080/arcgis/
SOAP services/service/MapServer

KML http://server:6080/arcgis/rest
services/service/MapServer/KMLServer
JavaScript (Web)
Aplicaciones Web que se
ejecutan en cualquier
navegador
ArcGIS for Server y el API de JS

Editor de Exto

MyApp.html

<html>
Server
(i.e., ArcGIS <script> .html
Online) ..jsapi/arcgis/?v=xx .css
REST .js
</script>
</html>
Services

Despliegue
en el web
Aplicacione server
Web de mapa
JavaScript
web
Anatomía de una aplicación de JavaScript
<html>
Tags de Apertura Referencia CSS
<head>

<link href="http://.../js/dojo/dijit/themes/claro/claro.css" rel="stylesheet" type="text/css" >

<script language="JavaScript" type="text/javascript" src="mycode.js"></script>

<script src="http://.../dojo/1.5/dojo/dojo.xd.js" type="text/javascript">

function findFeatures () { Referencia JavaScript

alert("You entered: " + dojo.byId("findText").value);
}
Funcion
</script>
</head>
Elemento Body Elemento DIV

<body class="claro">
<div id="appContent" style="width:900px; height:600px; border:1px solid #000;"></div>

</body>
Tags de cierre
</html>
Plataformas SDK

Android JavaSE Qt iOS OS X

10.2.6-2 10.2.5 10.2.4 10.2.4 10.2.4

Java Java C++ Objective-C Objective-C

Android Win/Linux Win/Linux Cocoa Cocoa
Touch

Windows .NET Windows Windows

Mobile 10.2.6 Phone Store
10.2.6 .NET/XAML 10.2.6 10.2.6
.NET .NET/XAML .NET/XAML

Core Runtime
SDK para iOS
Versión 10.2.4
Requerimientos de desarrollo
• Intel-based Macintosh corriendo Lion (OS X 10.7 o higher) o Mountain Lion (OS X
10.8 o superior)

• iOS SDK 5.0 y iOS SDK 6.0

• Puede suscribirse como desarrollador iOS y obtener guías de programación,

ejemplos, videos y foros para su desarrollo

• El SDK de iOS cuenta con un simulador tanto para iPhone como para iPad, Sin
embargo siempre se recomienda que se pruebe la aplicación sobre el dispositivo.
¿Qué es Objective-C?
Subconjunto de C

• Como subconjunto de C, cuenta con la misma sintaxis de C ( int, float,

If, else)
• Lenguaje orientado a objetos en el cual corren todas las aplicaciones iOS
• Fácil de aprender en especial si usted tiene experiencia con Java o C++
Arquitectura de la aplicación iOS

Descargue el SDK

Configure su Motor IDE

Inicie el Código

Corra la aplicación
SDK para Android
Versión 10.2.6-2
Android
10.2.5
SDK para WinPhone
Versión 10.2.6
Windows 8 y Windows Phone 8
SDK de Windows Phone 8
¿Qué es Silverlight?
ArcGIS Runtime SDK for Windows Phone

• Plataforma de desarrollo aplicaciones de

negocio de escritorio o Web (RIA) para
Windows
ArcGIS Runtime
• Plataforma de desarrollo de aplicaciones
para Windows Phone 7.x o Windows SDK for Windows
Phone 8
Phone 10.2.6
• Base de la plataforma de desarrollo de
Aplicaciones Windows Store en Windows
8

• XAML + .NET
 Anatomía de un proyecto en WinPhone 8

• Folder Properties
• Manifiestos
• Folder References
• Folder Assets
• Folder Resources
• App.xaml
• Recursos Globales
• App.xaml.cs
• Inicialización del Teléfono
• LocalizedString.cs
• Clase utilitaria para leer el archivo de recursos
• MainPage.xaml
• Pagina Inicial
• MainPage.xaml.cs
• Code-behind de la pagina inicial
SDK de ArcGIS para
Android
Usando Android Studio –
Primeros pasos
Que necesita

• Instale el JDK 8 (Ultima versión)

• Descargue Android Studio
• SDK Android de la o las versión de los dispositivos en donde desea
probar las apps
• Verifique que tiene instalado los drivers de su celular o Tablet
donde probara las apps
• Una cuenta de ArcGIS para Desarrolladores
• Siga los pasos a continuación
Paso No 1

• Vaya a
http://www.oracle.com/technetwork/java/javase/downloads/jdk
8-downloads-2133151.html
• Descargue e instale la ultima versión del JDK
Paso No 2

• Descargue e instale el Android Studio

http://developer.android.com/sdk/index.html
Paso No 3
• Una vez haya instalado el AS, proceda a descargar los SDK de
Android de la versión del dispositivo donde los va a probar.
• Abra Android Studio. > Seleccione SDK Manager

• Dentro del SDK Manager, descargue e Instale, los siguientes componentes.

Paso No 3
• Luego descargue la versión de las API, de acuerdo a la versión del
SO que tenga su celular o tableta.
Paso No 3

• No olvide descargar las herramientas extras del SDK

• Esto garantizara que tiene los recursos de desarrollo para crear Apps
en Android.
Paso No 4
• Para poder crear y aprender sobre el desarrollo de aplicaciones
geográficas, es necesario tener un portal geográfico, donde tendrá
acceso a cientos de ejemplos y las referencias de todas las API,
además podrá publicar servicios geográficos
• Cree su portal geográfico en https://developers.arcgis.com/en/
 Paso 5: Instalación de los Drivers de su
dispositivo
• Seguramente usted quiere correr sus aplicaciones en su propio celular o
tableta.
• Para que Android Studio la reconozca como dispositivo de despliegue asegúrese
de que ha instalado los drivers de su dispositivo en el equipo donde esta
instalado el Android Studio.
• Ej: Tengo una tableta Acer Iconia B1 - A71
Paso 6: Depuración USB

• Valide y active la
opción de desarrollo,
Depuración USD de su
dispositivo Android,
esto le permitirá
ejecutar las apps
generadas.
• Además de permitir la
instalación de
aplicaciones de
orígenes
desconocidos.
Recuerde
• Mantenga en los favoritos de su navegador esta pagina, pues cuna vez
quiera sacar a producción su app la necesitara.
• Registrando su aplicación, para tener acceso a todos los recursos.
Vamos por nuestra primera GeoApp

Practica No 1. Hello World

Hola Mundo – Siempre empezamos por esta.

• Para hacer este tutorial debe ir a la pagina:

https://developers.arcgis.com/android/guide/add-a-map-to-your-app.htm
• Pasos claves:
1. Agregar las dependencia ArcGIS Runtime for Android AAR
2. Sincronizar cada vez que se hagan cambios
3. Construir proyecto – Limpiar si es necesario.
4. Agregar el Mapa en activity_main.xml
5. Ejecutarla sobre su dispositivo – Validar Grandle Console
• Cree el documento de la practica donde se muestre la ejecución de la
aplicación y los cambios hechos desde su dispositivo.
PracticaNo1_NombredelEstudiante, y súbalo al Drive en el director de
Practicas.
Vamos por nuestra segunda GeoApp

Practica No 2 – MapasBase
MapasBase

• Para hacer este tutorial debe ir a la pagina:

https://developers.arcgis.com/android/guide/use-arcgis-basemaps.htm
Pasos claves:
1. Agregar las dependencia ArcGIS Runtime for Android AAR.
2. Agregar el menú de mapas base
3. Sea cuidadoso de validar cada archivo que le piden que cambien, usted
modificara:
a) MainActivity
b) strings.xml.
c) menu_main.xml.
4. Ejecutarla sobre su dispositivo – Validar Grandle Console
• Cree el documento de la practica donde se muestre la ejecución de la
aplicación y los cambios hechos desde su dispositivo.
PracticaNo2_NombredelEstudiante, y súbalo al Drive en el director de
Practicas.
Mas GeoApps!

Retos Finales
Cree las siguientes aplicaciones y ejecútelas
en su dispositivo
• Accediendo a los servicios de su portal geográfico (Taller No 1)
https://developers.arcgis.com/android/guide/access-feature-data-in-the-
cloud.htm
• Geo-codificando en su app (Taller No 2)
https://developers.arcgis.com/android/guide/add-geocoding-to-your-app.htm
• Implemente todos los ejemplos del centro de documentación en su Android
Studio, Esto le permitirá crear un solo proyecto con todos los ejemplos.
https://developers.arcgis.com/android/sample-code/, deberá ejecutar los
siguientes ejemplos y evidenciar su ejecución en su dispositivo. (Taller No 3)
• Geometry Editor
• WebMap Popup Editing
• Place Search
AppStudio for ArcGIS
Beta
App Studio 4 ArcGIS
Primeros pasos
Características

AppStudio para ArcGIS es una herramienta innovadora que convierte

sus mapas en aplicaciones móviles para Mac, iOS, Android, Windows
y Linux.
• Menos tiempo de desarrollo
• Pruebe y ponga en producción.
• Multiplataforma
• App para corporaciones y masivas.
Características

• Usa plantillas de apps configurables.

• Ejecute sus apps desde cualquier dispositivo.
• Aproveche la inversión de ArcGIS mediante la reutilización de sus
mapas web, herramientas y servicios.
• Actualizaciones mas rápidas
• Implemente una versión de prueba mientras esta desarrollando.
• Distribuya los archivos de instalaciones de forma manual o a
través de una tienda publica.
Para instalar el AppStudio for ArcGIS

• Actualmente en Beta, deberá tener una cuenta de Esri, para poder

descargar los instaladores.
http://appstudioprd.arcgis.com/
AppStudio for ArcGIS esta soportado para
• Windows x86 y x64
• Mac OS
• Linux
• Usted obtiene
• AppStudio for ArcGIS — Configurar o administrar sus apps
• AppStudio Player —Para ver sus apps
• Qt Creator — Para Editar sus apps
AppStudio for ArcGIS

Asistente - Wizard
Wizard – AppStudio for ArcGIS

• Use el asistente para crear una nueva aplicación desde una

plantilla existente.
• Elija una plantilla de aplicaciones disponibles para iniciar la
construcción de su aplicación.
• Las plantillas normalmente le pedirán que elija los elementos de
diseño de interfaz de usuario, para así seleccionar sus propios
datos en la aplicación.
• Con Qt Creator, también puede crear plantillas para su propio uso
o para compartir con los demás.
 AppStudio Player

Le permite ejecutar y probar las aplicaciones en cualquier plataforma.

AppStudio Player

• AppStudio Player está disponible para Windows, Mac, Linux, Android y

iOS.
• Cualquier aplicación creada en AppStudio en cualquier plataforma se
pueden utilizar en cualquier plataforma del Player.
• Al instalar AppStudio en el escritorio, AppStudio Player se instala de
forma automática.
• El archivo de instalación del Player para Android también se incluye en
la instalación de escritorio. Puede copiar el .apk a su dispositivo
Android e instalarlo.
 Upload

Cargue sus propias Apps a ArcGIS: Repositorio de Código de GeoApp.

Upload

• Le permite cargar sus propias apps a ArcGIS.

• Añadir la aplicación ArcGIS.
• Actualizar una instancia existente de una aplicación.
• Compartir la aplicación con los demás.
• Mover la aplicación a una carpeta.
• Archivar la aplicación en un archivo .zip de forma local en su máquina.
• Descargar una instancia existente de una aplicación y sobrescribir la copia local.
• Eliminar la aplicación de ArcGIS.
 Make

Creando (Compilando) su App

Make

• Utilice Make para crear una aplicación (Stand-alone) que puede

distribuir entre sus colegas de forma manual oa través de su
tienda de aplicaciones elegido.
• La herramienta "Make Local" requiere que usted tenga todas las
herramientas de desarrollo para implementaciones de su sistema
operativo elegido instalados en su ordenador.
• La herramienta “Cloud Make" es un servicio ofrecido por Esri para
crear aplicaciones independientes de sus proyectos para usted.
 QT Creator (AppStudio)

Nivel de personalización superior, requiere conocimientos en desarrollo y en QML

 Practica No 3

Paso No 1: Asistente Web. Instalación de Escritorio.

 Crear StoryMap Tour

Use el StoryMap Map Tour que desarrollo en el Taller No 3 sobre los sitios turísticos
de una ciudad.
Modificar las propiedades del ítem del AGOL

Configure su ítem del StoryMap: Debe validar que las propiedades están
debidamente descritas.
 Iniciar el Wizard Web

• Vaya a http://appstudioprd.arcgis.com/
• Inicie Sesión con su cuenta de desarrolladores.
• Pestaña Apps.
• Crear Nueva App
• Seleccione la primera Plantilla Map Tour
• Siga las instrucciones.
• AppInfo y Map Tour Settings

Iniciar el Wizard Web

• Cree el App, personalizando todos los componentes, y ejecútela sobre su
dispositivo usando el Player correspondiente.
• Cree la Pagina Landing Page para promocionar la aplicación y todas sus
características así como su portal geográfico.
• Cree el documento de la PracticaNo3 evidenciando los cambios y la ejecución
del App desde su dispositivo.
 Practica No 4

AppStudio for ArcGIS Versión de Escritorio.

 Descargar AppStudio for ArcGIS

• Vaya a la consola de su aplicación de turismo.

• Seleccione Customize App.
• Descargue e Instale AppStudio for ArcGIS para su sistema operativo. (Windows,
Linux, MacOS)
 Descargar AppStudio for ArcGIS
• Inicie AppStudio for ArcGIS Wizard.
 Seleccione la plantilla y cree el GeoApp

• Seleccione la Plantilla MapTour.

• Selección un MapTour que ha trabajado, pero en esta ocasión crearemos el App
desde la versión de escritorio.
 Configurar las propiedades del App

• Cambie todas las propiedades de la aplicación.

 Subir el App en
ArcGIS.com
Necesitamos el ítem para leerlos en el player. Use la herramienta Upload, para
subir la aplicación que se compilara a ArcGIS.com
 Instalar el Player en su dispositivo

Probar en su dispositivo, pruebe la aplicación creada usando el player.

 Crear los ejecutables

Usando la herramienta Make Tool, creara los ejecutables para instalar

directamente en el dispositivo, deberá esperar los correos de confirmación de
ArcGIS.com.
Validar en el correo

Dos correos.
 Play Store – Apple Store

Subir las apps en las tiendas masivas. (Opcional)

 Cargar el Apk en su dispositivo Android

• Cargar en el App
• Pruebe la aplicación usando el Player en su dispositivo.
• Cree el documento mostrando la ejecución del app y sus cambios.
PracticaNo4_NombredelEstudiante, con los pantallazos de la ejecución.
 Taller No 4

Usando el AppStudio for ArcGIS Web,

Cree una GeoApp que usa la plantilla MapViewer
Cree el documento que muestre el proceso, el app resultante ejecutada desde su
dispositivo. TallerNo4_NombredelEstudiante.
 Taller No 5
Usando el AppStudio for ArcGIS Desktop,
Cree una GeoApp que usa la plantilla QuickReport, esta le permite hacer una
encuesta Geo-referenciada, y vinculada a un WebMap.
Cree el documento que muestre el proceso, el app resultante ejecutada desde su
dispositivo. TallerNo5_NombredelEstudiante.