SlideShare a Scribd company logo

OpenLayers Mobile Code Sprint, 2011

•Download as PPT, PDF•
•
Moullet
Moullet

The document summarizes the OpenLayers Mobile Code Sprint held from February 21-25, 2011 in Lausanne, Switzerland. Key accomplishments included developing controls for touch-enabled devices, improving performance of dragging and zooming, and creating mobile-optimized examples using Sencha Touch and jQuery Mobile. Over a dozen tests were conducted on various mobile platforms to test the new controls and optimizations. The code sprint helped advance OpenLayers for improved support of mobile and touch-enabled devices.

1 of 20
OpenLayers Mobile Code Sprint Summary 21.2.2011 – 25.2.2011 Lausanne - EPFL - Switzerland
Mobile compatible controls Description The OpenLayers controls work similarly on touch- and mouse-centric environments. Examples
Touch Navigation Control Description The navigation control handles map browsing with touch events (dragging, double-tapping, and tap with two fingers). Larger UI control. Examples Source code
Kinetic Dragging Description The kinetic dragging let the map smoothly brake after a drag. Examples Source code
Pinch Zoom Description Support pinch zoom in and zoom out (double finger touch) Example Source code
Anchor Permalink Control Description Place a permalink in the anchor of the url. Examples Source code
Geolocate Control Description Usage of the GeoLocation API to set or track the position of the mobile device Example Source Code
Performance Description In order to improve the drag action, OpenLayers now limits the pixel to map translations that occur during dragging. The performance improvement is really important. Previous release – Current release
Minimal Support for devices without touch support Description Minimal support of OpenLayers when the device has no touch capabilities. Blog - Mail Demonstration on Nokia E7 Demonstration on Windows 7
Examples Description Mobile compatible example list and specific mobile examples. Examples Mobile examples
Sencha Touch Example Description Demonstration of an application created with OpenLayers and Sencha Touch Example Source Code Base – Specific
JQuery Mobile Example Description Demonstration of an application created with OpenLayers and JQuery Mobile (…discover the origin of the 16 participants of the OpenLayers mobile code sprint) Example Source Code Base – Specific
Accelerometer Example Description The information about acceleration are presented for devices with accelerometer support (for now iOS 4.2+ and Chrome) Example
Unit tests Description Optimize unit tests to work with a built OpenLayers library and UI improvements to test on mobile devices Tests
Test Lab Description Dozen of tests have been done on various platforms Test Sheet
Browser detection Description Page used to identify the capacity and characteristics of the used browser. Allow to test the mouse and touch events. Example
Closure Compiler Support & Build Description OpenLayers can be built with Google Closure Compiler and this reduces the size of it. A specific mobile build has been created. CSS Tidy is now used for minifying the stylesheets. Google Closure Compiler Support Mobile Specific Build Link to mobile examples with http://m.openlayers.org/ CSS Tidy usage
Various ongoing developments – R&D Offline storage of features and tiles - Sandbox Mobile Layer Switcher – Ticket in review Editing Tool – Ticket in review
THANKS TO THE SPONSORS Canton of Zürich:  http:// www.gis.zh.ch / Canton of Neuchâtel:  http:// sitn.ne.ch / Canton of Jura:  http:// www.jura.ch / sit City of Uster:  http:// www.uster.ch City of Vevey:  http://www.vevey.ch Geoportail Luxembourg:  http:// map.geoportail.lu / EPFL:  http:// plan.epfl.ch/ Schweizmobil: http://map.veloland.ch/ Swiss Open Systems User Group: http://www.ch-open.ch/ Swisstopo & geo.admin.ch:  http://www.swisstopo.admin.ch/ Swisscom: http://en.swisscom.ch/ OpenGeo:  http:// opengeo.org / Nokia:  http:// www.nokia.com/ Camptocamp: http://www.camptocamp.com Terrestris: http:// www.terrestris.de /
AND THANKS TO THE CODE SPRINTERS !!! Christopher Schmidt Tim Schaub Eric Lemoine Andreas Hocevar Frédéric Junod Bart van den Eijnden Bruno Binet Pierre Giraud Stéphane Brunner Marc Jansen Jorge Gustavo Rocha Jennie Fletcher Igor Tihonov Antoine Abt Benoît Quartier Cédric Moullet And thanks to Claude and Cédric for the organization

More Related Content

OpenLayers Mobile Code Sprint, 2011

  • 1. OpenLayers Mobile Code Sprint Summary 21.2.2011 – 25.2.2011 Lausanne - EPFL - Switzerland
  • 2. Mobile compatible controls Description The OpenLayers controls work similarly on touch- and mouse-centric environments. Examples
  • 3. Touch Navigation Control Description The navigation control handles map browsing with touch events (dragging, double-tapping, and tap with two fingers). Larger UI control. Examples Source code
  • 4. Kinetic Dragging Description The kinetic dragging let the map smoothly brake after a drag. Examples Source code
  • 5. Pinch Zoom Description Support pinch zoom in and zoom out (double finger touch) Example Source code
  • 6. Anchor Permalink Control Description Place a permalink in the anchor of the url. Examples Source code
  • 7. Geolocate Control Description Usage of the GeoLocation API to set or track the position of the mobile device Example Source Code
  • 8. Performance Description In order to improve the drag action, OpenLayers now limits the pixel to map translations that occur during dragging. The performance improvement is really important. Previous release – Current release
  • 9. Minimal Support for devices without touch support Description Minimal support of OpenLayers when the device has no touch capabilities. Blog - Mail Demonstration on Nokia E7 Demonstration on Windows 7
  • 10. Examples Description Mobile compatible example list and specific mobile examples. Examples Mobile examples
  • 11. Sencha Touch Example Description Demonstration of an application created with OpenLayers and Sencha Touch Example Source Code Base – Specific
  • 12. JQuery Mobile Example Description Demonstration of an application created with OpenLayers and JQuery Mobile (…discover the origin of the 16 participants of the OpenLayers mobile code sprint) Example Source Code Base – Specific
  • 13. Accelerometer Example Description The information about acceleration are presented for devices with accelerometer support (for now iOS 4.2+ and Chrome) Example
  • 14. Unit tests Description Optimize unit tests to work with a built OpenLayers library and UI improvements to test on mobile devices Tests
  • 15. Test Lab Description Dozen of tests have been done on various platforms Test Sheet
  • 16. Browser detection Description Page used to identify the capacity and characteristics of the used browser. Allow to test the mouse and touch events. Example
  • 17. Closure Compiler Support & Build Description OpenLayers can be built with Google Closure Compiler and this reduces the size of it. A specific mobile build has been created. CSS Tidy is now used for minifying the stylesheets. Google Closure Compiler Support Mobile Specific Build Link to mobile examples with http://m.openlayers.org/ CSS Tidy usage
  • 18. Various ongoing developments – R&D Offline storage of features and tiles - Sandbox Mobile Layer Switcher – Ticket in review Editing Tool – Ticket in review
  • 19. THANKS TO THE SPONSORS Canton of Zürich:  http:// www.gis.zh.ch / Canton of Neuchâtel:  http:// sitn.ne.ch / Canton of Jura:  http:// www.jura.ch / sit City of Uster:  http:// www.uster.ch City of Vevey:  http://www.vevey.ch Geoportail Luxembourg:  http:// map.geoportail.lu / EPFL:  http:// plan.epfl.ch/ Schweizmobil: http://map.veloland.ch/ Swiss Open Systems User Group: http://www.ch-open.ch/ Swisstopo & geo.admin.ch:  http://www.swisstopo.admin.ch/ Swisscom: http://en.swisscom.ch/ OpenGeo:  http:// opengeo.org / Nokia:  http:// www.nokia.com/ Camptocamp: http://www.camptocamp.com Terrestris: http:// www.terrestris.de /
  • 20. AND THANKS TO THE CODE SPRINTERS !!! Christopher Schmidt Tim Schaub Eric Lemoine Andreas Hocevar Frédéric Junod Bart van den Eijnden Bruno Binet Pierre Giraud Stéphane Brunner Marc Jansen Jorge Gustavo Rocha Jennie Fletcher Igor Tihonov Antoine Abt Benoît Quartier Cédric Moullet And thanks to Claude and Cédric for the organization