Mobile GIS in the Browser (by Adam Conner)

964 views

Published on

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

No Downloads
Views
Total views
964
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
20
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • Mobile GIS in the Browser (by Adam Conner)

    1. 1. Mobile GIS In the browserAdam Conner: GeoDecisions
    2. 2. Task:Build a mobile application for hydrant
    3. 3. Challenge:Don’t make it device specific
    4. 4. Difficult Features:• GeoLocation• User Persistence• Ease for users new to mobile• gracefully handling loss of connectivity
    5. 5. GeoLocation:navigator.geolocation.getCurrentPosition(show_map);
    6. 6. User Persistence: localStorage["bar"] = foo; (this only stores strings)
    7. 7. Ease for users:Make your web app look like a real application.Add icon to homescreen run application as full screen web app <link rel="apple-touch-icon" href="bookmark-icon.png" /> <meta name="apple-mobile-web-app-capable" content="yes" />
    8. 8. Loss of connectivity:• if(navigator.online){};• Lots of local storage• set a timeout on ajax requests and store data until navigator.online=true;
    9. 9. Controller
    10. 10. Model
    11. 11. Ajax Request
    12. 12. Demo

    ×