Creando Aplicaciones de Mapas Faciles y Rapidas Con ArcGIS WebApp Builder 1.0
-
Upload
s-morales-ca -
Category
Documents
-
view
26 -
download
8
description
Transcript of Creando Aplicaciones de Mapas Faciles y Rapidas Con ArcGIS WebApp Builder 1.0
-
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]