ArcGIS Online and Portal: Developing Custom JavaScript Applications

Matt Driscoll @driskullKelly Hutchins @kellyhutchins

ArcGIS Online Web mapsCan be used in many ways, in many applications, on many devices

Configurable App TemplatesMobile Apps

ArcMap Custom Applications

Web map

Author a map

Web Map Specification

Map IDA unique identifier, like a social security number

Create Map

Web Maps

• createMap• getItem• getLegendLayers

ArcGIS Portal

• REST-based API to access and work with- Users- Groups- Items

Using the REST API

Client APIs

• Web APIs• Runtime SDKs

- iOS- Android

Authentication

• Anonymous • Authenticated

ArcGIS API for JavaScript

• Portal Class - Groups- Items- Users

Building Templates withArcGIS WebApp Builder Kelly Hutchins

Web App Builder (Developer Edition)

Matt Driscoll

Templates: Download & Configure

Templates(Configurable Apps)

Applications(Specific Use)

Demo

Application Boilerplate JS

What is it?

• Starter Application• Template & app logic• Working with ArcGIS Online

- Webmaps- Services- i18n- Authentication- Configurable

Customizing the Boilerplate

Layers

Widgets

Panels

Legend

…Much more

What Do I Get?

Defaults• Theme, proxy, custom settings for your app

Localization (Optional)

Web Map, Group, Group Items

Organization Settings (Optional)

• Geocoders, print tasks, geometry services

Configured Application (Optional)

• ?appid=<id>

URL Parameters (Optional)

• ?webmap=<webmap>

Fetching/Setting up Resources

Initialize• Proxy• Host URL

Authentication• Signed-in status

Dependencies• I18n• Application• Org Settings• Create Portal

Items• Webmap Item• Group Info• Group Items

Finish Up• Geometry

Service• Application

Extent

URL Parameters

WebmapItemGroup ItemsGroup Info

ApplicationConfiguration

OrganizationSettings

LocalizationDefault

Configuration

Mixing-in Layers of Data

Show me the way

Show me the code!

Create a ConfigurableTemplate

Prep Work

1. Create a configurable web application item2. Create custom template group3. Configure map viewer in org for custom

templates4. Share item in templates group

• Developing JavaScript Apps

• My Content

• HomeButton | API Reference | ArcGIS API for JavaScript

• Esri/application-boilerplate-js

• http://localhost/demo/

• Farmers Markets

• driskull/developing-custom-js-apps

• developing-custom-js-apps/README.md at master · driskull/developing-custom-js-apps

• http://localhost/demo/?webmap=ae6d3c065ac64bf3b8f514e9cc5fb943

• Add configurable parameters to templates—ArcGIS Online Help | ArcGIS

• JSON Formatter & Validator

www.esri.com/RateMyDevSummitSession

http://arcg.is/1wF5SlN