Creating Web Applications with ArcGIS


Published on

Presentation on Esri European User Conference 2011 by Andrés Muñoz

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Creating Web Applications with ArcGIS

  1. 1. 11/8/2011 Agenda • Web applications Concepts • ArcGIS Viewer for Flex Creating Web Applications • ArcGIS Viewer for Microsoft Silverlight with ArcGIS • and Explorer Online Viewers 2011 European User Conference, October 27th, 2011 • Questions and Answers Andrés MuñozArcGIS 10 — A Complete System Review: Data Content in a Web Map Common design patternEasier OperationalMore Powerful • Base Maps layersand Everywhere Geographic frame of reference Cloud - + - Contain static data Web • Discover • Create • Manage Enterprise Base Maps • Visualize • Operational layers • Analyze Mobile - Information overlays that end uses interact with • Collaborate - Contain dynamic data Local Desktop • Operational layers display on top of Base Maps A A 1
  2. 2. 11/8/2011Review: ArcGIS Server – Web protocols Review: ArcGIS Server – Web protocolsSupport industry standards Support industry standards • Its GIS services can be accessed via • Its GIS services can be accessed via - Representational State Transfer (REST) - Representational State Transfer (REST) - Simple Object Access Protocol (SOAP) - Simple Object Access Protocol (SOAP) - Keyhole Markup Language (KML) - Keyhole Markup Language (KML) - Open Geospatial Consortium (OGC) - Open Geospatial Consortium (OGC) REST REST SOAP SOAP Internet Internet KML KML OGC OGCReview: ArcGIS Server – Services DirectoryView of ArcGIS Server REST endpoint • ArcGIS Services Directory exposes REST API Demo - ArcGIS Server Services Directory – Rest Point REST A 2
  3. 3. 11/8/2011The ArcGIS Viewers ArcGIS Viewer for Flex ArcGIS Viewer for Flex ArcGIS Viewer for Silverlight • Viewer • Explorer OnlineArcGIS Viewer for Flex ArcGIS Viewer for Flex • ArcGIS Viewer for Flex (released Sept 20, 2010) • Configurable ready-to-deploy Web client - Formal product release of the Sample Flex Viewer - Built with the ArcGIS API for Flex - Approx. 17,000 downloads • Easily and quickly build GIS Web mapping applications - ArcGIS Online group - ArcGIS Viewer for Flex Live Sites • No programming required, designed with the “non-developer” in mind • Supported by ESRI Technical Support • Resource Center - A 3
  4. 4. 11/8/2011 ArcGIS Viewer for Flex – User Interface ArcGIS Viewer for Flex – User InterfaceTitle Widget traySubtitle “Open” widget (from Widget tray)Logo Map Switcher widget Navigation widget Overview Map widget Scalebar Advantages of the ArcGIS Viewer for Flex Demo 1 • Configurable ready-to-deploy ArcGIS Server Web client Introducing the ArcGIS Viewer for Flex - No programming required • Extensible functionality via widgets • Starting template to create custom Web mapping applications - No need to re-architect underlying framework • Viewer application framework can be extended with ArcGIS API for Flex development - Source code provided 4
  5. 5. 11/8/2011Working with the ArcGIS Viewer for Flex Core functional widgets Bookmark Locate • Configurable XML files enable changes to: - Appearance Data Extract Print - Functionality (via widgets) - Data content Draw Query • Widgets → modular functionality Edit Search - Consist of: - XML configuration file GeoRSS Time slider - Compiled Flash (.swf) file Layer list ACore UI widgets Core UI widgets • Header controller • Coordinates • Map switcher • Legend • Navigation • Pop Up windows • Overview map • Splash screen A A 5
  6. 6. 11/8/2011ArcGIS Viewer for Flex – Resource Center • Download the application Demo 2 • Help documentation, widget and configuration samples, Explore Viewer functionality and support forum (tour of different widgets)Viewer installation structure Configure the ArcGIS Viewer for FlexDownload package contents Contains Viewer resources • Customize by editing the application configuration file Contains Pop up window configurations Contains widgets Viewer configuration files General properties UI elements Localization support files Map properties Spatial extent Data content Each widget has: Edit config.xml file • XML configuration file • Compile Flash (.swf) file • Appearance • Functionality Widget container Widgets • Data content A A 6
  7. 7. 11/8/2011 Enable custom data• ArcGIS Services Directory Demo 3 - View of REST endpoint Configure the Viewer - Information about Web services - http://localhost/ArcGIS/rest• Edit Viewer configuration file - Add as base map or operational layer REST - Use <layer> tag - Reference URL address - Ensure consistent projection A Demo 3 summary Add new widgets Configuring the Viewer Widgets power the Viewer • Changed title, logo, style colors • Widgets are added in 2 different locations in the • Defined new spatial extent for map display Viewer configuration file (config.xml) 1. As a stand-alone widget • Switched basemap 2. In a widget container • Added operational layer • Use <widget> tag General properties UI elements Map properties Spatial extent Data content Widget container Widgets A 7
  8. 8. 11/8/2011Widget code gallery – Resource Center Configure Viewer application widgets • Contributed by Esri staff and user community • Customize each widget by editing its configuration file Example: Edit BookmarkWidget.xml file (Properties of the widget) A ArcGIS Viewer for Microsoft Silverlight Currently Beta 2 release Demo 4 • Configurable ready-to-deploy Web client Adding widgets to the Viewer - Built with ArcGIS API for Silverlight • Easily and quickly create and implement GIS Web mapping applications • Complete set of core GIS tools and functionality • No programming or editing configuration files - Ideal for novice Web application creators A 8
  9. 9. 11/8/2011ArcGIS Viewer for Silverlight Esri Beta Community site • Download package, documentation, user forums AEasy installation and setup Demo Installation and set-up1 2 3 A 9
  10. 10. 11/8/2011 Viewer installation files Working with Application Builder Located in IIS Web resources directory • 2 folders created • Create new Web mapping application based on: - Builder → contains software 1. New map (from scratch) - Apps → contains deployed Web applications 2. Existing Web Map (from - login supported Contains configs for “add-ins”, base maps, and list of deployed • Configure sites - Data content Contains images used by Builder - Functionality Contains default Viewer - Look and feel A A Application Builder User Interface Application Builder contains Web App WYSIWYG user experience About Settings Toggle Ribbon controls Web Application preview Home Deploy Application main toolbar layer management Mapdisplay Getting started help panel (interactive) TOC A 10
  11. 11. 11/8/2011Application Builder workflow Map tab • Interactively create Web apps → WYSIWYG experience • Specify the data content in the Web application - Map content - Tools - Look and feel • Deploy configured Viewer applications A Tools tab Demo • Specify the functionality of the application Add and configure map content 11
  12. 12. 11/8/2011Tools functionality list • Interactive feature selection options Demo • Feature editing and attachments Define functionality in application • Geoprocessing • Print • Filter layers • View service propertiesLayout tab • Specify the “look and feel” of the Web application Demo Define look and feel, deploy site 12
  13. 13. 11/8/2011 Application Builder workflow review Application Builder supports dynamic workflows • Deployed Web applications can be easily modified • All properties can be changed Non-linear • Save As and copy site functionality workflow List of deployed Web apps1 New map or Web Map Deploy 3 Application 2 Configure: •Data content •Functionality •Look & feel Edit button A A Wrap-Up Questions & Answers Preguntas & Respuestas 13