{"id":72981,"date":"2016-07-27T21:00:16","date_gmt":"2016-07-27T21:00:16","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/using-the-time-aware-configurable-app-template\/"},"modified":"2018-03-26T21:09:45","modified_gmt":"2018-03-26T21:09:45","slug":"using-the-time-aware-configurable-app-template","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/mapping\/mapping\/using-the-time-aware-configurable-app-template","title":{"rendered":"Using the Time Aware configurable app template"},"author":7641,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[31081,28031,28041,27591,31591],"industry":[],"product":[36551],"class_list":["post-72981","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-date","tag-temporal","tag-time","tag-time-aware","tag-time-enabled","product-arcgis-online"],"acf":{"short_description":"Map layers may contain temporal data\u2014an attribute field containing the date and time that something happened. These temporal events can...","flexible_content":[{"acf_fc_layout":"content","content":"

Map layers may contain temporal data\u2014an attribute field containing the date and time that something happened. These temporal events can occur in the same place, or can occur in different places, over the course of time. For example, the recorded stream flow at a gauging station does not change location, but the stream flow gauge values do. Earthquakes, fires, and crime incidents occur at different locations over time.<\/p>\n

In the web map, temporal data can be visualized using a time slider. The time slider provides controls to explore temporal data interactively and is available at the bottom of any map that contains enabled temporal layers.<\/p>\n

Time Aware<\/a> is a configurable app template that enables users to visualize time-enabled layers. It enhances the temporal capabilities of the web map, and can be configured to display time-enabled web maps in different ways.<\/p>\n

Here’s how to use Time Aware, beginning with adding data and authoring the map that will be used. If you already have a time-enabled map, skip to Configuring Time Aware.<\/p>\n

<\/h2>\n

Timely data<\/span><\/h2>\n

In this example, earthquakes events exceeding 5.5 in magnitude for the year to date were downloaded in CSV format from the USGS Earthquake Archives<\/a>. Inspecting the CSV we can see the date and time of the quake are stored in the Time field (and that the file includes lat\/long).<\/p>\n

\"\"<\/p>\n

The CSV file used in this example can be downloaded here<\/a>.<\/p>\n

<\/h2>\n

Create a time-enabled layer<\/span><\/h2>\n

To make a time-enabled layer that will be used in the map and the Time Aware app, follow these steps.<\/p>\n

1. In My Content, add the CSV file by clicking Add Item, then choosing From my computer.<\/p>\n

\"\"<\/p>\n

2. Click Choose File to browse for the file.<\/p>\n

3. Add a title and tags.<\/p>\n

4. Publish the file as a hosted layer. Note that this requires publisher privileges, you can skip this step and start with the layer<\/a>.<\/p>\n

5. Click Add Item.<\/p>\n

\"\"<\/p>\n

6. After adding the item, click Time Settings in the Layers section on the Item Pages.<\/p>\n

\"\"<\/p>\n

7. In Time Settings, check Enable Time.<\/p>\n

8. Choose the time field to use (in this case it is time<\/em>).<\/p>\n

9. Click OK.<\/p>\n

\"\"<\/p>\n

Save the changes you’ve made to the itme. You’ve now created a time-enabled layer.<\/p>\n

<\/h2>\n

Author a time-enabled web map<\/span><\/h2>\n

Using the layer configured above<\/a>, or a similarly configured time-enabled layer, add the layer to a web map. You can enable or disable time animation in the layer properties. Click more options:<\/p>\n

\"\"<\/p>\n

And look for Enable\/Disable Time Animation.<\/p>\n

\"\"<\/p>\n

For use in Time Aware, the web map must have a time-enabled layer. When a time-enabled layer is present, a time slider will display at the bottom of the web map, including configuration options.<\/p>\n

\"\"<\/p>\n

While you may want to configure the time settings in the web map, this step isn’t necessary for use with the Time Aware app, and won’t be covered here. Save the map when you’ve finished, and share it as desired.<\/p>\n

<\/h2>\n

Create the Time Aware app<\/span><\/h2>\n

From your web map, click Share, then click Create A Web App.<\/p>\n

\"\"<\/p>\n

In the Create a New Web App gallery, choose Explore\/Summarize Data, and select the Time Aware app.<\/p>\n

\"\"<\/a><\/p>\n

Click Create Web App<\/p>\n

\"\"<\/p>\n

Then specify the title, tags, and summary for the Time Aware web app, when finished click Done.<\/p>\n

\"\"<\/a><\/p>\n

<\/h2>\n

Configure Time Aware<\/span><\/h2>\n

After completing the steps above, the Time Aware configuration panel opens. Tabs along the left reveal properties that can be changed as desired.<\/p>\n

\"\"<\/p>\n

The tabs that control time properties are Time Slider Options<\/strong> and Date\/Time Format<\/strong>. Though there are many options to choose from, for this example we wanted to display the time as monthly intervals, automatically start the time animation, and continuously loop the animation, as the app is opened.<\/p>\n

The following are the properties set in Time Slider Options:<\/p>\n

\"\"<\/p>\n

The following are the properties set in Date\/Time Format:<\/p>\n

\"\"<\/p>\n

View the Time Aware app<\/a>\u00a0configured using the property settings above.<\/p>\n

Tip:<\/strong> You can Save and View to see how the properties changes you’ve made affect the app, and experiment by\u00a0adjusting other properties until you achieve the desired viewer experience. When finished, click Save and complete the details in the Item Pages.<\/p>\n

<\/h2>\n

For more information<\/span><\/h2>\n

For more information, see the following:<\/p>\n