Esri HackerLab for MAPSCorps
slides.com/jimbarry/
esri-hackerlab-for-mapscorps
Jim Barry @JimBarry
@EsriGeoDev #geodev
![](https://s3.amazonaws.com/media-p.slid.es/uploads/252828/images/2355152/esri-white-trans.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/308165/images/1437331/hackereyes.png)
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
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
![](https://s3.amazonaws.com/media-p.slid.es/uploads/252828/images/1667233/arcgis.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/308165/images/3073360/arcgis-processg.png)
Then go here for labs:
![](https://s3.amazonaws.com/media-p.slid.es/uploads/303551/images/2713848/Screen_Shot_2016-06-06_at_8.16.18_AM.png)
developers.arcgis.com
developers.arcgis.com
Voucher Code: MAPSCORPS
MAPSCORPS
HackerLabs on Github
![](https://s3.amazonaws.com/media-p.slid.es/uploads/jimbarry/images/1235061/geodev_hash.jpeg)
http://github.com/Esri/geodev-hackerlabs
![](https://s3.amazonaws.com/media-p.slid.es/uploads/303551/images/1473862/Screen_Shot_2015-06-09_at_10.14.44_AM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/303551/images/1473865/Screen_Shot_2015-06-09_at_10.16.09_AM.png)
Part 1
Data
ArcGIS Online
Store data
in the cloud
Hosted Services
- Feature Service
- Tile Service
![](https://s3.amazonaws.com/media-p.slid.es/uploads/252828/images/1667244/pasted-from-clipboard.png)
1. Import Data
- ArcGIS Online
- Use "Add Item"
- View and Query REST endpoint
2. Create and Edit Data
- ArcGIS for Developers
- Create Dataset
- Define schema interactively
- ArcGIS Online Map View to add data
3. Make Data from Data
- GeoEnrich Data
- Buffers
- Drive/walk time
- Spatial Analyses
4. Sources of Data
(Login, Add Data, Search ArcGIS Online)
Your turn!
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
Style Layers
- Default Renderers
- Points
- Lines
- Polygons
- Use custom symbology
Style Popups
- Override default popup settings
- Format - title, body, fields, values
- Charts
Smart Mapping
- "Smart" styling of layers based on data
- Apply symbols and colors
- Based on fields, data, formulas
- Color ramps with breaks
- Override
Your turn!
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
![](https://s3.amazonaws.com/media-p.slid.es/uploads/308165/images/3142814/greenarrow3d.jpg)
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
2) App Builders: web and native
3) Example Apps
4) APIs
Your turn!
Summary
- ArcGIS Dev Pattern: Data, Design, Develop
- ArcGIS Online, Web maps and ArcGIS APIs
- Create and share apps quickly
- Apps/APIs access REST API and Services...
Help Forums
User Community Online
Esri HackerLab for MAPSCorps
By Jim Barry
Esri HackerLab for MAPSCorps
- 2,357