Top Banner
Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS: An Introduction
32

Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

Aug 24, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

Julia Bell - Esri

Chandra Bondzie - DOT

Caitlin Willoughby - Booz Allen Hamilton

Matt O’Connell - Mead and Hunt

Web AppBuilder for ArcGIS:

An Introduction

Page 2: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

Copyright © Esri. All rights reserved.

Create web apps

Page 3: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 4: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 5: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

Copyright © Esri. All rights reserved.

Web AppBuilder live sites showcase

• ArcGIS Online group

⎻ Organizations and individuals can promote their apps

Web AppBuilder for ArcGIS

Page 6: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt 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

Page 7: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 8: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

Copyright © Esri. All rights reserved.

2D widgets

• Foundation

⎻ Navigation

⎻ Filter

⎻ Query

⎻ Search

⎻ Bookmark

⎻ Geocode

⎻ Legend

⎻ Swipe

⎻ Geoprocessing

⎻ Edit

⎻ Infographic

Page 9: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 10: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 11: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 12: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 13: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

Creating an App

Page 14: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

Copyright © Esri. All rights reserved.

3D widgets

• Navigation

• Compass

• Measurement

• Coordinates

• Slides

• Share

• Basemap Gallery

• Daylight

• 3DFx

Page 15: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

3D Widgets

Page 16: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

Copyright © Esri. All rights reserved.

Web app customization

Page 17: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 18: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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)

Page 19: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

Copyright © Esri. All rights reserved.

What other Web Apps are there?

Dashboards

Story Maps

Experience

Builder

Page 20: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

Click to edit Master title style

NATIONAL HIGHWAY FREIGHT NETWORK (NHFN) TOOL

Chandra Bondzie, FHWA

Page 21: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 22: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 23: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 24: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 25: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 26: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 27: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 28: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 29: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 30: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

MORE INFORMATION

Chandra Bondzie

[email protected]

202-366-9083

Website

Coming Soon!

30

Page 31: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS:

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

Page 32: Web AppBuilder for ArcGIS: An Introduction...Julia Bell - Esri Chandra Bondzie - DOT Caitlin Willoughby - Booz Allen Hamilton Matt O’Connell - Mead and Hunt Web AppBuilder for ArcGIS: