Creando Aplicaciones de Mapas Fáciles y Rápidas con ArcGIS WebApp Builder

Transcripción

1 Creando Aplicaciones de Mapas Fáciles y Rápidas con ArcGIS WebApp Builder Francisco Javier López Amador

2 Contenido 1. Introducción 2. Características 3. Primeros Pasos 4. Configuración y Desarrollo 5. Conclusiones

3 Introducción

4 Qué es ArcGIS WebApp Builder?

5 Web Application Builder Crear tus propias aplicaciones web intuitivas, rápidas y agradables sin escribir una sola línea de código Aplicaciones que funcionan en cualquier lugar de su escritorio, tabletas y dispositivos móviles No hay plugins requeridos, HTML puro hasta el final Maneja tanto en 2D como en 3D Herramientas GIS listas, más de 30 widgets Marco extensible para que pueda poner sus habilidades de desarrollador Permite la creación de Plantilla Web Funciona con ArcGIS Online y Portal for ArcGIS.

6 Aplicaciones listas para móviles Las aplicaciones funcionan con navegadores completos de escritorio, tabletas o dispositivos móviles. ArcGIS Web Application Builder detecta las dimensiones de la pantalla y se ajusta en consecuencia. Los desarrolladores pueden crear sus propios diseños de interfaz de usuario para el escritorio, tableta o dispositivo móvil.

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

8 Características

9 Una respuesta a las peticiones de muchos clientes HTML5/no plugin Aplicaciones configurables Aplicaciones web móviles Menos programación

10 Tecnologías modernas HTML/JavaScript HTML/JavaScript UI Responsivo para dispositivos Soporta 2D y 3D

11 Tecnologías modernas HTML/JavaScript HTML/JavaScript UI Responsivo para dispositivos Soporta 2D y 3D

12 Integración de plataforma ArcGIS Soporta 3D Web Scenes Soporta OAuth2 Crear plantillas de Aplicaciones Web Construir dentro del Portal

13 Listo para usar aplicaciones o plantillas Contructor Aplicación lista para usarse Plantilla

14 Para Desarrolladores Constructor de GUI Widgets Crear widget personalizado Crear tema personalizado

15 Componentes de ArcGIS WebApp Builder Aplicación Web

16 ArcGIS dentro de la aplicación principal Mensajería (publicación / suscripción)

17 ArcGIS dentro de la aplicación principal Widget Plantilla HTML/JavaScript/CSS Tarea específica Configuración en JSON Soporte NLS Constructor config UI HTML/JavaScript/CSS Diseño Widget panel y comportamientos Estilo (Color, etc.) Widgets default

18 Diseño de aplicación en ArcGIS WebApp Builder Diseño / Desarrollo Mensajería de objetos No librerias de terceros además de dojo 1 2 3

19 Widget

20 Widget Base Qué se obtiene a partir de BaseWidget Propiedades de configuración de la aplicación (etiqueta, icono, ubicación, etc) HTML/JavaScript/CSS Diseño Los datos de configuración de la aplicación Los datos de configuración del Widget Widget panel y comportamientos Estilo (Color, etc.) Widgets default Mapa de objeto Estado de Widget (abierto, cerrado, activo...) Eventos como abierto / signin Compartir datos (comunicación de Widget)

21 Eventos Eventos del ciclo de vida Dijit como postcreate startup Eventos de Widget tales como onopen onsignin publishdata

22 Plantillas

23 Plantillas personalizadas Color Widgets Default Diseño de aplicación Widget Panel y comportamientos

24 Definir una plantilla en ArcGIS WebApp Builder icono widgets Widget preconfigurado Widgets adicionales

25 Definir un Panel en ArcGIS WebApp Builder

26 Configuración de plantilla 1 2 3

27 Primeros Pasos

28 Obtener ArcGIS WebApp Builder 1.0 beta reléase ArcGIS WebApp Builder is available at Esri Beta Community

29 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 conexión a Internet, una API de ArcGIS local de JavaScript (3.8 o superior) es necesario.

30 Instalación de ArcGIS WebApp Builder 1. Descargar e instalar Node.js. 2. Descomprimir ArcGIS-webapp-constructor- 1.0beta.zip 3. Iniciar el símbolo del sistema de Windows, ir al directorio, ejecutar comando node server.js. El puerto HTTP predeterminado es Se inicia el servidor Builder y escucha en el puerto Para acceder a ArcGIS WebApp Builder: [nombre de equipo]: 3344/webappbuilder.

31 Configuración y Desarrollo

32 Configuración y Desarrollo

33 Configuración

34 Desarrollo

35 Preguntas

36 Referencias

37 Referencias Beta Release (28 de Marzo) d=6811d4ee591e41fa91fe743d294b114b

38 POR SU ATENCIÓN,!GRACIAS CONTACTO Francisco Javier López Amador