Skip navigation
All Places > ArcGIS Configurable Apps > Blog

Check out this ArcGIS Blog by Beth Romero

Imagery visualization and interpretation are now available through the new Image Interpretation (beta) configurable app. Check out the Imagery App Intro blog for an overview of the configurable app.  Here, we will provide a brief tutorial to help create and use some of the features available in the Image Interpretation configurable app.

In this example, you will create an app that can identify a burned area using the Compare and Change Detection tools available in the Image Interpretation (beta) template. You will locate the app template, configure your app, and use the application to identify burn scars

Creating and Configuring the Image Interpretation App

1. Create a new web map

Esri’s Living Atlas provides many different image services; in this example, we will use Esri’s world-wide dynamic Multispectral Landsat 8 image service

    • Sign in to your ArcGIS Organization
    • Save this Imagery Blog web map to your content by opening the map and selecting Save As.  Save in a location you can reference later when creating your app.

2. Locate the Image Interpretation (beta) configurable app

Since the Image Interpretation template is still in beta, you’ll need to seek out the template—it won’t be available with the rest of the app templates.

  • To find it, make sure you’re logged in to ArcGIS Online; search for “tags:Imagery Interpretation Template”; and make sure you uncheck “Only search in <My Org Name>”
  • Open the item details by clicking “Image Interpretation (beta)

3. Create a web app

Once you are on the item details of the Image Interpretation (beta) app you can begin creating your own app.

  • Select Create a Web App. Tip: If you don’t see the Create a Web App button, verify you are signed in. You may need to return to step 2.
  • Provide a descriptive title and tags and click OK
  • Select your web map you created earlier

4. Configure your app

The purpose of this app is to easily identify a burned area in Lake County, CA using the Change Detection tool, and then visualize before and after images using the Compare tool.

  • On the General tab, check Enable search tool to add a location search tool in the web app
  • Navigate to the Imagery Layers tab in the configuration panel
  • Check on all four tools: Enable Layer Selector Tool, Enable Rendered Tool, Enable Compare, and Enable Export Tool.   Take a moment to read the descriptions of the tools.  Configure the tools to match the screenshot. 
  • Navigate to the Image Selector Tab.Check Enable Image Selector Tool.  Change the Display drop-down to ‘Slider and Drop-down List’
  • Under the Imagery Layers section, check Multispectral Landsat, then check the AcquisitionDate field. Enabling AcquisitionDate will let you choose which images you want to compare based on their acquisition date.
  • Navigate to the Image Date Tab
    • Check Enable Image Date
    • Enter “AcquisitionDate” as the label
  • Check Multispectral Landsat and select AcquisitionDate
  • Navigate to the Image Date Tab
  • Check Enable Image Date
  • Enter “Acquisition Date” for the label
  • Check Multispectral Landsat and select AcquisitionDate

Interacting with the Image Interpretation App

You will now interact with the app and use the Renderer, Change Detection, and Compare tools to explore a burn scar.

1.Use the Renderer tool to view the image using Short-Wave Infrared with DRA. Hit Apply.  Tip: Mouse over each tool for a descriptive tool-tip.

2. Use the Image Selector tool to find the Landsat scenes you’ll compare.

  • Open the Image Selector Tool
  • Check Enable Image Selector
  • Change the slider to a drop-down using the scroll icon circled on the right in the screenshot.
  • Select Aug 3, 2015, from the drop-down, the date the burn scar appeared
  • Click the arrow button to set the Aug 3 image as the comparison layer, circled in the screenshot.
  • Now, another date will need to be selected to compare with the burn scar image. From the drop-down list, select August 5, 2016, a year after the burn. The image in the display will update to the newly selected date. Tip: Two images always need to be selected to use the Compare tool. This can be two separate imagery layers or two different dates within an image service.

3.Use the Compare tool to explore the differences between the before and after images.

  • Activate the Compare tool.  Immediately you will notice your Compare tool is set to the previously selected date and the currently displayed date—August 3, 2015, and August 5,2016.
  • Use the vertical slider to view the differences between the two images
  • Click the Compare tool icon to turn off the tool when you are done

4. Use the Change Detection tool to create an image of where the burn scar occurred. 

  • Activate the Change Detection tool 
  • Click Apply to create a difference image, which subtracts one image from the other to show you where the differences are

This is a quick introduction to a few of the tools available within the Image Interpretation Application.

In the upcoming September 2017 Release of ArcGIS Online, the Public Gallery Template will move into the Mature phase of the Product Lifecycle  and will be removed from the default Configurable Apps Gallery.

The Public Gallery Template displays apps and web maps in a searchable grid or list. A new app, Minimal Gallery was released as a Beta App with the June Release. It has a clean, simple design that displays maps, apps and scenes as cards. When building gallery apps, consider testing out this new app or the Maps and Apps Gallery and providing feedback.

What does the Mature Phase of a configurable application template mean?

  • If you have already configured an application using a template that is in the mature phase, the app will continue to work and be accessible to your users.
  • No new functionality will be added to the template in future releases.
  • No reported issues or bugs will be fixed in the app.
  • The item details page will indicate that the app is in mature support and will point you to resources for similar functionality.

Can I still create apps from these templates even after they are moved to the mature phase?

Yes. These apps will remain as items in ArcGIS Online after they have been moved to the mature phase. If you still want to use the apps, you can create a custom configurable app group that contains the app item. Set this group as your group configurable app template group in the organization administration settings. Users in your organization will then be able to create additional apps from the template.

You will also notice that some language is changing to describe configurable application templates that have moved out of the general availability phase of the product lifecycle. Moving forward in upcoming releases, configurable apps will use the extended phase and mature phase to more accurately indicate the appropriate phase of the template. For more information about the product lifecycle and definitions, please see the following product lifecycle document.

Check out this ArcGIS blog about creating bilingual Apps by Beth Romero!

 

Offering your web app in multiple languages can increase your audience and the overall impact of the information. In this blog, we will show two examples of configuring apps to support a bilingual audience.

Example 1: Configuring two apps

In the first example, we will be using the Basic Viewer template to showcase a map.  For this project, our audience is both French and English speakers.  The map’s pop-up is configured with a custom attribute display explaining the data.  These steps start after your initial map and app have been created.

1. Identify data to translate. 

First, let’s start by identifying which data Esri translates as part of the localization process and what you will need to handle.  Esri will display all application elements such as search, element labels, and tooltips in the browser or ArcGIS Organization locale.  Green boxes show what Esri translates and red boxes highlight what is driven by web map content.  In this example, the web map and data is in English and the browser locale was set to French.

2. Translate data and create the second map.

The pop-up, app title and layer titles need to be updated in the French version.  Create a second map and update all required data to fully translate your map and app into the language you need.  Since I am using a custom attribute pop-up I needed to translate it.

3. Configure the second application

Configure and publish your app.  While configuring your app you will be able to change the title, subtitles and additional information to your language of choice.  

Optional tips:

  • To enable users to easily choose the appropriate language I have added a splash screen to both apps.  The splash contains a link to an application that has a web map configured in French.

  • In addition to the splash screen, URL parameters can be set to force the locale to be in French. In the splash screen hyperlink a URL parameter can be added to the application URL to force the locale to be set.  In this example, “&locale=fr” was added to the end of the French application.  For more information on URL Parameters visit the help topic.

4.  Share your app

Review and test your app in both languages.  Verify everything is correctly translated. I generated the translations from Google Translate for this example.  You may want to have a fluent speaker verify your translations. Make any configuration or data adjustment. Then share your app with your audience.

Example 2: Configuring one app to support two languages

This example will illustrate how to configure one app to support two languages.  For this project, I want to collect data from the community.  The community I’m targeting contains both English and Spanish speakers.  I’d like to collect all the information in one application.  This example will use the GeoForm template.

1.  Configure data to support two languages

In the GeoForm application, I have four fields I will use to collect data. One field contains a domain to drive the drop-down options in the GeoForm app.  I created the domain values to appear in both Spanish and English.  A bit of planning or updating may be necessary to update your data to contain both Spanish and English values. These domains were created and published from ArcGIS Pro. 2.  Configure the application

During the configuration process, you can assign a title and short instructions in both languages.

In most cases you should adjust the layer names in the web map, but the GeoForm allows you to change the field name labels in the builder.  This is a simple way to add a second language to the field name.

3.  Share your app

Test your app in both languages to ensure everything thing which needs to be offered in two languages by the author is and the rest is localized.  An easy way to test is to use the URL parameter discussed earlier. Refine any details as needed. Then share your app. If you are going to provide links to this app from a website it would also be a good idea to utilize the locale parameter to ensure that the app UI is in the correct language for your target audience.  Here is English version of the GeoForm example and here is the Spanish.

 

ArcGIS Online

Check out this ArcGIS blog showcasing Shared Theme examples. It contains 4 example galleries and details about how each setting is applied.  One is a Mars theme, definitely worth a visit.  

For the past three weeks we have been featuring Apps that customers have created with Configurable Apps! These first apps were selected as they were demonstrating some really great best practices and configurations to enable users to be successful with their apps.

 

The University of Minnesota has a great app that uses URL parameters to add location markers in their building location apps

 

Clayton County Fire Station Finder has an informative splash screen and a focused search to help their users be successful in finding their fire stations.

 

LA DOT has used symbols, basemaps and themes to make a great compare analysis app that is easy to understand and compare the differences between vehicle-vehicle collisions and Bike/Pedestrian Collisions and the severity of the injuries.

 

Some quick tips for creating easy to use apps for your customers:

1. Have a clear purpose of your app. Is the purpose to have users search for a location, go on a tour of your town or collect data. Ensure that the purpose and interaction is clear to your users.

2. Cartography matters. Use smart mapping, a title and symbology that will allow your users to quickly understand what your app is about.

3. Create useful pop ups. The great thing about apps is that users can interact with them and explore geospatial information in new ways. Pop ups provide context to the features in your app. Make sure that you use alias and remove any underscores in Pop ups.

4. Use consistent branding so users can easily identify which organization created the app and that similar apps are related if there are similar apps.

5. Have someone unfamiliar with the topic do a quit User testing session and listen to their feedback. Ask a colleague, boss, user, mother to take a quick look and determine if it's intuitive to them

 

If you have an app that you have created for your users that you think should be featured or has been really useful for your users, post the link to this post or email me at kgerrow@esri.com

 

-Kelly

ArcGIS Online

App of the Week

News Flash! ArcGIS Online users make great Apps that are used to inform and engage the public about important and interesting geospatial topics. Apps hosted on ArcGIS Online are easily shareable and can receive hundreds of thousands of views in a short amount of time. ArcGIS Online scales to meet the demand of your application, making it easy to create and share applications that may receive a high demand of requests (1000s of request per second) from your users.

Consider a natural disaster, where apps are created to inform the public of evacuation zones and shelters. These apps may receive hundreds of thousands of views in a matter of days, receiving a high amount of web traffic. In order to ensure that these apps are performing at their best under high demand, consider these best practices for layer management, so ArcGIS Online can handle the rest.

Pick the most appropriate Layer Type for your data and workflow

  • Create a tile service for large complex datasets that don’t need to be updated frequently. Tip: Enable pop ups on your tiled layer and include attribute information.
  • Use a Feature Collection if your data has less than 1,000 features and doesn’t need to be updated by multiple users.
  • Use a Hosted Feature Service that is optimized for high demand for data that will be updated by a group of editors or needs to show a subset of the original dataset.

 Hosted Feature Services Optimized for High Demand

In order to configure a feature service for high demand,  all of the requirements in the side checklist must be configured on the layer that is displayed in your web map and app.

Apps with updating data

Many apps, especially in the emergency management space need to show updating data, requiring the ability to edit and display data in an easily scalable way. The December 2016 release of ArcGIS Online, introduced the ability to create hosted feature layer views. This allowed data owners to create an editable and uneditable view to achieve this requirement. The March 2017 release added the ability to set view definitions, allowing data owners to specify the features and fields displayed in each view.

To configure a feature layer view that is optimized for high demand from a layer that can be edited by a group of editors, follow these steps:

First, publish your primary hosted feature layer which will be your Editable layer.

  1. Name it something that is easy to identify like Shelters_ edit
  2. Ensure that your editing settings are appropriate for who will be updating the data.
  3. Create a web map and app that contains the editable layer.
  4. Share the layer, app and map with a group where editors are members of the group.

After following these steps, the layer will be ready to be edited by only the members in your group.

Next, create a hosted feature layer view that it is optimized for high demand.

  1. Navigate to the Primary layer that you just created and select the Create View button.
  2. Name the layer something that is easy to identify like Shelters_ display
  3. Ensure that this layer meets all of the requirements outlined in the optimized for high demand checklist.
           - Ensure that Editing is disabled on the feature layer view
           - Use  Set View Definition if you need to hide any fields or features instead of using filters
           - Verify that the geometry doesn’t exceed the requirements.
 4. Use the display layer in your web map and create your application.

Lastly, take a step back to your admire great app that is ready to scale to meet the interest and high demand of web traffic that awaits.

 

Link to blog on ArcGIS Blogs!

ArcGIS Online Templates

ArcGIS Online

Have you ever found a table of data with some basic spatial fields like ZIP Codes or states and thought, this would be really interesting data to map? After assigning geospatial locations, have you wondered about the best way to highlight the most compelling locations in your dataset? Whether it’s the highest or lowest values or the most recent dates, there are characteristics within datasets that show the significance of your data to your audience. This two-part blog will outline best-practice workflows to turn tabular data into a geographical listicle using the Geo List configurable app.

As U.S. Tax Day quickly approaches, I thought it would be interesting to look at some specific tax return statistics about 2014 income tax returns published by the IRS. I decided to pick a small subset of the available data, the State of California ZIP Codes, and highlight some specific variables to better understand where residents received tax credits or needed to make payments. There is data available for every state on the website, so feel free to give this project a try in your state.

Part 1: Create spatial data

The dataset needs to be formatted so that there is one ZIP Code per field and only one field per column. To do this, I created a formatted CSV file that contains with some selected variables about refunds and tax creditsper ZIP Code. I then used the Join Features< tool, which was introduced in the ArcGIS Online December 2016 update, to create a new polygon ZIP Code dataset from the CSV. Below are the steps I used and some best practice tips for creating polygon ZIP Code data from a CSV.

  1. Publish the CSV file as a table:
    • Add the CSV file to ArcGIS Online through the My Content > Add Item workflow and publish it as a table. Note: Ensure that the ZIP Code field type is set to string, as you will need this as a joining field.
 
  1. Add the Source Polygon Data to Map Viewer
      • Open the hosted table in Map Viewer, click the Analysis button, and click the Join Features tool under Summarize Data.

    • Under step 1, select Choose Living Atlas Layer and type Zip into the search box. Check the Add layer to map check box and click the USA Zip Code Areas layer. Note. This layer has had the attribute and geometry optimized for use in the analysis tools. In the next step, I will exit the tool box to make some changes to this layer, but going through this workflow is the fastest way to find layers that are optimized for use in analysis tools.
 
 
  1. Filter the source data to show your area of interest

     

    • Click the Details tab in Map Viewer to close the analysis tool pane and click the filter button under the layer.
    • As the dataset only contains California ZIP Codes, set a filter on the polygon data so only the state of California is displayed. This will improve performance as it reduces the number of features used in the Join Features tool.

  1. Use the Join Features tool to create the polygon dataset
    • Open the Join Features tool again and choose the filtered ZIP Code Area layer as the target layer and the table published from the CSV as the join layer.
    • Use a One to Many join based on the string ZIP Code fields in both datasets. The One to Many join will result in the fields from the table being added to the target data layer where the ZIP Code fields match as a new layer.
    • Click the Show Credits option to estimate the credit cost for running the tool.  Note: For the Join Features tool, credits are charged based on the total number of records in the target and join layer. For this data, there are 1484 table records in the join layer and 1716 records in the filtered California layer, target layer. This equals 3200 total records, costing 3.2 credits.
    • Click Run Analysis and wait for your layer to be returned as a new hosted feature layer

Now that the data has been created, move to Part 2 of this blog to see how the Geo List app can highlight features in your newly created dataset.

Link to blog on ArcGIS Blog site

ArcGIS Online

Have you ever found a table of data with some basic spatial fields like ZIP Codes or states and thought, this would be really interesting data to map? After assigning geospatial locations, have you wondered about the best way to highlight the most compelling locations in your dataset? Whether it’s the highest or lowest values or the most recent dates, there are characteristics within datasets that show the significance of your data to your audience. This two-part blog will outline best-practice workflows to turn tabular data into a geographical listicle using the Geo List configurable app.

The first blog, reviewed how to create a polygon ZIP Code dataset from a CSV file. This blog will illustrate some best practices for creating an engaging app to present the hosted feature layer created in Part 1 using Geo List, which is available in the configurable apps gallery. The app guides users through features based on a ranking system determined by the app author. The author can choose to show a user-defined number of the highest or lowest values of a specific field in the dataset.

The app below guides users through the California ZIP Codes that received the highest Residential Energy Tax Credit per energy claim filed in California in 2014.

Part 2: Configure Geo List

  1. Define the purpose and message of your app
    The first step to creating any great app is understanding the message and interaction that you want to communicate to your audience. For this project, I want my users to navigate through ZIP Code locations and understand the ZIP Codes where residents received the highest tax refund.
 
  1. Create the web map
    The next step is to build your web map and symbolize the data so that it is easy for your audience to understand.

     

    • Add the layer created in Part 1 of the blog, by navigating to the layer item page and opening the layer in Map Viewer.
    • Click the Basemap button and pick your desired basemap. Tip: Solid coloured basemaps like Dark Gray Canvas and Light Gray Canvas enhance the look of thematic maps because there is minimal variation in colour underneath the feature layer.
     
    • Symbolize your data using smart mapping. There are a lot of great options to display your data and smart mapping takes the guess work out of colour and classification selection. For this app, predominant categories were used to show which areas predominantly received tax refunds or owed taxes. Tip: Modify the label in the options panel of the change style dialog. This will determine the labels used in the legend in the app.
     
      • Create an informative pop-up. Geo List displays pop-up information in a side panel. Construct the pop-up to highlight interesting information in the data using a custom attribute display or table (list of fields).

     

    Tip: If you are displaying a table, modify the attribute titles to use full words instead of data labels using the Configure Attributes button in the Pop-up Configuration

    Optional Tip:
    Use a tile layer to display complex data at small scales. The California ZIP Code layer contains over 250, 000 vertices. For this reason, a tile layer at small scales and the feature layer at large scales were used to ensure the map layers were ready to go viral.

  1. Create the app
    • Once you’ve created and saved the web map, click the Share button, and select the Create a web app option. Click the Explore/Summarize Data filter and click Geo List (beta).
    • When the app configuration wizard appears, add a unique description, title and button text to help your users understand the purpose of the app and entice them to go on the guided tour. The title and description will be imported from the webmap by default but can be changed in the Description Panel. Tip: Add a look up app link if you want users to be able to search for specific ZIP Codes.
    • Pick colours or use your pre-configured shared theme to brand your app.
  1. Configure ranking
    The last step is to configure the ranking in the Geo List app. This will dictate which data the app highlights in the guided tour.

     

    • Choose the feature layer and field that you would like users to be guided through. For this web map, Tax Return Information 2014  was selected from the drop-down list and the refund per return field. This field includes an average refund amount per return filed per ZIP Code.
    • Type the number of features that you would like the app to guide users through in the number of features to display text box.
    • Choose a Rank Order option to indicate whether the app should show the highest value features, High to Low or the lowest value features, Low to High. The High to Low option was selected to show the highest refund values.
    • Next choose whether you would like to enable auto-play to automatically progress users through the features and pick your bullet display type of choice.
 
  1. Share your app
    Test your app to ensure that everything is set up with the desired user experience and refine the colours or map position as needed. Then share your app with your audience so they can see your great work.

Additional examples:
Story Map Series of multiple Geo List apps about taxes
Where are you most likely to go to jail?
Martian Craters
Largest Changes in Female height

 

Link to ArcGIS Blog

ArcGIS Online Templates

ArcGIS Online

ArcGIS Web Applications including Map Viewer, interact with web services via http requests. The web application requests information (such as Feature and Tile Layer Data) from the Web Server (Feature Layer, Tile Layer) and the server responds with information so the application can display the data. Although not necessary, you can monitor and view web requests to gain more insight into how your application and server are working.

 

To monitor web requests, you will need to download a web debugging tool like fiddler or use the in browser developer tools. For this blog, I’m going to use developer tools in Chrome by navigating to the Menu > More Tools > Developer Tools.

First, let’s review at the requests that are sent for a tile service from this url:

https://webapps.maps.arcgis.com/apps/Minimalist/index.html?appid=4a944ee7b2de4dc8b9db05cfeb4f55e6

If you open up developer tools' network tab while loading the URL, you will see a lot of requests, and it can be difficult to know which is the right request to monitor. I know that I want to monitor my tile service requests, so I scrolled through the list of requests to find my tile url. There are also little images of the service that help to visualize the image response from the tile service:

Looking at the network tab, I can learn a few things about my request. The url (Name), the status (200 Success) , the type (png) and the size 22.3KB. You can also open the link by right-clicking on the link> open in new tab to see the response from the server to the application sent to the server:

https://services5.arcgis.com/cuQhNeNcUrgLmYGD/arcgis/rest/services/World_Vertex/MapServer/tile/2/1/2 

 

As this is a tile service, the application requests individual png tiles generated by the server for display in the web app.

 

Next, let’s review at the requests that are sent for a feature layer from this app:

https://webapps.maps.arcgis.com/apps/Minimalist/index.html?appid=75ed4bda471641adbb251b09670eedba 

 

You will notice that this app is slower to load the layer. If you look at the fifth request in the image below, you will notice that it has some similar properties to the tile request, Name, Status 200. The size is 1.2 MB and it took 887 ms to complete the request.

When looking at the request in more detail, you can scroll through the response which is several hundreds of pages of text (mostly geometry).  https://services5.arcgis.com/cuQhNeNcUrgLmYGD/arcgis/rest/services/World_Vertex/FeatureServer/0/query?f=json&where=1%3D1… 

 

By clicking on the link and then the timing tab, you can see more information regarding the timing of the request. The other tabs, like headers, preview and response can also give more insight into the specific request:

 

To see the input parameters in a more readable format, change the word JSON in the title to html :

https://services5.arcgis.com/cuQhNeNcUrgLmYGD/arcgis/rest/services/World_Vertex/FeatureServer/0/query?f=html&where=1%3D1… 

In this request you can see that all of the features in the service were queried: Where 1=1, and the geometries and attributes were returned.

 

Looking at these requests, you can see how the response from the feature layer requests contains more data than the request for the tile image. Try monitoring the service requests using developer tools or fiddler when you are looking to learn more about how the application communicates with the Server.

 

For more information on how Best Practices for using Tile Layers as Operational Layers, click this link to see the companion ArcGIS Blog

 

ArcGIS Online

Hello to all of the ArcGIS Online Web App creators out there,

 

We are launching a new Group in Geonet specifically for ArcGIS Online users who create their own apps for their users, using the configurable apps and more. This group is a place to discuss best practices, show off your apps, ask questions and let the team know what projects you are working on. Also, it's a great place to let us know your feedback on how you like the apps and what would be helpful for the future.

 

This group has been upgraded to include some additional features that aren't included in the  ArcGIS Online Templates group. Both groups will run in Tandem until all of the content from the original group has been moved over. 

 

For now, get familiar with the new overview page, check out the helpful links, the featured app of the week, critique some Apps, review some Ideas and most importantly, ask some questions.

 

I'll end this blog with a really awesome Map Joke:

 

Why do paper maps never win poker tournaments?

 

 

They always fold!

 

 

I look forward to chatting with you all on Geonet!

 

-Kelly

 

 

ArcGIS Online

ArcGIS Online Templates