• Save
Mobile mapping w3g
Upcoming SlideShare
Loading in...5
×
 

Mobile mapping w3g

on

  • 1,640 views

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.

Statistics

Views

Total Views
1,640
Views on SlideShare
1,634
Embed Views
6

Actions

Likes
1
Downloads
0
Comments
0

2 Embeds 6

https://twitter.com 3
http://twitter.com 3

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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

Mobile mapping w3g Mobile mapping w3g Presentation Transcript

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