smart city planning with arcgis urban and cityengine...graphql esri-rest-js apollo software...

55
Eric Wittner and Michael Van Den Bergh Smart City Planning with ArcGIS Urban and CityEngine

Upload: others

Post on 23-May-2020

27 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Eric Wittner and Michael Van Den Bergh

Smart City Planning with ArcGIS Urban and CityEngine

Page 2: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

ArcGIS Urban• Web-based Urban Planning Tool• Built on the ArcGIS Platform• Utilizes the PRT from CityEngine

Page 3: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

3D Basemap

Interactive viewer

Indicators and Metrics

Smart Search

Provides a 3D representation of the city and contextual information to assess performance and drive sound decision making

A Digital Twin asContext for Change

Page 4: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Ensure proposed development conforms to the city policy relating to visibility or shadow impact regulations during design review

3D Project Model

Project Information

Measure Impact

Streamline Reports

Visualize Projects Citywide

Page 5: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Local Code

Visual Representation

Downstream Reporting

Scenario Management

Create visual and analytical representation that allows planners to ‘do the math’ while at the same time ‘show their work’ to stakeholders

Improves Planning Productivity

Page 6: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Simplify community involvement to gain early buy-in by providing transparency and supporting the gathering of feedback and ideas.

Facilitate Better Engagement

Review of proposals

Collect comments

Collaborate

Share ideas

Page 7: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

ArcGIS Urban

Internal ViewPublic ViewCitizens /NGOs

City Leaders Real EstateDevelopers GIS ProfessionalsPlanning Professionals

Page 8: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Eric WittnerArcGIS Urban Demo

Page 9: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 10: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Platform OverviewWorkflow

Urban DB(Existing Conditions)

ArcGIS Online

PublicView Layers

Internal External

Citizens /NGOs

City Council / Leadership

Real EstateDevelopers

Shared Hub InitiativesCommunity Engagement

UrbanDesign DB(Scenarios)

Planning Professionals

ArcGIS UrbanScenario Planning

ArcGIS Pro(Administration &

Advanced Analysis)

GIS Professionals

Step 1:Create the “digital twin” and system of record

Step 2:Create and collaborate on plans, projects, and indicators

Step 3:Establish shared views and engage community

Step 4:Extended and advanced workflows

Implementation Process

Story Maps

Survey123

CityEngine

Adobe Creative Cloud

Community Analyst

Experience Builder

Page 11: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

• Example Cities• Export and Share Plan Scenarios• Manage Space Use Types in Plans• Street View• Simple Zoning Import

5 Highlights of 1.1

Page 12: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

v

Example Cities

Page 13: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

2. Export and Share Plan Scenarios

Video

Page 14: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

3. Manage Space Use Types in Plans

Video

Page 15: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

4. Street View

Video

Page 16: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

5. Simple Zoning Import

Video

Page 17: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

• Our Vision• Key Epics• API

2020 Roadmap

Page 18: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Comprehensive Plan

Specific Plans

Project Review

Approvals& Tracking

Re-zoningand

Variances

GIS

Hub Urban

ProjectSubmission

(Web-based)

Planning Continuity

Vision:

Page 19: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Comprehensive Plan

Specific Plans

Project Review

Approvals& Tracking

Re-zoningand

Variances

GIS

Hub Urban

ProjectSubmission

(Web-based)

Planning Continuity

Vision:

2.0June

2.1Oct.

2.0June

Page 20: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Public Release

Public Release

ArcGISUrban v2.0 ArcGIS

Urban V2.1

Version 2.0

• Land Use Plans

• Advanced Capacity Metrics

• Partner API (Permitting Integration)

• Collaboration and Markup

• Custom Building Mass Modelling

• Interactive Line of Sight Analysis

• Adv. Zoning Enhancements

Version 2.1

• Project Submission

• Integrated Mesh Basemaps

• Skyplanes and Buffers

• Local Coordinate Systems

• Suitability and Place Types

• Adv. Zoning Enhancements

• Adv. Land Use Enhancements

2020 Roadmap

UC

2020

MAY JUN JUL SEP OCT NOV DECAUGAPR

Features shown on this roadmap may change before release

Page 21: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Software architectureArcGIS Urban

Page 22: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 23: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 24: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Software architectureArcGIS Urban

Page 25: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Software architecture

=ArcGISUrban

ArcGISUrban API

CityEnginePRT

+

ArcGIS Online

+ +Urban

FrontendArcGISJS API

+

Page 26: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Software architecture

=ArcGISUrban

ArcGISUrban API

ArcGIS Online

+React

Redux

Redux-Saga

CityEnginePRT

JS APIWASM

Page 27: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Software architecture

=ArcGISUrban

ArcGIS Online

React

Redux

Redux-Saga

CityEnginePRT

JS APIWASM

GraphQL

esri-rest-js

Apollo

Page 28: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Software architecture

=ArcGISUrban

ArcGIS Online

React

Redux

Redux-Saga

CityEnginePRT

JS APIWASM

GraphQL

esri-rest-js

Apollo

Page 29: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Software architecture

=ArcGISUrban

ArcGIS Online

React

Redux

Redux-Saga

CityEnginePRT

JS APIWASM

GraphQL

esri-rest-js

Apollo

Page 30: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

GraphQLArcGIS Urban API

Page 31: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

• Reduce complexity on the frontend application.• Integration with other applications.• Gatekeeper of data model.

Why Urban API?

Page 32: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

• Tailored requests: query plans, projects, indicators at once• Validation and type-checking• Detailed error messages

Why GraphQL?

Page 33: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Urban API demo

Page 34: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

React componentreact-sceneview

Page 35: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

• 3D map as a React component.• No Dojo, no esri-loader.• Wraps from JS API: SceneView, WebScene, Layer, etc…

Why react-sceneview?

Page 36: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

React componentreact-sceneview

Page 37: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Esri CityEngine• What is CityEngine• Integration with Urban• Site Design • Advanced Workflows

Page 38: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 39: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 40: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 41: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 42: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 43: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 44: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 45: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Urban Design with CityEngine

ConceptualPlanning

SMEs in AEC

SitePlanning

City Planning Dept

MasterPlanningLarge AEC firms

VR/ARExperiencesPlanning & GIS Professionals

Page 46: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

CAD / 3D Sketching

Procedural Design

Number of Iterations

NewRule Creation

How it work?

• Create existing condition (Get Map Data)

• Author Rules (or use Library)

• Draw your designs, and apply rules

• Evaluate alternative scenarios

• Publish as share for feedback

CityEngine’s Capabilities

• Realistic, thematic, and conceptual representation

• Metrics in reports and dashboards, analysis tools

• Scenario management and comparison

• Publishing to web, game engines, and VR

• Integrated with the ArcGIS Platform

Scenario A

Scenario B

Thematic (Zoning)Realistic

Esri CityEngine

Page 47: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Import Plans/Projects

SynchronizePublish

Scenarios

Urban Integration withCityEngine 2019.1

Export to VR & Rendering

ArcGIS Urban

CityEngine

Unreal Engine

Page 48: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 49: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 50: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 51: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 52: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

Procedural Modeling through PythonPyPRT

Page 53: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 54: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM
Page 55: Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software architecture = ArcGIS Urban ArcGIS Online React Redux Redux-Saga CityEngine PRT JS API WASM

[email protected] Questions