1 / 50

ArcGIS API for Flex An Introduction

2013 Esri International User Conference July 8–12, 2013 | San Diego, California. Technical Workshop. ArcGIS API for Flex An Introduction. Lloyd Heberlie Heather Gonzago. Introduction. Lloyd Heberlie @ lheberlie github.com / lheberlie Heather Gonzago @ hgonzago

kirkan
Download Presentation

ArcGIS API for Flex An Introduction

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Introduction • Lloyd Heberlie @lheberlie github.com/lheberlie • Heather Gonzago @hgonzago github.com/hgonzago ArcGIS API for Flex - An Introduction

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

  4. Demo Live Sites Heather ArcGIS API for Flex - An Introduction

  5. Introduction Lloyd ArcGIS API for Flex - An Introduction

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

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

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

  9. 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

  10. Requirements • 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/flex • Readme • API Library (SWC) • Skins, locales • Recommendations • Adobe Flash Builder 4.7 (IDE) ArcGIS API for Flex - An Introduction

  11. Additional learning • 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 ArcGIS API for Flex - An Introduction

  12. Demo Help and resources Heather ArcGIS API for Flex - An Introduction

  13. Build a map Lloyd ArcGIS API for Flex - An Introduction

  14. Map basics • 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 ArcGIS API for Flex - An Introduction

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

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

  17. Layer basics • Full list @ Types of layer ArcGIS API for Flex - An Introduction

  18. Finding service URLs • Services directory • Provides endpoint URL for ArcGIS Server services • Resources and their supported operations ArcGIS API for Flex - An Introduction

  19. Finding web map IDs • ArcGIS Online details Item ID ArcGIS API for Flex - An Introduction

  20. Demo Build a map Heather ArcGIS API for Flex - An Introduction

  21. Display information Lloyd ArcGIS API for Flex - An Introduction

  22. Server versus Client-side rendering • 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 ArcGIS API for Flex - An Introduction

  23. 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

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

  25. Feature Layer • 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 ArcGIS API for Flex - An Introduction

  26. Demo Dynamic labeling Heather ArcGIS API for Flex - An Introduction

  27. Perform analysis Lloyd ArcGIS API for Flex - An Introduction

  28. Tasks overview • Perform specific types of analysis Task Results Task parameters ArcGIS API for Flex - An Introduction

  29. Tasks • 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 ArcGIS API for Flex - An Introduction

  30. Query task • 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 FeatureSet Results Query parameters ArcGIS API for Flex - An Introduction

  31. Geoprocessing tasks Model Builder • Custom analysis • Execute vs. SubmitJob • Tip: Parameters • Name, Type, Direction Flex Application Declare Geoprocessor Parameters Result Graphics Layer HSlider: Transit Stops dist_highways GPTask HSlider: Highways dist_transit

  32. Geometry service • 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 ArcGIS API for Flex - An Introduction

  33. Demo Query your data Heather ArcGIS API for Flex - An Introduction

  34. User interface components Lloyd ArcGIS API for Flex - An Introduction

  35. Editor component • Properties • FeatureLayer • Geometry service • Map • Leverages • TemplatePicker • DrawTool • EditTool • AttributeInspector • IdentityManager ArcGIS API for Flex - An Introduction

  36. Demo Access feature data from the cloud Heather ArcGIS API for Flex - An Introduction

  37. AttributeTable component • Interactive data table • FeatureLayer • Supports editing • Export to csv • Supports related records • Custom field editors ArcGIS API for Flex - An Introduction

  38. Demo Display tabular data Heather ArcGIS API for Flex - An Introduction

  39. Geocoder component • Extends TextInput component • autoComplete, autoNavigate* • ArcGIS online world locator or your own • Supports searching map services • Map ArcGIS API for Flex - An Introduction

  40. Demo Find places and addresses Heather ArcGIS API for Flex - An Introduction

  41. Directions component • Map • Symbols • Stops • Geocode options • Routing options • Route and navigation information ArcGIS API for Flex - An Introduction

  42. Demo Route and navigate Heather ArcGIS API for Flex - An Introduction

  43. Wrap up Lloyd ArcGIS API for Flex - An Introduction

  44. Deployment Cross-domain policies Web Server with application and ArcGIS Server ArcGIS Server with crossdomain.xml Web Server with application Map requests and responses Map requests and responses SWF SWF

  45. Road ahead • Geoenrichment • Offline / Sync • ArcGIS.com / Portal for ArcGIS • Tile resampling ArcGIS API for Flex - An Introduction

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

  47. Esri training for Web developers • http://www.esri.com/training • Instructor-Led Courses • Building Web Applications Using the ArcGIS API for Flex (3.x) • Migrating to ArcGIS 10.2 for Server • ArcGIS for Server: Sharing GIS Content on the Web (10.1) • 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 ArcGIS Viewer for Flex— An Introduction

  48. UC Agenda: Flex Technical Workshops • ArcGIS API for Flex – An Introduction • Tues. 7/9; 1:30-2:45 – Rm 15A • Wed. 7/10; 1:30-2:45 – Rm15B • 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 – Rm31C • ArcGIS API for Flex – Advanced Topics • Wed. 7/10; 3:15-4:30 – Rm. 15A • Thurs. 7/11; 8:30-9:45 – Rm. 15A ArcGIS Viewer for Flex— An Introduction

  49. Thank you… 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 ArcGIS API for Flex - An Introduction

  50. ArcGIS API for Flex - An Introduction

More Related