Building Web Apps for Your Business
Derek Law - Esri
Esri Petroleum Conference 2017
@GIS_Bandit
Agenda
• Overview
• Creating Web Apps – No Coding
1. Configurable Application Templates
2. Story Map Apps
3. Web AppBuilder for ArcGIS
• Summary
Overview
• Apps → Key “products” that many end-users interact with
- Value proposition of your GIS solution:
- Help support your business workflows
- Save time, save money, and improve efficiency
• Consider: Which aspects of the business can apps add value to the organization?
• AppBuilders → Makes it easy to quickly create and deploy new apps
- Empowers non-developers to share their data and work
A
ArcGIS Platform and Web GIS
• Deployment options
1. ArcGIS Online
- In the Cloud
2. ArcGIS Enterprise
- In your own infrastructure
- Or combination of both
Desktop Web Device
Server Online Content
and Services
portal
Web Map
A
• Enables “intelligent maps” → A web map stores references to
- Web services and data
- Display and behavior settings
• Supports: smart mapping, pop-ups, web editing, and analysis
• Foundation for your maps and apps
• Create in the portal Map Viewer or ArcGIS Pro
• Can be leveraged by all other Esri client Apps
• Web Scene → 3D content
What is a Web Map?
Desktop Web Device
portal
A
Configurable Web Apps and AppBuilders
Complexity and functionality
ConfigurableApplication Templates
Web AppBuilderfor ArcGIS
A
sub-group
Story Map Apps
Configurable Application Templates
• Collection of well defined, workflow driven templates
• Designed to support many common use cases; 32 different templates
• Included within the web site interface of ArcGIS Online
and/or Portal for ArcGIS
• Access from
- the Map Viewer
- on the My Content page
Configurable Application Templates – Categories
• Collect/Edit Data
• Compare Maps/Layers
• Display a Scene (3D)
• Explore/Summarize Data
• Make a Gallery
• Map Social Media
• Provide Local Information
• Route/Get Directions
• Showcase a Map
Configurable Application Template
Basic Viewer
Demo
3D Configurable App Templates
• New support for 3D content and visualizations, use Web Scenes
• 3 new templates:
Simple Scene Viewer Comparison Scenes 3D Data Visualization
Story Map Apps
• A subset of the Configurable Application Templates
• Focused apps that enable customers to communicate their work
Story Maps are simple
web apps that combine
interactive maps,
Story Maps are simple
web apps that combine
interactive maps,
multimedia content,
Story Maps are simple
web apps that combine
interactive maps,
multimedia content,
and user experiences
Story Maps are simple
web apps that combine
interactive maps,
multimedia content, and
user experiences to tell
stories about your business.
Story Map Apps
• Can be used to …
- Tell a narrative story with images, video, and 2D/3D maps
- Showcase a set of places like parks, infrastructure, real estate, …
- Create a presentation or briefing
- Bind together a set of maps and apps for reference
- 5 types + 3 in beta
Story Map Journal Story Map Series Story Map
Swipe/Spyglass
Story Map Tour Story Map Basic
Story Map Apps
Demo
Story Map Apps for Your Business
• The Story Map Journal and Story Map Series apps are particularly useful
- Embed other enterprise content into these stories: videos, PDFs, web pages, web apps, …
- Bind together maps and apps for reports, dashboards, presentations, and briefings
- Story Map Journal supports printing and PDF export
“My Stories” App
• A dashboard and management tool for Story Map authors
• Helps you choose the right type of Story Map to use
• Checks your Story Map Apps for issues and helps fix them
Web AppBuilder for ArcGIS
• Functionality within ArcGIS Online and Portal for ArcGIS
- ArcGIS Online since Dec 2014
- Portal for ArcGIS in 10.3 and later
• Enables new apps to be created without coding
- Interactive WYSIWYG user experience
- Supports 2D and 3D apps
- 2D apps runs on any device, in a web browser
• Built with ArcGIS API for JavaScript and HTML 5 technology
• Extensible
Web AppBuilder for ArcGIS
• Create new web apps without programming 50+ widgets
2 Options to Work with Web AppBuilder
1. Within ArcGIS Online or Portal for ArcGIS
- Embedded in the web site
- Activate from the map viewer or My Contents
2. Developer Edition
- Separate download and installed locally
- Sign into ArcGIS Online or Portal for ArcGIS
- Support for custom widgets and themes
• Both offer the same “builder” user experience, same capabilities
Available Widgets for 2D Web Apps
• Widget: a chunk of code that can be added in a modular fashion; provides functionality
• 40+ available; enable core web mapping application capabilities
Web AppBuilder for ArcGIS
Demo
Run 2D Apps on Any Device
Available Widgets for 3D Web Apps
• 3D enabled widgets
• Some widgets rebuilt to
work with 3D content
Summary
• Overview
• Creating Web Apps – No Coding
1. Configurable Application Templates
2. Story Map Apps
3. Web AppBuilder for ArcGIS
ConfigurableApplication Templates Web AppBuilder
for ArcGIS
sub-group
Story Map Apps
Select the session
you attended
Scroll down to
find the survey
Complete Answers
and Select “Submit”
Download the Esri Events
app and find your event
Please Take Our Survey on the Esri Events App!