Migrating from Desktop to Mobile

2,155 views

Published on

Presented at GIS in the Rockies 2012. This presentation looks at some of the challenges with migrating from desktop web applications to smartphones and tablets. While it uses mapping and spatial examples it applies to anyone looking at migrating to mobile. You'll walk away with some technical suggestions on how to address these challenges.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,155
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
45
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Also have different marketplaces
  • http://esriurl.com/compactJS
  • Arcgis.com
  • http://phonegap.com/2012/03/19/phonegap-cordova-and-what%E2%80%99s-in-a-name/
  • http://venturebeat.com/2012/05/02/linkedin-ipad-app-engineering/#s:1-linkedin-ipadhttp://www.mobilemarketer.com/cms/news/software-technology/13786.html
  • http://www.esri.com/site/pdfs/visitorprofile_q3_2011.pdf
  • http://edn1.esri.com/jsdevstarter/device_sim/index.html
  • Migrating from Desktop to Mobile

    1. 1. Migrating to Mobile GIS Tips for Success Andy Gup
    2. 2. Agenda Walk away with 6 migration tips Differences between desktop and mobile 3 Approaches
    3. 3. Who am I? Andy Gup, Esri Tech Lead for Web APIs and Android Esri Developer Network agup@esri.com http://blog.andygup.net @agup
    4. 4. Who are you?
    5. 5. No longer just building for one screen size 1920x1080
    6. 6. Your Choices Web app 1. + Native mobile app Web app 2. + Web mobile app (a.k.a Hybrid) 3. Web app only (a.k.a Responsive)
    7. 7. Development Skills (a generalization) Desktop Mobile Hybrid Native HTML + HTML + JavaScript JavaScriptFewer Skills More Skills
    8. 8. How mature? X X1991 2012 iPhone 1 Android v1.5 June 2007 April, 2009 Sources: html5rocks.com, Wikipedia, W3C
    9. 9. if(device == mobile){ difference1: expectations, difference2: look_and_feel, difference3: capabilities, difference4: performance}
    10. 10. Wait…how do I pan and zoom the map??
    11. 11. Hmmm…how many map layers do I load? VS. 1 GB RAM 16 GB RAM
    12. 12. How come my map loads so slooow? VS. Mostly connected Always connected
    13. 13. My survey crews use GPS heavily… VS. Limited battery Unlimited power
    14. 14. Desktop Web AppOne size fits allWorks with most desktop browsersWorks across Windows, Mac, LinuxMobile web did not existNo GPS, camera, SD card
    15. 15. Using desktop app on smartphone
    16. 16. Native Mobile AppTargeted only to specific devicesTargeted only to specific OS versionsDirect access to GPS, camera, SD CardRequires specialized development skills
    17. 17. Native devices != !=
    18. 18. Native devicesArcGIS SDK for AndroidArcGIS SDK for iOSArcGIS SDK for Windows Phone
    19. 19. Native devicesJava C# Objective CMany OS versions Limited OS versions Limited OS versionsMany different Limited number of devices Very limited number ofmanufacturers devices IDE = Visual StudioMany different screen types IDE = XcodeOEM variations in OSIDE = Eclipse
    20. 20. Responsive Web App (circa >= 2011)Tailors content and view based on browser typeNo direct access to GPS, camera, SD cardWorks with many different desktop and mobile browsersWorks across Windows, Mac, Linux
    21. 21. Responsive Web App
    22. 22. ArcGIS API for JavaScript - Compact http://esriurl.com/compactJS<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.1compact">
    23. 23. arcgis.com 1440 x 900 480 x 800 hdpi
    24. 24. Web app that looks native Portrait Landscape
    25. 25. Mobile JavaScript frameworks…The challenge
    26. 26. Hybrid AppLooks and acts like a native appRe-uses existing web contentWorks across different devicesAccess to GPS, camera, SD CardRequires fewer specialized skills than native
    27. 27. Hybrid AppAndroid SDK + ArcGIS JavaScript + Mobile =Java Project JavaScript Framework
    28. 28. Hybrid Web Apps
    29. 29. Examples of Hybrid Web Apps http://www.phonegap.com/app
    30. 30. Hybrid Web App Platforms
    31. 31. Migration suggestion #1 Start prototyping today
    32. 32. Migration suggestion #2 Analyze existing usage
    33. 33. Mobile usage stats for my website?Web Server logsWeb analytic tools
    34. 34. Sample web-site stats from esri.com
    35. 35. Migration suggestion #3 Re-evaluate ALL use cases and workflows ? ? ?
    36. 36. Migration suggestion #4 Expect to re-write code When in doubt, discard and re-write
    37. 37. Migration suggestion #5 Buy as many test devices as possible
    38. 38. Migration suggestion #6 Dig deep into browser differences
    39. 39. Understand browsers
    40. 40. caniuse.com
    41. 41. DemoPutting it all together
    42. 42. Andy Gup, EsriTech Lead for Web APIs and AndroidEsri Developer Networkagup@esri.comhttp://blog.andygup.net@agup

    ×