European Developer Summit Madrid, Nov. 15, 2012
Getting Started with the ArcGIS API for JavaScript Julie Powell Jose Antonio Anta
Agenda
•
Introdución
•
Buenas Prácticas •
Utilizar WebMap Utilizar nuevas funcionalidad para construir Aplicaciones
•
HTML5
•
Tips & Tricks
•
What’s next?
•
Recursos
Maximizando Funcionalidad
•
Capas cacheadas (Tiled) Vs Dinámicas
•
Feature Services
•
•
-
Muy potente. Cuidado
-
Generalización de Geometrías
Comprobar estadisticas con el navegador -
Petición
-
Dibujo
Cálculo de estadísticas
Feature Layers
•
Purpose?
•
Modo de Visualizar
•
-
Snapshot
-
On-Demand
-
Selection only
Generalización de Geometrías
Consulta de Estadísticas
•
Cálculo de estadísticas del lado Servidor
•
Large # features: Solo envia resultados estadísticos al cliente
•
Varios Tipos de Cálculos
Aplicación Interactiva Optimizing Performance
Demo
Diseño de aplicaciones Creando un Widget Propio
Demo
Agenda
•
Introdución
•
Buenas Prácticas -
Utilizar WebMap
-
Utilizar nuevas funcionalidad para construir Aplicaciones
•
HTML5
•
Tips & Tricks
•
What’s next?
•
Recursos
HTML5: 5 Puntos Claves
1.
No es algo grande
2.
No necesitas descartar nada
3.
Es fácil empezar
4.
Ya funciona
5.
Está aquí para quedarse
•
MARK PILGRIM, Dive into HTML5
Evolución de HTML5
By Sergey Mavrody 2011 | CC Attribution-ShareAlike 3.0
¿Puedo utilizar?
http://www.caniuse.com/
Componentes HTML5 en el API JavaScript (o proximamente)
Canvas (Control del Pixel y gráficos android)
CORS Transiciones CSS3
Alto rendimiento en navegadores
Operaciones intensivas CPU Transformaciones 3D CSS
Ejemplo: Almacenar marcadores localmente
•
Tratar de almacenar el marcador en el almacenamiento local.
•
Si no es soportado: Cookie
Ejemplo: Apilamiento offline
• •
Trabajadores web Utilizar almacenamiento web para apilar
•
Próximamente… TPK • Utilizando API de archivo, BLOB API
HTML5. Acceso a ficheros Usar Drag and Drop
Agenda
•
Introdución
•
Buenas Prácticas -
Utilizar WebMap
-
Utilizar nuevas funcionalidad para construir Aplicaciones
•
HTML5
•
Tips & Tricks
•
What’s next?
•
Recursos
Ayuda!!!!… •
Getting Started
•
Working with Dojo
Tips & Tricks : Usar herramientas de desarrollador (firebug, Chrome, etc)
JS Beautifier
JSHint / JSLint
Plug-ins
Y si no quiero utilizar Dojo?
•
Compatability with other JavaScript frameworks, for example: -
jQuery
-
ExtJS
-
Multiple versions of Dojo
-
Leaflet
Agenda
•
Introdución
•
Buenas Prácticas -
Utilizar WebMap
-
Utilizar nuevas funcionalidad para construir Aplicaciones
•
HTML5
•
Tips & Tricks
•
What’s next?
•
Recursos
ArcGIS API JavaScript Roadmap
•
Simplificación del API
•
Nuevos Widgets (widget Localizar lugares)
•
Dojo 1.8
•
More build profiles
•
Conformidad AMD
•
Soporte tactil completo en IE 10
En desarrollo •
Web Workers
•
Conexiones Socket
•
CityEngine WebScenes
Coming soon… Interactive Sandbox
Layers
Configure Development Environment
•
Set up web server
•
IDEs
•
Debugging & Tools
How to run code from web server (IIS)
Proxy
esri.request
proxy
ArcGIS Server
Your code
Browser
Web Server
Remote Server
CORS
esri.request
ArcGIS Server
Your code
Browser
Remote Server