Building Mobile Applications with the ArcGIS API for JavaScript
Esri Developer Summit in Europe November 9 | Rotterdam
Building Mobile Applications with the ArcGIS API for JavaScript Andy Gup and Antoon Uijdehaag
Agenda Goal: You’ll get an A to Z mobile web primer Why build mobile map apps? 3 Approaches Frameworks Hybrid Map apps
CSS3 & HTML5
Who are your presenters? Antoon Uijtdehaag, Esri Nederland Technical Consultant Email: [email protected] Twitter @esrinederland
Andy Gup, Esri Tech Lead for Web APIs and Android Esri Developer Network Email: [email protected] Twitter: @agup
Who are you?
Why mobile?
Demo
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 (Responsive)
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
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">
Why use the compact library?
32 modules vs. 80 modules
Size Compact
Full
Latency
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 and Antoon Uijdehaag
Agenda Goal: You’ll get an A to Z mobile web primer Why build mobile map apps? 3 Approaches Frameworks Hybrid Map apps
CSS3 & HTML5
Who are your presenters? Antoon Uijtdehaag, Esri Nederland Technical Consultant Email: [email protected] Twitter @esrinederland
Andy Gup, Esri Tech Lead for Web APIs and Android Esri Developer Network Email: [email protected] Twitter: @agup
Who are you?
Why mobile?
Demo
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 (Responsive)
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
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">
Why use the compact library?
32 modules vs. 80 modules
Size Compact
Full
Latency
Many mobile frameworks, such as… The challenge
Mobile frameworks help with…
Views Visual Components Themes
Views
Image courtesy Dojo
Views
