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