ArcGIS Online:An Overview for Developers

Matthias Schenker

What is this session about?

• This session is about YOU!• Introduction to ArcGIS Online from and for a developers perspective

- Know what is available- Know what is possible- Know where to get additional information

ArcGIS Online

ArcGIS Online

SimpleIntegratedOpen

Desktop Web Device

Server Online Content and Services

Portal

Cloud-based GIS

What Do Organizations Do with ArcGIS?

Planning & Analysis Operational Awareness Field Data Collection

Asset ManagementCommunity Engagement

What Does it Include?

Apps Maps

Analytics

Administration

Marketplace

Solutions

Security Development

Apps Are the Window into the PlatformMost people experience ArcGIS through its apps

Every deviceEveryone

Everywhere

We build Apps

You build Apps

Developing AppsEasily create apps that leverage the platform

APIsAnd SDKs

WebApp

BuilderApp Templates App

Studio

Location Services

• Geocoding• Directions• GeoEnrichment• GeoTrigger

Service

Mapping

• Ready-to-use Content

• Data Visualization

Data Management

• Data Storage• Work Offline

Analysis

• Real-time processing

• Elevation• Spatial Analysis• Imagery

CustomConfigured

Capabilities

What’s Been Built for the ArcGIS Platform?

Native Apps

Web Apps

Desktop Apps

Developer Workflows

Developer WorkflowsCreate ContentMaps• Using Web Maps• Define in AppWeb Apps• Extend existing templates• Building new applications using API’sNative• Creating stand alone applications

- App Builder and Runtimes

Content Creation

Demo

• Content Creation via Desktop• Content Creation via developers.arcgis.com

Maps

• Foundation for your maps and apps• Enables “intelligent maps” → Web Map stores references to web services

and data, display and behavior settings• Supports: smart mapping, pop-ups, editing, analysis, time, etc.

• Create in ArcGIS Online/Portal for ArcGIS map viewer• Can be leveraged by all other Esri Apps

What is a Web Map?

• Basemaps- Geographic frame of reference- Typically contain static data

• Operational Layers- Information overlays that end users interact with- Contain dynamic data

• Operational layers display on top of basemaps

Data content in a Web MapConceptual terms

Basemaps

Operationallayers

+

A

Web Map

http://www.arcgis.com/home/webmap/viewer.html?webmap=8e42e164d4174da09f61fe0d3f206641

JSON in the cloud D

Use a Web Map in an app (iOS)

1. Search arcgis.com to find a Web MapUse the Maps filter to limit search results...Or, create your own Web Map!

2. Copy the Web Map URLThe URL contains the Web Map ID

3. Construct an instance of AGSWebMap, and then call openIntoMapViewPass URL as second parameter

D

Use a Web Map in an app (iOS)

Evaluate when to use a Web MapNeed to display a map

Map configurationchanges?

Same map usedin multiple apps?

Consider aWeb Map

Considerusing code

Need a lot ofprogrammatic control?

often rarely

yes

yes

no

no

Web AppsTemplates & Starters

Creating web apps with ArcGIS

Use URL-Parameters

• http://www.arcgis.com/home/webmap/viewer.html?find=380%20new%20york%20st,%20redlands,%20ca

• http://www.arcgis.com/home/webmap/viewer.html?urls=http%3A%2F%2Fmaps.ngdc.noaa.gov%2Frest%2Fservices%2Fweb_mercator%2Ftrackline_gravity%2FMapServer%2Chttp%3A%2F%2Fmaps.ngdc.noaa.gov%2Frest%2Fservices%2Fweb_mercator%2Fhazards%2FMapServer%3Flayers%3Dshow%3A5%2C6%2C12%26extent%3D5%2C45%2C10%2C50

D

Web Application TemplatesBuild focused apps from web maps

• Start from a web map

• Configure, save and deploy

• Download and host locally (optional)- Complete web application- Fully customizable- Register with ArcGIS Online

• You can build app templates for other devs or organizations!

Web AppBuilder for ArcGIS Create new web apps without programming

30+ widgets

Web AppBuilder for ArcGIS

• Functionality within ArcGIS Online and Portal for ArcGIS- ArcGIS Online since Dec 2014- Portal for ArcGIS in 10.3 and later

• Enables new apps to be created without coding- Interactive WYSIWYG user experience- Runs on any device, in a web browser

• Fully integrated with the ArcGIS Platform• Built with ArcGIS API for JavaScript and HTML 5 technology• Extensible

2 Options to Work with Web AppBuilder

1. Within ArcGIS Online or Portal for ArcGIS- Embedded in the web site- Activate from the map viewer or My Contents

2. Developer Edition- Separate download and installed locally- Sign into ArcGIS Online or Portal for ArcGIS- Support for custom widgets and themes

• Both offer the same “builder” user experience, same capabilities

Workflow for Creating a new App

Available Widgets

• Widget: a chunk of code that can be added in a modular fashion; provides functionality• 30+ available; enable core web mapping application capabilities

config.json / item data widget section. A couple of properties:“positionRelativeTo”: “browser” - sets positioning to browser relative instead of map.

{"uri": "widgets/Geocoder/Widget","positionRelativeTo": "browser","position": {"right": 50,"top": 5

},"style": {"z-index": 1000}

}

Export Web Apps as New Templates

• Leverage Web AppBuilder to create new templates which can be used in theArcGIS Online/Portal for ArcGIS map viewer

• Workflow- Select Export As Template option

- Set configurable parameters- Generates a new template item- Add to a group- Select group for the Map > Web App Templates option

Web Map

A

v

widgets

Themes

Stem App

A Web App

w w w

w w w w

w w w

config

GUIBuilder

w w w

w w

Web App Builder for ArcGIS Components

A

GitHub: App Templates & Web AppBuilder Themes and WidgetsLook before you code!

API’sManaging & Mapping

ArcGIS API for JavaScriptFully featured mapping API

• Access ArcGIS services

• Basemaps

• Layers (Feature Services)

• Geoservices – geocoding, directions…

• Build custom widgets for mapping tasks

Esri-LeafletLight-weight JavaScript mapping plug-in

• Access ArcGIS services

• Basemaps

• Layers (Feature Services)

• Geoservices – geocoding, directions…

• Build custom apps and plug-ins

Portal APIManaging ArcGIS Online

• Services- Ready to use- Hosted Features

• Community• Content• Portals• Marketplace• Oauth

D

REST API

• http://www.arcgis.com/sharing/rest

ItemGroup User

Portal

REST API

ContentSearch Community

PortalAuthentication

Users Groups Items

Search

Item Search- /sharing/rest/search?q=<query>

- title, owner, type, tags, description, created/modified…- E.g. +type:”Web Map” –title:test

User Search - /sharing/rest/community/users?q=<query>

- username, description, tags, …- E.g. +fullname:”Andrea Rosso”

Group Search - /sharing/rest/community/groups?q=<query>

- title, owner, description, tags, created/modified…- E.g. +title:”My Maps” +owner:arosso_t1

https://github.com/Esri/ago-admin-wiki

NativeApp Builder & Runtimes

From an idea to an app…in a snap

AwesomeAppIdea!

1 32

Ready for usersto download

and use

Select AppTemplate and

configureoptions

ConfigureTinkerEditRun

ShareMake

Publish

ArcGIS Runtime APIsFully featured native mapping APIs

• Access all ArcGIS services

• Basemaps

• Layers (Feature Services)

• Geoservices- Geocoding- Directions- Spatial Analyses- GeoEnrichment…

Runtime platforms

QT

OS X

Windows Store

JavaSEiOS

Android

Windows Phone

Phone / Tablet

Desktop / Laptop

Embedded

.NET

WindowsDesktop

Windows Store

Windows Phone

WindowsDesktop

Xamarin

Developer WorkflowsTake away…

MAPS• ArcGIS Online Data Hosting• Available Basemaps • WebMap

- JSON Container- Author in Map Viewer

• App can visualize data

Web Apps• Boilerplates

- Templates- Web App Builder

• ArcGIS JS Api- Full Featured

• Leaflet- Light weight plugin

Native Apps• App Studio

- Cross platforms app

• Runtimes- Multiple builds- Qt cross platform

Additional Resources

developers.arcgis.com

doc.arcgis.com

github.com/Esri

https://github.com/Esri/ago-admin-wiki

Please Take Our Survey!

Download the Esri Events app and find your event Select the session you

attendedSelect

“User Presentation Survey”or

“Technical Workshop Survey”Complete Answersand Select “Submit”

Questions?

Thank You to Our Gold Sponsor