creating effective web maps seminar - igicigic.org/archives-training/pres/conf/2010/creating... ·...
TRANSCRIPT
![Page 1: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/1.jpg)
Best Practices For Creating EffectiveWeb Map Applications
Dan Haag, ESRI
![Page 2: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/2.jpg)
Growing ExpectationsNew era of web maps
• Consumer mapping sites have raised the bar
• “One-size fits all” web map will not work
![Page 3: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/3.jpg)
What makes a great web map?
• Fast
• Easy to use
• Modern looking
• Designed for the end user
• Targeted data layers
![Page 4: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/4.jpg)
DemoGreat web maps
![Page 5: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/5.jpg)
Web Maps 1.0 Common pitfalls
• Too many data layers
• Toggling every layer on/off
• Limited cartography
• No scale dependency
• Slow dynamic drawing
![Page 6: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/6.jpg)
Web Maps 2.0 Change your approach
• Only include layers that support the business need
• Logical grouping of layers
• Small number of layers to turn on and off
• Choose the best option for publishing the map–Cached tiles–Dynamic layers–Client-side graphics
![Page 7: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/7.jpg)
Organize data into logical groupings
Basemaps
Geographic frame of reference
Contain static vector and raster data
Reusable in multiple applications
![Page 8: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/8.jpg)
Organize data into logical groupings
Basemaps
Geographic frame of reference
Contain static vector and raster data
Reusable in multiple applications
Operational Layers
Show a focused item of interest
Support functionality of the application
Displayed on top of base map
![Page 9: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/9.jpg)
BasemapsProvide geographic reference
• Use your own resources– Your authoritative data
• Consider using ArcGIS Online
![Page 10: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/10.jpg)
Map Templates
• Designed to be attractive and functional
• Variety of templates– Street Map– Topographic Map–Hydrographic Map–Demographic Map–Geologic Map– Parcel Map– Soil Map
…coming soon to the Resource Center
![Page 11: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/11.jpg)
Benefits of a Map Cache
• Best performance
• Improved scalability
• More options for cartography
![Page 12: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/12.jpg)
Working with a Map CacheBest Practices
• Chose appropriate image output type• Raster cache use JPEG• Vector cache use PNG
• Match scale dependency levels with cache levels
• Same projection for all services• Coordinate if you plan to share cache or do mash-ups• Avoid projection on the fly
• Create a test cache using a small area
![Page 13: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/13.jpg)
Resources for Building a Map Cache
• Virtual Campus Seminar– Implementing and Optimizing ArcGIS Server Map Caches
• ArcGIS Documentation: Caching Services Topic
• ArcGIS Server Blog, Map Cache Tag http://blogs.esri.com/Dev/blogs/arcgisserver/
• Resource center Media Gallery–Advanced Map Caching Topics
• Instructor-Led Training Courses– Introduction to ArcGIS Server–ArcGIS Server: Web Administration Using the Microsoft .NET
Framework–Coming soon: Building Web Maps Using the ArcGIS API for JavaScript
![Page 14: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/14.jpg)
Operational LayersApplication focus
• Contain application specific content–Observations, sensor feeds, incidents–Query or computation results–Result layers derived from geoprocessing– Editing and data access layers
Inundation areas & affected buildingsIncidents, Customer Calls, Work Orders
![Page 15: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/15.jpg)
Operational layer displayChoose the best option
• Dynamic map layers–Real-time data– Frequently-changing data
• Cached map layers–High volumes of traffic–Do not change often
• Client-side graphics– Informational popups–Query or geoprocessing results
![Page 16: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/16.jpg)
DemoBasemaps and Operational Layers
![Page 17: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/17.jpg)
Optimized Map Services New at 9.3.1
• New high performance drawing engine–Completely re-designed– Focused on symbology and cartography
• Provides best performance for dynamic maps
• Build cache faster
• Creates a service definition file (MSD)
![Page 18: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/18.jpg)
Map Service Publishing ToolbarNew at 9.3.1
• Identify layers or issues that may degrade performance
• Available in ArcView, ArcEditor and ArcInfo
• Analyze and preview in ArcMap
![Page 19: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/19.jpg)
DemoMap Service Publishing Toolbar
![Page 20: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/20.jpg)
Performance TipsServices
• Caching always gives best performance
• Use optimized map services for operational layers
• Use standard map services for layers that cannot be optimized
![Page 21: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/21.jpg)
Performance TipsMap Documents
• Complex things don’t scale so keep map documents as simple as possible
• Use common projection for all data layers
• Remove unused layers
• Use scale dependencies
• Make direct calls to web services from client applications
![Page 22: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/22.jpg)
Performance TipsDatabase
• Optimize and tune your database
• Use Direct Connect to connect your map service to your database
• Store file-based data (i.e., file geodatabase) on the SOC server
• Use Spatial and Attribute indexes
![Page 23: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/23.jpg)
Publishing Optimized Map ServicesTwo options
Server Administrators • Publish directly from ArcMap
–Use Map Service Publishing Toolbar
–Requires administrative access to ArcGIS Server
Desktop Users• Save map service as an MSD• Administrator publishes map service
–Use ArcCatalog or ArcGIS Server Manager
![Page 24: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/24.jpg)
Managing Optimized Map ServicesBest Practices
• Store your MXD and MSD together–Do not delete the MXD
Need to make changes?•Layer properties•Layer cartography•Remove or add layer
Change the original MXD•Re-save the MSD •Re-start the service
Map
(.MSD)(.MXD)
Map Service Definition
![Page 25: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/25.jpg)
Building Web ApplicationsA systematic approach
• Map layers
• Tools and tasks
• Reporting
![Page 26: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/26.jpg)
Map Layers in Web Applications
• Use Basemap layers for geographic reference
• Operational layers are the focus of the application
• Follow best practices for authoring and publishing
![Page 27: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/27.jpg)
• Design tools for the end users
• Tools go with specific map layers, not entire application
• Functionality does not have to be a button on the toolbar
Tools and Tasks in Web Applications
![Page 28: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/28.jpg)
Reporting Information in Web Applications
• Target report to the to end user
• Choose best option–Map labels– Information popup–Results of geoprocessing task–Client-side charts
• Eliminate GIS terminology
![Page 29: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/29.jpg)
We Support Key Technologies for Web ApplicationsOpen platform for the web
![Page 30: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/30.jpg)
ArcGIS Web APIsJavaScript, Flex, Silverlight
• Embed maps and tasks into your web application• All provide common capabilities• Chose the environment that suits your business needs• Available at the ESRI Resource Center
![Page 31: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/31.jpg)
DEMO Sample Viewers
![Page 32: Creating Effective Web Maps Seminar - IGICigic.org/archives-training/pres/conf/2010/Creating... · •Web training –Authoring and Deploying Fast Web Maps –Implementing and Optimizing](https://reader035.vdocument.in/reader035/viewer/2022062414/5eddc739ad6a402d6668f7c6/html5/thumbnails/32.jpg)
Variety of Training ClassesExpand your knowledge
• Web training–Authoring and Deploying Fast Web Maps– Implementing and Optimizing ArcGIS Server Map Caches–Building Rich Internet Applications with ArcGIS API for Flex–Building Mashups using the ArcGIS JavaScript APIs
• Instructor-led training– Introduction to ArcGIS Server–ArcGIS Server: Web Administration Using the Microsoft .NET Framework–Building Web Maps Using the ArcGIS API for JavaScript
www.esri.com/training