Académique Documents
Professionnel Documents
Culture Documents
Présentation
Par Kristen
Kristen Girard
Girard
La formatrice : Kristen Girard
2
Objectifs des cours
3
SOMMAIRE
● Définition de la Green It
4
Définition de la Green It
5
Définition de la Green It
« Démarche d’amélioration continue qui vise à réduire l’empreinte économique,
écologique et sociale d’un produit ou d’un service, grâce au numérique »
Source : Greenit.fr
accessibilité numérique
6
Attention au greenwashing !
• Utiliser sur des produits ou des services qui ne sont pas entièrement « propre »
A RETENIR :
le terme Greenwashing désignant un produit ou un service
qui n’est pas vraiment écologique
7
Quelques chiffres
La part d’internet dans les émissions mondiales des gaz à effets de serre
4%
1,1
milliard de box DSL / fibre, 10 millions d’antennes relais (2G à 5G).
8
Quelques chiffres
9
Quelques chiffres
10
11 Source : « L’enfer Numérique » de Guillaume Pitron
D’où vient la pollution numérique ?
12
La fabrication des terminaux utilisateurs*
La fabrication des terminaux utilisateurs est la principale source de pollution dans le numérique :
- Des minerais ( ressources minières en voie de raréfaction ) : coltan, cobalt, nickel, litium …
- De l’eau
- Des produits chimiques
- Du gasoil
- …
*Terminaux utilisateurs : smartphones, pc, écran, tv, box internet, montres connectés, tous les
objets connectés
13
La production d’un smartphone
Source : https://www.mtaterre.fr/
14
15 Source : « L’enfer Numérique » de Guillaume Pitron
Le problème de l’extraction des minerais
● Le côté sociétal
https://pro.largus.fr/actualites/penurie-de-puces-le-point-sur-les-constructeurs-et-usines-
impactes-10544395.html
16
Les Data Centers : les problématiques
Problèmes majeurs des datas centers :
- Constructions de ces centres (nombre de datas centers à ce jour uniquement en France : 157 dont
56 en île de France )
17
18 Source : « L’enfer Numérique » de Guillaume Pitron
Les Datas Centers : améliorations
● Les innovations actuelles en matières de datas center :
- free cooling : procédé utilisant l’air extérieur (s’il est plus frais pour refroidir à la place de la
climatisation)
- datas center immergés (dans des piscines afin de les refroidir)
- datas dans l’ADN ( conservation de données dans de l’ADN, procédé révolutionnaire :
exemple de la société Catalog (USA) qui a mis tous le contenu de Wikipédia dans de l’ADN, taille
d’un sucre )
19
Exercice
Durée : 15 min
20
Les hébergeurs « verts »
Critères :
- PUE du data center : Power Usage Effectivness : l’efficacité énergétique d’un datacenter. Il
est calculé en divisant le total de l’énergie consommée par le datacenter par le total de
l’énergie utilisée par l’équipement informatique (serveur, stockage, réseau)
- Compensation carbone
22
Les « routes » de câbles
Les services numériques : sites internet, applis…
- Problème taille des bases de données
- Nombre de requêtes
- Trop de fonctionnalités pour le besoin réel de l’utilisateur
- Médias trop volumineux : photos, vidéos, audios …
- …
Le problème des CMS : Wordpress, Wix, Shopify etc…qui comprennent des tailles de fichiers énormes
dont des fonctionnalités et fichiers qui ne seront même pas utilisés
24
LA RESPONSABILITE DES GEANTS DE LA TECH:
- Obsolescence programmée
Définition : stratégie consistant à accélérer l’usure d’un produit
Types d’obsolescence :
- Obsolescence matérielle (=composant d’un produit qui cesse de fonctionner et on ne
peux le changer)
- Obsolescence culturelle (=nouvelle technologie donc ancienne moins attirante)
- Obsolescence logicielle (=son programme n’est plus commercialisé ou non compatible
avec d’autres qui eux ont évolués)
- Non vérification des sources d’approvisionnement (fournisseurs responsables, problème des lois
des autres pays : travail des enfants par exemple)
25
Quels sont les enjeux ?
26
LES ENJEUX ENVIRONNEMENTAUX:
- disparition des métaux rares, ressources épuisables appelés aussi ressources abiotiques
(déjà sous tension avant covid-19, à présent les premières raréfactions de métaux se font
ressentir)
- Construction des structures pour vous permettre de créé le produit jusqu’à leur vente
- Les câbles sous-marins : installations , destructions et/ou déviation de la structure des sols,
des cours d’eau
27
LES ENJEUX SOCIETAUX:
- Rendre le numérique plus juste ( accessibilité numérique pour les personnes présentant un handicap ) :
voir site Atalan pour simulation : https://www.atalan.fr/agissons/fr/daltonisme.html
https://www.nemesis-studio.com/accessibilite-web-comment-rendre-un-site-internet-accessible-a-tous/
(utilisable au clavier : tabulation + flèches)
- Faire prendre conscience au public la difficulté du travail des personnes dans les mines
(notamment le travail des enfants)
- Difficulté du travail et pression sur les employés dans les usines d’assemblages :
28
La fracture numérique
« Différence entre les personnes qui savent utiliser les outils numériques et ceux qui ne savent
pas utiliser ces outils : cela peut être juste utiliser un ordinateur, un logiciel ou bien internet. »
Pour s’engager :
- Association ESTIM
- https://www.lesbonsclics.fr/fr/
Cadre légal
Article n° 2009-1572 du 17 décembre 2009
Obligatoire pour :
• La Norme Européenne EN 301 549 de 2018 pour l’accès aux produits et services TIC
• RGAA : Référentiel public de déploiement des normes WCAG : obligatoire pour les
administrations
(3 niveaux : Bronze, argent, or)
- Durée : 15 min
35
Quelques règles de code informatique en
accessibilité
- Le contraste couleur
- Les balises ARIA LABEL
- Alternative textuelle aux médias
- …
36
LES ENJEUX ECONOMIQUES:
- Intéresser une nouvelle clientèle mise de côté par le passé (accessibilité par exemple)
37
Quelles sont les solutions existantes ?
38
L’éco-conception d’un produit ou d’un service
= une méthode
L'éco-conception est la mise en œuvre d'une réflexion globale sur le besoin du futur utilisateur, on dit
qu'on éco-conçoit un acte métier et non un produit, un service.
On prend en compte tout le cycle de vie de notre futur service ou produit pour sa création.
Objectifs :
1 2 3
39
L’éco-conception de services numériques
- Se concentrer sur le besoin utilisateur : l’internaute
- Si utilisation d’un CMS : limiter les plug in et contrôle le poids des plug in ( se demander si moins
lourd en le codant à la main, exemple plug in Contact Form 7 )
40
ACV : Analyse du Cycle de vie d’un service
numérique
Définition de ACV :
« Selon l’ISO (norme 14 400), il s'agit de la ''Compilation et évaluation des consommations d'énergie,
des utilisations de matières premières, et des rejets dans l'environnement, ainsi que de l'évaluation
de l'impact potentiel sur l'environnement associé à un produit, ou un procédé, ou un service, sur la
totalité de son cycle de vie‘’.» Source : www.actu-environnement.com
41
Comment on fait une ACV ?
Définir notre besoin, notre unité fonctionnelle* (notre unité de référence ) et le scénario de travail
1
En conclure :
A noter : les possibilités d’ACV sont multiples dans une entreprise, on va donc se
concentrer sur les cas les plus classiques
43
Exercice : Etude télétravail vs / présentiel
Durée : 1h30
44
Exercice : étude : le Cloud est-il green ?
Durée : 1h à 1h30
L’entreprise dans laquelle vous travailler souhaite utiliser un Cloud et vous demande de réaliser
une étude pour savoir si le Cloud est « green » ou pas, vous réalisez une synthèse :
45
Faire évaluer son site internet
Impact environnemental
Wappalyzer (extension)
46
Plug in Green It Analysis
47
Résultat d’affichage Green It Analysis
48
Plug in Wave ou site wave.webaim.org
49
Résultat d’affichage Wave
50
Google page speed insight
51
Résultat d’affichage
52
Exemple / contre exemple de sobriété
53
Google
54
USAGES ET BONNES PRATIQUES DU
QUOTIDIEN
55
kr0
- Ne pas multiplier les outils de travail qui peuvent faire doublon, triplon
- Aller directement à un site internet que l’on cherche en tapant l’url plutôt qu’une recherche
dans un navigateur
Développe Chef(fe) de
Graphiste Marketeur
ur(euse) projet
59
Se tester – pratiques professionnelles
https://swll.to/bjXZPF
60
Se tester – habitudes personnelles
https://nosgestesclimat.fr/
61
Les bases de la Green It pour les développeurs
62
Les différents types de sites internet
Les sites statiques :
les pages Web statiques sont celles dont le contenu ne peut pas changer que si un développeur
modifie son code source. Les fichiers sont écrit avec du simple code HTML, CSS, ce qui permet une
grande légèreté des fichiers puisqu’ils n’y a pas de comportement dynamique à aller chercher
l’information pour tel et tel élément, ici, l’information est disponible tout de suite dans le code
source.
Il existe des générateurs de sites statiques ( pas de base de données) comme : Jekyll, Hugo…
Les pages statiques sont la meilleure alternative pour de l’éco-conception, à utiliser autant que
possible.
63
CMS, frameworks
Les différents CMS, comment les travailler ?
Le problème des CMS est la quantité de données que ces systèmes de gestion de contenus
possèdent et que l’on n’utilisera pas entièrement.
Par exemple on n’utilisera que quelques fonctionnalités mais pas toutes, cependant elles existent
quand même (données réelles).
Pour utiliser ces systèmes de gestion de contenus il a fallu CRÉER ces systèmes (à base de code
du coup ! Du code pour construire des pages…de code ;-) )
C’est le même principe pour tous les CMS et les outils de no-code (« système de glisser déposer »,
eux même créé avec du code)
64
Limiter les plug in :
- Toujours se poser la question de l’utilité du plug in
- Ne pas cumuler les plug in qui font la même chose
- Se poser la question si le faire soi-même en code ne serait pas moins gourmand en ressources
Les frameworks :
Il est possible d’utiliser des frameworks comme Boostrap, mais en n’utilisant que les éléments dont
on a réellement besoin.
Police de caractères : utiliser des polices standards déjà présentes sur l’ordinateur de l’internaute
[…]
65
HTML
66
CSS
- Minifier son CSS : https://cssminifier.com/
- Paramétrer son site pour appeler le bon fichier CSS pour le bon format d’écrans
- Utiliser le même principe pour appeler les médias de différente taille pour la bonne taille d’écran
associée
Exemple :
<link rel="stylesheet" media="screen and (max-width: 600px)" href="small_screens.css"/>
- Limiter son utilisation : il faut enlever les animations qui rendent le site + vivant mais inutiles
( animations qui n’ont pas de grande valeur ajoutée : sans elles l’internaute peut tout de même
naviguer facilement et comprendre le site )
- Utiliser l’affichage différé avec l’attribut « defer » pour différer l’exécution des scripts sans
bloquer le chargement du HTML
En savoir plus : https://www.alsacreations.com/astuce/lire/1562-script-attribut-async-
defer.html
- Mettre ses scripts en fin de page pour gagner aussi en vitesse : il faut les placer juste avant la
balise de fermeture </body>
68
Les autres bonnes pratiques de dev
Le lazyloading : ( = chargement lent en Français)
Ce système permet d’afficher le contenu à l’utilisateur uniquement quand il est arrivé à ce niveau de lecture, ce qui permet de
ne pas charger toute la page d’un coup et améliore la vitesse de chargement du site.
Ce système conserve les données consultées en vue d’un accès ultérieur. Lors des consultations suivantes, c’est le cache qui
répond aux requêtes et il n’est alors pas nécessaire de contacter l’application d’origine. Les serveurs Web en sont un bon
exemple : ils disposent de leur propre cache, qui peut enregistrer temporairement le contenu d’un site Web. Si ce site Web est
consulté à nouveau ultérieurement, il peut être chargé plus rapidement, car les données sont stockées dans le cache et le
serveur n’a pas besoin d’envoyer une requête.
On peut y stocker par exemple, logo, image, infos du header et du footer car ils ne changeront pas d’une page à une autre.
Ces nœuds de périphérie répliquent les données à la « périphérie » de l’Internet. Les nœuds sont situés localement à
proximité de l’utilisateur et sont techniquement conçus pour fournir des données aussi rapidement que possible.
Un CDN fonctionne comme un cache pour les données des sites Web stockés. Cela permet de réduire les temps d’accès,
notamment aux offres de streaming et aux sites Web.
69
Les lois, normes, labels sur le sujet Green it
70
Loi AGEC (Anti Gaspi et économie circulaire)
du 10 février 2020
1 bis : les personnes mentionnées au 1 informent également leurs abonnés de la quantité de données
consommées dans le cadre de la fourniture d’accès au réseau et indiquent l’équivalent des émissions de gaz à
effet de serre correspondant.
Article 16 : affichage obligatoire à partir du 01 janvier 2021 d’un indice de réparabilité sur certains produits électriques
et électroniques de consommation courante avec une note sur 10,
Autre : Au nom de la lutte contre le gaspillage, la Commission européenne veut également établir les bases d’un
chargeur universel unique dans le cadre de son Pacte vert pour le climat
71
Loi REEN
du 10 juin 2021
Adopté en 1ère lecture à l’Assemblée Nationale, puis 2ème lecture au Sénat :02 novembre 2021 :
Principaux articles :
Faire prendre conscience aux utilisateurs du numérique de son impact environnemental
- Formation à la sobriété numérique dès le plus jeune âge à l’école et universités
- Module écoconception pour les formations d’ingénieurs en informatique
Limiter le gaspillage : VERSION INITALE- obligation de fournir des écouteurs lors de l’achat d’un smartphone qui
seront compatibles pendant toute la durée de commercialisation du téléphone
PUIS SENAT opposé pour cause de gaspillage (amendement du 02 novembre 2021)
2025 : les communes de + de 50 000 habitants devront élaborer une stratégie numérique responsable
72
Proposition de la commission Européenne
pour 2024
• Un chargeur universel pour les appareils électroniques portables de petite et moyenne taille
les plus couramment utilisés.
• Une vitesse de charge harmonisée pour les appareils permettant la recharge rapide
• Les acheteurs peuvent choisir d'acheter un nouvel appareil avec ou sans dispositif de recharge
Objectifs :
Automne 2024 : l'USB Type-C deviendra le port de charge
commun à tous les téléphones mobiles, tablettes et appareils
photo dans l'UE
73
Les labels existants
Label NR (agence Lucie) : numérique responsable : démarche constante
d’amélioration des entreprises est une démarche d’amélioration continue qui
vise à réduire l’empreinte écologique, économique et sociale des technologies
de l’information et de la communication (TIC).
https://label-nr.fr/comment/
Energy Star : efficacité énergétique des matériels informatiques pendant la phase d’utilisation
Association :
- + nombreuses
- ESTIM, EMMAEUS CONNECT
- Propositions d’ateliers de sensibilisation : fresque du numérique, jeux de cartes, kit à destination
des enfants…
75
Acteurs de la Green Tech
76
Acteurs : GREEN IT.fr
● Créé en 2004
● communauté des acteurs du numérique responsable qui s’intéressent, entre autre, à la sobriété numérique,à
l’écoconception des services numériques, à la lowtech, et plus globalement à un avenir numérique alternatif
● Lieu de réflexion sur les enjeux de la rencontre entre numérique et développement durable, ce que l’on
appelle couramment le numérique responsable
77
Acteurs : AGIT
L’Alliance Green IT (AGIT) est l’association regroupant les professionnels engagés pour un numérique responsable.
78
Acteurs : L’institut du numérique responsable
79
Acteurs : L’ADEME
L’ADEME est un établissement public sous la tutelle conjointe du ministère de la Transition écologique et solidaire et
du ministère de l’Enseignement supérieur, de la Recherche et de l’Innovation.
80
Veille sur le sujet
81
Veille sur le sujet
Site internet : https://www.greenit.fr/ Collectif Green It
https://alliancegreenit.org/ Alliance Green It
https://www.ademe.fr/ Ademe
https://institutnr.org/ Institut du Numérique Responsable
Podcasts : https://octobuzzwordbingo.buzzsprout.com/1438195/6026518
https://anchor.fm/dsi-et-des-hommes/episodes/Episode-3--Le-Green-IT-ou-le-numrique-
responsable-et0qrf
https://blog.wescale.fr/2020/06/04/wespeakcloud-le-podcast-episode-2-zoom-sur-lactualite-
le-green-it/
83
Conclusion
En + :
Les acteurs de la Green It à connaître
Ressources bibliographiques
84
TP travail seul ou en groupe
85
Devoir
86
Merci !
Contact : formateur_Kristen.GIRARD@supdevinci-edu.fr