AJAX frameworks for neogeography, HTML5, mobile trends …

Frameworks & Trends

Présentation des principaux framework permettant la représentation de données spatiales sur le web. De plus, Julien fera une présentation du projet http://ogo.heig-vd.ch/ria/carto/MainApplication.html .

Env. 30 min.

Data provider

Présentation d'Open Street Map et des principaux fournisseurs de données.

Env. 30 min.

GeoExt

Mise en pratique de GeoExt en réalisant une petite application.

Nécessite un serveur web

Mac: http://www.mamp.info/en/index.html

Windows: http://www.wampserver.com/en/

Ressources

Les étudiants de 3ème students.json.zip

Squelette squelette.zip

Interface demo_extjs.zip

Exercice quand terminé

Plan de l'exercice

env. 10 min. - Présentation de GeoExt

env. 15 min. - Création du squelette

http://www.geoext.org/tutorials/quickstart.html#getting-geoext

env. 45 min. - Introduction à la création d'une interface en ExtJS

env. 30 min. - Création de l'interface pour l'exercice en se basant sur:

http://api.geoext.org/1.0/examples/mappanel-div.html

et aussi:

http://dev.sencha.com/deploy/dev/examples/

http://examples.extjs.eu/

...

env. 60-90 min. - Suivi du workshop opengeo

http://workshops.opengeo.org/geoext/index.html (puis WMS with Readers and Stores)

proxy.php.zip sera nécessaire pour accéder aux données du wms

OpenLayers.ProxyHost = “proxy.php?url=”; à ajouter dans l'en-tête d'interface.js

URL du WMSCapabilitiesStore: proxy.php?url=http%3A%2F%2Fogo.heig-vd.ch%2Fgeoserver%2Fows%3FSERVICE%3DWMS%26REQUEST%3DGetCapabilities

http://www.geoext.org

env. 45 min. - Utilisation du store

http://api.geoext.org/1.0/examples/feature-grid.html

pgRouting

Présentation de pgRouting (basée sur la présentation d'Anton Patrushev http://heig.ch/74593) et intégration avec un réseau OSM.

Workshop d'installation de pgRouting : http://workshop.pgrouting.org/chapters/installation.html

Env. 45 min.

Si on s'ennuie...

S'il reste du temps, les étudiants peuvent se rendre sur http://heig.ch/19267 et profiter de l'API pour, par exemple, rajouter une couche dans leur projet geoext du matin.

De plus, il reste encore tellement de chose à découvrir sur OpenLayers :)