Makina Corpus
● Société de Services en Logiciels Libres (SSLL), indépendante, créée en 2001
● Domaines d'activité : ingénierie logicielle, applications métiers innovantes, Web Carto Mobile
Un exemple à ne pas suivrehttp://tempsreel.nouvelobs.com/politique/20130821.OBS3816/l-ete-mediatique-de-manuel-valls.html
Évolution du web
● Allègement des interfaces● Plus d'interactivité● Déporter les traitements vers l'utilisateur● Arrivée du mobile
Design graphique
Allègement des interfaces
● Moins de contenu écrit● Design graphique épuré● La carte véhicule plus d'informations● Toutes les informations connues ne doivent pas forcément
être représentées !
Visualiser des données géographiques : Leaflet● Largement utilisé (OSM, Foursquare, Flickr...) ● Léger (~120 ko)● API ultra-simple● JS | CSS3 | HTML5● Mobile● Puissant !
Nombreux plugins Leaflet
Mobile
Supports mobiles
● Nouvelle façon d'interagir (Tactile)● Ergonomie (Natif)● Petits écrans (Allègement)● Tout l'écran est occupé par la carte● Possibilités offertes par la géolocalisation
Données disponibles
Aller au-delà de Google Maps
● Utilisations interdites (mode déconnecté, mise en cache, géocodage en masse...)
● Pas d'accès aux données (propriétaires)● Fond de plan trop vu (et pas forcément adapté)● Usage payant (fort trafic)
Explosion des données disponibles
● Open data des collectivités● Ouverture de certaines données par l'IGN● Données libres gouvernementales (MNT SRTM ou ASTER) ● APIs des réseaux sociaux (Twitter)● OpenStreetMap
OpenStreetMap ?
● Création en 2004 (absence de données geographiques libres)● Base de données mondiale● Données sous licence libre (ODbL)● Édition collaborative (Wikipedia)
→ http://www.openstreetmap.org
Fonds de plan
Avoir son propre style - MapServer
MAP
NAME "mapfile_1"
EXTENT -180 -90 180 90
LAYER
NAME "mp_roads"
TYPE POLYGON
DATA "midi_pyrennees/mp_roads.shp"
CLASS
STYLE
COLOR 20 10 110
WIDTH 2
END
END
END
END
???
Avoir son propre style - GeoServer
<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0"
xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd"
xmlns="http://www.opengis.net/sld"
xmlns:ogc="http://www.opengis.net/ogc"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<NamedLayer>
<Name>Simple Roads</Name>
<UserStyle>
<Title>Default Styler for simple road segments</Title>
<Abstract>Light red line, 2px wide</Abstract>
<FeatureTypeStyle>
<Rule>
<Title>Roads</Title>
<LineSymbolizer>
<Stroke>
<CssParameter name="stroke">
<ogc:Literal>#AA3333</ogc:Literal>
</CssParameter>
<CssParameter name="stroke-width">
<ogc:Literal>2</ogc:Literal>
</CssParameter>
</Stroke>
</LineSymbolizer>
</Rule>
</FeatureTypeStyle>
</UserStyle>
</NamedLayer>
</StyledLayerDescriptor>
???
Avoir son propre style - TileMill
#roads {
line-width:1;
line-color:#AA3333;
}Mieux !
TileMill – charte graphiquehttp://loir-et-cher-2020.makina-corpus.net
mapbox.com
stamen.com
Interactions
Traitements côté client
● Augmentation de la puissance des machines● Serveur cartographique de moins en moins indispensable● Maturité du JavaScript● Interaction avec les données directement dans le navigateur
(UTFGrid, GeoJSON tuilé...)
Calcul d'itinéraires côté client
En pratique : tuiles vectorielles
● Stockage aisé (pas de création d'images sur le serveur)● Rendu sur le terminal (puissance de calcul suffisante)
➔ http://gijs.github.io/vectorstyling-demo/➔ OpenStreetMap :
http://openstreetmap.us/~migurski/vector-datasource/➔ Google Maps : https://www.google.fr/maps/
3D
En pratique : 3D
● OSMBuildings : http://osmbuildings.org● Jeux vidéo : http://map.f4-group.com● Montagne :
http://thematicmapping.org/playground/webgl/terrain/texture/jotunheimen.html
● HERE : http://here.com/41.3907764,2.1650211,19.23,0,54,3d.day
3D – à utiliser avec modération
Présentation à retrouver :http://makina-corpus.com/blog/societe/presentation-du-petit-dejeuner-sur-les-nouveautes-de-la-cartographie-en-ligne
Merci !