OpenLayers Mobile Code Sprint, 2011
-
Upload
moullet -
Category
Technology
-
view
13.217 -
download
3
description
Transcript of OpenLayers Mobile Code Sprint, 2011
![Page 1: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/1.jpg)
OpenLayers Mobile Code Sprint Summary
21.2.2011 – 25.2.2011
Lausanne - EPFL - Switzerland
![Page 2: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/2.jpg)
Mobile compatible controlsDescription
The OpenLayers controls work similarly on touch- and mouse-centric environments.
Examples
![Page 3: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/3.jpg)
Touch Navigation ControlDescription
The navigation control handles map browsing with touch events (dragging, double-tapping, and tap with two fingers). Larger UI control.
Examples
Source code
![Page 4: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/4.jpg)
Kinetic DraggingDescription
The kinetic dragging let the map smoothly brake after a drag.
Examples
Source code
![Page 5: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/5.jpg)
Pinch ZoomDescription
Support pinch zoom in and zoom out (double finger touch)
Example
Source code
![Page 6: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/6.jpg)
Anchor Permalink ControlDescription
Place a permalink in the anchor of the url.
Examples
Source code
![Page 7: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/7.jpg)
Geolocate ControlDescription
Usage of the GeoLocation API to set or track the position of the mobile device
Example
Source Code
![Page 8: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/8.jpg)
PerformanceDescription
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
![Page 9: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/9.jpg)
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
![Page 10: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/10.jpg)
ExamplesDescription
Mobile compatible example list and specific mobile examples.
Examples
Mobile examples
![Page 11: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/11.jpg)
Sencha Touch ExampleDescription
Demonstration of an application created with OpenLayers and Sencha Touch
Example
Source Code Base – Specific
![Page 12: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/12.jpg)
JQuery Mobile ExampleDescription
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
![Page 13: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/13.jpg)
Accelerometer ExampleDescription
The information about acceleration are presented for devices with accelerometer support (for now iOS 4.2+ and Chrome)
Example
![Page 14: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/14.jpg)
Unit testsDescription
Optimize unit tests to work with a built OpenLayers library and UI improvements to test on mobile devices
Tests
![Page 15: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/15.jpg)
Test LabDescription
Dozen of tests have been done on various platforms
Test Sheet
![Page 16: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/16.jpg)
Browser detectionDescription
Page used to identify the capacity and characteristics of the used browser. Allow to test the mouse and touch events.
Example
![Page 17: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/17.jpg)
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
![Page 18: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/18.jpg)
Various ongoing developments – R&D
• Offline storage of features and tiles - Sandbox
• Mobile Layer Switcher – Ticket in review
• Editing Tool – Ticket in review
![Page 19: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/19.jpg)
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/
![Page 20: OpenLayers Mobile Code Sprint, 2011](https://reader033.fdocuments.in/reader033/viewer/2022061205/5480fcb85906b5e16c8b45ec/html5/thumbnails/20.jpg)
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