SlideShare une entreprise Scribd logo
1  sur  70
Télécharger pour lire hors ligne
@romainpetiot44
Numérique souhaitable
@romainpetiot44@romainpetiot44
2013
@romainpetiot44@romainpetiot44
2050 - 2100
@romainpetiot44@romainpetiot44
2013
@romainpetiot44@romainpetiot44
2013
@romainpetiot44@romainpetiot44
2013
@romainpetiot44@romainpetiot44
2013
@romainpetiot44@romainpetiot44
2013
@romainpetiot44@romainpetiot44
Et au niveau
pro ?
@romainpetiot44
@romainpetiot44@romainpetiot44
Romain Petiot
@romainpetiot44
Qui suis-je ?
@romainpetiot44@romainpetiot44
Le numérique
responsable
@romainpetiot44@romainpetiot44
Questions pour un champion
Spécial “Pollution numérique”
@romainpetiot44
Si on additionne tous les
smartphones, ordinateurs,
câbles, serveurs, etc ;
Quel est le poids du numérique
?
@romainpetiot44
223 Millions de Tonnes
@romainpetiot44
223 Millions de Tonnes, c’est 5
fois le poids du parc
automobile français
@romainpetiot44
Le numérique n’est pas
immatériel !
@romainpetiot44
Quelle est la
proportion de GES
émis par le
numérique ?
@romainpetiot44
4% GES sont émis par
le numérique
@romainpetiot44
Un indice pour
vous qui êtes chez
vous ...
La réponse est 3,3 tonnes
@romainpetiot44
Combien de DEEE par
personne durant sa
vie ?
@romainpetiot44@romainpetiot44
3,3 Tonnes
Weeeman
@romainpetiot44@romainpetiot44
88% des français
changent leur
téléphone
portable alors
qu’il fonctionne
encore… (Ademe)
@romainpetiot44
Comment mesure-t-on
la pollution du
numérique ?
@romainpetiot44
Analyse par cycles de vie
Exemple ACV d’un Jeans
Exemple ACV d’un Jeans
@romainpetiot44
Source : greenIT.fr
@romainpetiot44
Le numérique
est-t-il durable
dans un monde
fini ?
@romainpetiot44
Extraction des matières premières
@romainpetiot44
source : https://www.encyclo-ecolo.com/Epuisement_des_ressources
@romainpetiot44@romainpetiot44
Mine de terres rares
@romainpetiot44@romainpetiot44
Terres rares
@romainpetiot44@romainpetiot44
Baotou
(Chine - Mongolie inter.)
Les effluents toxiques sont stockés dans un lac
artificiel de 10 km3*
La radioactivité est 32 fois à la normale*
*source : https://fr.wikipedia.org/wiki/Terre_rare
@romainpetiot44@romainpetiot44
Que faire ?
@romainpetiot44@romainpetiot44
Allonger la durée de vie du
matériel
Que faire ?
@romainpetiot44@romainpetiot44
Les vieux …
... terminaux Ipad 2 (fin 2013)
ES 5 (problème js)
Grid layout (problème css)
#lowTech
@romainpetiot44@romainpetiot44
La connexion
ADSL 2 Mbps
problème lecture vidéo
#lowTech
@romainpetiot44@romainpetiot44
A qui la faute ?
Allongement de la durée vie du
matériel
Prévoir des modes dégradés
Tester vos services numériques en
condition réelle
@romainpetiot44@romainpetiot44
Allonger la durée de vie du
matériel
Sobriété fonctionnelle
Que faire ?
@romainpetiot44@romainpetiot44
Sobriété
fonctionnelle
@romainpetiot44@romainpetiot44
Sobriété
fonctionnelle
Slider
@romainpetiot44@romainpetiot44
Sobriété
fonctionnelle
Slider
Présenter l’équipe
@romainpetiot44@romainpetiot44
Sobriété
fonctionnelle
Slider
Présenter l’équipe
Moteur de recherche
@romainpetiot44@romainpetiot44
Sobriété
fonctionnelle
Slider
Présenter l’équipe
Moteur de recherche
Google maps
@romainpetiot44@romainpetiot44
Sobriété
fonctionnelle
Définir l’objectif du projet
Réaliser des wireframes
Définir des personae
#grasNumérique
#obésiciel
#surplusDigital
#surchargeFeaturale
#bonSensPaysan
@romainpetiot44@romainpetiot44
Allonger la durée de vie du
matériel
Sobriété fonctionnelle
Efficience technique
Que faire ?
@romainpetiot44@romainpetiot44
Efficience
technique
Traitement des images
(la bonne taille)
@romainpetiot44
2,2 Mo
le bon poids
@romainpetiot44
0,7 Mo
le bon poids
@romainpetiot44@romainpetiot44
Efficience
technique
Le cache :
- base de données
- Expires, Etag
- préchargement de page
- Reverse proxy
@romainpetiot44@romainpetiot44
Efficience
technique
Minifier HTML / CSS / JS
Regrouper les fichiers CSS /
JS
Tester la qualité du code :
- Validator W3C
- JSLint
- CSSLint
@romainpetiot44@romainpetiot44
Efficience
technique
@romainpetiot44@romainpetiot44
Efficience
technique
Boutons de partage
@romainpetiot44@romainpetiot44
Efficience
technique
Boutons de partage
@romainpetiot44
On mesure
@romainpetiot44@romainpetiot44
Mesures
Poids le page
Nombre de requêtes
Vitesse d’affichage (fully Loaded)
@romainpetiot44@romainpetiot44
Mesures
Poids le page
Nombre de requêtes
Vitesse d’affichage (Fully Loaded)
Nombre d’éléments du Dom
@romainpetiot44@romainpetiot44
Mesures
Poids le page
Nombre de requêtes
Vitesse d’affichage (Fully Loaded)
Nombre d’éléments du Dom
Estimation GES
@romainpetiot44@romainpetiot44
Mesures
Poids le page
Nombre de requêtes
Vitesse d’affichage (Fully Loaded)
Nombre d’éléments du Dom
Estimation GES
Consommation électricité
@romainpetiot44@romainpetiot44
Tech4Good
@romainpetiot44@romainpetiot44
La sape
connectée
#REX
@romainpetiot44@romainpetiot44
Présentation
du site
Site WordPresse
Thème : event-star
Page builder : Elementor
Hébergement : OVH
@romainpetiot44@romainpetiot44
Présentation
du site
Demo
https://www.sape-connectee.org/
https://sape-connectee.ihaveagreen.fr/
@romainpetiot44
Résultats
@romainpetiot44
@romainpetiot44
@romainpetiot44
Pour finir,
@romainpetiot44@romainpetiot44
Qu’est ce que
tu dois retenir ?
- La performance environnementale,
ça se mesure
- Les bonnes pratiques, c’est du bon
sens paysan
- Divise par 2 ses émissions de GES
- Performance économique
@romainpetiot44@romainpetiot44
Romain Petiot
@romainpetiot44
Merci !
#numeriqueSouhaitable
#numeriqueDurable
#makeChangeDigital

Contenu connexe

Similaire à Lunch talk éco-conception Web, avec Le Wagon

i6 - Intelligence artificielle [VEM9]
i6 - Intelligence artificielle [VEM9]i6 - Intelligence artificielle [VEM9]
i6 - Intelligence artificielle [VEM9]Salon e-tourisme #VeM
 
Top 50 Startups from Bordeaux to follow in 2014
Top 50 Startups from Bordeaux to follow in 2014Top 50 Startups from Bordeaux to follow in 2014
Top 50 Startups from Bordeaux to follow in 2014bdxstartups
 
XebiCon'16 : GS1 - Comment les services managés du Cloud nous ont permis de t...
XebiCon'16 : GS1 - Comment les services managés du Cloud nous ont permis de t...XebiCon'16 : GS1 - Comment les services managés du Cloud nous ont permis de t...
XebiCon'16 : GS1 - Comment les services managés du Cloud nous ont permis de t...Publicis Sapient Engineering
 
2011 06 think mobile pour thibaut
2011 06 think mobile pour thibaut2011 06 think mobile pour thibaut
2011 06 think mobile pour thibautThibaut Bayart
 
DAM : le digital assets management
DAM : le digital assets managementDAM : le digital assets management
DAM : le digital assets managementYann Gourvennec
 
What's Hot ?! - Novembre 2015
What's Hot ?! - Novembre 2015What's Hot ?! - Novembre 2015
What's Hot ?! - Novembre 2015onepoint x weave
 
OpenDataSoft - Faciliter la Smart City avec l’Open Data et le Service Design
OpenDataSoft - Faciliter la Smart City avec l’Open Data et le Service DesignOpenDataSoft - Faciliter la Smart City avec l’Open Data et le Service Design
OpenDataSoft - Faciliter la Smart City avec l’Open Data et le Service DesignLes Interconnectés
 
L'ere du Marketer Geek
L'ere du Marketer GeekL'ere du Marketer Geek
L'ere du Marketer GeekMarketo
 
LA RÉALITÉ VIRTUELLE EN 2015 : THE NEXT BIG THING ?
LA RÉALITÉ VIRTUELLE EN 2015 : THE NEXT BIG THING ?LA RÉALITÉ VIRTUELLE EN 2015 : THE NEXT BIG THING ?
LA RÉALITÉ VIRTUELLE EN 2015 : THE NEXT BIG THING ?Softeam Agency
 
Agile pour le hardware - Agile Tour Paris 2019
Agile pour le hardware - Agile Tour Paris 2019Agile pour le hardware - Agile Tour Paris 2019
Agile pour le hardware - Agile Tour Paris 2019Franck Beulé
 
XebiCon'16 : PMU et le Big Data - d'une approche mono projet à une démarche e...
XebiCon'16 : PMU et le Big Data - d'une approche mono projet à une démarche e...XebiCon'16 : PMU et le Big Data - d'une approche mono projet à une démarche e...
XebiCon'16 : PMU et le Big Data - d'une approche mono projet à une démarche e...Publicis Sapient Engineering
 
i11 - Chatbots et assistants de la conversation a l'inspiration [VEM9]
i11 - Chatbots et assistants de la conversation a l'inspiration [VEM9]i11 - Chatbots et assistants de la conversation a l'inspiration [VEM9]
i11 - Chatbots et assistants de la conversation a l'inspiration [VEM9]Salon e-tourisme #VeM
 
Tech-Meetup Smart Transport - Episode 02
Tech-Meetup Smart Transport - Episode 02Tech-Meetup Smart Transport - Episode 02
Tech-Meetup Smart Transport - Episode 02Laurent Dunys
 
Animation Numérique de Territoire : Atelier la mobilité
Animation Numérique de Territoire : Atelier la mobilitéAnimation Numérique de Territoire : Atelier la mobilité
Animation Numérique de Territoire : Atelier la mobilitéKate De Gourdon
 
sports et web 3.0 : Intervention Rolland MELET au Congres FEDAIRSPORT 2015
sports et web 3.0 : Intervention Rolland MELET au Congres FEDAIRSPORT 2015sports et web 3.0 : Intervention Rolland MELET au Congres FEDAIRSPORT 2015
sports et web 3.0 : Intervention Rolland MELET au Congres FEDAIRSPORT 2015Rolland MELET
 
sports et web 3.0 : Intervention Rolland MELET au Congrès FEDAIRSPORT 2015
sports et web 3.0 : Intervention Rolland MELET au Congrès FEDAIRSPORT 2015sports et web 3.0 : Intervention Rolland MELET au Congrès FEDAIRSPORT 2015
sports et web 3.0 : Intervention Rolland MELET au Congrès FEDAIRSPORT 2015Rolland MELET
 
15 02-27 sports et web 3
15 02-27 sports et web 315 02-27 sports et web 3
15 02-27 sports et web 3Rolland MELET
 
Performance web #perfmatters - Tuniseo 2018
Performance web #perfmatters - Tuniseo 2018Performance web #perfmatters - Tuniseo 2018
Performance web #perfmatters - Tuniseo 2018Aymen Loukil
 

Similaire à Lunch talk éco-conception Web, avec Le Wagon (20)

i6 - Intelligence artificielle [VEM9]
i6 - Intelligence artificielle [VEM9]i6 - Intelligence artificielle [VEM9]
i6 - Intelligence artificielle [VEM9]
 
Top 50 Startups from Bordeaux to follow in 2014
Top 50 Startups from Bordeaux to follow in 2014Top 50 Startups from Bordeaux to follow in 2014
Top 50 Startups from Bordeaux to follow in 2014
 
XebiCon'16 : GS1 - Comment les services managés du Cloud nous ont permis de t...
XebiCon'16 : GS1 - Comment les services managés du Cloud nous ont permis de t...XebiCon'16 : GS1 - Comment les services managés du Cloud nous ont permis de t...
XebiCon'16 : GS1 - Comment les services managés du Cloud nous ont permis de t...
 
2011 06 think mobile pour thibaut
2011 06 think mobile pour thibaut2011 06 think mobile pour thibaut
2011 06 think mobile pour thibaut
 
DAM : le digital assets management
DAM : le digital assets managementDAM : le digital assets management
DAM : le digital assets management
 
What's Hot ?! - Novembre 2015
What's Hot ?! - Novembre 2015What's Hot ?! - Novembre 2015
What's Hot ?! - Novembre 2015
 
OpenDataSoft - Faciliter la Smart City avec l’Open Data et le Service Design
OpenDataSoft - Faciliter la Smart City avec l’Open Data et le Service DesignOpenDataSoft - Faciliter la Smart City avec l’Open Data et le Service Design
OpenDataSoft - Faciliter la Smart City avec l’Open Data et le Service Design
 
L'ere du Marketer Geek
L'ere du Marketer GeekL'ere du Marketer Geek
L'ere du Marketer Geek
 
LA RÉALITÉ VIRTUELLE EN 2015 : THE NEXT BIG THING ?
LA RÉALITÉ VIRTUELLE EN 2015 : THE NEXT BIG THING ?LA RÉALITÉ VIRTUELLE EN 2015 : THE NEXT BIG THING ?
LA RÉALITÉ VIRTUELLE EN 2015 : THE NEXT BIG THING ?
 
Agile pour le hardware - Agile Tour Paris 2019
Agile pour le hardware - Agile Tour Paris 2019Agile pour le hardware - Agile Tour Paris 2019
Agile pour le hardware - Agile Tour Paris 2019
 
XebiCon'16 : PMU et le Big Data - d'une approche mono projet à une démarche e...
XebiCon'16 : PMU et le Big Data - d'une approche mono projet à une démarche e...XebiCon'16 : PMU et le Big Data - d'une approche mono projet à une démarche e...
XebiCon'16 : PMU et le Big Data - d'une approche mono projet à une démarche e...
 
État de la nation interactive 2015-07
État de la nation interactive 2015-07État de la nation interactive 2015-07
État de la nation interactive 2015-07
 
i11 - Chatbots et assistants de la conversation a l'inspiration [VEM9]
i11 - Chatbots et assistants de la conversation a l'inspiration [VEM9]i11 - Chatbots et assistants de la conversation a l'inspiration [VEM9]
i11 - Chatbots et assistants de la conversation a l'inspiration [VEM9]
 
Tech-Meetup Smart Transport - Episode 02
Tech-Meetup Smart Transport - Episode 02Tech-Meetup Smart Transport - Episode 02
Tech-Meetup Smart Transport - Episode 02
 
Animation Numérique de Territoire : Atelier la mobilité
Animation Numérique de Territoire : Atelier la mobilitéAnimation Numérique de Territoire : Atelier la mobilité
Animation Numérique de Territoire : Atelier la mobilité
 
sports et web 3.0 : Intervention Rolland MELET au Congres FEDAIRSPORT 2015
sports et web 3.0 : Intervention Rolland MELET au Congres FEDAIRSPORT 2015sports et web 3.0 : Intervention Rolland MELET au Congres FEDAIRSPORT 2015
sports et web 3.0 : Intervention Rolland MELET au Congres FEDAIRSPORT 2015
 
sports et web 3.0 : Intervention Rolland MELET au Congrès FEDAIRSPORT 2015
sports et web 3.0 : Intervention Rolland MELET au Congrès FEDAIRSPORT 2015sports et web 3.0 : Intervention Rolland MELET au Congrès FEDAIRSPORT 2015
sports et web 3.0 : Intervention Rolland MELET au Congrès FEDAIRSPORT 2015
 
15 02-27 sports et web 3
15 02-27 sports et web 315 02-27 sports et web 3
15 02-27 sports et web 3
 
État de la nation interactive 2014-06
État de la nation interactive 2014-06État de la nation interactive 2014-06
État de la nation interactive 2014-06
 
Performance web #perfmatters - Tuniseo 2018
Performance web #perfmatters - Tuniseo 2018Performance web #perfmatters - Tuniseo 2018
Performance web #perfmatters - Tuniseo 2018
 

Lunch talk éco-conception Web, avec Le Wagon