Está en la página 1de 38

Creando Aplicaciones de Mapas

Fciles y Rpidas con ArcGIS


WebApp Builder
Francisco Javier Lpez Amador

www.reunionsigsa-esri.sigsa.info

Contenido
1.
2.
3.
4.
5.

Introduccin
Caractersticas
Primeros Pasos
Configuracin y Desarrollo
Conclusiones

www.reunionsigsa-esri.sigsa.info

Introduccin

Qu es ArcGIS WebApp Builder?

Web Application 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.

Aplicaciones listas para mviles


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.

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

Plantilla

Aplicacin lista para usarse

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

HTML/JavaScript/CSS
Tarea especfica
Configuracin en JSON
Soporte NLS
Constructor config UI

Plantilla
HTML/JavaScript/CSS
Diseo
Widget panel y
comportamientos
Estilo (Color, etc.)
Widgets default

Diseo de aplicacin en ArcGIS WebApp


Builder

Diseo / Desarrollo
1

Mensajera de objetos
2

No librerias de terceros adems de dojo


3

Widget

Widget Base
Qu se obtiene a partir de BaseWidget

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

Eventos

Eventos del ciclo de vida Dijit como

postCreate
startup

Eventos de Widget tales como

onOpen
onSignIn
publishData

Plantillas

Plantillas personalizadas
Color

Diseo de aplicacin

Widget Panel y comportamientos

Widgets Default

Definir una plantilla en ArcGIS WebApp Builder


icono

Widget preconfigurado
widgets

Widgets adicionales

Definir un Panel en ArcGIS WebApp Builder

Configuracin de plantilla
1

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 WebApp
Builder utiliza la API de JavaScript hosteada por
ESRI en ArcGIS Online.
Si no hay conexin a Internet, una API de ArcGIS
local de JavaScript (3.8 o superior) es necesario.

Instalacin de ArcGIS WebApp Builder


1. Descargar e instalar Node.js.
2. Descomprimir ArcGIS-webapp-constructor1.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

Referencias
Beta Release (28 de Marzo)
https://betacommunity.esri.com/callout/?calli
d=6811D4EE591E41FA91FE743D294B114B
https://developers.arcgis.com/javascript/
http://nodejs.org/

POR SU ATENCIN,
!GRACIAS

CONTACTO

Francisco Javier Lpez Amador

francisco.lopez@sigsa.info

También podría gustarte