Building Web Apps with ImageryEmily Windahl

OverviewUsing your Imagery

• What story are you telling with your imagery?

• How can you make it as compelling as possible?

• What will the end user be able to do?

• What we’ll talk about:

- Web-enabled imagery

- Options for creating apps with imagery

- From web map to web app

From image service to web app

Image Service Web Map Web App(Imagery Layer)

Map Viewer | ArcGIS Pro

Configurable Templates

Web AppBuilder

Image services and the ArcGIS Living Atlas of the World

Web-enabled imagery

Dynamic image services (for web apps)

ArcGIS

Image

Server

Image Service

• How are they created?

- A raster dataset or a mosaic dataset is published using

ArcGIS Image Server (and ArcGIS Enterprise)

• Why are they useful for web apps?

- Accessible from any web-enabled device

- Allow for server-side processing using attached raster

function templates*

- Allow for client-side processing for fast, interactive

functionality

- Provide fast, dynamic display and on-the-fly rendering

*What are raster functions?

• Operations that apply processing in memory (no new files)

• They only apply processing to pixels on your screen

• As a result, processing is applied very quickly

• Can be chained together to create custom processing

templates

• Can be applied or attached to image services

ArcGIS Living Atlas of the World

• Esri-curated collection of geographic information

• Esri-produced imagery layers: ~280 results

• Image services as formatted tile layers, imagery layers, or web maps

• Includes:

- Earth observations

- Elevation

- Weather/climate data

- …and more

ArcGIS Living Atlas of the World

• Pre-configured imagery layers for:

- Landsat

- Sentinel-2

- NAIP

- MODIS

- World Elevation

Imagery Content in

the Living Atlas

Options for Imagery Apps

Why share imagery using web apps?

• Web apps…

- Add functionality, polish, and context beyond

Map Viewer

- Provide end users with basic imagery tools

- Are simple to get started, with more advanced

options for customization

- Are accessible from any web-enabled device

Options for imagery web apps in ArcGIS

Web AppBuilder (Core)

Web AppBuilder (Developer Edition)

MoreCustomization

Easier to implement

Configurable app templates

JavaScript API

(3.x or 4.x)

Option 1: Configurable App Templates

• Includes Story Maps and configurable templates designed for imagery

• Targeted at specific purposes

• Predetermined, limited list of configurable settings and tools

• No coding required

• Built around a configured web map

• Easy to share

- Apps are hosted on ArcGIS Online

- …or on your servers or in the cloud

Option 1: Configurable App TemplatesConfigurable apps designed for imagery

esriurl.com/ConfigApps/

• Imagery Viewer

- Visualize and interpret imagery layers

through time and space

• Image Mask

- Calculate and visualize change between two

images in an imagery layer

- Highlight an area of interest that meets a

user-defined threshold for common spectral

indices

• Image Visit

- Review the attributes of a predetermined

sequence of locations in imagery

• Also include tools for:

- Visualizing imagery layers (and non-

imagery layers)

- Searching for imagery through time

- Navigation using bookmarks

- Editing feature layers

- Measurement

- …and more

Option 1: Configurable App TemplatesConfigurable apps designed for imagery

http://esriurl.com/ImageryAppGallery

• Suite of ready-to-use configurable widgets

• Customizable themes

• No coding required

• Built around a configured web map

• Easy to share

- Apps are hosted on ArcGIS Online

- …or on your servers or in the cloud

Option 2: Web AppBuilder for ArcGIS (Core)

Option 2: Web AppBuilder for ArcGIS (Core)

• Layer List

• Legend

• Query

• Attribute Table

• Popups

• Image Measurement*

• Oblique Viewer*

* Specifically designed to work with image services

Widgets that support imagery

Option 3: Web AppBuilder, Developer EditionBuild custom widgets for imagery

• Leverage the JS API to create custom,

imagery-friendly widgets

• Extensive documentation

• Not automatically hosted through ArcGIS

Online

• …we’ve done the hard work for you.

Option 3: Web AppBuilder, Developer Edition Web AppBuilder for Image Services (WABIS) widgets

• Custom WAB widgets designed to work with

image services

• Downloadable from GitHub

• Open-source, community supported

• Requires ArcGIS Online account and WAB

Developer Edition

• Example: http://landsatexplorer.esri.com

github.com/Esri/WAB-Image-Services-Widgets

Option 4: ArcGIS API for JavaScript 3.x and 4.x

• Create custom web apps, widgets, and configurable apps

• Can be integrated with third-party frameworks (e.g. React, Angular, Ember, etc.)

• Build apps that can…

- Chart pixels

- Leverage WebGL and actual raster data for client-side processing

- Use raster functions to perform server-side processing

- Manipulate multidimensional data

Section Subhead

From Web Map to

Imagery App

Option 2: Web AppBuilder (Core)

Build an Oblique

Viewer

Option 1: Configurable Apps

Build an app to

detect burn scars

Related presentations

SCAN FOR

A DIGITAL

COPY OF

THE FLIER

• Tuesday

1:15 pm Imagery Visualization and Analysis

Using the Map Viewer (Demo Theater 2)

• Wednesday

10:00 am ArcGIS Enterprise: Sharing Imagery

(Demo Theater 2)

11:15 am Working with Living Atlas Data:

Multispectral and Multitemporal Imagery

(Demo Theater 11)

• Thursday

1:00 pm Managing Imagery Using Mosaic

Datasets and Image Services (Rm 05A)

Please Share Your Feedback in the App

Download the Esri

Events 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”