{"id":67672,"date":"2018-08-31T14:44:31","date_gmt":"2018-08-31T21:44:31","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcwatch&p=67672"},"modified":"2018-11-07T14:55:38","modified_gmt":"2018-11-07T22:55:38","slug":"learn-to-build-your-first-story-map-cascade-app","status":"publish","type":"arcwatch","link":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app","title":{"rendered":"Learn to Build Your First Story Map Cascade App"},"content":{"rendered":"","protected":false},"author":651,"featured_media":0,"menu_order":2,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","castos_file_data":"","podmotor_file_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[],"tags":[],"arcwatch_issues":[38092],"class_list":["post-67672","arcwatch","type-arcwatch","status-publish","format-standard","hentry","arcwatch_issues-march-2017","arcwatch_sections-the-tip"],"acf":{"short_description":"If you are a story map novice who wants to use an immersive storytelling style and design, this tip on how to build an Esri Story Map Cascade app","pdf":{"host_remotely":false,"file":null,"file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"If you are a story map novice who wants to use an immersive storytelling style and design, this tip is for you.\r\n\r\nThe\u00a0Esri Story Map Cascade app<\/a>\u00a0gives your readers an immersive experience in which maps, 3D scenes, images, video, and other multimedia content pop visually as they completely fill the screen. With tools that let you write your narrative on a photo or map; move the text to the left, right, or middle of the screen; and change the style of your titles and text, you get to be more creative than ever and build a story map that looks fantastic whether you view it on a desktop or mobile device. Your story map will resemble a modern web page that uses an immersive format.\r\n\r\nThis tip teaches you how to build a Story Map Cascade app using\u00a0Delft: A Perfect Place for a Geodesign Conversation<\/em><\/a>\u00a0as an example. This story map was created to promote the 2016 Geodesign Summit Europe, which was held in Delft, the Netherlands, last fall. The photograph below, taken by Shannon McElvaney, was the cover image for the story map, capturing the beauty of the city and adding polish and pizzazz to the map's look and feel.\r\n\r\n\r\n\r\nAfter you conceive your story map, collect images to include in it such as this Delft street scene, also shot by McElvaney.\r\n\r\n\r\n\r\nTo create a Story Map Cascade app, go to the Story Map Cascade\u00a0web page<\/a>\u00a0and click\u00a0BUILD A CASCADE STORY<\/strong>\u00a0in the box highlighted in blue. (You can also go to the main\u00a0Story Maps<\/a>\u00a0web page and click\u00a0Apps<\/a>\u00a0to find Story Map Cascade). Remember, the Story Map Cascade app builder is only supported in Chrome and Safari, but the stories you make and share can be viewed in those two browsers as well as Internet Explorer 11 (and later) and Firefox.\r\n\r\n\r\n\r\nIf you are not logged in to your ArcGIS Online account, you will get a notification to sign in.\r\n\r\n\r\n\r\nAfter you click\u00a0BUILD A CASCADE STORY<\/strong>, you will see an interface like the one below. It's like an artist's canvas for you, the story map creator.\r\n\r\n\r\n\r\nNote: You will notice the Cascade Builder panel to the left of the interface. It offers options including\u00a0Settings<\/strong>, where you can customize your logo, create a logo link, a tagline, a tagline link, and display an optional sharing button if you wish. Settings also is where you can create bookmarks that appear in the header. Cascade Builder also includes tools to\u00a0Share<\/strong>\u00a0your story,\u00a0View Story<\/strong>,\u00a0Save<\/strong>\u00a0the story, and create a\u00a0Health Report<\/strong>\u00a0that alerts you to issues with your story map such as a broken link to a video.\r\n\r\n\r\n\r\nTo start creating your Story Map Cascade app, enter a title for your story. Think carefully about the essence of the message you wish to convey. Avoid cutesy, long, or boring titles.\r\n\r\n\r\n\r\nYou can also add a subtitle to your Story Map Cascade app\u2014or not. It's your choice.\r\n\r\n\r\n\r\nNext, add your image or video. A screen like the one below will appear. You can access content from ArcGIS, Flickr, Google+, and Unsplash; link to an image or video that's on the web; drop an image in the box (from the selection of images on the screen); or browse for an image and upload it. You can add PNG, JPEG, GIF, and BMP image files only. If you are at a loss as to what images to use for your story map because you do not have your own photos or copyright permissions to use other people's work, you can search Unsplash. This site contains photographs that are in the public domain, licensed under\u00a0Creative Commons Zero<\/a>. You can download and use the photographs for free, even for commercial purposes, and do not need to credit the photographer. No permissions are needed.\r\n\r\nIf you have your own image or permission to use an image, click\u00a0Browse for image(s)<\/strong>\u00a0in your Pictures folder and select one.\r\n\r\n\r\n\r\nIn this case, McElvaney's photo of swans swimming in a Delft channel was added. The\u00a0Delft: A Perfect Place for a Geodesign Conversation<\/em><\/a>\u00a0story map was created to pique people's interest in attending Geodesign Summit Europe, which was held in the architecturally rich city of Delft. The title of the story map\u2013paired below with McElvaney's photograph that showcases the city's beauty and design\u2013is meant to draw readers to the spot where he shot the picture. They can imagine themselves there discussing geodesign, which comes to life in the flowers, the bicycles parked on the footbridge, the symmetry of the swans, and the reflection of the brick buildings in the water.\r\n\r\n\r\n\r\nNext, click the pencil in the lower left corner of the screen above.\u00a0\r\n\r\nThe Appearance, Background, and Manage tools below will appear on the screen. Click\u00a0Appearance<\/strong>, and experiment with the look of your title by choosing each theme.\r\n\r\n\r\n\r\nClick\u00a0Save<\/strong>\u00a0occasionally to protect your work. A white check mark in a blue triangle will appear in place of the pencil.\r\n\r\n\r\n\r\n\r\n\r\nClick the\u00a0white check mark<\/strong>\u00a0and then the\u00a0pencil<\/strong>\u00a0to choose another theme.\r\n\r\n\r\n\r\nSelect an option and click\u00a0Save<\/strong>. The first option that features the white lettering and no background box was the most stylistically pleasing choice, as it did not block the view of the swimming swans.\r\n\r\n\r\n\r\nHere is the title and theme with the Cascade Builder panel removed.\r\n\r\n\r\n\r\nCrop your image for a horizontal and vertical view by using the\u00a0Background<\/strong>\u00a0tool. Place your pointer on the blue dot and move it around until the picture is centered on the most important point.\r\n\r\n\r\n\r\nWant to switch to another cover photograph or add a video of Delft instead? Click\u00a0Manage<\/strong>, then open the\u00a0Change Media<\/strong>\u00a0box and add your new content.\r\n\r\n\r\n\r\nScroll down and click the\u00a0Plus sign +<\/strong>. You will see it under your title below.\r\n\r\n\r\n\r\nThe tools below will display.\r\n\r\n\"\"\r\n\r\nClick\u00a0Text<\/strong>\u00a0to write a short introduction. Return to the\u00a0Plus Sign (+)<\/strong>\u00a0and click it. Select\u00a0Media<\/strong>\u00a0and add a map such as the one of Delft below (authored in ArcGIS Online and saved in My Content).\r\n\r\n\r\n\r\nThe map with pop-ups appears below.\r\n\r\n\r\n\r\nEnter a title for the map if desired. The title\u00a0A Walking Tour of Delft<\/em>\u00a0was added. Begin to write your narrative in the black box below, saving often.\r\n\r\n\r\n\r\nClick the\u00a0pencil<\/strong>\u00a0in the upper right side of the black narrative box above.\r\n\r\nBelow you will find the tools that let you position your text to the left, in the middle, or to the right. You can also change the\u00a0size<\/strong>\u00a0of the box, choose a background theme, or change the background to show a box. Click the\u00a0check mark<\/strong>\u00a0to apply your changes.\r\n\r\n\r\n\r\nThere's much more you can do with your map. Experiment!\r\n\r\nScroll down and click the\u00a0Plus Sign (+)<\/strong>, then click\u00a0Media<\/strong>. From a file on your computer (or Flickr, Google+, or Unsplash), add a photo like the one of Delft City Hall below and then click\u00a0Save<\/strong>.\r\n\r\n\r\n\r\nClick the\u00a0pencil<\/strong>\u00a0in the lower left-hand corner of the photo. A check mark will appear, along with the Small, Medium, and Large photo sizing tools.\r\n\r\n\"\"\r\n\r\nAdjust the photo size using the tools.\r\n\r\nNext, use the Immersive Section to continue your story. The Immersive Section lets you be even more creative with your text and media. You can add videos, photos, maps, and 3D scenes that fill the entire screen. You also can create smaller views\u2014maps, photos, videos, or 3D scenes\u2014accompanied by captions or short pieces of text.\r\n\r\n\"\"\r\n\r\n\r\n\r\nEnter a title and select one of the four themes to style the title. Add a new image and then write more of your narrative in the box that says Continue your story here.\r\n\r\n\r\n\r\nWhen you click the\u00a0pencil<\/strong>\u00a0in the box above, the tools shown below will appear.\r\n\r\n\r\n\r\nYou can do things such as change the type size and the position of where the text appears on the screen.\r\n\r\nNext, click\u00a0Media<\/strong>. Add a new image like the one below of a Delft restaurant. Click the pencil again. The following tools will appear. Center your image.\r\n\r\n\r\n\r\nIf you check the\u00a0Do not crop image<\/strong>\u00a0check box, the Color palette shown below will appear. You can add colors like tan, brown, gray, red, or green to the side panels. Click on each of the nine color options, including beige, green, rose, and gray, and your pair of side panels will appear in the color you choose.\r\n\r\n\r\n\r\nIf you keep the Do not crop image check box unchecked, enter a title and select your theme.\r\n\r\nContinue working on your narrative in the black box below. Channel your inner Hemmingway or other favorite author.\r\n\r\n\r\n\r\nWhen you are done, click\u00a0Credits<\/strong>\u00a0on the Cascade Builder panel. It's time to acknowledge all the people and organizations that made the story map possible.\r\n\r\n\"\"\r\n\r\nAdd the names of the story map authors, mapmakers, photographers, and videographers.\r\n\r\n\"\"\r\n\r\nYou will find other tools in the Story Map Cascade app. Be bold and experiment.\r\n\r\nFor more information and tips, read the\u00a0Story Map Cascade Tutorial<\/a>\u00a0and John Nelson's excellent blog post, \"How to Cascade<\/a>.\""}],"references":null},"yoast_head":"\nLearn to Build Your First Story Map Cascade App<\/title>\n<meta name=\"description\" content=\"If you are a story map novice who wants to use an immersive storytelling style and design, this tip on how to build an Esri Story Map Cascade app\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn to Build Your First Story Map Cascade App\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app\" \/>\n<meta property=\"og:site_name\" content=\"Esri\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2018-11-07T22:55:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/themes\/esri_newsroom\/placeholders\/arcwatch\/arcwatch-default-card-image.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Esri\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t \"@context\": \"https:\/\/schema.org\",\n\t \"@graph\": [\n\t {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app\",\n\t \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app\",\n\t \"name\": \"Learn to Build Your First Story Map Cascade App\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\"\n\t },\n\t \"datePublished\": \"2018-08-31T21:44:31+00:00\",\n\t \"dateModified\": \"2018-11-07T22:55:38+00:00\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app#breadcrumb\"\n\t },\n\t \"inLanguage\": \"en-US\",\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"ReadAction\",\n\t \"target\": [\n\t \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app\"\n\t ]\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app#breadcrumb\",\n\t \"itemListElement\": [\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 1,\n\t \"name\": \"Home\",\n\t \"item\": \"https:\/\/www.esri.com\/about\/newsroom\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 2,\n\t \"name\": \"ArcWatch Articles\",\n\t \"item\": \"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 3,\n\t \"name\": \"Learn to Build Your First Story Map Cascade App\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"WebSite\",\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\",\n\t \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/\",\n\t \"name\": \"Esri\",\n\t \"description\": \"Esri Newsroom\",\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"SearchAction\",\n\t \"target\": {\n\t \"@type\": \"EntryPoint\",\n\t \"urlTemplate\": \"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}\"\n\t },\n\t \"query-input\": {\n\t \"@type\": \"PropertyValueSpecification\",\n\t \"valueRequired\": true,\n\t \"valueName\": \"search_term_string\"\n\t }\n\t }\n\t ],\n\t \"inLanguage\": \"en-US\"\n\t },\n\t {\n\t \"@type\": \"Person\",\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/2bb97f36f9a6288b8306552020a42541\",\n\t \"name\": \"Rick Schneblin\",\n\t \"image\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"en-US\",\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/\",\n\t \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2017\/06\/RickS-150x150.jpg\",\n\t \"contentUrl\": \"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2017\/06\/RickS-150x150.jpg\",\n\t \"caption\": \"Rick Schneblin\"\n\t },\n\t \"url\": \"\"\n\t }\n\t ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Learn to Build Your First Story Map Cascade App","description":"If you are a story map novice who wants to use an immersive storytelling style and design, this tip on how to build an Esri Story Map Cascade app","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app","og_locale":"en_US","og_type":"article","og_title":"Learn to Build Your First Story Map Cascade App","og_url":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app","og_site_name":"Esri","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2018-11-07T22:55:38+00:00","og_image":[{"url":"https:\/\/www.esri.com\/about\/newsroom\/app\/themes\/esri_newsroom\/placeholders\/arcwatch\/arcwatch-default-card-image.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Esri","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app","url":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app","name":"Learn to Build Your First Story Map Cascade App","isPartOf":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/#website"},"datePublished":"2018-08-31T21:44:31+00:00","dateModified":"2018-11-07T22:55:38+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-build-your-first-story-map-cascade-app#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/about\/newsroom"},{"@type":"ListItem","position":2,"name":"ArcWatch Articles","item":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch"},{"@type":"ListItem","position":3,"name":"Learn to Build Your First Story Map Cascade App"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/about\/newsroom\/#website","url":"https:\/\/www.esri.com\/about\/newsroom\/","name":"Esri","description":"Esri Newsroom","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/2bb97f36f9a6288b8306552020a42541","name":"Rick Schneblin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2017\/06\/RickS-150x150.jpg","contentUrl":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2017\/06\/RickS-150x150.jpg","caption":"Rick Schneblin"},"url":""}]}},"sort_order":"2","_links":{"self":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcwatch\/67672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcwatch"}],"about":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/types\/arcwatch"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/users\/651"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcwatch\/67672\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/media?parent=67672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/categories?post=67672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/tags?post=67672"},{"taxonomy":"arcwatch_issues","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcwatch_issues?post=67672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}