1. Getting the most out of ArcGIS Web Application Templates
Bern Szukalski
@bernszukalski
Ian Wittenmyer
@ianwittenmyer

2. Introducing Web Apps
Bern

3. Your ArcGIS organization
Portal
Your ArcGIS organization
The center of your geographic information ecosystem
Knowledge Workers
Professional GIS
Executive Access
Public
Engagement
Work Anywhere
Enterprise
Integration
Developer Community
Portal

4. ArcGIS Web Map
The building block of the WebGIS ecosystem

5. Map Viewer (for authoring)
ArcGIS Web Map
Author and use anytime, anywhere, on any device
ArcGIS Apps
Map Viewer (for authoring)
Story Maps
Configurable Apps
Devices
ArcGIS for Desktop

6. Map viewer vs. apps
Storytelling Basic
Deliver your map in the right context for the intended audience
Map viewer (for authoring)
Story Map Tour
Public Information (PIM)

7. Web apps complete the user experience
Public viewing
Internal communication
Decision makers
Common workflows
Deliver tools and/or data for tasks
Map
App Template
Configured Application

8. Web App Advantages No programming, easy to configure Hosted Responsive
Can be configured into your organization
Source available
Can be used everywhere
Browser
Device
Embedded
Native apps

9. A great app starts with a great map

10. Crafting the map experience
Transparency
Pop-ups
Styles
Display Scale Range
Options depend on layer type

11. Styling layers
Smart, data-driven layer styling

12. Where to find app templates
Create a New Web App gallery
Story Maps
storymaps.arcgis.com
Solution templates
solutions.arcgis.com
ArcGIS Online items and groups

13. Delete Protection Delete protection for any item
Prevents accidental deletion when housecleaning
Helps prevent broken apps

14. Start with a map and… Create a Web App
Ian

15. Make a Web Application Gallery
Choose from gallery to preview, publish, or download
CREATE A WEB APP

16. Publish, Download, Preview
Click create to couple and host your map with the application template
Download source to customize and host on your own
Preview application
Preview is great for a “quick share”

17. Configure and publish from your account
Configuration Settings
Configuration options will vary from app to app

18. Demonstration

19. Story Maps
Bern

20. Story Maps Combine interactive maps and multimedia
Make it easy to harness the power of maps to tell stories
Combine interactive maps and multimedia
Story-focused user experience
Configure via builder
Responsive design

21. What do you need? Web Map(s) An idea and thinking… Media & Storage
Story Map App Template

22. storymaps.arcgis.com
Everything you need

23. Story Map application templates
Found at Story Map Apps
Map Tour
Map Journal
Map Series
Swipe & Spyglass
Shortlist
Basic
Playlist
Countdown
Source
Hosted
Builder
Responsive

24. Two Workflows Start with a web map Start at the Story Maps website
CREATE A WEB APP

25. Two Workflows
Start with a web map
Start at the Story Maps website

26. Recommended workflow
Visit gallery to get ideas and choose a story map template
Assemble and warehouse needed components*
Go to the Story Maps Apps page

27. Popular Story Maps
Map Journal
Map Tour
Map Series

28. Story Map Layout Options – Example Story Map Series
Bulleted
Tabbed
Side Accordion

29. Demonstration

30. Web AppBuilder for ArcGIS
Ian

31. Web AppBuilder
Create a custom configured responsive application using widgets
CREATE A WEB APP

32. Web AppBuilder Features
Fully integrated into ArcGIS Platform
No coding required
Deploy to browsers, mobile devices
Extensible
Easiest way to make web app templates
Widgets

33. Demonstration

34. Custom App Galleries for your Organization
Ian

35. Configuring your organization
Groups are building blocks
Custom Template Group
Replace Esri Default in Map tab

36. Demonstration

37. Embedding Maps
Ian

38. Embed a Web Map Embed maps or presentations using a choice of options
EMBED IN WEBSITE

39. Embed in Website – Map Options
Content (map or presentation)
Choose size and options

40. Embed in Website – Add Symbol
Add symbol at a specified location
Title, description

41. Demonstration

42. Embedding Web Apps
Bern

43. Embedded Apps

44. Embedding Apps
Any application can be embedded using <iFrame>
Use 100% to fill out width of fluid page
Dimensions
<p><iframe width=100% height="600" frameborder="1" scrolling="no" marginheight="0" marginwidth="0" src="
App URL

45. Embedding Story Maps
Minimizing the UI using &embed
&embed

46. Demonstration

47. Group Apps
Bern

48. Groups
Organize your content and help you collaborate with others

49. Configurable group gallery applications
CREATE A WEB APP

50. Embedding Groups Only for public items Choice of layouts
Embed group contents using a variety of options
Only for public items
Choice of layouts
Choice of viewer
EMBED IN WEBSITE

51. Demonstration

52. App Source Code
Bern

53. Web app template source code
Source download from GitHub
Delivered as Zip file
Edit using any text editor
Can be highly customized
Must host from own server

54. Map ID
Each map has a unique identifier, like a social security number

55. Insert web map ID into source code

56. Demonstration

57. The Road Ahead
Ian

58. App Template Road Ahead
Performance improvements
Continuing to update and enhance design
Improvements in configuration experience
Improvements in usability
New templates
Early Adopter Templates group
New ways to organize

59. Demonstration

61. Resources
Documentation: Blog: Online training:

62. Surveys Please fill out the session survey in your mobile app
Select ArcGIS Web Application Templates
Use the Search Feature to quickly find this title
Click “Technical Workshop Survey”
Answer a few short questions, and enter any comments

63. Bern Szukalski @bernszukalski bszukalski@esri.com
Thanks!
Bern Szukalski
@bernszukalski
Jeff Archer
@vee_dubb