47

Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in
Page 2: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Building Apps for Hub:

Hub Ready Apps

github.com/[email protected]

github.com/[email protected]

Page 3: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

INNOVATION AND ENGAGEMENT

Page 4: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Public Digital Infrastructure

Page 5: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Execute Policy

Page 6: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Civic Engagement Platform

Page 7: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

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.

Page 8: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Site Pages Apps toInform, Listen, Monitor

Page 9: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Site Pages Apps toInform, Listen, Monitor

Page 10: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Hub Ready App Requirements

Data Citations

Shared Themes

Indicator Awareness

Accessibility

Financial Transparency

Hub Mobile

Municipality Viewer

Page 11: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Page 12: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Page 13: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Hub Ready: Data Citations

• Apps automatically provide links to Hub dataset pages

• Increases access and re-use of data

• Improves search engine optimization

Page 14: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Page 15: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

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]

Page 16: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

dcdev.maps.arcgis.com

portalProperties.sharedTheme

Page 17: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Page 18: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Hub Ready: Accessibility

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

- Perceivable

- Operable

• Internationalized strings

Page 19: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Page 20: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

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

Page 21: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Configur-able

Page 22: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Configur-ed

Page 23: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in
Page 24: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Indicators(light-weight schema mapping)

Page 25: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Under Development*fabiogis50/900294190

Page 26: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Configurable

Apps

Page 27: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Super Generic Application

Page 28: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Facility Information

Page 29: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Bike Crashes

Page 30: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Summary Viewerco

de

Summary ViewerTemplate

tem

pla

te Layer

Fields…

Page 31: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Summary Viewerco

de

Summary ViewerTemplate

tem

pla

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

}}

}

App configuration values

Page 32: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in
Page 33: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Summary Viewerco

de

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

}}

}

App configuration values

Page 34: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

?appid=3ef…

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

reads the configuration and sets itself up

Page 35: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in
Page 36: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

IndicatorsAdd Context to Configuration

Page 37: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Summary Viewer

Vision ZeroBike Accident

Summary Viewer

Bike Crash Layer

FieldsDate/TimeTypeSeverityco

de

Summary ViewerTemplate

tem

pla

teContextualized

template

ContextualizedFields

Page 38: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Summary Viewer

Vision ZeroBike Accident

Summary Viewer

Bike Crash Indicator

cod

e

Summary ViewerTemplate

tem

pla

teContextualized

template

ContextualizedFields

Page 39: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Reusable

Configuration

Page 40: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

App

A B

Page 41: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

App App

A B C

Page 42: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

App App App

A B C

App

Page 43: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Data Citation

Shared Themes

Indicator Awareness

Accessibility

Page 44: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

UC 2017Timeframes

Page 45: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

Discussion

[email protected]

[email protected]

MyStreet.surge.sh

github.com/Esri/MyStreet

Page 46: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in

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

Page 47: Building Apps for Hub: Hub Ready Apps - Esri · Hub-Ready: Shared Themes •Encourages child entities to inherit visual themes from parent entities. •Allows developer to pull in