ArcGIS for Emergency Management
Esri Southwest User Conference September 17-19, 2012 | Denver, Colorado
Building Mobile Applications with the ArcGIS API for JavaScript Andy Gup
Agenda Goal: You’ll get an A to Z mobile web primer Why build mobile map apps? 3 Approaches Frameworks CSS3 & HTML5 Hybrid Map apps
Who am I?
Andy Gup, Esri Tech Lead for Web APIs and Android Esri Developer Network Email: [email protected] Twitter: @agup
Who are you?
Why mobile?
Demo
X
Mobile usage stats for my website?
Web Server logs
Web analytic tools
Sample web-site stats from esri.com
Your 3 Approaches
1.
Web app + Native mobile app
2.
Web app + Web mobile app (a.k.a Hybrid)
3.
Web app only
Many different screen sizes and pixel densities
1920x1080
Wait…how do I pan and zoom the map??
Hmmm…how many map layers do I load?
VS.
1 GB RAM
16 GB RAM
How come my map loads so slooow?
VS.
Mostly connected
Always connected
My survey crews use GPS heavily…
VS.
Limited battery
Unlimited power
arcgis.com
1440 x 900
480 x 800 hdpi
resources.arcgis.com
1440 x 900
480 x 800 hdpi
Mobile app – flip view port easily
Portrait
Landscape
Desktop app on smartphone
ArcGIS API for JavaScript - Compact
http://esriurl.com/compactJS
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.1compact">
Library Size vs. Download vs. Parse
Compact
Full
Many mobile frameworks, such as… The challenge
Mobile frameworks help with…
Views Visual Components Themes
Views
Image courtesy Dojo
Views
Building Mobile Applications with the ArcGIS API for JavaScript Andy Gup
Agenda Goal: You’ll get an A to Z mobile web primer Why build mobile map apps? 3 Approaches Frameworks CSS3 & HTML5 Hybrid Map apps
Who am I?
Andy Gup, Esri Tech Lead for Web APIs and Android Esri Developer Network Email: [email protected] Twitter: @agup
Who are you?
Why mobile?
Demo
X
Mobile usage stats for my website?
Web Server logs
Web analytic tools
Sample web-site stats from esri.com
Your 3 Approaches
1.
Web app + Native mobile app
2.
Web app + Web mobile app (a.k.a Hybrid)
3.
Web app only
Many different screen sizes and pixel densities
1920x1080
Wait…how do I pan and zoom the map??
Hmmm…how many map layers do I load?
VS.
1 GB RAM
16 GB RAM
How come my map loads so slooow?
VS.
Mostly connected
Always connected
My survey crews use GPS heavily…
VS.
Limited battery
Unlimited power
arcgis.com
1440 x 900
480 x 800 hdpi
resources.arcgis.com
1440 x 900
480 x 800 hdpi
Mobile app – flip view port easily
Portrait
Landscape
Desktop app on smartphone
ArcGIS API for JavaScript - Compact
http://esriurl.com/compactJS
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.1compact">
Library Size vs. Download vs. Parse
Compact
Full
Many mobile frameworks, such as… The challenge
Mobile frameworks help with…
Views Visual Components Themes
Views
Image courtesy Dojo
Views
