www.reunionsigsa-esri.sigsa.info

Creando Aplicaciones de Mapas Fciles y Rpidas con ArcGISWebApp BuilderFrancisco Javier Lpez Amador

Contenido

1. Introduccin

2. Caractersticas

3. Primeros Pasos

4. Configuracin y Desarrollo

5. Conclusiones

www.reunionsigsa-esri.sigsa.info

Introduccin

Qu es ArcGIS WebApp Builder?

Crear tus propias aplicaciones web intuitivas, rpidas y agradables sin escribir una sola lnea de cdigo

Aplicaciones que funcionan en cualquier lugar de su escritorio, tabletas y dispositivos mviles

No hay plugins requeridos, HTML puro hasta el final

Maneja tanto en 2D como en 3D

Herramientas GIS listas, ms de 30 widgets

Marco extensible para que pueda poner sus habilidades de desarrollador

Permite la creacin de Plantilla Web

Funciona con ArcGIS Online y Portal for ArcGIS.

Web Application Builder

Las aplicaciones funcionan con navegadores completos de escritorio, tabletas o dispositivos mviles.

ArcGIS Web Application Builder detecta las dimensiones de la pantalla y se ajusta en consecuencia.

Los desarrolladores pueden crear sus propios diseos de interfaz de usuario para el escritorio, tableta o dispositivo mvil.

Aplicaciones listas para mviles

Soporte integrado para ArcGIS Online y Portal de las Organizaciones de ArcGIS

Caractersticas

Una respuesta a las peticiones de muchos clientes

HTML5/no plugin

Aplicaciones configurables

Aplicaciones web mviles

Menos programacin

Tecnologas modernas HTML/JavaScript

HTML/JavaScript

UI Responsivo para dispositivos

Soporta 2D y 3D

Tecnologas modernas HTML/JavaScript

HTML/JavaScript

UI Responsivo para dispositivos

Soporta 2D y 3D

Integracin de plataforma ArcGIS

Soporta 3D Web Scenes

Soporta OAuth2

Crear plantillas de Aplicaciones Web

Construir dentro del Portal

Listo para usar aplicaciones o plantillas

Contructor Aplicacin lista para usarse

Plantilla

Para Desarrolladores

Constructor de GUI

Widgets

Crear widget personalizado

Crear tema personalizado

Componentes de ArcGIS WebApp Builder

Aplicacin Web

ArcGIS dentro de la aplicacin principal

Mensajera (publicacin / suscripcin)

ArcGIS dentro de la aplicacin principal

Widget Plantilla

HTML/JavaScript/CSS

Tarea especfica

Configuracin en JSON

Soporte NLS

Constructor config UI

HTML/JavaScript/CSS

Diseo

Widget panel y comportamientos

Estilo (Color, etc.)

Widgets default

Diseo de aplicacin en ArcGIS WebAppBuilder

Diseo / Desarrollo

Mensajera de objetos

No librerias de terceros adems de dojo

1

2

3

Widget

Widget Base

Propiedades de configuracin de la aplicacin (etiqueta, icono, ubicacin, etc)

Los datos de configuracin de la aplicacin

Los datos de configuracin del Widget

Mapa de objeto

Estado de Widget (abierto, cerrado, activo ...)

Eventos como abierto / signin

Compartir datos (comunicacin de Widget)

HTML/JavaScript/CSS

Diseo

Widget panel y comportamientos

Estilo (Color, etc.)

Widgets default

Qu se obtiene a partir de BaseWidget

Eventos

postCreate

startup

onOpen

onSignIn

publishData

Eventos del ciclo de vida Dijit como Eventos de Widget tales como

Plantillas

Plantillas personalizadasColor

Diseo de aplicacin

Widget Panel y comportamientos

Widgets Default

Definir una plantilla en ArcGIS WebApp Builder

widgets

icono

Widget preconfigurado

Widgets adicionales

Definir un Panel en ArcGIS WebApp Builder

Configuracin de plantilla

1

2

3

Primeros Pasos

Obtener ArcGIS WebApp Builder

1.0 beta relase

ArcGIS WebApp Builder is available at Esri Beta Community

Requerimientos del sistema

ArcGIS WebApp Builder soporta Chrome, Firefox, IE 9 + y Safari.

Se requiere Node.js

De forma predeterminada, ArcGIS WebAppBuilder utiliza la API de JavaScript hosteada por ESRI en ArcGIS Online.

Si no hay conexin a Internet, una API de ArcGISlocal de JavaScript (3.8 o superior) es necesario.

Instalacin de ArcGIS WebApp Builder

1. Descargar e instalar Node.js.

2. Descomprimir ArcGIS-webapp-constructor-1.0beta.zip

3. Iniciar el smbolo del sistema de Windows, ir al directorio, ejecutar comando node server.js. El puerto HTTP predeterminado es 3344.

4. Se inicia el servidor Builder y escucha en el puerto 3344.

5. Para acceder a ArcGIS WebApp Builder:

http:// [nombre de equipo]: 3344/webappbuilder.

Configuracin y Desarrollo

Configuracin y Desarrollo

Configuracin

Desarrollo

Preguntas

Referencias

Beta Release (28 de Marzo)

https://betacommunity.esri.com/callout/?callid=6811D4EE591E41FA91FE743D294B114B

https://developers.arcgis.com/javascript/ http://nodejs.org/

Referencias

POR SU ATENCIN,!GRACIAS

CONTACTO

Francisco Javier Lpez Amador francisco.lopez@sigsa.info