Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
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 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
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 for Flex – 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 for Silverlight 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