Creating Web Applications with ArcGIS

Creating Web Applications with ArcGIS

• 1.
  11/8/2011 Agenda • Web applications Concepts • ArcGIS Viewer for Flex Creating Web Applications • ArcGIS Viewer for Microsoft Silverlight with ArcGIS • ArcGIS.com and Explorer Online Viewers 2011 European User Conference, October 27th, 2011 • Questions and Answers Andrés Muñoz ArcGIS 10 — A Complete System Review: Data Content in a Web Map Common design pattern Easier Operational More Powerful • Base Maps layers and 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.
  11/8/2011 Review: ArcGIS Server– Web protocols Review: ArcGIS Server – Web protocols Support 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 OGC Review: ArcGIS Server – Services Directory View of ArcGIS Server REST endpoint • ArcGIS Services Directory exposes REST API Demo - http://www.yourserver.com/ArcGIS/rest ArcGIS Server Services Directory – Rest Point REST A 2
• 3.
  11/8/2011 The ArcGIS Viewers ArcGIS Viewer for Flex ArcGIS Viewer for Flex ArcGIS Viewer for Silverlight • ArcGIS.com Viewer • Explorer Online ArcGIS 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 - http://links.esri.com/flexviewer A 3
• 4.
  11/8/2011 ArcGIS Viewer for Flex – User Interface ArcGIS Viewer for Flex – User Interface Title Widget tray Subtitle “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.
  11/8/2011 Working with theArcGIS 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 A Core UI widgets Core UI widgets • Header controller • Coordinates • Map switcher • Legend • Navigation • Pop Up windows • Overview map • Splash screen A A 5
• 6.
  11/8/2011 ArcGIS Viewer forFlex – Resource Center http://links.esri.com/flexviewer • 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 Flex Download 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.
  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.
  11/8/2011 Widget 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.
  11/8/2011 ArcGIS Viewer forSilverlight Esri Beta Community site http://betacommunity.esri.com • Download package, documentation, user forums A Easy installation and setup Demo Installation and set-up 1 2 3 A 9
• 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 ArcGIS.com) - ArcGIS.com 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 Map display Getting started help panel (interactive) TOC A 10
• 11.
  11/8/2011 Application 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.
  11/8/2011 Tools functionality list • Interactive feature selection options Demo • Feature editing and attachments Define functionality in application • Geoprocessing • Print • Filter layers • View service properties Layout tab • Specify the “look and feel” of the Web application Demo Define look and feel, deploy site 12
• 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 apps 1 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