Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin...

Julia Bell - Esri

Chandra Bondzie - DOT

Caitlin Willoughby - Booz Allen Hamilton

Matt O’Connell - Mead and Hunt

Web AppBuilder for ArcGIS:

An Introduction

Copyright © Esri. All rights reserved.

Create web apps

Copyright © Esri. All rights reserved.

Web AppBuilder for ArcGIS

• Create new apps without coding

⎻ Interactive WYSIWYG user experience

⎻ 2D and 3D apps

⎻ 2D apps run in the browser on any device

• Integrated with the ArcGIS Platform

• Built with ArcGIS API for JavaScript / HTML5

⎻ Extensible

Copyright © Esri. All rights reserved.

Web AppBuilder for ArcGIS editions

• ArcGIS Online and Enterprise

⎻ Embedded in the website

• Developer edition

⎻ Download and install locally

⎻ Sign in to ArcGIS Online / Enterprise

ArcGIS Online ArcGIS Enterprise

Copyright © Esri. All rights reserved.

Web AppBuilder live sites showcase

• ArcGIS Online group

⎻ Organizations and individuals can promote their apps

Web AppBuilder for ArcGIS

Copyright © Esri. All rights reserved.

• Use web maps and web scenes

⎻ Create and share your content

⎻ Integrate ArcGIS Living Atlas of the World content

• Configure utility services

Preparing content for your apps

Utility services

Geocoding

Directions and Routing

Printing

ArcGIS Online

ArcGIS Enterprise

Apps

Web map

Living Atlas

Copyright © Esri. All rights reserved.

Workflow: Creating a new app

Preview

and

Launch

Theme Widget AttributeMapApp

Purpose

Tools

Title, Logo, Links2D or 3D

Style and Layout

Copyright © Esri. All rights reserved.

2D widgets

• Foundation

⎻ Navigation

⎻ Filter

⎻ Query

⎻ Search

⎻ Bookmark

⎻ Geocode

⎻ Legend

⎻ Swipe

⎻ Geoprocessing

⎻ Edit

⎻ Infographic

Copyright © Esri. All rights reserved.

2D widgets

• Solutions

⎻ Near me

⎻ Smart Editor

⎻ Grid Overlay

⎻ Screening

⎻ Public Notification

⎻ Situation Awareness

⎻ Parcel Drafter

⎻ Suitability Modeler

⎻ Info Summary

⎻ District Lookup

⎻ Emergency Response Guide

Copyright © Esri. All rights reserved.

Filter

• Apply expressions to filter map features

⎻ Single expression or a set (multiple)

⎻ Supports relative dates

⎻ Multi-selection

• Filter options

⎻ Remove preset filters from the map

⎻ Apply filter when widget is opened

⎻ Zoom to layer after filter is applied

⎻ Allow custom filters

Copyright © Esri. All rights reserved.

Near Me

• Locate features within a buffer area

⎻ Address or location

• Near Me options

⎻ Search source settings

⎻ Draw selected search layer results

⎻ Max results to return

⎻ Get directions

Copyright © Esri. All rights reserved.

Edit

• Create, update, and delete features and attributes

⎻ Support editing related tables

• Editor options

⎻ Merge, cut, reshape and undo/redo

⎻ Apply edits to attributes using Save button

⎻ Enable geometry edit by default when geometry is moved

Creating an App

Copyright © Esri. All rights reserved.

3D widgets

• Navigation

• Compass

• Measurement

• Coordinates

• Slides

• Share

• Basemap Gallery

• Daylight

• 3DFx

3D Widgets

Copyright © Esri. All rights reserved.

Web app customization

Copyright © Esri. All rights reserved.

Web app customization options

• Add custom widgets

⎻ Developer edition or Enterprise

• Add custom themes

⎻ Styles, layouts, panels

• Export app templates

⎻ 2D or 3D

?

Widgets

Themes Templates

Copyright © Esri. All rights reserved.

Community resources

• GeoNet

⎻ Product community: Web AppBuilder for ArcGIS

⎻ Developer Group: Web AppBuilder Custom widgets

⎻ Developer Group: Web AppBuilder Custom themes

• GitHub

⎻ Esri Solutions team widgets

⎻ Esri Raster team widgets (Image services)

Copyright © Esri. All rights reserved.

What other Web Apps are there?

Dashboards

Story Maps

Experience

Builder

Click to edit Master title style

NATIONAL HIGHWAY FREIGHT NETWORK (NHFN) TOOL

Chandra Bondzie, FHWA

PURPOSE

This application was created to help public and private users understand, access, explore and analyze the NHFN in a user friendly geospatial application.

This application allows users to find comprehensive NHFN data in a one stop shop.

21

Source: NHFN

BACKGROUND

This application was created to allow users to visualize the NHFN network and associated data. Prior to 2015, users had no access to a visualization tool for the NHFN. The tool includes the Primary Highway Freight System (PHFS), non-PHFS Interstates, and Critical Urban and Critical Rural Freight corridors (from State DOTs).

22Source: FHWA

BACKGROUND (CONTINUED)

Data Conflation Challenges PHFS data based on 2012 data

Non-PHFS Interstate needed to be updated from 2016 HPMS to 2017

CUFC and CRFC provided by States came in various formats

Data pieced together State by State

23

Source: FHWA Source: FHWA

BACKGROUND (CONTINUED)

Incorporating IRI data International Roughness Index (IRI) is a metric we wanted to

have associated with the NHFN – the IRI comes from Highway Performance Monitoring System (HPMS).

Challenge updating to latest HPMS data (2017) benefit/cost segmentation of roads changes from each year.

24Source: FHWA

KEY FEATURES

Data is updated yearly

IRI and mileage included

Condition and freight data allows

users to download one dataset

instead of conflating data from 50

States

Allows a user to drill down into

hundredths of a mile road segments

Provides the data that can tell the

“freight story” in the United States

25

Source: FHWA

APPLICATION

This tool can help federal policymakers,

State DOTs, private industry,

metropolitan planning organizations

(MPOs), research organizations by

providing accurate, comprehensive data

and visualization of that data to help

improve freight policy and decisions.

Public Application: PHFS layer, Non-

PHFS layer, Critical Rural and Critical

Urban Freight Corridor Layers.

Private Application: Includes public

data layers.

26

Source: NHFN

EXAMPLE

Application is built using the ArcGIS Online Suite

Data Processing is done in ArcMap and ArcGIS Pro

Complete geographic information system (GIS) visualization application

27

UPCOMING ACTIVITIES

Accuracy Assessment:

How to get data to be 100% accurate instead of just 99%?

Application Enhancements:

Analytics and More Data

Example “More Data”:

Intermodal Connectors

Accessing how to conflate new datasets for usage in the tool that could

provide useful information such as the National Performance

Management Research Data Set (NPMRDS) (this would not only help the

application but all of DOT in terms of its data quality and usability)

28

UPCOMING ACTIVITIES (CONTINUED)

Moving Forward – Data Maintenance

Each year the freight network will change

New roads built, changes to existing roads

Road condition improvements / degradation

New input from States on CUFCs and CRFCs

Updated HPMS data

Re-designation of the PHFS every 5 years

29

Source: FHWA

MORE INFORMATION

Chandra Bondzie

Chandra.Bondzie@dot.gov

202-366-9083

Website

Coming Soon!

30

Download the EsriEvents app and find

your event

Select the session you attended

Scroll down to “Survey”

Log in to access the survey

Complete the survey and select “Submit”

Please Share Your Feedback in the App