To present your findings to donors and other interested organizations, you'll create a web app from the map that you created in the previous lesson. A web app is a customized user interface that focuses your map for a specific purpose, message, and audience. For example, if you just want to showcase your map, your app only needs a few basic navigation tools. If, on the other hand, your map will be used to collect feedback from the public, it will need specialized data editing tools and instructions for how to enter the information.
In this lesson, you'll configure a Minimalist app and share it with others. You'll also edit the app's item details to make it easy to find in ArcGIS.
Create a web app
To create a web app, you must first share your map. Then, you can access the configurable app templates.
- If necessary, open your Detroit Demographic Analysis map.
- On the ribbon above the map, click the Share button.
- In the Share window, check the box to share the map with your organization (if you want, you can also share it with everyone).
When you share the map, the Update Sharing window opens, which indicates that the Detroit Demographics layer may not be visible to others because it's not shared in the same way as the map. Layers, like maps, must be shared for others to access them.
- Click Update Sharing to share the layer the same way that you shared your map.
Now that the map is shared, you'll create the web app.
- In the Share window, click Create a Web App.
The Create a New Web App window opens. It includes a gallery of configurable apps, organized into categories based on purpose and functionality. You can use the scroll bar to review the full gallery, or you can filter the apps with the tabs on the left or the search box at the top.
You want your map to be the primary focus of your app. You do want to show the legend, pop-up information, and map description, but you want to maximize the amount of screen real estate dedicated to the map, which is your best point of evidence to show donors. The Minimalist app in the Showcase a Map category is a good choice.
- On the left, click the Showcase a Map tab.
If your organization has configured custom galleries, you may not see these same configurable apps.
- Click the Minimalist app. Read the description of the app and click Create Web App.
- In the Create a New Web App window, accept the default title, tags, and folder.
It won't be a problem that the app has the same title as the map because the two items are different types of content.
- In the Summary field, type a summary for the app, for example:
This app shows demographic and income data in Detroit.
By default, the app is given the same sharing properties as the map.
If you're signed in with an organizational account and your organization has set up content categories, you can click Assign Category to assign your app to one or more categories. Categorizing items helps others find them more easily.
- Click Done.
The app opens in its configurable state.
Configure the app
Next, you'll change elements of the app's presentation to better communicate the map's meaning. You'll also add a logo and a link to your website in case users want to learn more.
- Click the Theme tab.
This tab allows you to add a logo as well as a link. Your charity's logo, shown below, will clearly mark the app as belonging to your organization.
- For Map Logo URL, paste the following URL:
You'll also add a link to your charity's website, so that when users click the logo, they are directed to a place where they can learn more about your organization's goals and programs. (For this lesson, you'll use the project link in lieu of an actual charity website.)
- For Map Logo Link, paste the following URL:
- Click the Options tab.
- Check the Home Extent Button box.
With the Home Extent Button, users can return to the original view of the map after panning and zooming.
Next, you'll configure a side panel in your app to display a legend, the map details, and the configured pop-up information.
- Check the Display the side panel when the app loads and Display a legend boxes. Keep Legend as the default panel.
When your app opens, the legend will automatically appear in the opened side panel. Seeing the legend helps to understand the symbols and styling in the map.
- Check the Display map details in side panel box.
This setting provides a Details tab in the side panel so users can read the description that you added to the map's item page.
- Check the Display popup content in side panel box.
When the user clicks a feature on the map, the side panel will display the pop-up content.
- Leave the other settings unchanged. At the bottom of the window, click Save to save your configuration and preview your changes.
- Test your new app. For example, click features on the map to display pop-up information in the side panel. Zoom and pan the map, and then click the Home button to return to the default extent. Click the logo in the corner to test the link.
- Click Close.
The app's item page opens.
Edit the item details
Some of the item details information from the map, such as the summary and tags, is added automatically to the web app. However, the web app item page is missing a description and some other information.
- For Description, click Edit, and type the following text to describe the app:
This app shows demographic and income data in Detroit. Explore the data for various census tract areas by viewing details in the Info pane.
- Click Save.
Your charity's logo is public domain, which means anyone can reuse it. If it (or any data) was copyrighted, you should mention that here, and any restriction to reusing it.
- Click Save.
- For Credits (Attribution), click Edit, and, type Esri, US Census. Click Save.
You need to re-enter the credit information. This doesn't carry over from the map details.
You'll replace the automatically generated thumbnail image with one that better showcases your app. Doing so will allow other members of your charity organization or users who search for the app to get an idea of what the app contains before they open it. First, you'll create the image.
- At the top of the item page, click the thumbnail image to open the app.
- Capture an image of the app with your image editing software.
If you're not sure how to do that, capture the image with the Print Screen key (PrtScn) on a Windows-based keyboard or Function + Shift + F11 on an Apple-based keyboard. Paste it into your image editing program, such as Windows Paint or Paintbrush for Mac.
- Resize the image to an aspect ratio of 3:2.
- Save the image in PNG, GIF, or JPEG file format to a folder on your computer.
- Return to the web app's item page. Above the default thumbnail image, click Edit Thumbnail.
- In the Upload Thumbnail window, click Choose File (or your browser's equivalent command).
- Browse to the folder where you saved the thumbnail and double-click the image.
- Click OK in the Upload Thumbnail window.
The edits are saved and the new thumbnail appears. This thumbnail is the image that users will see when they discover your app by searching ArcGIS. To provide members of your organization with a direct link to your app, you can copy the app's URL from its item page (from the Overview tab or the Settings tab), and send them the link.
You've finished configuring your app and updating the item details.
In these lessons, you created a map by adding layers and enriching them with demographic data. You viewed the attribute table for the Detroit Demographics layer to learn more about its data, styled the layer to highlight patterns, and configured pop-ups to display useful information. You then studied the map and legend in detail to determine where to direct your charity's programs and used the map to create and share a web app. Organizations such as The Skillman Foundation and Data Driven Detroit are doing important work to address child poverty and other social and community issues in Detroit. To support these organizations or learn more about their work, visit their websites.
A similar map can be made for any city in the United States using Living Atlas data. By enriching the data with different parameters, you can perform a demographic analysis on many different age groups, income levels, ethnicities, or populations. Lastly, with different apps, you can display your data in a variety of ways for all kinds of purposes.
You can find more lessons in the Learn ArcGIS Lesson Gallery.