OpenLayers Mobile

Flashback

State of the art circa 2006

high tech

State of the art circa 2006

high tech

5 Years Later

OpenLayers 2.10, Meet iPhone

mobile 2.10

OpenLayers 2.10, Meet iPhone

mobile 2.10

Lausanne Code Sprint

sprinters

So what's new?

Touch events support across the library!

More general advances:

Controls and Handlers

New:

OpenLayers.Handler.Pinch
OpenLayers.Control.PinchZoom
OpenLayers.Control.TouchNavigation
OpenLayers.Control.Geolocate

Extended:

OpenLayers.Handler.Drag
OpenLayers.Handler.Click
OpenLayers.Handler.Point|Path|Polygon
OpenLayers.Handler.Feature
OpenLayers.Control.Navigation
OpenLayers.Control.PanZoomBar
OpenLayers.Control.DragFeature

Design choice

One Web? Responsive Web Design?

Still unclear...

OpenLayers isn't opinionated, OpenLayers provides both

What you get out of the box

OL 2.11

Integration

Combine OpenLayers with a mobile-specific widget framework to get native looking apps.



jQuery Mobile Sencha Logo

Integration - jQuery Mobile

jQuery Mobile Devices

Integration - Sencha Touch

Sencha Touch Devices

Web Mobile Development

... is hard!

Designing UIs is hard

Writing cross-browser code is hard

Web Mobile Development

Debugging is hard

Developing fast apps is hard

Specific practices needed: http://www.w3.org/TR/mwabp/

It has good aspects too

goodbye IE6

And it's fun

CSS3 HTML5"/

Looking ahead...

Thanks!