1. Esri UC2013. Technical Workshop. Technical Workshop 2013 Esri International User Conference July 8–12, 2013 | San Diego, California ArcGIS Viewer for Flex— An Introduction Bjorn Svensson and Heather Gonzago @Bjorn_Svensson @hgonzago

2. Esri UC2013. Technical Workshop. Public sites built with the Viewer ArcGIS Viewer for Flex— An Introduction

3. Esri UC2013. Technical Workshop. Agenda Viewer as part of ArcGIS platform What’s new Getting started Adding content Adding functionality ArcGIS Viewer for Flex— An Introduction

4. Esri UC2013. Technical Workshop. Bjorn Flex Viewer and ArcGIS platform ArcGIS Viewer for Flex— An Introduction

5. Esri UC2013. Technical Workshop.ArcGIS Viewer for Flex— An Introduction ArcGIS Viewer for Flex ArcGIS API for FlexArcGIS Online / Portal / OrgsArcGIS Server

6. Esri UC2013. Technical Workshop. ArcGIS Online ArcGIS Viewer for Flex— An Introduction www Embedded maps PhonesTabletsBrowsers ArcGIS Online UsersGroups MapsSpreadsheets API ArcGIS Web services ArcGIS Server/Desktop

7. Esri UC2013. Technical Workshop. Web maps Desktops Tablets Smartphones Websites Browsers Social Media Integrating Services Web Map Supporting Visualization, Query, Editing, and Analysis ArcGIS Viewer for Flex— An Introduction

8. Esri UC2013. Technical Workshop. Which version? What is your role? ArcGIS Viewer for Flex— An Introduction Compiled Viewer Application Builder Source Code Web Application GitHub

9. Esri UC2013. Technical Workshop. Application Builder Adobe AIR 3.5 or higher Flash Player 11.1 or higher Web server Read/write access to folder containing Viewer applications Flex Viewer 3.4 requirements Configure Build Build and configure ArcGIS Viewer for Flex— An Introduction

10. Esri UC2013. Technical Workshop. Flex Viewer 3.4 development requirements Adobe Flex 4.6 SDK or higher or Apache Flex 4.8 SDK or higher Flash Player 11.1 or higher Debugger version A method to compile e.g. Flash Builder 4.6 or higher ArcGIS API for Flex ArcGIS Viewer for Flex, GitHub Develop ArcGIS Viewer for Flex— An Introduction Develop

11. Esri UC2013. Technical Workshop. Esri: ArcGIS for Flex API and Viewer Well established Active user community Consistent release schedule ArcGIS Viewer for Flex - Advanced Topics 3.1 Dec 2012 3.2 March 2013 3.3 April 2013 3.4 July 2013

12. Esri UC2013. Technical Workshop. What’s new since last year? ArcGIS Viewer for Flex— An Introduction Bjorn

13. Esri UC2013. Technical Workshop. 3.1 improvements (December ‘12) Attribute Table widget Search in Header Related records New web formats (CSV, GeoRSS) Draggable popup windows Attribution (automatic map copyrights) ArcGIS Viewer for Flex— An Introduction Rotation (via config) Improved GP Updated WMTS Metric only scalebar RTL/localization improvements

14. Esri UC2013. Technical Workshop. 3.2 improvements (March ’13) Directions widget 6 new locales - Danish, Estonian, Hebrew, Latvian, Lithuanian, and Portuguese (Portugal) Layer list and TOC includes swatches Application Builder - WMS, WMTS, and Web tiled layers - Right-to-left (RTL) ArcGIS Viewer for Flex— An Introduction

15. Esri UC2013. Technical Workshop. 3.3 improvements (April ‘13) Portal updates Many bug fixes and enhancements - E.g. allow map service without matching feature service to be used in Attribute Table widget GitHub issues and the Viewer discussion forum are excellent resources when submitting ideas and suggestions ArcGIS Viewer for Flex— An Introduction

16. Esri UC2013. Technical Workshop. 3.4 improvements ArcGIS 10.2 - Portal for ArcGIS Data validation Support for setting date format and useutc on date fields (Attribute Table and Edit widgets) Search extent can be specified by configuration (Directions, Locator, Header Search) Image service and WMS legend support Application Builder source code is available on GitHub ArcGIS Viewer for Flex— An Introduction

17. Esri UC2013. Technical Workshop. Getting started and resources ArcGIS Viewer for Flex— An Introduction Heather

18. Esri UC2013. Technical Workshop. Getting started with Application Builder Download Download ArcGIS Viewer for Flex Accept license Install application ArcGIS Viewer for Flex— An Introduction

19. Esri UC2013. Technical Workshop. Upgrading is easy ArcGIS Viewer for Flex— An Introduction

20. Esri UC2013. Technical Workshop. Heather Getting started and resources Demo ArcGIS Viewer for Flex— An Introduction

21. Esri UC2013. Technical Workshop. Adding content ArcGIS Viewer for Flex— An Introduction Heather

22. Esri UC2013. Technical Workshop. Two ways to access content 1. Web maps - ArcGIS Online - ArcGIS Online for Organizations - Portal for ArcGIS 2. Basemaps and operational layers - ArcGIS Online - Hosted services or ArcGIS Server services - From the web, e.g. KML, CSV, WMS, etc. ArcGIS Viewer for Flex— An Introduction

23. Esri UC2013. Technical Workshop. Adding web maps Works with Portal URL settings - ArcGIS Online - ArcGIS Online for organizations - Portal for ArcGIS Sign-in to access content Access secure web maps ArcGIS Viewer for Flex— An Introduction

24. Esri UC2013. Technical Workshop. Adding web maps ArcGIS Viewer for Flex— An Introduction Featured maps Publicly accessible Search tags Browse your web map content

25. Esri UC2013. Technical Workshop. Basemap gallery ArcGIS Viewer for Flex— An Introduction Access in apps created using both web maps and operational layers

26. Esri UC2013. Technical Workshop.ArcGIS Viewer for Flex— An Introduction Basemaps and operational layers Hosted services

27. Esri UC2013. Technical Workshop.ArcGIS Viewer for Flex— An Introduction Basemaps and operational layers ArcGIS Server services Access to secured services

28. Esri UC2013. Technical Workshop.ArcGIS Viewer for Flex— An Introduction Basemaps and operational layers From the web

29. Esri UC2013. Technical Workshop. Heather Adding content Demo ArcGIS Viewer for Flex— An Introduction

30. Esri UC2013. Technical Workshop. Adding functionality ArcGIS Viewer for Flex— An Introduction Heather

31. Esri UC2013. Technical Workshop. Pop-ups made easier ArcGIS Viewer for Flex— An Introduction

32. Esri UC2013. Technical Workshop. Web map pop-ups carry over ArcGIS Viewer for Flex— An Introduction

33. Esri UC2013. Technical Workshop. Widgets ArcGIS Viewer for Flex— An Introduction Functionality defined via widgets Many core widgets included Configurable Build focused web maps with select group of widgets Add only if needed

34. Esri UC2013. Technical Workshop. Layout widgets Customize the layout settings Widgets introduced this past year ArcGIS Viewer for Flex— An Introduction

35. Esri UC2013. Technical Workshop. Attribute widget ArcGIS Viewer for Flex— An Introduction Provides tabular view of feature layer’s attributes If feature layer is editable, can edit in table Dynamic map service or feature service Works with relates Configurable

36. Esri UC2013. Technical Workshop. Heather Adding functionality- Attributes Demo ArcGIS Viewer for Flex— An Introduction

37. Esri UC2013. Technical Workshop. Search in header ArcGIS Viewer for Flex— An Introduction Basic search functionality Configurable Can search based on geocode locator or map service layers

38. Esri UC2013. Technical Workshop. Heather Adding functionality- Search Demo ArcGIS Viewer for Flex— An Introduction

39. Esri UC2013. Technical Workshop. Directions widget ArcGIS Viewer for Flex— An Introduction Directions between 2+ locations Route and search configurable

40. Esri UC2013. Technical Workshop. Bjorn Adding functionality- Directions Demo ArcGIS Viewer for Flex— An Introduction

41. Esri UC2013. Technical Workshop. Additional configuration editing Additional functionality not provided directly in Application Builder Edit configuration tags directly (XML) Some examples - Search extent - Map rotation - Directions ArcGIS Viewer for Flex— An Introduction

42. Esri UC2013. Technical Workshop. Importing a custom widget into Application Builder Easy dialog allows importing custom widgets Advanced Settings Add packaged widget (ZIP) ArcGIS Viewer for Flex— An Introduction

43. Esri UC2013. Technical Workshop. Heather Adding functionality – 3 rd party widgets Demo ArcGIS Viewer for Flex— An Introduction

44. Esri UC2013. Technical Workshop. The finished application ArcGIS Viewer for Flex— An Introduction Bjorn

45. Esri UC2013. Technical Workshop. Deploymentscenarios Copy the entire web application’s folder to hosting web server Export option in Application Builder provides copy functionality also Access application from client browser ArcGIS Viewer for Flex— An Introduction HTTP

46. Esri UC2013. Technical Workshop. Wrap it up ArcGIS Viewer for Flex— An Introduction Bjorn

47. Esri UC2013. Technical Workshop. Takeaway points Quickly able to create and deploy custom web mapping applications No programming experience required Easily configurable using either Application Builder, compiled, or source code Works with a wide array of layer types Vast amount of already-provided functionality ArcGIS Viewer for Flex— An Introduction

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

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

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

51. Esri UC2013. Technical Workshop. QUESTIONS??? ArcGIS Viewer for Flex— An Introduction

52. Esri UC2013. Technical Workshop. Please fill out the session evaluation First Offering ID: 1238 Second Offering ID: 1346 Online – www.esri.com/ucsessionsurveys Paper – pick up and put in drop box Thank you… ArcGIS Viewer for Flex— An Introduction

53. Esri UC2013. Technical Workshop.ArcGIS Viewer for Flex— An Introduction