arcgis online: best practices for high-demand web applications › library › userconf › fed19...

76
ArcGIS Online: Best Practices for High-Demand Web Applications Bonnie Stayer, Esri

Upload: others

Post on 05-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

ArcGIS Online: Best Practices for High-Demand Web ApplicationsBonnie Stayer, Esri

Page 3: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 4: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 5: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Audience Considerations

Page 6: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Who is the audience?

• A few select viewers• GIS analysts• The entire world• Local citizens• Emergency responders• Your mom

Page 7: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

What is the intended experience?

• What is being communicated?• What data and visualization are important?• Do they need to have a login?• What is the desired user interaction

- Pop-ups- Routing- Compare data - Change basemaps- Explore data

?

Page 8: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

What is the performance expectation?

• How long should it take for a layer to load?- Immediate- 3 seconds- 10 seconds

• How long should a user wait for results?- Immediate- 10 seconds- It depends

• Does the user need to navigate to a new application, or is it embedded in familiar media like a website?

Page 9: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Functionality

UsabilityPerformance

Page 10: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Assumptions for High-Demand (Viral) Apps

• Audience- The entire world

• Performance- App loads quickly (no more than 3 seconds)- All components need to withstand up to 1000 req/s

• Functionality- User can figure out tools without instructions- No more than 3 clicks to complete interaction

Page 11: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Layer Types

Page 12: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Tile Layers

• Tile Layers (Raster)- Great performance, especially for complex geometry- Always optimal if data isn’t changing frequently- Can generate tiles automatically when data is updated or a new

area is requested- Can support pop-ups from source feature data

• Tile Layers (Vector)- Support custom styling- Support client-side reprojection - Better for high-resolution devices

Page 13: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Hosted Tile Layers – Best Practices

• Set desired symbology before publishing tiles• Publish from a hosted feature layer

- Pop-ups will be automatically enabled

• Build only the scales that you need• Choose to create tiles automatically

- Enables caching on demand- Ensures that updates to the source data get re-tiled

Page 14: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Demo: Hosted Tile Layers

Page 15: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 16: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 17: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 18: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 19: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 20: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 21: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 22: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 23: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 24: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 25: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 26: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 27: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 28: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 29: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 30: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 31: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 32: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 33: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Feature Layers• Feature layers (Hosted)

- Hosted in the ArcGIS Online Cloud- Supports editing, visualization, and analysis- Support feature layers views - Can be source data for hosted tile layers

• Feature layers - Hosted on an ArcGIS Enterprise GIS Server- Can support editing, visualization, and analysis

• Feature collections (Map Notes)- Can be used for small datasets where features can be stored as text

(< 1,000 features)- Easy to create for simple mapping

Page 34: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Feature Layers – Best Practices

• Data:- Minimum length for text fields- Integers instead of floats- Remove unnecessary fields- Resolution and tolerance- Remove unneeded data (filter)- For polylines and polygons, generalize data if appropriate- For polylines and polygons, Check Geometry- Match coordinate system to basemap

Page 35: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Feature Layers – Best Practices

• Layer- Publish public layers to ArcGIS Online - If possible, ensure that editing is disabled on the layer- Increase cache control wait time- If data is changing, rebuild the spatial index- For complex line and polygon data used at medium/small scales,

optimize layer drawing

Page 36: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Feature Layers – Best Practices

• Web Map- No web map filters (use a View instead)- Use visibility ranges- Consider aggregating or clustering- Set appropriate refresh interval for changing data

Page 37: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Response Caching

Page 38: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

ArcGIS Online Scalability: Tile queries and response caching

• Queries to large datasets are sent as tiled requests whose responses can be cached

• Response caching levels:- Browser cache (client-side)- Content Delivery Network cache- Feature tile cache (server-side)

Query is made to feature layer

Does the browser cache have the latest data?

Does the CDN cache have the latest data?

Does the feature tile cache have the latest data?

Execute a new query to the database

Page 39: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Demo: Response Caching

Page 40: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Cache Control

• Details page Settings tab

Page 41: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Feature Layer Views

Page 42: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Feature Layer Views

• Different endpoints with different configurations of the same data • Configuration options:

- Filter data by attribute or extent- Styling- Edit settings- Share settings

Page 43: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Editing Data for Public Layers – Scenario #1

- Update Public Layers- Private Editable Layer- Public Display Layer- Any edits invalidate response

cache

Hosted Feature Layer

EditablePrivate

Display Public

Feature Layer Views

Page 44: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Editing Data for Public Layers – Scenario #2

- Crowdsourcing/Citizen Science- Set editing capabilities (add only)- Have a curation process- Hide identifying information in public

view

Snapping Turtle Hosted Feature Layer

EditablePublic

Editable Private

Display Public

Feature Layer Views

Page 45: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Demo: Hosted Feature Layer Views

Page 46: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 47: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 48: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 49: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 50: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 51: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 52: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 53: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 54: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 55: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 56: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 57: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 58: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 59: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 60: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 61: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 62: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 63: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 64: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 65: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 66: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 67: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 68: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 69: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 70: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 71: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019
Page 72: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Summary

• Think about your map’s audience and purpose

• Choose the right layer types

• Optimize feature layers for response caching and editing workflows

Page 73: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Resources

• Relevant Blogs:- https://www.esri.com/arcgis-blog/products/apps/sharing-collaboration/best-practices-for-

high-demand-viral-apps- https://www.esri.com/arcgis-blog/products/data-management/data-management/scalable-

hosted-feature-layers-in-arcgis-online-tile-queries-and-response-caching/- https://www.esri.com/arcgis-blog/products/arcgis-online/data-management/strategies-to-

effectively-display-large-amounts-of-data-in-web-apps- https://www.esri.com/arcgis-blog/products/arcgis-online/sharing-collaboration/best-

practices-for-using-tile-layers-as-operational-layers/- https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/flooded-by-features-use-

this-recipe-for-building-complex-hosted-feature-services/

• Documentation on managing hosted feature layers:- https://doc.arcgis.com/en/arcgis-online/manage-data/manage-hosted-feature-layers.htm

Page 74: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Print Your Certificate of AttendancePrint Stations Located at L Street Bridge

Tuesday Wednesday12:30 pm – 6:30 pm GIS Solutions Expo Hall D

5:15 pm – 6:30 pm GIS Solutions Expo SocialHall D

10:45 am – 5:15 pm GIS Solutions Expo Hall D

6:30 pm – 9:00 pm Networking ReceptionNational Building Museum

Page 75: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019

Please Take Our Survey on the AppDownload the Esri Events app and find your event

Select the session you attended

Scroll down to find the feedback section

Complete answersand select “Submit”

Page 76: ArcGIS Online: Best Practices for High-Demand Web Applications › library › userconf › fed19 › ... · 2019-04-22 · 2019 Esri Federal GIS Conference – Presentation, 2019