Getting to Know Web GIS. Pinde Fu

the Share button .

      10 In the Share window, share your web map with everyone (public).

      11 When prompted to update the sharing level of your layer in the web map to be the same as the web map, click the Update Sharing button.

      You have configured your layer’s style and pop-up, and used the layer in a web map. Next, you will use this web map in your web app.

2.6 Create an Esri Story Map Journal web app

      In this section, you will create an app to showcase the US population change pattern and the reasons behind it. To keep the tutorial short, a side-by-side comparison web app and a swipe comparison web app have been created for you.

      In the process, you will embed two pre-created story maps into the journal.

      1 In a web browser, go to the Story Maps website (https://storymaps.arcgis .com), sign in with your ArcGIS Online account, and in the top menu, click Apps.

      2 Find Story Map Journal and click Build.

      3 In the Welcome window, select Side Panel, and click Start.You will be directed to the map journal builder.

      4 Enter your map journal title, type Story of US Population Change, and click the Continue button.The Add Home Section window appears. A Story Map Journal is made up of sections. The home section will act as the cover page of your story. Each section has a main stage and a side panel.

      5 For Step 1: main stage content, set these parameters:For Content, select Web page.For Webpage URL, type https://www.census.gov/popclock, and click Configure.Leave Fill as the position choice.For Load page over a secure connection (HTTPS), unselect the check box if your current page uses HTTP; otherwise, select the check box.Click Next.

      The Census webpage supports both HTTP and HTTPS. Remember that web browsers don’t allow mixed HTTP and HTTPS contents. If your current page URL uses HTTPS, the web page you want to use here must also support HTTPS and you must use the HTTPS URL. If the web page you want to use doesn’t support HTTPS, you need to reload your current page using HTTP. Refer to chapter 1, “Questions and answers,” regarding HTTP and HTTPS settings.

      The main stage is configured. The builder now leads you to the side panel configuration.

      1 In the side panel text area, type Population in the world and in the US are constantly changing.

      2 Click Add.The home section displays.

      3 Click Save (the button at the upper-right corner) to save your app.Save your app after adding each section to avoid losing your work accidently.

      4 Click Add Section. In the Add Section window, select the following settings:For Section title, type Not all cities change in the same way.For Content, leave Map selected.For Map, choose Select a map.

      1 In the Select a map window, select the US Population Change web map you created in section 2.5.

      2 If you don’t have that web map, search in ArcGIS Online for “chapter2 population change owner:GTKWebGIS,” and then select the found web map.You can configure how you want the web map to be shown, including the location, content, pop-up, and extras. Here you will leave them as the default.

      3 Click Next.

      4 For Step 2: Side Panel Content, type Can you tell several cities with the most population increase and decrease? in the text area.

      5 Click Add.Section 2 is added.

      6 Click Add Section. In the Add Section window, set the following parameters:For Section title, type More discoveries;For Content, select Web page;For Webpage URL, type https://arcg.is/2xWlvaj, click Configure, leave Fill as the position choice;For Load page over a secure connection (HTTPS), clear the check box if your current page uses HTTP, otherwise, select the check box;Click Next.

      7 For Step 2: Side Panel Content, in the text area, type the following text:Cities with more population increase tend to havemore people own housing than renting on the predominant mapowners occupy relative larger housing size on the house size maplower unemployment rates

      8 Click Apply.

      9 Click Add.Next, you will add a new section to summarize your story.

      10 Click Add Section. In the Add Section window, do following:For Section title, type Why;For Content, select Web page;For Webpage URL, type https://bit.ly/2GZhdov, click Configure, leave Fill as the position choice;For Load page over a secure connection (HTTPS), clear the check box if your current page uses HTTP, otherwise, select the check box;Click Next.

      11 For Step 2: Side Panel Content, click the Insert an image, video, or web page button , and click Upload.

      12 Browse to C:\EsriPress\GTKWebGIS\Chapter2\images\reasons-why -people-move.jpg, leave the Image caption as is, and click Apply.

      13 Click Add.The section is added.The pie chart image shows that people move because of housing, family, and employment. The app on the right is an Esri® Story Map SwipeSM app. The app lets users compare the housing affordability layer and the unemployment rate layer by sliding the swipe bar back and forth. Refer to the “Questions and answers” section for how to create a swipe web app.The swipe web app has bookmarks defined. The first bookmark, which is the default map extent of the swipe web app, is Denver.

      14 Click areas in Denver to see the housing affordability index in the pop-up, then move the vertical bar in the swipe web app to see the unemployment info in the pop-up.The Denver area has relatively high housing affordability values and low unemployment rates, which are the main reasons for its population increase.