Projet de webmapping
et de datavisualisation
Élevage et pollution
Lerigoleur Emilie
Par Nicolas Karasiak
Maestripieri Nicolas
Paegelow Martin
Le 29 juin 2015
Contexte général
- Premier site français d'actualité sur l'alimentation végétale
- +300 000 visiteurs en mars 2015
- 50% des visiteurs sur mobile/tablette
- Partenariat GEODE
.com
Problématique
En quoi l’élevage, et plus précisément l’industrie de la viande et du lait, sont-ils nocifs pour l’environnement ?
Comment faire connaître de manière interactive les conséquences environnementales de la viande et du lait auprès des lecteurs de Vegactu ?
État de l'art
Les études françaises
FAO, GIEC ou WorldWatch classent l'élevage comme premier responsable du réchauffement climatique
Les grandes études internationales
Majoritairement produites par l'INRA
Objectif : optimiser l'élevage
Voir le monde au-delà de l'élevage
L'éthique animale
Récolte de données
Agreste pour le recensement du cheptel
CITEPA pour les GES agricoles et le nitrate
iREP : le problème de l'ammoniac
En Europe : la base de la FAO
En France : divers fournisseurs de données
Choix des technologies
HTML + CSS + JavaScript
Eau + sucre + citron
Serveur
Client
Citronnade
Page internet
Navigateur
Bouteille
HTML5
CSS
JavaScript
Choix des technologies
Plusieurs outils, plusieurs usages
Webmapping
- Début avec Qgis2leaf ou Qgis2web
- Première approche avec Leaflet
- Découverte du GeoJSON
{"type": "FeatureCollection","features": [
{ "type": "Feature", "properties": {
"COUNTRY": "Iceland",
"statPAYS": "Islande",
"statBOVIN": 21383,
"statTOTAL": 5656262 },
"geometry": { "type": "MultiPolygon",
"coordinates": [[ -23.879448, 65.402496 ] ,
[ -23.88, 65.41 ]]
........
}
}]}
Webmapping
- Les bases de Leaflet
Webmapping
<iframe src="http://www.vegactu.com/m1/ElevageFrance/"
width="100%" height="700" frameborder="0" allowfullscreen="allowfullscreen">
</iframe>
- Design adaptatif et mise en page
- Intégration à l'article
Webmapping
- Élevage et pollution en France
Interface de datavisualisation
Data-Driven Documents
Graphiques vectorielles
Interface de datavisualisation
Conclusion
Article publié le 21 juin 2015 avec les cartes et la datavisualisation :
La viande, trop chair payé pour la planète
Succès auprès des lecteurs : + de 900 j'aime et partage (Fb, Twitter, e-mails)
Apport personnel
- Projet en tête depuis des années
- Découverte d'outils et de la programmation en JavaScript
Conclusion
Perspectives
- Interaction des graphiques et des cartes (D3.js)
- Données plus pertinentes (ammoniac par exemple)
Limites
- Des bibliothèques non exhaustives
- Premiers pas en programmation JavaScript
- Temps réduit pour gérer les données et programmer
Merc
l
M1gep
By Nicolaï Van Lennepkade
M1gep
Présentation du projet de M1 Gep : Webmapping sur la problématique élevage et pollution.
