Recommended
Recommended
More Related Content
What's hot
What's hot (19)
Similar to Big web mapping for 'ickle' screens
Similar to Big web mapping for 'ickle' screens (20)
Recently uploaded
Recently uploaded (20)
Big web mapping for 'ickle' screens
- 1. 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. 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
- 3. Why bother with X-platform? http://www.flickr.com/photos/danielepaccaloni/4286225689/
- 4. 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
- 5. 3G is slooowww so consider... http://www.flickr.com/photos/jannem/362150451/
- 6. Would less accuracy kill you? 20%-50% http://www.flickr.com/photos/jdlasica/306080671/
- 7. 20%-40% Could you cut the chat? http://www.flickr.com/photos/31172543@N06/4708724473/
- 8. Squash BIGthings insmallpackages 50%-70% http://www.flickr.com/photos/johnhopephotography/5068479557
- 10. and handle it gracefully Expect to be dropped http://www.flickr.com/photos/thevlue/5026730541
- 11. Map popups Map popups work fine! http://www.flickr.com/photos/fhke/4508917013/
- 12. Until they don’t http://www.flickr.com/photos/graft/1600789262
- 15. Just right click yourmouse …. http://www.flickr.com/photos/filmvanalledag/165776948
- 17. Finding your location http://www.flickr.com/photos/treenaks/3823001756
- 19. In summary Code samples available at http://bit.ly/mcHODu
- 20. brian@earthware.co.uk @gingemonster www.earthware.co.uk http://www.flickr.com/photos/sarahakabmg/2188959997
Editor's Notes
- 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