Transcript PPT - Esri
Getting the most out of ArcGIS Web Application Templates Bern Szukalski @bernszukalski [email protected] Ian Wittenmyer @ianwittenmyer [email protected] Introducing Web Apps Bern ArcGIS Web Map The building block of the WebGIS ecosystem ArcGIS Web Map Author and use anytime, anywhere, on any device ArcGIS Apps Map Viewer (for authoring) Story Maps Configurable Apps ArcGIS for Desktop Devices 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) 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 A great app starts with a great map Crafting the map experience Transparency Pop-ups Styles Display Scale Range Options depend on layer type Styling layers Smart, data-driven layer styling Where to find app templates • Create a New Web App gallery • Story Maps - • Solution templates - • storymaps.arcgis.com solutions.arcgis.com ArcGIS Online items and groups Delete Protection • Delete protection for any item • Prevents accidental deletion when housecleaning • Helps prevent broken apps Start with a map and… Create a Web App Ian Make a Web Application Gallery Choose from gallery to preview, publish, or download CREATE A WEB APP 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” Configure and publish from your account Configuration Settings Configuration options will vary from app to app DEMONSTRATION Story Maps Bern 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 What do you need? Web Map(s) An idea and thinking… Media & Storage Story Map App Template storymaps.arcgis.com Everything you need 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 Two Workflows 1. Start with a web map 2. Start at the Story Maps website CREATE A WEB APP Two Workflows 1. Start with a web map 2. Start at the Story Maps website Recommended workflow 1. Visit gallery to get ideas and choose a story map template 2. Assemble and warehouse needed components* 3. Go to the Story Maps Apps page Popular Story Maps Map Journal Map Tour Map Series Story Map Layout Options – Example Story Map Series Bulleted Side Accordion Tabbed DEMONSTRATION Web AppBuilder for ArcGIS Ian Web AppBuilder • Create a custom configured responsive application using widgets CREATE A WEB APP 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 DEMONSTRATION Custom App Galleries for your Organization Ian Configuring your organization Groups are building blocks Custom Template Group Replace Esri Default in Map tab DEMONSTRATION Embedding Maps Ian Embed a Web Map Embed maps or presentations using a choice of options EMBED IN WEBSITE Embed in Website – Map Options • Content (map or presentation) • Choose size and options Embed in Website – Add Symbol • Add symbol at a specified location • Title, description DEMONSTRATION Embedding Web Apps Bern Embedded Apps 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="http://storymaps.esri.com/stories/maptourpalmsprings/"></iframe></p> App URL Embedding Story Maps • Minimizing the UI using &embed &embed DEMONSTRATION Group Apps Bern Groups Organize your content and help you collaborate with others Configurable group gallery applications CREATE A WEB APP Embedding Groups Embed group contents using a variety of options • Only for public items • Choice of layouts • Choice of viewer EMBED IN WEBSITE DEMONSTRATION App Source Code Bern 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 Map ID Each map has a unique identifier, like a social security number Insert web map ID into source code Web map ID DEMONSTRATION The Road Ahead Ian 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 DEMONSTRATION Resources Documentation: Blog: Online training: 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 Thanks! Bern Szukalski @bernszukalski [email protected] Jeff Archer @vee_dubb [email protected]