Exercise 1.1_ Create a multipurpose app How can I print an exercise to PDF format_
Exercise 1.1_ Create a multipurpose app How can I print an exercise to PDF format_
Technical note
Software requirements
· ArcGIS Online
Use the latest version of Google Chrome, Mozilla Firefox, Apple Safari, or Microsoft Edge. Other web browsers may not display your maps and apps
correctly.
For information about supported web browsers for ArcGIS Online, go to ArcGIS Online Help: Supported browsers (https://links.esri.com/
SupportedBrowsers).
Introduction
ArcGIS Instant Apps enables you to create a web app in a short amount of time using a variety of preconfigured templates. The workflow is as simple as
building or selecting a map, applying a template, configuring the app, and publishing.
Scenario
Imagine that you are a secondary school science teacher. Your students are learning about the forces that shape our planet—from the movement of the
earth's plates to seismic activity in the form of earthquakes and volcanoes. For the first few weeks, students will research earthquakes. You want to
provide a focused and interactive environment that allows your students to read information about individual earthquakes, as well as to see an
earthquake on a map in relation to other contextual information, such as tectonic plates and fault lines.
In this exercise, you will open a web map that already contains tectonic plate and fault line layers. You will add an earthquake layer. You will then apply
that map to an app template. For your project, you require a multipurpose template that will allow your students to interact with earthquake data using
a variety of tools. You will configure and publish the app so that it is ready for your students to use.
Data source
The scenario described in this exercise, although based on real-world data, is fictional and was developed for educational purposes only. The data is
directly from or derived from layers hosted in ArcGIS Living Atlas of the World, which is a collection of authoritative GIS data, including maps, layers,
3D scenes, apps, and tools that can be used for projects.
Note: The exercises in this course include View Result links. Click these links to confirm that your
results match what is expected.
In this step, you will visit the MOOC home page to locate your course account username and password. You will use your course ArcGIS
account username and password to sign in to ArcGIS Online and complete all the MOOC exercises.
a On the MOOC home page in Esri Academy, click the Lessons tab.
The username for your course account ends with _geoapps . For example, in the preceding graphic, the student's username is
Student_geoapps. (Please note that this is just an example—your username and password will be personalized to you.) You may want to write
1 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
down your username and password for quick reference; otherwise, you can return to the Lessons tab at any time to locate your course
credentials.
Note: If you registered within the past few hours, your account may not be ready. Refresh the
page again in about an hour to check your account information.
In this step, you will sign in to ArcGIS Online using your course ArcGIS account.
c Under ArcGIS Login, enter your course ArcGIS account username (ends in _geoapps) and password.
Note: If you see an Email Verification pop-up, click Skip For Now.
The first time that you sign in, you may be asked to change your password and set a security question.
2 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
e Follow the on-screen instructions to change your password and set your security question, if necessary.
You have signed in to ArcGIS Online using your course ArcGIS account and can now access the data that you will use in your web app.
To build a web app, you must first create or select a map that has been shared to ArcGIS Online.
In this step, you will open a map that contains tectonic plates and fault lines layers. You will eventually apply this map to an Instant Apps
template for use in your classroom app.
The search defaults to looking only within the MOOC ArcGIS Online organization. The map that you are searching for is hosted in ArcGIS
Online.
c On the left, under Filters, turn off Only Search In <Your MOOC Organization>.
3 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
With the filter turned off, the search is expanded to include content outside the organization that meets the search criteria.
There are two items named Global Earthquakes: a feature layer and a web map. You will choose the web map.
d At the bottom right of the Global Earthquakes web map result, click the More Options button and choose View Details.
You are now viewing the item details for the web map, which lists the map layers, terms of use, and other information about the map. On the
right side of the page, you can also see options for viewing and working with the map. These options change based on the type of item you are
viewing and its sharing settings.
In this case, the map can be opened in an online map viewer or in a desktop GIS. Additionally, you can create a web app directly from the item
details.
Rather than immediately creating a web app from the item details, you will first open the map in Map Viewer. You will update the map, and
then, from Map Viewer, you will create a web app.
4 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
The Map Viewer contains two vertical toolbars. The Contents (dark) toolbar is on the left and is used to manage the map. The Settings (light)
toolbar is to the right of the map and contains options to configure map layers.
For more information about the Map Viewer interface, see ArcGIS Online Help: Get started with Map Viewer (https://links.esri.com/MapViewer).
f On the Contents toolbar, click the Save And Open button and choose Save As.
5 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
The information that you entered will be saved in the map item details. You can always return to the item page and fill out further item
information, including a more robust summary and additional tags. This information will make your item easier to find and help users decide
whether to use your item in their own project.
h Click Save.
In this step, you searched for, opened, and saved a map that had already been created. You are now ready to add data to the map.
Before you convert your map into a web app, you need to configure it so that students have all the information that they need for their research.
You currently have tectonic plate and fault line layers in your map, but you also want to add a layer of recent earthquakes to explore where the
movement of faults may be causing earthquake activity.
In this step, you will add a layer with updated earthquake data to your map from ArcGIS Living Atlas of the World.
a In the Contents toolbar, click the Layers button to open the Layers pane.
6 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
The Layers pane displays all three layers that are currently in the map.
7 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
The layer is added to your map, and the Properties pane for the layer opens to the right of the map.
For more information about the types of layers that you can add to a map, see ArcGIS Online Help: Add layers to maps (Map Viewer) (https://
links.esri.com/AddLayersMap).
f In the Contents toolbar, click the Save And Open button and choose Save.
In this step, you searched for and added a layer of recent earthquakes to your map. You have all the layers needed for your map and,
eventually, your app.
Before adding a map to an app template, you must configure the map and its layers the way that you want them to display in the app. Elements
that you may want to assess include pop-ups, filters, and styles. After you have added a map to an app, you can always make changes to the
source map; the changes will be reflected in the app.
In this step, you will configure the properties of the Active Fault and Recent Earthquakes layers so that the earthquakes display more
prominently.
a At the top of the Layers pane, next to Add Layer, click the back arrow to return to the main Layers pane.
b In the Layers pane, click the Active Fault layer to select it.
c In the Properties pane for the Active Fault layer, under Symbology, click Edit Layer Style.
8 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
You have several options for styling your data. Because you only want to show the location of the faults in context to the earthquakes, you will
choose a single color for all fault features.
You can change the symbol style and color. For the fault lines, you will only change the color.
9 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
f In the Symbol Style window, under Color, click the Edit button .
You can choose a color in the color picker, or you can input a custom color using a Hex code, RGB values, or HSV values.
g In the Select Color window, in the Hex code box, type 806000, and then press Enter.
i In the Symbol Style pane, under Transparency, drag the slider to adjust the transparency to 50%.
10 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
You will now add an effect to the more intense earthquakes so that they stand out on the map.
m In the Layers pane, next to Recent Earthquakes, click the arrow to expand the layers, and then click the Events By Magnitude layer to select it.
n On the right side, on the Settings toolbar, click the Effects button .
q In the Drop Shadow + Transparency window, under Condition, change the number to 4.
11 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
The condition is now set to apply a drop shadow and transparency effect to any earthquake with a magnitude greater than four.
In this step, you adjusted the properties of the Active Faults and Recent Earthquakes layers so that the earthquakes display more prominently,
particularly earthquakes of higher magnitude.
There are several ways to access the ArcGIS Instant Apps home page and choose an app template. In this step, you will open the Instant Apps
home page directly from Map Viewer. You will explore the app templates and then select and apply one that fits your needs. You are looking for
a basic, multipurpose app template that will provide an interactive map and tools to your students.
a In the Contents toolbar, click the Create App button and choose Instant Apps.
Note: Depending on your screen resolution, the Create App button may not be displayed on the
Contents toolbar. If you do not see the Create App button, on the Contents toolbar, click
the More button , click Create App, and choose Instant Apps.
12 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
Note: If a tour of ArcGIS Instant Apps pops up, you can close it.
The Instant Apps home page opens with several options to help you select a template.
The Featured page is a good place to start if you are unfamiliar with the capabilities of Instant Apps. It contains information about new
templates or features. Additionally, you can explore blog articles highlighting Instant Apps news and updates.
c At the top of the page, click the Create tab to return to the home page.
On left side of the home page, there is a Search App Capabilities box and a Suggestions panel. In the search field, you can input key words to
find a template that matches your project needs.
d Click the search field, and then click View App Capabilities (PDF).
The App Tools Matrix document will either open in a separate tab or in the Adobe Acrobat application, depending on your workstation setup.
The App Tools Matrix displays all the capabilities available in ArcGIS Instant Apps and its templates. This reference is helpful when planning the
design of your app and determining which template may meet your project needs.
Another way to determine which template you should choose is to scroll through the gallery and preview individual apps. Because you are
viewing the home page with a map already selected, the templates that you see are available because the data in your map has met a
requirement to use the template.
The templates listed under Additional Apps display a warning indicating why the data or configuration of your map does not meet the
requirements. This warning makes it easier for you to select an app template that suits your map and data.
h Locate the Portfolio template and click the arrow next to Portfolio to read the description.
? What actions can viewers perform in an app created using this template?
- Answer
Viewers can navigate to multiple sections containing maps, apps, scenes, and other
content.
i Locate the Sidebar template and click the arrow next to Sidebar to read the description.
? What actions can viewers perform in an app created using this template?
- Answer
Viewers can interact with, update, and filter data. Viewers can also explore the map
13 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
The app that you want to create for your students to use should allow them to explore earthquake data on a map using a variety of tools. While
students would be able to view information on a map in the Portfolio template, there is no need for them to interact with multiple sections.
Based on the description of the Sidebar template, the available tools are exactly what they need to interact with data in the map. The Sidebar
template appears to be a good fit for your project.
l In the Create App – Sidebar window, for Give Your App A Title, type Earthquake Research_<Your Student Name>.
You can now see an interactive preview of your app—in this case, a map and a sidebar. On the left side of the app is a configuration panel,
where you will adjust the app settings.
Note: If a tour of ArcGIS Instant Apps pops up, you can close it.
In this step, you explored the Instant Apps page and selected the Sidebar template to use with your map.
There are two setup modes in the Instant App configuration panel: Express and Full Setup. You can use either one or both, depending on the
desired level of customization. The Express mode offers a minimum set of configuration choices tailored to the template that you are using,
while the Full Setup mode contains all the configurable settings for the app.
In this step, you will use the Express mode to configure your app.
In the Express configuration panel, you may notice that there are numbered steps. You can proceed through each step in the configuration
panel, or you can skip steps. For example, because you already have a map selected, you will skip Step 1. Map. You will move to the next step in
the Express configuration panel and add information to help your students understand and navigate the map.
c Under Text Alternative For The Map, click Edit and type Map displaying tectonic plate boundaries, faults, and active earthquakes.
14 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
In the upper left of the map, there is now a Keyboard Shortcuts button that students can refer to if they prefer to navigate the map using their
keyboard.
g Scroll toward the bottom of the panel and, under Edit Details Content, click Edit.
Details Content gives your audience information about the app. In addition to text, you can add hyperlinks, images, and tables. Because you
are creating this app for students working on a project, you will add basic information about how they should interact with the app.
h In the Edit Details Content window, type Use this app as a resource for your research. To access the USGS Earthquake Overview, click the link
in the earthquake pop-up.
15 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
k Click Next.
You are now in the Theme & Layout step of the Express configuration panel.
Besides choosing a theme for your app, you can also change the layout of the widgets on the map. In this case, you want to move the Shortcuts
Menu (also known as Keyboard Shortcuts) widget above the Search widget. Based on past experience, you know that these are the two widgets
your students will use the most.
n Under Manage Widget Positions, next to Shortcuts Menu, point to the reposition button.
o Drag and drop the Shortcuts Menu widget under the Top Right section, above the Search widget.
16 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
In this step, you configured your app using the Express mode. You have added information to help your students understand the app, and you
have updated the theme and layout.
You have configured an app to suit the needs of your Earth Science classroom project. You are ready to publish the app and share it with your
students.
In this step, you will publish the app, update the sharing settings so that your students can use the app, and view the finished app.
b When asked if you are sure that you want to publish the app, click Confirm.
17 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
After your app has been published, you are prompted to review your share settings. By default, items that you add to ArcGIS Online are not
shared with anyone else. Therefore, the sharing level is designated as Owner. For your students to be able to view and interact with the app,
you will need to update the share settings.
c From the Share window, under Sharing Level: Owner, click Change Share Settings.
e Click Save.
18 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
A window appears, informing you that, although you successfully shared the app, one or more items in the app may not be shared the same
way. You will review and update the sharing settings for those items.
When you saved the web map that you are using in the web app, you did not specify a sharing setting. As a result, although the app is shared
with everyone, the map itself is only able to be viewed by you, the owner.
You are alerted that the sharing permission for your map (Owner) does not match the permission that you set for the app (Everyone) and your
audience may not be able to see some content—in this case, the map itself.
You are given the option to update the sharing settings so that the map is shared to everyone, just as the app is shared to everyone.
Your students need to be able to view and interact with all aspects of the app, so you will update sharing.
For more information about sharing web content, see ArcGIS Online Help: Best practices for sharing (https://links.esri.com/
SharingBestPractices).
19 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
You have now published the app and updated its sharing settings so that both the app and the app content can be viewed by everyone. The
app now shows the date and time that it was published. If you ever need to make changes to your app, you can always publish it again.
h Click Exit.
i When asked if you are sure you want to exit, click Exit again.
The web app item details page opens, allowing you to view the app or update the configuration, if necessary. You will view the app and explore
a few of its features.
j Click View.
You can copy the link or choose to share a link to the app on various social media platforms.
In this step, you published your app, updated sharing settings, and viewed the finished app.
20 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
In this exercise, you updated a map, applied an Instant Apps web app template, configured the app, and published it. Your students will now
have a focused web app for their research project. They will be able to learn about individual earthquakes and also to see an earthquake on a
map in relation to other contextual information, such as tectonic plates and fault lines.
21 of 22 10/11/2024, 11:05 AM
Exercise 1: Create a multipurpose app How can I print an exercise to P... https://www.esri.com/training/mooc-content/663a68f536d6dc1f7d7578...
The information contained in this document is the exclusive property of Esri. This work is protected under United States copyright law and other
international copyright treaties and conventions. No part of this work may be reproduced or transmitted in any form or by any means, electronic or
mechanical, including photocopying and recording, or by any information storage or retrieval system, except as expressly permitted in writing by Esri.
All requests should be sent to Attention: Director, Contracts and Legal, Esri, 380 New York Street, Redlands, CA 92373-8100, USA.
Export Notice: Use of these Materials is subject to U.S. export control laws and regulations including the U.S. Department of Commerce Export
Administration Regulations (EAR). Diversion of these Materials contrary to U.S. law is prohibited.
Commercial Training Course Agreement Terms: The Training Course and any software, documentation, course materials or data delivered with the
Training Course is subject to the terms of the Master Agreement for Products and Services, which is available at https://www.esri.com/~/media/
Files/Pdfs/legal/pdfs/ma-full/ma-full.pdf. The license rights in the Master Agreement strictly govern Licensee's use, reproduction, or disclosure of
the software, documentation, course materials and data. Training Course students may use the course materials for their personal use and may not
copy or redistribute for any purpose. Contractor/Manufacturer is Esri, 380 New York Street, Redlands, CA 92373-8100, USA.
Esri Marks: Esri marks and product names mentioned herein are subject to the terms of use found at the following website: https://www.esri.com/
content/dam/esrisites/en-us/media/legal/copyrights-and-trademarks/esri-product-naming-guide.pd.
Other companies and products or services mentioned herein may be trademarks, service marks, or registered marks of their respective mark owners.
22 of 22 10/11/2024, 11:05 AM