This document discusses various tools for building map applications. It introduces map builders for creating maps and storing data in the cloud using ArcGIS Online. It also discusses web app builders for creating responsive web mapping applications from web maps. Additionally, it outlines web mapping APIs like ArcGIS API for JavaScript and Esri-Leaflet for building custom web apps and plugins. Finally, it presents ArcGIS Runtime APIs and AppStudio for building native mobile and desktop apps across multiple platforms. The overall goal is to simplify the process of building maps and applications through these various builders and development tools.

1. Map App Builders for Developers
alaframboise@esri.com – @AL_Laframboise – alaframboise.github.io
#geodev

2. Esri – The Future of Maps and Apps

3. Social Media Mapping
Canada
Ask a
Citizen
California
Community
Services
Australia
311 Requests
Ohio
New York
Generous Taxi Tippers
Hot Real Estate Markets
United States
Crime Analysis
South Carolina
Campus Energy Analysis
UMass, Massachusetts
Space Planning

4. California
Real-Time Gas
Network Monitoring
Kuwait
Wireless Network Assessment
Wildfire
Progression
Oregon
Malaysia Airlines Search
Australia
Ship Density
World
San Francisco
France
Transit Service
Vancouver, Canada
3D Condo Assessment

5. Apps/APIs
Services
Access
Platform for building and sharing maps, apps and data
ArcGIS
Desktop Web Device
Server Online Content
and Services
Portal

6. Tools for Developers

7. Today’s Agenda
• Map Builders
• Web App Builders
• Web APIs and OS Frameworks
• Native App Builders

8. The Map App Development Challenge
All developers face
• Data
• Management
• Analyses
• Design
• Devices

9. 2015…
The year of the builders!
Simplify app development
Maps and analyses
Interactive design experience
Fast prototyping
Simplify accessing services
Boilerplate code
Responsive frameworks

10. Map Builders Creating maps for your apps

11. ArcGIS Online - Create and store data
Tools to build Feature Services in the cloud
• Create new data
• Import Data
- CSV
- XLS
- Shapefile
- GeoJSON
- …
• Access via REST
ArcGIS for Developers
ArcGIS Online
Feature Service
http://services.arcgis.com/uCXeTVveQzP4IIcx/arcgis/rest/services/SF_Traffic_Accident_Reports/FeatureServer/0

12. Map Viewers - Design maps for your apps
Tools for styling your web maps
• Things you need to do
- Basemaps
- Navigate
- Find places
- Set styles
- Set filters
- View tables
• Stored in the cloud (ArcGIS Online)
• Access from apps
Map Viewer – 2D
Scene Viewer – 3D

13. Map Viewers - Perform spatial analyses
Tools and services to find patterns in your data
• Geometry
• Geocoding
• Directions
• GeoEnrichment
• Spatial Analyses

14. Web Maps - The foundation of every app!
JSON in the cloud
http://edn.maps.arcgis.com/home/webmap/viewer.html?webmap=016580b719404d458f47b98739a4e195

15. Let’s build a Map

16. developers.arcgis.com
Voucher Code:
“DEVTODEV”

17. Web App Builders Create responsive web mapping apps

18. Web Application Templates
Build 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!

19. Web AppBuilder for ArcGIS
Configure and build responsive web apps for multiple devices
• Start from a web map
• Build, configure and deploy
• Download and host locally (optional)
- Fully customizable, complete web app
- Plug in your custom themes and widgets
- Register with ArcGIS Online
• You can build app templates for other devs
or organizations!

20. GitHub: App Templates & Web AppBuilder Themes and Widgets
Look before you code!

21. Let’s build a web app!

22. Build apps or plug-ins with mapping
frameworksWeb Map APIs

23. ArcGIS API for JavaScript
Fully featured mapping API
• Access ArcGIS services
• Basemaps
• Layers (Feature Services)
• Geoservices – geocoding, directions…
• Build custom widgets for mapping tasks

24. ArcGIS JavaScript: Load a web map from ArcGIS Online
<script>
var map,
webmapId = "b9ba04d69d1e4fa28eb30ce1b50cd039";
require([
"esri/map",
"esri/arcgis/utils",
"esri/dijit/Legend",
"dojo/domReady!"
], function (Map, arcgisUtils, Legend) {
arcgisUtils.createMap(webmapId, "mapDiv").then(function (response) {
map = response.map;
var legend = new Legend({
map: map,
layerInfos:(arcgisUtils.getLegendLayers(response))
}, "legendDiv");
legend.startup();
});
});
</script>

25. Esri-Leaflet
Light-weight JavaScript mapping plug-in
• Access ArcGIS services
• Basemaps
• Layers (Feature Services)
• Geoservices – geocoding, directions…
• Build custom apps and plug-ins

26. Esri-Leaflet: Loading Features Layers from ArcGIS Online
<script>
var map = L.map('map').setView([37.75, -122.45], 12);
L.esri.basemapLayer('Gray').addTo(map);
L.esri.featureLayer('http://services.arcgis.com/uCXeTVveQzP4IIcx/arcgis/rest/services/
SF_Traffic_Accidents_Model/FeatureServer/0').addTo(map);
L.esri.featureLayer('http://services.arcgis.com/uCXeTVveQzP4IIcx/arcgis/rest/services/
SF_Less_Safe_Bike_Routes/FeatureServer/0').addTo(map);
L.esri.featureLayer('http://services.arcgis.com/uCXeTVveQzP4IIcx/arcgis/rest/services/
SF_Safest_Bike_Routes/FeatureServer/0').addTo(map);
var accidents = L.esri.featureLayer('http://services.arcgis.com/uCXeTVveQzP4IIcx/arcgis/
rest/services/SF_Traffic_Accident_Reports/FeatureServer/0');
accidents.addTo(map);
</script>

27. Let’s build a custom
web app!

28. Build native mapping appsAppStudio

29. ArcGIS Runtime APIs
Fully featured native mapping APIs
• Access all ArcGIS services
• Basemaps
• Layers (Feature Services)
• Geoservices
- Geocoding
- Directions
- Spatial Analyses
- GeoEnrichment…

30. ioS
Android
Linux
Windows
Mac
One App
AppStudio for ArcGIS
Build one App, deploy across multiple platforms and form factors

31. ArcGIS Runtime Qt SDK Workshop
Runtime APIs and Platforms
Qt
OS X
Windows
Store
JavaSE
iOS
Android
Windows
Phone
Windows
Desktop
Mobile
Desktop
Embedded

32. ArcGIS Runtime Qt SDK Workshop
OS X
Windows
Store
JavaSE
iOS
Android
Windows
Phone
Windows
Desktop
Qt
Mobile
Desktop
Embedded
Runtime APIs and Platforms

33. ArcGIS Runtime Qt SDK Workshop
Runtime APIs and Platforms
OS X
Windows
Store
JavaSE
iOS
Android
Windows
Phone
Windows
Desktop
Mobile
Desktop
Embedded
Qt

34. The Stack
ArcGIS Runtime API
AppStudio
AppFramework
Qt Quick Framework
App App App App
ArcGIS Maps, Feature Services, Packages …

35. AppStudio Development Cycle
Awesome
App
Idea!
1 32
Ready for users
to download
and use
Select App
Template and
Configure
Configure
Tinker
Edit
Run
Share
Make
Publish

36. Build installs for different devices
Cloud Make
IPA
APK
EXE
DMG
RUN
Upload

37. Let’s build native apps!

38. Map App Builders for Developers
Final Thoughts…
• Simplify building maps and apps
• Fast analyses of data
• Interactive design experience
• Fast prototyping
• Simplify accessing services
• Boilerplate code
• Responsive frameworks
• Multiple native builds
All maps and source code
can be found at:
alaframboise.github.io

39. Thank you!
alaframboise@esri.com – @AL_Laframboise – alaframboise.github.io
#geodev