Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child...

Building Apps for Hub:

Hub Ready Apps

github.com/dbouwmandbouwman@esri.com

github.com/MarkhamShofnermshofner@esri.com

INNOVATION AND ENGAGEMENT

Public Digital Infrastructure

Execute Policy

Civic Engagement Platform

Initiatives

• Initiatives are a measurable goal and

strategy to improve a particular community

need.

• Initiatives are policy issues of notable

importance, and of primary focus for the

community. They are the focal point for

community engagement.

• In the Community Engagement Hub -

initiatives package data, apps, dashboards,

web pages, teams, and policy narratives.

Site Pages Apps toInform, Listen, Monitor

Site Pages Apps toInform, Listen, Monitor

Hub Ready App Requirements

Data Citations

Shared Themes

Indicator Awareness

Accessibility

Financial Transparency

Hub Mobile

Municipality Viewer

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Hub Ready: Data Citations

• Apps automatically provide links to Hub dataset pages

• Increases access and re-use of data

• Improves search engine optimization

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Hub-Ready: Shared Themes

• Encourages child entities to inherit visual themes from parent entities.

• Allows developer to pull in and apply agreed upon theming into a child application (e.g.

Municipality Viewer) from a parent organization (e.g. Los Angeles).

1. Create Shared Theme [outside of app]

2. Fetch Shared Theme [within the app]

3. Inject Shared Theme [within the app]

dcdev.maps.arcgis.com

portalProperties.sharedTheme

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Hub Ready: Accessibility

• Adherence to Web Content Accessibility Guidelines (WCAG) 2.0 principles

- Perceivable

- Operable

• Internationalized strings

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Hub Ready: Indicator Awareness

• Apps should provide specific information on which data are required for the app to run properly.

• Input Types: Number, String, Layer, Fields

Configur-able

Configur-ed

Indicators(light-weight schema mapping)

Under Development*fabiogis50/900294190

Configurable

Apps

Super Generic Application

Facility Information

Bike Crashes

Summary Viewerco

de

Summary ViewerTemplate

tem

pla

te Layer

Fields…

Summary Viewerco

de

Summary ViewerTemplate

tem

pla

te {values: { webmap: “4bc…”summaryLayer": {id: ”Safety",fields: […]

}}

}

App configuration values

Summary Viewerco

de

{values: { webmap: “4bc…”summaryLayer": {id: ”Safety",fields: […]

}}

}

App configuration values

?appid=3ef…

On startup, app loads the /data for 3ef…

reads the configuration and sets itself up

IndicatorsAdd Context to Configuration

Summary Viewer

Vision ZeroBike Accident

Summary Viewer

Bike Crash Layer

FieldsDate/TimeTypeSeverityco

de

Summary ViewerTemplate

tem

pla

teContextualized

template

ContextualizedFields

Summary Viewer

Vision ZeroBike Accident

Summary Viewer

Bike Crash Indicator

cod

e

Summary ViewerTemplate

tem

pla

teContextualized

template

ContextualizedFields

Reusable

Configuration

App

A B

App App

A B C

App App App

A B C

App

Data Citation

Shared Themes

Indicator Awareness

Accessibility

UC 2017Timeframes

Discussion

dbouwman@esri.com

mshofner@esri.com

MyStreet.surge.sh

github.com/Esri/MyStreet

Please Take Our Survey on the Esri Events App!

Select the session

you attended

Scroll down to find

the survey

Complete Answers

and Select “Submit”

Download the Esri Events

app and find your event