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