-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
209 lines (190 loc) · 9.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>The impact of information technology on climate change</title>
<meta name="description" content="Une super datavi">
<meta name="author" content="SitePoint">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/styleVizOne.css">
</head>
<body>
<div class="container">
<div id='graphic'>
<div id='sections'>
<section class="step">
<div class="title"> </div>
<br/>
<div id="wrapper">
<div id="wrapper-inner">
<div id="scroll-down">
<span class="arrow-down">
</span>
</div>
</div>
</div>
</section>
<section class="step">
<div class="title">Evolution de la consommation</div>
<br/>
L'industrie du numérique est l'une des plus florissantes avec <b>9% de croissance par an</b>. Elle représente aujourd'hui <b>3% de la consommation d'énergie mondiale</b>.<br/><br/>
A cette vitesse, la consommation <b>double tous les 8 ans</b>. <br/><br/>
</section>
<section class="step">
<div class="title">Répartition de la consommation</div>
<br/>
La consommation numérique se divise en 3 parts principales :
</section>
<section class="step">
<div class="title">Production</div>
<br/>
La plus grande part vient de la production des terminaux qui nécessite beaucoup d'énergie. Elle nécessite aussi d'extraire une grande quantité de métaux rares de la nature, ce qui sera
un problème dans le futur.
<br/><br/>
Les appareils numériques ont généralement une durée de vie très courte pour leur coût de production, beaucoup dénoncent
<b>l'obsolescence programmée</b> des smartphones et des ordinateurs portables.
</section>
<section class="step">
<div class="title">Infrastructure</div>
<br/>
Internet explose ces dernières années et pèse aujourd'hui plus de <b>1000 zettabits</b>. Cela nécessite une énorme infrastructure pour stocker et partager l'information.
<br/><br/>
Un grand challenge aujourd'hui est de refroidir efficacement les datacenters, et de nombreuses grandes entreprises les délocalisent dans des pays froids.
</section>
<section class="step">
<div class="title">Utilisation</div>
<br/>
Enfin vient la part de la consommation directe des utilisateurs. Celle-ci profite davantage de l'amélioration de l'efficacité énergétiques des appareils et a une croissance moins forte.
<br/><br/>
La multiplication des objets connectés pourrait tout de même faire fortement croitre ces chiffres.
</section>
<section class="step">
<div class="title"></div>
Cette consommation, majoritairement éléctrique, entraine une émission de <b>500g de CO2 par kWh</b>.
<br/><br/>
Pour le climat, il est donc important d'être responsable à l'ère du numérique. Nous avons identifié plusieurs points simples et peu coûteux qui pourraient grandement réduire nos émissions
de CO2.
</section>
<section class="step">
<div class="title">Supprimez vos mails !</div>
<br/>
<div id="bloc2">
On estime que <b>le stockage de 1Go de données consomme 32kwh par an</b>. Des milliards de mails sont enregistrés dans nos boites mails et sont totalement inutiles.
<br/><br/>
Ici, on suppose que 1.3 milliards de personnes (population de l'OCDE) suppriment 100 mails tous les ans. On éviterait ainsi le rejet de 416000 tonnes de CO2 par an.
</div>
<br/>
<div id="bloc1" >
<h3>Laisser 100 mails dans une boite mail pendant 1 an = une ampoule allumée pendant 20min</h3>
</div>
</section>
</br>
<section class="step">
<div class="title">STOP à l'obsolescence abusive !</div>
<br/>
<div id="bloc2">
<b>90% de l'énergie consommée par un smartphone l'est lors de sa production.</b>
<br/><br/>
Il est donc beaucoup plus important de limiter le renouvellement des smartphones que de limiter leur utilisation.
<br/><br/>
En augmentant la durée de vie moyenne des smartphones de 2.5 a 3.5 ans, on éviterait le rejet de 22 millions de tonnes de CO2 par an.
</div>
<br/>
<div id="bloc1" >
<h3> La production d'un smartphone = 257km en voiture </h3>
</div>
</section>
<br/>
<section class="step">
<div class="title">Arrêtons le spam !</div>
<br/>
<div id="bloc2">
Le spam représente 50% des mails envoyés, soit plus de <b>32 000 milliards par an</b>, qui ne seront pour la grande majorité jamais lus.
<br/><br/>
<b>L'envoi d'1 mail consomme 6Wh.</b> La disparition du spam éviterait donc le rejet de 114 millions de tonnes de CO2 par an.
</div>
<br/>
<div id="bloc1" >
<h3> 1 café = 2 mails envoyés </h3>
</div>
</section>
<br/>
<section class="step">
<div class="title">Veiller sur la veille</div>
<br/>
<div id="bloc2">
On estime que hors chauffage, <b>10% de la consommation des ménages provient des appareils en veille.</b>
<br/><br/>
Débranchez vos appareils et vous sauverez à la fois la planète et votre portefeuille !
<br/><br/>
La disparition du mode veille éviterait le rejet de 113.5 millions de tonnes de CO2 par an.
</div>
<br/>
<div id="bloc1" >
<h3> 1 télé en veille pendant 24h = 12 recharges de téléphone </h3>
</div>
</section>
<br/>
<section class="step">
<div class="title">Regarder des vlogs en Full HD ?</div>
<br/>
<div id="bloc2">
Une énorme part du trafic Internet est causé par le visionnage de vidéos en ligne. La qualité visuelle des vidéos augmente, mais leur poids aussi !
<br/><br/>
Si tous les utilisateurs de Youtube choisissaient de regarder leurs vidéos un cran de qualité en dessous, on éviterait le rejet de <b>200 millions de tonnes</b> de CO2 par an.
</div>
<br/>
<div id="bloc1" >
<h3>C'est autant que 1,3 million de vols Paris-New York !</h3>
</div>
</section>
<br/>
<section class="step">
<div class="title">Impact sur la consommation numérique globale ?</div>
<br/>
Ces économies faciles mises bout à bout auraient un impact significatif puisque cela représenterait <b>26%</b> de la consommation numérique totale.
<br/><br/>
</section>
<br/>
<section class="step">
<div class="title">Références</div>
<br/>
Données principalement du Shift Project et de l'ADEME :
<br/>
- <a href="https://theshiftproject.org/wp-content/uploads/2018/11/Rapport-final-v8-WEB.pdf"> Shift project </a>
<br/>
- <a href="https://www.ademe.fr/sites/default/files/assets/documents/ademe_contribution_du_numerique_rapport_final.pdf"> ADEME </a>
<br/>
- <a href="https://github.com/DoubleL73/dataviz/blob/master/README.md"> Plus de détails dans le ReadMe </a>
<br/><br/>
Un grand merci à <a href="http://vallandingham.me/scroller.html">Vallandingham</a> pour le fonctionnement du scroll.
Liens utiles pour les différentes visualisations : <a href="https://gist.github.com/cnaithani/1ceda79527a698950d60628ed935d745">PieChart</a>, <a href="http://bl.ocks.org/arpitnarechania/6616c93c74840d87de839aab44aba77f">barChart</a>.
<br/><br/>
Projet réalisé dans le cadre de l'UE "<a href="https://lyondataviz.github.io/teaching/lyon1-m2/2018/">Visualisation Interactive de Données</a>" du <a href="http://master-info.univ-lyon1.fr/IA/">Master IA</a> de l'<a href="https://www.univ-lyon1.fr/">Université Claude-Bernard Lyon1</a>.
<br/><br/>
Réalisé par : <a href="https://github.com/Maxilyas">Antoine Gomès</a>, <a href="https://github.com/DoubleL73">Léo Lafiosca </a>, <a href="https://github.com/gaistou">Gaïs Touati </a>, <a href="https://github.com/zlita">Luca Jourdan </a>
</section>
</div>
<div id='vis'>
</div>
<div id="extra-space">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" charset="utf-8"></script>
<script src="js/firstViz.js" crossorigin="anonymous"></script>
<script src="js/pieChart.js"></script>
<script src="js/chart.js"></script>
<script src="js/flow.js"></script>
<script src="js/d3.js"></script>
<script src="js/queue.js"></script>
<script src="js/scroller.js"></script>
<script src="js/sections.js"></script>
<script src="js/d3-shape.js"></script>
<script src="js/d3-path.js"></script>
<script src="js/d3-sankey.js"></script>
<script src="js/d3.legend.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.7.1/d3-tip.min.js"></script>
</body>
</html>