Ver PDF

Aplicaciones SIG Out Of The Box:
AppStudio & Web AppBuilder
Sergio Galindo
Agenda
-
Motivación
-
AppStudio for ArcGIS
-
-
Herramientas
Demo [1]
Por Dentro
Demo [2]
Licenciamiento
Recursos Online
ArcGIS WebApp Builder
-
Intro
Demo [1]
Para desarrolladores
Demo [2]
Recursos y comunidad
Motivación
Motivación
•
Porqué Esri ha creado estos productos?
Apps
Paradigma software COTS
Portabilidad
Participación en el mercado
Web AppBuilder
Out of the box
AppStudio for ArcGIS
Apps no ArcGIS
Ejemplos de apps
no basadas en ArcGIS
AppStudio for ArcGIS
Algunos ejemplos con AppStudio
Aplicaciones Nativas… ¿por qué?
Offline
Rendimiento
Dispositivos
El escenario habitual…
Código
X5
iOS
Android
Linux
Windows
Mac
Construir Apps nativas para múltiples plataformas de forma tradicional
Implica escribir código y hacer pruebas para cada plataforma
El escenario AppStudio…
iOS
Android
Una App
Linux
Windows
Mac
Herramientas
•
Que contiene la caja?
Que obtengo con AppStudio?
App Upload
[Compartir]
[Publicar]
Wizard
[Plantillas de Apps]
App Make
App Player
[Probar, Ejecutar]
[Compilar]
Workflow [1]
1
Mi
Idea
Seleccionar
Plantilla
y configurar
[Wizard]
2
Probar,
Ejecutar
[Player]
3
Publicar
[Upload]
Lista para
Descarga y uso
[Player]
Demo
•
Generar App con Wizard Upload Player
Por Dentro
•
Los ingredientes de la receta
Componentes de Software
App
Qt Quick Framework
App
App
App
ArcGIS Runtime API
ArcGIS Maps, Feature Services, Packages …
AppStudio
AppFramework
Componentes de Software
Qt Quick
Framework
•
•
•
•
Core QML Components
UI Controls
Positioning
Sensors
ArcGIS
Runtime API
•
•
•
•
•
•
•
•
Map Control
Layers
Geometry
Portal
Geocoding
Network Analysis
Geodatabase
Symbology
AppStudio
AppFramework
•
•
•
•
•
App Infrastructure
File System Components
Network Components
UI Widgets
Additional Plugins
App Item
App
Info
Publish
Online
Item
Info
QML/JavaScript
Assets
App
Item
Run in
AppPlayer
on
any device
Workflow [2]
1
Mi
Idea
Proyecto App
[Qt Creator]
2
Probar,
Ejecutar
[Player]
3
Compilar
[Make]
Lista para
Descarga y uso
Demo
•
Generar App “Hola Mundo” con QtCreator Make
Licenciamiento
•
La pregunta del millón
Licenciamiento
• AppStudio for ArcGIS:
•
•
Se incluye con ArcGIS Online y ArcGIS for Server
Requiere un usuario nombrado
• AppStudio Apps:
•
Se aplica el equema de licenciamiento de ArcGIS
Runtine
• Qt Creator
•
Qt Company
Licenciamiento
Recursos Online
•
Documentación y Ayuda
Recursos
• Documentación y ayuda en línea
http://doc.arcgis.com/en/appstudio/
• Programa beta
http://training.esri.com/gateway/index.cfm?fa=catalog.webCourseDetail&courseID=2887
Web AppBuilder
•
Intro
La misión : soluciones para los usuarios
Plantillas para Web Apps en ArcGIS
Web Map
Por qué Web AppBuilder?
http://ideas.arcgis.com
La respuesta Web AppBuilder for ArcGIS
La respuesta Web AppBuilder for ArcGIS
- Incorporado a ArcGIS Online y Portal for ArcGIS
- En ArcGIS Online desde Diciembre 2014
- En Portal for ArcGIS desde el lanzamiento de 10.3
- Permite la creación de apps sin necesidad de escribir código
- Experiencia de usuario WYSIWYG
- Apps pueden usarse en web browsers y dispositivos móviles
- Completamente integrado en la plataforma ArcGIS
- Construido sobre el API de ArcGIS para JavaScript y HTML 5
- Extensible (*)
Ediciones de Web AppBuilder
1. Edición ArcGIS Online / Portal for ArcGIS
- Integrado al sitio web
- Se lanza desde el visor de mapas (opción compartir
crear aplicación)
2. Edición para desarrolladores
-
Descarga independiente
Instalación local
Autenticación en ArcGIS Online o Portal
Soporta widgets y temas personalizados
- Ambas ofrecen la misma experiencia tipo “builder” al
usuario y las mismas capacidades
Workflow típico de creación de una nueva App
Widgets disponibles
Se pueden usar los Utility Services
• En ArcGIS Online o Portal for ArcGIS
• Se encuentran en la página de configuración de la
organización
Mapas Base
Impresión
Geocodificadores
Una vez creada la aplicación…
• Se aloja en su contenido de ArcGIS
• ArcGIS Online o Portal for ArcGIS
• Se listan en el contenido del usuario
• Se puede descargar y alojarla
Demo
•
Crear WebApp con Web AppBuilder Online
Lo nuevo
•
Widgets disponibles en la versión de Marzo de ArcGIS Online
Incorporados en la versión de Marzo de ArcGIS Online
Edición para desarrolladores
•
Mas flexibilidad, mas control
Web AppBuilder para desarrolladores
• Se descarga e instala localmente
• Autenticarse en ArcGIS Online o Portal for
ArcGIS
• La misma interfaz de usuario que la edición
online
• Se pueden incorporar widgets y temas
personalizados
• Las apps se crean en la máquina del desarrollador
• Las aplicaciones creadas con esta edición no se
actualizan automáticamente cuando se actualiza
ArcGIS Online o Portal
Mayor productividad y enfoque
GUI Builder (*)
(*) Editor de interfaz de usuario
Widgets Listos para usar
Crear Widget Personalizado
Crear Tema Personalizado
Interfaz de una aplicación
de Web AppBuilder
“Menú” de herramientas
Contenido Interactivo
Accesos directos
Mapa (webmap)
El “player”
(Aplicación “raíz” o “stem”)
Componentes de Web AppBuilder
Tema
Widget
•
HTML/JavaScript/CSS
•
HTML/JavaScript/CSS
•
Implementa una tarea
específica
•
Distribución de los controles
•
Imagen institucional
•
Configuración en JSON
•
•
Soporte para internacionalización
(NLS)
Comportamiento del panel de
widgets
•
Estilo (color, etc,.)
•
Widgets por defecto
•
Configurable desde el builder
Demo
•
Crear WebApp con Web AppBuilder Developers Edition
Recursos y Comunidad
•
¿A quién acudir?
Recursos
• Documentación y ayuda en línea
http://doc.arcgis.com/en/web-appbuilder/
• Documentación y ayuda (edición para desarrolladores)
https://developers.arcgis.com/web-appbuilder/guide/xt-welcome.htm
• Seminario de entrenamiento en línea
http://training.esri.com/gateway/index.cfm?fa=catalog.webCourseDetail&courseID=2887
GeoNet – Esri Community
• Comunidad de Web AppBuilder
https://geonet.esri.com/community/gis/web-gis/web-appbuilder
• Grupo de Widgets personalizados
https://geonet.esri.com/groups/web-app-builder-custom-widgets
GitHub: comunidad de desarrolladores
https://github.com/Esri/arcgis-webappbuilder-widgets-themes
Esri Solutions Team – Widgets personalizados
https://github.com/Esri/solutions-webappbuilder-widgets
¡Gracias!
Esta presentación está basada en las charlas:
- Web AppBuilder for ArcGIS: JavaSript Apps Made Easy
- AppStudio for ArcGIS: good apps come from good ideas
de la conferencia de desarrolladores Esri 2015