2012 emerging tech, migrating to mobile gis - tips for success, andy gup
DESCRIPTION
This session is aimed at any organization thinking about mobile GIS. Delivering mobile content opens up many new opportunities as well as challenges. Accelerate your learning curve with tips for successfully migrating your GIS content and functionality from desktop browsers to mobile. Get key insight on which technical approach is right for your organization whether it is web, hybrid or native. There will be many examples, and you'll walk away with a much better understanding why mobile is a different but exciting new world, and how maximize your success with future or existing mobile GIS deployments.TRANSCRIPT
![Page 1: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/1.jpg)
Migrating to Mobile GIS Tips for Success
Andy Gup
![Page 2: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/2.jpg)
Agenda
Walk away with 6 migration tips Differences between desktop and mobile 3 Approaches
![Page 3: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/3.jpg)
Who am I?
Andy Gup, Esri
Tech Lead for Web APIs and Android
Esri Developer Network
http://blog.andygup.net
@agup
![Page 4: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/4.jpg)
Who are you?
![Page 5: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/5.jpg)
No longer just building for one screen size
1920x1080
![Page 6: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/6.jpg)
Your Choices
Web app
+
Native mobile app
Web app
+
Web mobile app
(a.k.a Hybrid)
Web app only
(a.k.a Responsive)
1.
2.
3.
![Page 7: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/7.jpg)
Development Skills (a generalization)
Fewer Skills More Skills
Desktop HTML + JavaScript
Hybrid Native Mobile HTML + JavaScript
![Page 8: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/8.jpg)
How mature?
1991 2012
Sources: html5rocks.com, Wikipedia, W3C
iPhone 1
June 2007
Android v1.5
April, 2009
X X
![Page 9: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/9.jpg)
if(device == mobile)
{
difference1: expectations,
difference2: look_and_feel,
difference3: capabilities,
difference4: performance
}
![Page 10: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/10.jpg)
Wait…how do I pan and zoom the map??
![Page 11: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/11.jpg)
Hmmm…how many map layers do I load?
VS.
1 GB RAM 16 GB RAM
![Page 12: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/12.jpg)
How come my map loads so slooow?
VS.
Mostly connected Always connected
![Page 13: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/13.jpg)
My survey crews use GPS heavily…
VS.
Limited battery Unlimited power
![Page 14: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/14.jpg)
Desktop Web App
One size fits all Works with most desktop browsers Works across Windows, Mac, Linux Mobile web did not exist No GPS, camera, SD card
![Page 15: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/15.jpg)
Using desktop app on smartphone
![Page 16: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/16.jpg)
Native Mobile App
Targeted only to specific devices Targeted only to specific OS versions Direct access to GPS, camera, SD Card Requires specialized development skills
![Page 17: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/17.jpg)
Native devices
!= !=
![Page 18: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/18.jpg)
Native devices
ArcGIS SDK for Android ArcGIS SDK for iOS ArcGIS SDK for Windows Phone
![Page 19: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/19.jpg)
Native devices
Java
Many OS versions
Many different
manufacturers
Many different screen types
OEM variations in OS
IDE = Eclipse
C#
Limited OS versions
Limited number of devices
IDE = Visual Studio
Objective C
Limited OS versions
Very limited number of
devices
IDE = Xcode
![Page 20: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/20.jpg)
Responsive Web App (circa >= 2011)
Tailors content and view based on browser type No direct access to GPS, camera, SD card Works with many different desktop and mobile browsers Works across Windows, Mac, Linux
![Page 21: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/21.jpg)
Responsive Web App
![Page 22: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/22.jpg)
ArcGIS API for JavaScript - Compact
http://esriurl.com/compactJS
<script type="text/javascript"
src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.1compact">
![Page 23: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/23.jpg)
arcgis.com
1440 x 900 480 x 800 hdpi
![Page 24: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/24.jpg)
Portrait Landscape
Web app that looks native
![Page 25: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/25.jpg)
The challenge Mobile JavaScript frameworks…
![Page 26: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/26.jpg)
Hybrid App
Looks and acts like a native app Re-uses existing web content Works across different devices Access to GPS, camera, SD Card Requires fewer specialized skills than native
![Page 27: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/27.jpg)
+ Android SDK
Java Project
ArcGIS
JavaScript +
Mobile
JavaScript
Framework
=
Hybrid App
![Page 28: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/28.jpg)
Hybrid Web Apps
![Page 30: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/30.jpg)
Hybrid Web App Platforms
![Page 31: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/31.jpg)
Migration suggestion #1
Start prototyping today
![Page 32: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/32.jpg)
Migration suggestion #2
Analyze existing usage
![Page 33: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/33.jpg)
Mobile usage stats for my website?
Web Server logs Web analytic tools
![Page 34: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/34.jpg)
Sample web-site stats from esri.com
![Page 35: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/35.jpg)
Migration suggestion #3
Re-evaluate ALL use cases and workflows
?
? ?
![Page 36: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/36.jpg)
Migration suggestion #4
Expect to re-write code
When in doubt, discard and re-write
![Page 37: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/37.jpg)
Migration suggestion #5
Buy as many test devices as possible
![Page 38: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/38.jpg)
Migration suggestion #6
Dig deep into browser differences
![Page 39: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/39.jpg)
Understand browsers
![Page 40: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/40.jpg)
caniuse.com
![Page 41: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/41.jpg)
Demo Putting it all together
![Page 42: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/42.jpg)
![Page 43: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/43.jpg)
Andy Gup, Esri
Tech Lead for Web APIs and Android
Esri Developer Network
http://blog.andygup.net
@agup
![Page 44: 2012 Emerging Tech, Migrating to Mobile GIS - Tips for Success, Andy Gup](https://reader033.vdocuments.net/reader033/viewer/2022052412/559460a21a28abb06a8b4633/html5/thumbnails/44.jpg)