Make An App - Learn ArcGIS

12/01/2016
Makeanapp|LearnArcGIS
Makeanapp
You can add value to the map you made in theprevious lessonby
publishing it as a web app. A web app is a customized user interface that
enhances your map's appearance, adds or removes functionality, and helps
you integrate the map with other media. You can choose from several
predefined configurable templates, or use Web AppBuilder to design your
own.
In this lesson, you'll publish your lava flow risk zone map in the Simple Map
Viewer template. This web app allows you to choose color schemes, add
descriptive text, and decide which map tools you want to make available to
users.
Createawebapp
You'll begin by opening and sharing your map.
If necessary, open your Hawaii Island Lava Flow Hazard Zones
map.
https://learn.arcgis.com/en/projects/getstartedwitharcgisonline/lessons/makeanapp/
1/14
12/01/2016
On the ribbon above the map, click the Share button.
In the Share window, check the box to share the item with your
organizationor, if you want, share it with everyone.
Tip
If you want to share the map through

social media accounts such as Facebook
or Twitter, you must share it with
everyone.
When you share the map, the Update Sharing window opens,
2/14
12/01/2016
which indicates that the Emergency Shelters layer that you own
may not be visible to others because it is not shared in the same
way as the map.
Click Update Sharing to adjust the settings of the listed layer so it

can 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 gallery

view of the available templates. Some are designed for specific
purposes; others are for general use.
The templates are in alphabetical order. You can use the scroll bar
to review the full gallery, or you can filter the templates by using
the tabs on the left or the Search box at the top.
On the left, click Showcase a Map.
3/14
12/01/2016
Note
If your organization has configured

custom galleries, you may not see these
same configurable apps.
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 the
map it's based on, because the two items are of different types.
Notice that, by default, the web app is given the same sharing
properties as the web map.
Click Done.
The app opens in its configurable state.
4/14
12/01/2016
Configuretheapp
The web app's configurable properties are shown in the App settings
pane. The default settings for these properties, such as the title, theme,
and text color are currently reflected on the map. In this section, you'll
make changes to some of these settings.
In the App settings pane, leave the default setting for the title, or
type a new title of your own.
Note
By default, the web app title is the same

as its source map. If you type a new title,
it will display when users open the web
app. The title of the web app item on your
My Content page, however, will remain
Hawaii Island Lava Flow Hazard Zones the
title you accepted when you published
the web app in the last section.
To the left of the map is its legend. Under the legend, the About
section gives a short description of the map. This text comes from
the item description you created for the web map. You can use the
Description box to override this text.
In the App settings pane, copy and paste the following text into
5/14
12/01/2016
the Description box:

The boundaries and classification of lava flow hazard zones on
Hawaii Island were first mapped by the U.S. Geological Survey
in 1974. This classification scheme divides the island into 18
major zones that are ranked from 1 through 9 based on the
probability of coverage by lava flows. The risk levels are based
primarily on the location and frequency of historic eruptions
those for which there are written records or that are known
from the oral traditions of the Hawaiians and the geologic
mapping and scientific dating of the old flows from
prehistoric eruptions.
In the Description box, press Enter twice to add a blank line, and
type or copy and pasteClick a hazard zone or volcano to learn
more.
Highlight the sentence you just typed. On the toolbar at the top of
the 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 Create
Link button.
6/14
12/01/2016
In the Link Properties box, copy and

pastehttp://pubs.usgs.gov/gip/hazards/maps.htmlinto the URL
text box. Click the down arrow next to Target and choose New
Window. Click Set.
This link will take the user to a United States Geological Survey
page that describes the hazard zones in more detail.
Under the Theme heading, in the Color Theme box, click a theme
color.
You can choose any color you like. The theme color will be used as
the background color for the web app title.
In the Text Color box, click a color for the web app text.
7/14
12/01/2016
This color will be used for the title text and the drawer text. The
drawers are the collapsible Legend and About panes.
In the Drawer Title Theme box, click a color for the drawer
headings.
Under Search Settings, uncheck all the boxes.

The purpose of your web app is to inform people about volcanoes
and areas of lava flow risk. Aside from opening popups, users
dont need to interact with the map much. They probably dont
need to look for specific addresses or places on the map or for
information within map layers.
Under Tools, uncheck Find Location. Leave the Home Extent

Button box checked.
8/14
12/01/2016
The Home Extent Button lets the user return to the starting map
view after panning and zooming. The Find Location tool zooms
the 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.
Edittheapp'sitemdetails
9/14
12/01/2016
Some item information from the source web map, such as the item
summary and tags, is applied automatically to the web app. You still need
to add a description and some other information. If you decided to
change the title of the web app when you configured it in the last
section, you might want to change the item title here to match it. You
dont 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 you
chose when you configured the web app.
In the Description box, type a description of the web app. For

example:
Lava flow hazard zones for the island of Hawaii as defined by
the U.S. Geological Survey. Volcanoes, emergency shelters,
and major highways are also shown.
In the Access and Use Constraints box, typeNone. Public domain

data and images.
Near the bottom of the page, in the Credits box, typeHawaii

State GIS Program; United States Geological Survey.
Optionally, check the box to prevent the item from being

accidentally deleted.
Click Save.
Tip
If you later decide to make changes to the

way the web app is configured, open this
item details page and click Configure App
on the toolbar.
10/14
12/01/2016
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.
11/14
12/01/2016
The popups behave the same in the web app as they do in the
web map.
Click the Default extent button to return to the original view of the
map.
Note
Any changes you make to the source web

map, such as adding or removing layers,
changing symbology, or configuring pop
ups, will be reflected automatically in the
app. If you change the sharing properties
of the map or if you delete it, this will
affect the app as well.
12/14
12/01/2016
Makeathumbnailimage
The last thing to do is replace the default generic thumbnail image on
the item details page with one that shows your app.
Capture an image of the app with your image editing software.
Tip
If you're not sure how to do that, capture

the image with the Print Screen key
PrtScn on your keyboard and paste it
into the Windows Paint accessory. In
Windows 7, you can open Paint from Start
> All Programs > Accessories.
Resize the image to a width of 200 pixels, but don't alter the
aspect ratio.
Tip
The ideal aspect ratio is 3:2. When the

image width is 200 pixels, the height
should be about 133 pixels. If your height
value is substantially different, crop the
image to avoid distortion in the
thumbnail.
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 your

browser's equivalent command. Browse to the folder where you
saved the thumbnail and upload the image.
13/14
12/01/2016
On the item details page, click Save.

The new thumbnail image appears after you save edits.
You now know how to make a map, add layers to it, create your own
layers from filebased data, configure popups, and publish your map as
a web app. What's next? You can tryIn Pele's Way, which considers the
accessibility of emergency shelters from populated areas on the island of
Hawaii. You can learn how to publish map layers from ArcMap to ArcGIS
Online inHomeless in the Badlands. If you'd like to delve deeper into
web apps, tryGet Started with Story Mapsand visit theStory Maps
website.
14/14

Make An App - Learn ArcGIS

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Make An App - Learn ArcGIS

Enviado por

Direitos autorais:

Formatos disponíveis

12/01/2016

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

If you want to share the map through

Click Update Sharing to adjust the settings of the listed layer so it

In the Share window, click Create a Web App.

The Create a New Web App window opens presenting a gallery

On the left, click Showcase a Map.

If your organization has configured

By default, the web app title is the same

the Description box:

In the Link Properties box, copy and

Under Search Settings, uncheck all the boxes.

Under Tools, uncheck Find Location. Leave the Home Extent

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.

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

In the Access and Use Constraints box, typeNone. Public domain

Near the bottom of the page, in the Credits box, typeHawaii

Optionally, check the box to prevent the item from being

If you later decide to make changes to the

The app opens in a new browser tab or window.

Explore the app by navigating and opening popups.

Any changes you make to the source web

If you're not sure how to do that, capture

The ideal aspect ratio is 3:2. When the

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 your

On the item details page, click Save.

Você também pode gostar