make an app _ learn arcgis

12/01/2016 Makeanapp|LearnArcGIS

https://learn.arcgis.com/en/projects/getstartedwitharcgisonline/lessons/makeanapp/ 1/14

MakeanappYou can add value to the map you made in theprevious lessonbypublishing it as a web app. A web app is a customized user interface thatenhances your map's appearance, adds or removes functionality, and helpsyou integrate the map with other media. You can choose from severalpredefined configurable templates, or use Web AppBuilder to design yourown.

In this lesson, you'll publish your lava flow risk zone map in the Simple MapViewer template. This web app allows you to choose color schemes, adddescriptive text, and decide which map tools you want to make available tousers.

Createawebapp

You'll begin by opening and sharing your map.

If necessary, open your Hawaii Island Lava Flow Hazard Zonesmap.



On the ribbon above the map, click the Share button.

If you want to share the map throughsocial media accounts such as Facebookor Twitter, you must share it witheveryone.

In the Share window, check the box to share the item with yourorganizationor, if you want, share it with everyone.

When you share the map, the Update Sharing window opens,

Tip



which indicates that the Emergency Shelters layer that you ownmay not be visible to others because it is not shared in the sameway as the map.

Click Update Sharing to adjust the settings of the listed layer so itcan be viewed in the web map.

Now that the map is shared, you will make the web app.

In the Share window, click Create a Web App.

The Create a New Web App window opens presenting a galleryview of the available templates. Some are designed for specificpurposes; others are for general use.

The templates are in alphabetical order. You can use the scroll barto review the full gallery, or you can filter the templates by usingthe tabs on the left or the Search box at the top.

On the left, click Showcase a Map.



If your organization has configuredcustom galleries, you may not see thesesame configurable apps.

Note

Click the Simple Map Viewer template, and then click Create App.

In the Create a New Web App window, accept the default title,tags, and summary.

It won't be a problem that the web app has the same title as themap it's based on, because the two items are of different types.Notice that, by default, the web app is given the same sharingproperties as the web map.

Click Done.

The app opens in its configurable state.



Configuretheapp

The web app's configurable properties are shown in the App settingspane. The default settings for these properties, such as the title, theme,and text color are currently reflected on the map. In this section, you'llmake changes to some of these settings.

By default, the web app title is the sameas its source map. If you type a new title,it will display when users open the webapp. The title of the web app item on yourMy Content page, however, will remainHawaii Island Lava Flow Hazard Zones thetitle you accepted when you publishedthe web app in the last section.

In the App settings pane, leave the default setting for the title, ortype a new title of your own.

To the left of the map is its legend. Under the legend, the Aboutsection gives a short description of the map. This text comes fromthe item description you created for the web map. You can use theDescription box to override this text.

Note

In the App settings pane, copy and paste the following text into



the Description box:

The boundaries and classification of lava flow hazard zones onHawaii Island were first mapped by the U.S. Geological Surveyin 1974. This classification scheme divides the island into 18major zones that are ranked from 1 through 9 based on theprobability of coverage by lava flows. The risk levels are basedprimarily on the location and frequency of historic eruptionsthose for which there are written records or that are knownfrom the oral traditions of the Hawaiians and the geologicmapping and scientific dating of the old flows fromprehistoric eruptions.

In the Description box, press Enter twice to add a blank line, andtype or copy and pasteClick a hazard zone or volcano to learnmore.

Highlight the sentence you just typed. On the toolbar at the top ofthe Description box, click the Italic button to italicize the sentence.Click some white space to deselect the text.

Scroll to the top of the Description box. In the first line of text,highlight the word "classification." On the toolbar, click the CreateLink button.



In the Link Properties box, copy andpastehttp://pubs.usgs.gov/gip/hazards/maps.htmlinto the URLtext box. Click the down arrow next to Target and choose NewWindow. Click Set.

This link will take the user to a United States Geological Surveypage that describes the hazard zones in more detail.

Under the Theme heading, in the Color Theme box, click a themecolor.

You can choose any color you like. The theme color will be used asthe background color for the web app title.

In the Text Color box, click a color for the web app text.



This color will be used for the title text and the drawer text. Thedrawers are the collapsible Legend and About panes.

In the Drawer Title Theme box, click a color for the drawerheadings.

Under Search Settings, uncheck all the boxes.

The purpose of your web app is to inform people about volcanoesand areas of lava flow risk. Aside from opening popups, usersdont need to interact with the map much. They probably dontneed to look for specific addresses or places on the map or forinformation within map layers.

Under Tools, uncheck Find Location. Leave the Home ExtentButton box checked.



Edittheapp'sitemdetails

The Home Extent Button lets the user return to the starting mapview after panning and zooming. The Find Location tool zoomsthe map to the users own location for example, to Redlands,California.

At the bottom of the App settings pane, click Save.

Your changes are applied to the web app.

At the bottom of the App settings pane, click Done.

You're taken to the web app's item details page.



Some item information from the source web map, such as the itemsummary and tags, is applied automatically to the web app. You still needto add a description and some other information. If you decided tochange the title of the web app when you configured it in the lastsection, you might want to change the item title here to match it. Youdont have to do that, however.

On the item details page, click Edit.

Optionally, in the Title box, change the item's title to the title youchose when you configured the web app.

In the Description box, type a description of the web app. Forexample:

Lava flow hazard zones for the island of Hawaii as defined bythe U.S. Geological Survey. Volcanoes, emergency shelters,and major highways are also shown.

In the Access and Use Constraints box, typeNone. Public domaindata and images.

Near the bottom of the page, in the Credits box, typeHawaiiState GIS Program; United States Geological Survey.

Optionally, check the box to prevent the item from beingaccidentally deleted.

If you later decide to make changes to theway the web app is configured, open thisitem details page and click Configure Appon the toolbar.

Click Save.

Tip



Viewtheapp

At the top of the item details page, under the thumbnail image,click Open and choose View Application.

The app opens in a new browser tab or window.

Explore the app by navigating and opening popups.



The popups behave the same in the web app as they do in theweb map.

Any changes you make to the source webmap, such as adding or removing layers,changing symbology, or configuring popups, will be reflected automatically in theapp. If you change the sharing propertiesof the map or if you delete it, this willaffect the app as well.

Click the Default extent button to return to the original view of themap.

Note



Makeathumbnailimage

The last thing to do is replace the default generic thumbnail image onthe item details page with one that shows your app.

If you're not sure how to do that, capturethe image with the Print Screen keyPrtScn on your keyboard and paste itinto the Windows Paint accessory. InWindows 7, you can open Paint from Start> All Programs > Accessories.

Capture an image of the app with your image editing software.

Tip

The ideal aspect ratio is 3:2. When theimage width is 200 pixels, the heightshould be about 133 pixels. If your heightvalue is substantially different, crop theimage to avoid distortion in thethumbnail.

Resize the image to a width of 200 pixels, but don't alter theaspect ratio.

Tip

Save the image in PNG file format to a folder on your computer.

On the web app's item details page, click Edit.

Click the default thumbnail image.

On the Upload Thumbnail dialog box, click Choose File or yourbrowser's equivalent command. Browse to the folder where yousaved the thumbnail and upload the image.



You now know how to make a map, add layers to it, create your ownlayers from filebased data, configure popups, and publish your map asa web app. What's next? You can tryIn Pele's Way, which considers theaccessibility of emergency shelters from populated areas on the island ofHawaii. You can learn how to publish map layers from ArcMap to ArcGISOnline inHomeless in the Badlands. If you'd like to delve deeper intoweb apps, tryGet Started with Story Mapsand visit theStory Mapswebsite.

On the item details page, click Save.

The new thumbnail image appears after you save edits.

make an app _ learn arcgis

Documents