Your SlideShare is downloading. ×
0
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Mobile mapping w3g
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mobile mapping w3g

1,353

Published on

This presentation reviews what we have learnt over the last year at Earthware when creating mobile mapping apps.

This presentation reviews what we have learnt over the last year at Earthware when creating mobile mapping apps.

Published in: Technology, Sports
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,353
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Brian Norman Technical Director of Earthware
  • Internet users (in millions)By 2014/15 mobile internet is predicated to overtake desktop usage howeverGoogle Maps now frequently have more mobile users per day than desktop (since last Christmas)Rightmove have many more mobile users on their maps every weekend than desktopsSo it is already happening today for mapping web applications
  • These are for the UK in March 2011 (http://www.guardian.co.uk/technology/2011/apr/18/smartphone-market-android-win-nokia-rim-lose)Android and RIM are still big players and the market is more diverse than you may realise
  • - Also open layers has improved its mobile support recently but there doesn’t appear to be an official supported devices listNotice no Wp7, but coming later this yearSo if cross platform is critical and possible what is important to mobile mapping?
  • Average UK 3g speed is 1.5Mbit/s, average broadband speed is 6.2Mb/s While we may have gotten a little lazy about optimization now we all have broadband connections mobile mapping reminds us just how important it is to optimize file sizes and data transferYes we have smartphones with wifi but your creating maps on mobile because people need them on the move right?
  • - You only need 5 decimal places for aroundmetre accuracy sending any more in your data (even if you store it with more) is a big waste, this can often save 20%-50% in data transfer size just by rounding
  • - Transferring data as XML/GeoRSS is verbose look instead at JSONWhatever your server side platform of choice there is a json library available for itYou can see data transfer improvements of 20-40%
  • EnablingGzip compression, which is supported by all major web servers typically gains 50-70% decrease in size, just ensure you have spare cpu cyclesIf you packets are small though you do need to consider if the overhead is worth it so its important to testAlso remember to minify your js and css files if you are using VS then take a look at chirpy.codeplex.com
  • -Loading data when you know you actually need it can make the biggest difference-only load pushpin detail when clicked-only load data shown on the current map view, if you have lots
  • - As we all know mobile connections are not great so you application at least has to handle disconnections even if just my alerting the user
  • - Default popup box is fine for the ipad
  • Same cannot be said for the iphones smaller screenSo you need to think about different popup box approachess
  • Simple example of more mobile friendly infobox using jquery mobileConventions over configuration
  • Simple example of more mobile friendly infobox using jquery mobileConventions over configuration
  • We have often used context menus on mapping tools by right clicking the mouseObviously not possible on mobile but a well used alternative is the tap holdYou can think about how you might use other more complex gestures and emerging js libraries like jquery mobile are starting to add support for these kind of events
  • Simple example of more mobile friendly infobox using jquery mobileConventions over configuration
  • HTML 5 has a location API built in that we cannot rely on for desktop users but mobile users are a different matterGoogle Android 2.X BrowserApple 3/3GS/4.0 iPhone BrowserBlackBerry 6.0 BrowserAnd the soon to be release update for Windows Phone 7
  • Simple example of more mobile friendly infobox using jquery mobileConventions over configuration
  • - Looking at project like phonegap can help take your cross platform mobile applications and make them available in mobile app stores and even sell your applications
  • Transcript

    • 1. Big web mapping<br />for‘ickle’ screens<br />What we have learnt about cross platform mobile maps<br />@gingemonster<br />Brian Norman<br />http://www.flickr.com/photos/sarahakabmg/2188959997<br />
    • 2. 2,000<br />1,600<br />1,200<br />800<br />400<br />Mobile<br />Desktop<br />2007 2009 2011 2013 2015<br />Why all this fuss<br />about mobile?<br />http://www.flickr.com/photos/37301535<br />
    • 3. Why bother with X-platform?<br />http://www.flickr.com/photos/danielepaccaloni/4286225689/<br />
    • 4. Out of the box support for…<br />Google Android 2.X Browser<br />Apple 3GS/4.0 iPhone Browser<br />VS<br />BlackBerry 6.0 Browser<br />WP7 later this year<br />http://www.flickr.com/photos/gozalewis/3670957644<br />
    • 5. 3G is slooowww<br />so consider...<br />http://www.flickr.com/photos/jannem/362150451/<br />
    • 6. Would less accuracy kill you?<br />20%-50% <br />http://www.flickr.com/photos/jdlasica/306080671/<br />
    • 7. 20%-40% <br />Could you <br />cut the chat?<br />http://www.flickr.com/photos/31172543@N06/4708724473/<br />
    • 8. Squash BIGthings<br />insmallpackages<br />50%-70% <br />http://www.flickr.com/photos/johnhopephotography/5068479557<br />
    • 9. Loadsmall<br />Loadoften<br />http://www.flickr.com/photos/nicholasjones/5892353549/<br />
    • 10. and handle it <br />gracefully<br />Expect to be dropped<br />http://www.flickr.com/photos/thevlue/5026730541<br />
    • 11. Map popups<br />Map popups work fine!<br />http://www.flickr.com/photos/fhke/4508917013/<br />
    • 12. Until they don’t<br />http://www.flickr.com/photos/graft/1600789262<br />
    • 13.
    • 14.
    • 15. Just right click yourmouse …. <br />http://www.flickr.com/photos/filmvanalledag/165776948<br />
    • 16.
    • 17. Finding your location<br />http://www.flickr.com/photos/treenaks/3823001756<br />
    • 18.
    • 19. In summary<br />Code samples available at http://bit.ly/mcHODu<br />
    • 20. brian@earthware.co.uk<br />@gingemonster<br />www.earthware.co.uk<br />http://www.flickr.com/photos/sarahakabmg/2188959997<br />

    ×