leveraging arcgis web apps - esri · •hosted apps maintained by esri in the cloud • fastest and...

Leveraging ArcGIS Web Apps

Bern Szukalski@bernszukalski

bszukalski@esri.com

Ian Wittenmyeriwittenmyer@esri.com

Derek Law@GIS_Bandit

dlaw@esri.com

What are ready to configure apps?

• Hosted apps maintained by Esri in the cloud• Fastest and easiest way to go from a map to a shareable app• Designed for you to configure, assemble, build – no programming required

What are ready to configure apps?

• Hosted apps maintained by Esri in the cloud• Fastest and easiest way to go from a map to a shareable app• Designed for you to configure, assemble, build – no programming required• Source code is available (not for Operations Dashboard)

Web maps are the building blocks of web GIS

Map Viewer (for authoring)

ArcGIS Desktop

Configurable apps

Story Maps

Apps for field

Devices

A great app starts with a great map

• Cartography (smart mapping)• Transparency, scale ranges, bookmarks• Pop-ups• Performance

Apps complete the user experience

Apps complete the user experience

Apps complete the user experience

• Present map information and tools in meaningful ways• Configured to reach target audience• Support workflows and workforce tasks

Map App template Configured application

Where to find configurable apps and builders

• Create a New Web App gallery• StoryMaps website• Solutions

- https://solutions.arcgis.com

CREATE A WEB APP

Delete protection

• Ensures maps, apps and related items don’t vanish• Item Setting tab

DEMONSTRATION

Bern

Ian

Configurable apps in more detail

What do you want to do?

What do you want to do?

What do you want to do?

• Build a story map• Collect/edit data• Compare maps/layers• Explore/summarize data• Map social media• Provide local information• Route/get directions• Showcase a map

Some apps and tools have map requirements

• Bookmarks• Filter• Editable feature layer• Attributes• Others…

DEMONSTRATION

Ian

Bern

Esri Story Maps and ArcGIS StoryMaps

Esri Story Maps and ArcGIS StoryMaps

• Esri Story Maps (classic)- Multiple builders to choose from

• ArcGIS StoryMaps (new)- The next generation Esri Story Maps- Single builder experience

Esri Story Maps

Storymaps.arcgis.com

Story Maps have multiple layouts

• Story Map Series

Bulleted

Tabbed

Side Accordion

Two workflows

1. Start with a web map2. Start at the Story Maps website

CREATE A WEB APP

Two workflows

1. Start with a web map2. Start at the Story Maps website

Recommended workflow

My Stories

• Tools to validate maps and media, manage, update, and share your stories

ArcGIS StoryMaps (New)

• One builder• Theme-based• Express maps

(simple mapmaking)• New publishing workflow• New StoryMap item in Contents

https://storymaps.arcgis.com

Maps for your StoryMap

Express map, or use any ArcGIS Online map

Content blocks

DEMONSTRATION

Bern

Ian

Web AppBuilder

Web AppBuilder for ArcGIS

• Assemble an application using a theme, layout, & configurable widgets• Interactive WYSIWYG experience• Supports 2D and 3D data• Integrated with ArcGIS Online and

ArcGIS Enterprise

• Developer Edition available- For extensibility

Widgets

DEMONSTRATION

Ian

Derek

Operations Dashboard

Operations Dashboard for ArcGIS

• Monitor assets, events, or activities for ‘at-a-glance’ decision making- Provides key insights to your data on a single screen - Includes many data visualization elements

• Web browser-based app- Works on desktops, tablets, and smart phones

• Integrated with ArcGIS Online and ArcGIS Enterprise (10.6 and later)

DEMONSTRATION

Derek

Bern, Ian

Doing more with configurable apps

Embed a web map

• Choose map options• HTML is automatically generated• Based on Minimalist

Embed an apps

• Minimize the UI• Allow room for the app to “breathe”

Embed apps

• Use iframe and protocol relative URL - (src="//myorg…" vs. src= "http://myorg... " )

• Minimize app UI for embedding

<iframe width=100% height="600" frameborder="1" scrolling="no"

marginheight="0" marginwidth="0"

src="//myorg.maps.arcgis.com/apps/View/index.html?

webmap=8a896ce35a3c454f959c102a4f7b72e8"></iframe>

App URL

Embed stories in websites and other apps

• Use &embed at the end of the URL for classic Story Maps• New StoryMaps will automatically minimize the UI

&embed

Embed apps in stories

Time Aware app inStory Map Journal

Embed apps in stories

Embedded Minimalistconfigurable app

Embed stories in stories

Story Map SeriesIn Story Map Journal

Configurable app source code

• Available on GitHub• Must self-host

Map ID

• Each map has a unique identifier

Use ID in source code

Story Map source code

• Available on GitHub• Links found in the Story Map overview on the story maps website

DEMONSTRATION

Ian, Bern

Please Share Your Feedback in the App

Download the EsriEvents app and find

your event

Select the session you attended

Scroll down to “Survey”

Log in to access the survey

Complete the survey and select “Submit”

Thank You!

Bern Szukalski@bernszukalski

bszukalski@esri.com

Ian Wittenmyeriwittenmyer@esri.com

Derek Law@GIS_Bandit

dlaw@esri.com