Welcome to the

Esri HackerLab for MAPSCorps

Go here: esriurl.com/mapscorps

--click on link above--

What's a geodev hackerlab?

Build geo apps with ArcGIS

Beyond the documentation,  Under the hood

Focus on Story Maps

Informal - Interactive - Tips & tricks - Follow along or try yourself

Format

Demos & Short labs

What are we building?

A Story Map

Link

1) ArcGIS Online (maps, data, services, analyses)?

2) ArcGIS JavaScript development?

Scale of 1-10...

Questions

How familiar are you with:

Getting Started

ArcGIS Developer Resources

ArcGIS Platform

Sign up for developer account:

Voucher Code: MAPSCORPS

http://developers.arcgis.com

Then go here for labs:

http://esriurl.com/mapscorps

developers.arcgis.com

developers.arcgis.com

Voucher Code:  MAPSCORPS

MAPSCORPS

HackerLabs on Github

http://github.com/Esri/geodev-hackerlabs

Part 1

Data

ArcGIS Online

Store data 

in the cloud

Hosted Services

• Feature Service
• Tile Service

1. Import Data

• ArcGIS Online
• Use "Add Item"
• View and Query REST endpoint

esriurl.com/mapscorps

2. Create and Edit Data

• ArcGIS for Developers
• Create Dataset
• Define schema interactively
• ArcGIS Online Map View to add data

esriurl.com/mapscorps

3. Make Data from Data

• GeoEnrich Data
• Buffers
• Drive/walk time
• Spatial Analyses

esriurl.com/mapscorps

4. Sources of Data

• Epiquery
• NYC Open Data Portal
• ArcGIS Open Data Portal
• ArcGIS Online global search

                             (Login, Add Data, Search ArcGIS Online)

esriurl.com/mapscorps

Your turn!

esriurl.com/mapscorps

Part 2

Design

ArcGIS Online

Create and style web maps

Create a new web map

• ArcGIS Online Map Viewer
• Add layers and basemaps
• Create, Edit, Share data
• Use in apps
• Stored and accessible as JSON

esriurl.com/mapscorps

Style Layers

• Default Renderers
  • Points
  • Lines
  • Polygons 
• Use custom symbology

esriurl.com/mapscorps

Style Popups

• Override default popup settings
• Format - title, body, fields, values
• Charts

esriurl.com/mapscorps

Smart Mapping

• "Smart" styling of layers based on data
• Apply symbols and colors
• Based on fields, data, formulas
• Color ramps with breaks
• Override

esriurl.com/mapscorps

Your turn!

esriurl.com/mapscorps

Part 3

Develop

Web Map Apps

• Fastest and easiest way
• Re-use data, design (symbols) and configuration
• Easy to setup title, subtitle, legend, map, popups

Edit remotely, no need to update apps!

Four Patterns of Web App Development

Templates

Builders

APIs

Example Apps

App Building Options

1) Configurable App Templates

2) App Builders: web and native

3) Example Apps

4) APIs

App Building Options

1) Configurable App Templates

-- Story Map Gallery    

-- Story Map Templates

2) App Builders: web and native

3) Example Apps

4) APIs

Your turn!

esriurl.com/mapscorps