1. Esri UC2013. Technical Workshop. Technical Workshop 2013 Esri International User Conference July 8–12, 2013 | San Diego, California ArcGIS API for Flex An Introduction Lloyd Heberlie Heather Gonzago

2. Esri UC2013. Technical Workshop. Introduction Lloyd Heberlie @lheberlie github.com/lheberlie Heather Gonzago @hgonzago github.com/hgonzago ArcGIS API for Flex - An Introduction

3. Esri UC2013. Technical Workshop. Agenda Introduction Build a map Display information Perform analysis User interface components Wrap up ArcGIS API for Flex - An Introduction

4. Esri UC2013. Technical Workshop. Heather Live Sites Demo ArcGIS API for Flex - An Introduction

5. Esri UC2013. Technical Workshop. Lloyd Introduction ArcGIS API for Flex - An Introduction

6. Esri UC2013. Technical Workshop. Who are you? What brings you here? Developer - API - Source code Builder - Application Builder - Viewer configuration Hybrid - Designer / Developer ArcGIS API for Flex - An Introduction Web Application Web Application ArcGIS Viewer for Flex Application Builder ArcGIS Viewer for Flex Application Builder ArcGIS Viewer for Flex ArcGIS Viewer for Flex ArcGIS API For Flex ArcGIS API For Flex

7. Esri UC2013. Technical Workshop. Development ArcGIS API for Flex - An Introduction Design AMF, XML, JSON, SOAP, RSS, ATOM, etc. HTTP/S, Sockets, RTMP, etc. Runtime Flash Player ** AIR * Creative Suite Flash Builder Servers and Services Flex Framework s and SDKs 3 rd Party Develop Source Code ActionScript / MXML Source Code ActionScript / MXML Compiled Code.swf /.air Compiled Code.swf /.air Devices * Desktop Browsers ** and Desktop Apps *

8. Esri UC2013. Technical Workshop. Adobe Flash platform tools ArcGIS API for Flex - An Introduction Together can build web desktop, mobile apps Flash Builder Flex SDK (framework) Client runtimes - Flash Player - Adobe Air

9. Esri UC2013. Technical Workshop. ArcGIS for Flex API and Viewer Well established Very active user community Consistent release schedule ArcGIS API for Flex - Advanced Topics Version 3.2 March 2013 Version 3.2 March 2013 Version 3.3 April 2013 Version 3.3 April 2013 Version 3.4 July 2013 Version 3.4 July 2013

10. Esri UC2013. Technical Workshop. What will you need? Developer workflow Configure - Application Builder - Compiled viewer Develop - API sample code (GitHub) - Viewer and Application Builder (GitHub) - API library (developers.arcgis.com) ArcGIS API for Flex - An Introduction

11. Esri UC2013. Technical Workshop. ArcGIS 3.4 API for Flex - Flash Player: 11.1 - SDK: Adobe Flex 4.6 or Apache 4.8 or later - Access to ArcGIS web services Download API – http://links.esri.com/flexhttp://links.esri.com/flex Readme API Library (SWC) Skins, locales Recommendations - Adobe Flash Builder 4.7 (IDE) Requirements ArcGIS API for Flex - An Introduction

12. Esri UC2013. Technical Workshop. MXML - UIComponent, Skinning and Layout ActionScript - Programming language CSS - Styling UIComponents and Skins JavaScript - Mostly used in the html wrapper Tip: Read the source code Additional learning ArcGIS API for Flex - An Introduction

13. Esri UC2013. Technical Workshop. Heather Help and resources Demo ArcGIS API for Flex - An Introduction

14. Esri UC2013. Technical Workshop. Lloyd Build a map ArcGIS API for Flex - An Introduction

15. Esri UC2013. Technical Workshop. Main component of the Flex API Collection of layers Contains defaultGraphicsLayer Provides mouse & keyboard navigation Touch and rotation Spatial reference & scale levels - determined by the first visible layer - or can be set explicitly Map basics ArcGIS API for Flex - An Introduction

16. Esri UC2013. Technical Workshop. Data pulled from services or ArcGIS Online Layers - Service url - Shared service - Web map Map container Data, layer(s), and map ArcGIS API for Flex - An Introduction

17. Esri UC2013. Technical Workshop. Either: - Using layers (services), reference URL - Web maps, reference item ID Add data to the map ArcGIS API for Flex - An Introduction Portal for ArcGIS ArcGIS Online Search

18. Esri UC2013. Technical Workshop. Full list @ Types of layerTypes of layer Layer basics ArcGIS API for Flex - An Introduction

19. Esri UC2013. Technical Workshop. Services directory - Provides endpoint URL for ArcGIS Server services Resources and their supported operations Finding service URLs ArcGIS API for Flex - An Introduction

20. Esri UC2013. Technical Workshop. ArcGIS Online details Finding web map IDs ArcGIS API for Flex - An Introduction Item ID

21. Esri UC2013. Technical Workshop. Heather Build a map Demo ArcGIS API for Flex - An Introduction

22. Esri UC2013. Technical Workshop. Lloyd Display information ArcGIS API for Flex - An Introduction

23. Esri UC2013. Technical Workshop. Server-side - MapServer (dynamicLayer) - Tell server to generate renderer and symbology - Supports thematic mapping for large complex datasets - No geometry payload and dynamic rendering Client-side - FeatureLayer, GraphicsLayer - Use logic to create your own renderer and symbology - Graphics are already in browser - Potential graphics limitations, network payload Server versus Client-side rendering ArcGIS API for Flex - An Introduction

24. Esri UC2013. Technical Workshop. Dynamic Layers Service details - File GDB or Enterprise GDB - Capability during publishing - Dynamic per request - Supports Dynamic Layers Rearrange layer order Modify symbology of layers layerDrawingOptions property ArcGIS API for Flex - An Introduction

25. Esri UC2013. Technical Workshop. Graphic = geometry + attributes + symbol Rich symbolization - Points, Lines, Polygons - Pictures, TextSymbol, InfoSymbol Event driven model - Mouse, keyboard Native flex properties - alpha, visible,.. Clustering Graphics Layer ArcGIS API for Flex - An Introduction

26. Esri UC2013. Technical Workshop. Extends Graphics Layer Feature Service or Map Service Can be a layer or a table Supports selections – query mode Supports attachments Editable when source is Feature Service * Uses drawing info from ArcGIS Server * Ownership based access control – new at ArcGIS 10.1 Feature Layer ArcGIS API for Flex - An Introduction

27. Esri UC2013. Technical Workshop. Heather Dynamic labeling Demo ArcGIS API for Flex - An Introduction

28. Esri UC2013. Technical Workshop. Lloyd Perform analysis ArcGIS API for Flex - An Introduction

29. Esri UC2013. Technical Workshop. Perform specific types of analysis Tasks overview ArcGIS API for Flex - An Introduction

30. Esri UC2013. Technical Workshop. Analysis capabilities exposed by an ArcGIS web service Query, Find (Search), Identify Route, Service Area, Closest Facility Geometry Service Locator Geoprocessing Service Print Generate Renderer Tasks ArcGIS API for Flex - An Introduction

31. Esri UC2013. Technical Workshop. Set criteria with “where” Filter returned fields Set spatial relationship (e.g. “intersects”) Searches are case sensitive Related records, ObjectIDs, Stand-alone tables Query task ArcGIS API for Flex - An Introduction

32. Esri UC2013. Technical Workshop. Custom analysis Execute vs. SubmitJob Tip: Parameters - Name, Type, Direction Geoprocessing tasks Flex Application Result HSlider: Highways dist_transit Graphics Layer Declare Geoprocessor dist_highways GPTask HSlider: Transit Stops Parameters Model Builder

33. Esri UC2013. Technical Workshop. A web service for spatial relationships and algorithms Supports operations related to manipulating geometries - Project, buffer, simplify, cut, densify, difference, generalize, union, split, etc. Supports editing functionality with a Feature service Geodesic calculations –*ArcGIS 10.1 Geometry service ArcGIS API for Flex - An Introduction

34. Esri UC2013. Technical Workshop. Heather Query your data Demo ArcGIS API for Flex - An Introduction

35. Esri UC2013. Technical Workshop. Lloyd User interface components ArcGIS API for Flex - An Introduction

36. Esri UC2013. Technical Workshop. Properties - FeatureLayer - Geometry service - Map Leverages - TemplatePicker - DrawTool - EditTool - AttributeInspector - IdentityManager Editor component ArcGIS API for Flex - An Introduction

37. Esri UC2013. Technical Workshop. Heather Access feature data from the cloud Demo ArcGIS API for Flex - An Introduction

38. Esri UC2013. Technical Workshop. Interactive data table FeatureLayer Supports editing Export to csv Supports related records Custom field editors AttributeTable component ArcGIS API for Flex - An Introduction

39. Esri UC2013. Technical Workshop. Heather Display tabular data Demo ArcGIS API for Flex - An Introduction

40. Esri UC2013. Technical Workshop. Extends TextInput component autoComplete, autoNavigate* ArcGIS online world locator or your own Supports searching map services Map Geocoder component ArcGIS API for Flex - An Introduction

41. Esri UC2013. Technical Workshop. Heather Find places and addresses Demo ArcGIS API for Flex - An Introduction

42. Esri UC2013. Technical Workshop. Map Symbols Stops Geocode options Routing options Route and navigation information Directions component ArcGIS API for Flex - An Introduction

43. Esri UC2013. Technical Workshop. Heather Route and navigate Demo ArcGIS API for Flex - An Introduction

44. Esri UC2013. Technical Workshop. Lloyd Wrap up ArcGIS API for Flex - An Introduction

45. Esri UC2013. Technical Workshop. Deployment Cross-domain policies Web Server with application and ArcGIS Server Web Server with application ArcGIS Server with crossdomain.xml SWF Map requests and responses Map requests and responses

46. Esri UC2013. Technical Workshop. Road ahead Geoenrichment Offline / Sync ArcGIS.com / Portal for ArcGIS Tile resampling ArcGIS API for Flex - An Introduction

47. Esri UC2013. Technical Workshop. Where can I get more info? Esri - http://resources.arcgis.com http://resources.arcgis.com - documentation, forums, samples - http://links.esri.com/flexviewer http://links.esri.com/flexviewer Adobe - http://www.adobe.com/devnet/flex.html http://www.adobe.com/devnet/flex.html - http://www.adobe.com/devnet/flex/videotraining.html http://www.adobe.com/devnet/flex/videotraining.html - http://www.adobe.com/devnet/flex/tourdeflex.html http://www.adobe.com/devnet/flex/tourdeflex.html ArcGIS Viewer for Flex— An Introduction

48. Esri UC2013. Technical Workshop. http://www.esri.com/training Instructor-Led Courses - Building Web Applications Using the ArcGIS API for Flex (3.x) Building Web Applications Using the ArcGIS API for Flex - Migrating to ArcGIS 10.2 for Server - ArcGIS for Server: Sharing GIS Content on the Web (10.1) ArcGIS for Server: Sharing GIS Content on the Web Online Training Seminars - Extending the ArcGIS Viewer for Flex (3.x) - Free, one-hour presentation and demos by Esri technical experts - Live seminar broadcast on a new topic every month Esri training for Web developers ArcGIS Viewer for Flex— An Introduction

49. Esri UC2013. Technical Workshop. ArcGIS API for Flex – An Introduction - Tues. 7/9; 1:30-2:45 – Rm 15A - Wed. 7/10; 1:30-2:45 – Rm 15B ArcGIS Viewer for Flex – An Introduction - Wed. 7/10; 8:30-9:45 – Rm 14B ArcGIS Viewer for Flex – Advanced Topics - Wed. 7/10; 10:15-11:30 – Rm. 14B - Thurs. 7/11; 1:30-2:45 – Rm 31C ArcGIS API for Flex – Advanced Topics - Wed. 7/10; 3:15-4:30 – Rm. 15A - Thurs. 7/11; 8:30-9:45 – Rm. 15A UC Agenda: Flex Technical Workshops ArcGIS Viewer for Flex— An Introduction

50. Esri UC2013. Technical Workshop. Please fill out the session evaluation First Offering ID: 1247 Second Offering ID: 1354 Online – www.esri.com/ucsessionsurveys Paper – pick up and put in drop box Thank you… ArcGIS API for Flex - An Introduction

51. Esri UC2013. Technical Workshop.ArcGIS API for Flex - An Introduction