Leveraging ArcGIS Web Apps - Esri · •Hosted apps maintained by Esri in the cloud • Fastest and...
Transcript of Leveraging ArcGIS Web Apps - Esri · •Hosted apps maintained by Esri in the cloud • Fastest and...
Leveraging ArcGIS Web Apps
Bern Szukalski@bernszukalski
Derek Law@GIS_Bandit
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
Derek Law@GIS_Bandit