1 / 61

Getting the most out of ArcGIS Web Application Templates

Learn to craft impactful web applications with ArcGIS using various templates to create engaging and informative story maps. Explore configuration settings, map styling, and group collaboration for a seamless user experience. Start building your map-based narratives today!

meltonrobert
Download Presentation

Getting the most out of ArcGIS Web Application Templates

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Getting the most out ofArcGIS Web Application Templates Bern Szukalski @bernszukalski bszukalski@esri.com Ian Wittenmyer @ianwittenmyer iwittenmyer@esri.com

  2. Introducing Web Apps Bern

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

  4. 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

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

  6. 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

  7. A great app starts with a great map

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

  9. Styling layers Smart, data-driven layer styling

  10. 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

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

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

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

  14. Publish, Download, Preview Click createto coupleand host your map with theapplication template Download source tocustomize and hoston your own Preview application Preview is great for a “quick share”

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

  16. Demonstration

  17. Story Maps Bern

  18. Story Maps 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

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

  20. storymaps.arcgis.com Everything you need

  21. 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

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

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

  24. 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

  25. Popular Story Maps Map Journal Map Tour Map Series

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

  27. Demonstration

  28. Web AppBuilder for ArcGIS Ian

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

  30. 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

  31. Demonstration

  32. Custom App Galleriesfor your Organization Ian

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

  34. Demonstration

  35. Embedding Maps Ian

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

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

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

  39. Demonstration

  40. Embedding Web Apps Bern

  41. Embedded Apps

  42. Embedding Apps • Any application can be embedded using <iFrame> • Use 100% to fill out width of fluid page Dimensions <p><iframewidth=100% height="600" frameborder="1" scrolling="no" marginheight="0" marginwidth="0" src="http://storymaps.esri.com/stories/maptour-palmsprings/"></iframe></p> App URL

  43. Embedding Story Maps • Minimizing the UI using &embed &embed

  44. Demonstration

  45. Group Apps Bern

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

  47. Configurable group gallery applications CREATE A WEB APP

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

  49. Demonstration

  50. App Source Code Bern

More Related