Version 1er mai 1830

src/routes/whymdc/page.rs

@@ -19,13 +19,11 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
         </div>
         
         <div class="flex-col p-8">
-            <div class="w-fit mx-auto mb-4 border-t-4 border-b-4 border-orange-400 p-4">
-                <div class="ml-32 mr-32">
+            <div class="w-full mx-auto mb-4 border-t-4 border-b-4 border-orange-400 p-4">
                 <SectionTitle dark=false>
                     "Énergie: le nerf de la guerre"
                 </SectionTitle> 
             </div>
-            </div>
             <div class="mr-72 ml-72">     
                 <p class="text-justify mb-10 mt-8">
                     "Tous les systèmes économiques sont basés sur deux variables fondamentales: le temps et l’énergie. Depuis des millénaires l’or est dispendieux. Parce qu’il requiert beaucoup de temps et d’énergie à trouver. Depuis toujours l’eau a une valeur différente à différents endroits de la planète et moments de l’année, en fonction du temps et de l’énergie requis pour la trouver. D’ailleurs, l’énergie est souvent représentée comme fonction du temps. L’unité d’énergie choisie par le Système International, le Joule, s’exprime en Kilogramme X Mètre2 X Seconde2. "
@@ -98,8 +96,8 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
         </div>
 
         <div class="justify-center items-center flex h-[250px] bg-cover bg-center bg-opacity-75 bg-[url('/img/server-wires-page3.png')]">    
-            <div class="h-fit border-t-4 border-b-4 border-orange-400 p-4">
-                <div class="ml-32 mr-32">
+        <div class="p-16 w-full">    
+            <div class="w-full h-fit border-t-4 border-b-4 border-orange-400 p-4">
                     <SectionTitle dark=true>
                          "Qu'est-ce qu'un centre de données"
                     </SectionTitle>
@@ -139,13 +137,10 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
 
 
         <div class="flex flex-col bg-zinc-200 justify-center p-8">
-            <div class="mx-auto h-fit w-fit border-t-4 border-b-4 border-orange-400 p-4">
-                <div class="ml-32 mr-32">
-                    <SectionTitle dark=false>
+            <div class="mx-auto h-fit w-full border-t-4 border-b-4 border-orange-400 p-4">                                              <SectionTitle dark=false>
                       "Pourquoi des centres de données durables?"
                 </SectionTitle>
             </div>
-            </div>
             <p class="text-justify p-4 mb=32 ml-72 mr-72">
                 "Une publication de l’Agence internationale de l’énergie (AIE) indiquait en septembre 2022 que la demande énergétique des centres de données et des réseaux de transmission des données représentait de 2% à 3% de la consommation mondiale d’électricité, soit près de 1% des émissions de gaz à effet de serre du secteur énergétique (Kamiya, 2022)."
             </p>
@@ -196,13 +191,11 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
         </div>
         
         <div class="flex-col p-8">
-            <div class="mx-auto h-fit w-fit border-t-4 border-b-4 border-orange-400 p-4">
-                <div class="ml-32 mr-32">
+            <div class="mx-auto h-fit w-full border-t-4 border-b-4 border-orange-400 p-4">
                 <SectionTitle dark=false>
-                         "CDGE:5 problèmes actuels de l'indsutrie?"
+                     "CDGE: 5 problèmes actuels de l'indsutrie?"
                 </SectionTitle>
              </div>
-             </div>
             <div class="flex flex-row max-[1060px]:flex-col max-[1060px]:space-y-20 justify-center mt-16">
                 <div class="flex flex-col justify-center pl-40 pr-40 max-[1460px]:pl-16 max-[1460px]:pr-16">
                     <img src="/img/electricity-icon.png" class="transform mx-auto"/>
@@ -238,13 +231,11 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
         </div>
         
         <div class="flex flex-col bg-zinc-200 justify-center p-8">
-            <div class="mx-auto h-fit w-fit border-t-4 border-b-4 border-orange-400 p-4">
-               <div class="ml-32 mr-32">
+            <div class="mx-auto h-fit w-full border-t-4 border-b-4 border-orange-400 p-8">
                 <SectionTitle dark=false>
                     "Consommation d'énergie démesurée"
                 </SectionTitle>
             </div>
-            </div>
             <div class="flex flex-col justify-center pt-4 pb-4 pl-2 mt-16 mr-72 ml-72 border-l-8 border-blue-400"> 
             <p class="text-justify p-4 mb=32">
                "On estime qu’en 2030, les technologies de l’information et de la communication, qui sont principalement basées sur l’utilisation de serveurs informatiques, pourraient dans le pire des cas consommer 51% l’électricité mondiale et, dans le meilleur des cas, 8% de l’électricité mondiale (Andrae & Edler, 2015; Jones, 2018). On estime que 50% de l’électricité consommée par les CDGE sert au refroidissement des serveurs (The Impact of Data Centers on The Environment, 2022). Cette consommation d’énergie est non seulement excessive, mais aussi hautement inefficiente. À titre illustratif, les résultats d’une simulation réalisée dans le cadre d’une étude chinoise réalisée en 2018 indiquaient que la charge cumulative annuelle de refroidissement d’un CD était beaucoup plus élevée que la charge cumulative annuelle de chaleur (Yu et al., 2019, p. 154). Le potentiel de réutilisation de la chaleur est donc énorme, de même que le gaspillage énergétique actuel."
@@ -258,8 +249,8 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
         </div>
 
         <div class="justify-center items-center flex h-[250px] bg-cover bg-center bg-opacity-90 bg-[url('/img/bg-water.jpg')]">
-            <div class="h-fit border-t-4 border-b-4 border-orange-400 p-4">
-                <div class="ml-32 mr-32">
+            <div class="p-16 w-full">    
+                <div class="h-fit w-full border-t-4 border-b-4 border-orange-400 p-8">
                     <SectionTitle dark=true>
                         "Consommation d'eau démesurée"
                     </SectionTitle>
@@ -275,13 +266,12 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
         </div>
 
         <div class="flex flex-col bg-zinc-200 justify-center p-8">
-            <div class="mx-auto h-fit w-fit border-t-4 border-b-4 border-orange-400 p-4">
-               <div class="ml-32 mr-32">
+            <div class="mx-auto h-fit w-full border-t-4 border-b-4 border-orange-400 p-8">
+               
                 <SectionTitle dark=false>
                     "Impact environnemental majeur"
                 </SectionTitle> 
             </div>
-            </div>
             <p class="text-justify mb-12 mt-8 ml-72 mr-72">
                 "Quant aux émissions de gaz à effet de serre (GES) des géants du web, le tableau suivant résume la situation en 2021 pour Amazon, Microsoft, Alphabet et Meta. À titre indicatif, l’empreinte carbone per capita aux États-Unis est d’environ 16 tonnes métriques d’équivalent CO2 (tCO2e) et l’empreinte per capita à l’échelle planétaire est d’environ 4 tCO2e (What Is Your Carbon Footprint? | Carbon Footprint Calculator, n.d.)"
             </p>
@@ -349,13 +339,11 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
         </div>
         
         <div class="flex flex-col justify-center p-8">
-            <div class="mx-auto h-fit w-fit border-t-4 border-b-4 border-orange-400 p-4">
-               <div class="ml-32 mr-32">
+            <div class="mx-auto h-fit w-full border-t-4 border-b-4 border-orange-400 p-8">      
                 <SectionTitle dark=false>
                     "Coûts exorbitants"
                 </SectionTitle>
             </div>
-            </div>
             <div class="flex flex-col justify-center pt-4 pb-4 pl-2 mt-16 mr-72 ml-72 border-l-8 border-blue-400"> 
             <p class="text-justify p-4 mb=32">
                "Le coût de construction, d’exploitation et d’entretien d’un CDGE est extrêmement élevé. En effet, le coût de construction oscille entre $7 millions et $12 millions par mégawatt (MW) (Zhang, 2022a). Sachant que les centres de données de Google Cloud Platform (GCP) consomment en moyenne 20 MW, on parle d’un coût de construction entre $140 M et $240 M."
@@ -369,15 +357,13 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
         </div>
         
         <div class="flex flex-col justify-center bg-indigo-950 p-8">
-            <div class="mx-auto h-fit w-fit border-t-4 border-b-4 border-orange-400 p-4">
-                <div class="ml-32 mr-32">
+            <div class="mx-auto h-fit w-full border-t-4 border-b-4 border-orange-400 p-8">
                 <SectionTitle dark=true>
                     "Impact social négatif"
                 </SectionTitle>
             </div>
-            </div>
             <p class="text-justify mt-8 text-white ml-72 mr-72">  
-                "Un MCD est une unité de serveurs de petite taille pouvant être installée dans n’importe quel immeuble, tant les maisons unifamiliales que les gratte-ciels ou les usines. Sa taille est adaptée aux besoins énergétiques de l’immeuble qui l’abrite. Les rejets énergétiques, le plus souvent sous forme de chaleur, sont réutilisés au maximum dans l’immeuble pour le chauffer. Ils peuvent également être utilisée pour chauffer l’eau, ou même regénérer de l’électricité dans certains cas. Ce type de déploiement réduit également les besoins de climatisation du centre de données puisque la chaleur est transférée à d’autres usages. L’énergie totale consommée par le centre de données est donc déjà réduite."
+                "Les quatre problèmes ci-haut identifiés préoccupent de nombreuses personnes. Par exemple, dans les régions désertiques de l’Ouest américain où les big tech s’installent pour l’abondance d’énergie renouvelable, notamment l’énergie solaire, plusieurs communautés sont préoccupées par les quantités astronomiques d’eau consommées par les CDGE (Solon, 2021). En Arizona, où Apple a élu domicile pour un de ses CD, on indique que le niveau du principal réservoir d’eau de la région a atteint de bas niveaux historiques (James, 2021). La mairesse de Mesa, ville où se trouve le CD en question, se confiait à BBC News en 2021: "
             </p>
             <p class="text-right italic mt-8 text-white ml-[450px] mr-[450px]">  
                 "When it comes to economic development, I don’t think we are fully transparent about the water concerns [...] We want to keep the image that we are a great place to invest and start a business. But we don’t like to talk about the water."
@@ -394,13 +380,8 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
             <h4 class="flex justify-center text-center mt-16 font-Lato text-white text-3xl font-extrabold ml-[450px] mr-[450px]">
                 "Compréhension du public quant à l'utilisation des CD et la gestion de leurs données"
             </h4>
-            <div class="mx-auto w-3/5 overflow-hidden">
-                <canvas
-                    data-te-chart="bar"
-                    data-te-dataset-label="Traffic"
-                    data-te-labels="['Monday', 'Tuesday' , 'Wednesday' , 'Thursday' , 'Friday' , 'Saturday' , 'Sunday ']"
-                    data-te-dataset-data="[2112, 2343, 2545, 3423, 2365, 1985, 987]">
-                </canvas>
+                <div class="flex justify-center items-center p-8"> 
+                <img src="/img/graph-1.png"/> 
                 </div>
                 <p class="text-justify mt-2 text-neutral-400 text-xs ml-72 mr-72">  
                 "Sources:"
@@ -413,14 +394,13 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
 d=IwAR3wuxdHW8VE30FMaqZ6Iuj9Cs86bRSvmij1e_zDjM6Bwo4l71n5EKcLxqY"
             </p>
         </div>
+        
         <div class="flex-col bg-zinc-200 p-8">
-            <div class="mx-auto h-fit w-fit border-t-4 border-b-4 border-orange-400 p-4">
-                <div class="ml-32 mr-32">
+            <div class="mx-auto h-fit w-full border-t-4 border-b-4 border-orange-400 p-8">
                 <SectionTitle dark=false>
                      "MCD: Une solution durable"
                 </SectionTitle>
             </div>
-             </div>
             <div class="flex flex-row max-[1060px]:flex-col max-[1060px]:space-y-20 justify-center mt-16">
                 <div class="flex flex-col justify-center pl-40 pr-40 max-[1460px]:pl-16 max-[1460px]:pr-16">
                     <img src="/img/electricity-icon.png" class="transform mx-auto"/>
@@ -455,17 +435,19 @@ d=IwAR3wuxdHW8VE30FMaqZ6Iuj9Cs86bRSvmij1e_zDjM6Bwo4l71n5EKcLxqY"
            </div>         
         </div>
 
-        <div class="justify-center items-center flex h-[250px] bg-cover bg-bottom bg-opacity-25 bg-[url('/img/solar-panel.jpg')]">
-            <div class="h-fit border-t-4 border-b-4 border-orange-400 p-4">
-                <div class="max-w-[850px] ml-32 mr-32">
+        <div class="justify-center items-center flex h-[250px] bg-cover bg-bottom bg-opacity-75 bg-[url('/img/solar-panel.jpg')]">
+            <div class="p-16 w-full">
+                <div class="h-fit w-full border-t-4 border-b-4 border-orange-400 p-4">
+                    <div class="ml-72 mr-72">
                         <SectionTitle dark=false>
                             "Consommation d’énergie responsable et durable"
                         </SectionTitle>
                     </div>
                 </div>
             </div>
+        </div>
         <div class="flex flex-col justify-center pt-4 pb-4 pl-2 mt-16 mr-72 ml-72 border-l-8 border-blue-400"> 
-            <p class="text-justify p-4 mb=32">
+            <p class="text-left p-4 mb=32">
                "Les MCD, tels que ceux développés par NationTech, consomment une fraction de l’énergie d’un CDGE. La clé de cette augmentation de l’efficacité énergétique est la réutilisation de la chaleur. En effet, les CDGE refroidissent l’équipement informatique grâce à des systèmes de climatisation énergivores tandis que les MCD extraient la chaleur via un système d’aération ou de refroidissement liquide qui la distribue afin de combler les besoins en chauffage d’eau et d’air d’un immeuble donné. Ainsi, l’électricité normalement utilisée afin de faire chauffer une résistance dans un radiateur servira plutôt à faire chauffer des serveurs. Suivant un principe physique de base, les rejets thermiques étant pratiquement identiques."
             </p>
         </div>
@@ -477,6 +459,139 @@ d=IwAR3wuxdHW8VE30FMaqZ6Iuj9Cs86bRSvmij1e_zDjM6Bwo4l71n5EKcLxqY"
                   "Antoine Lavoisier"
              </p>
          </div>
+        <div class="flex flex-col justify-center pt-4 pb-4 pl-2 mb-16 mt-16 mr-72 ml-72 border-r-8 border-blue-400"> 
+            <p class="text-right p-4 mb=32">
+               "Deux métriques sont ci-après utilisées afin de comparer l’efficacité énergétique des MCD par rapport à celle des CDGE: le power usage effectiveness (PUE) ainsi que le energy reuse factor (ERF). NationTech a créé une troisième métrique permettant de fusionner les deux première: le global power usage effectiveness (GPUE)."
+            </p>
+        </div>
+        
+        <div class="flex-col bg-zinc-200 p-8">
+            <div class="mx-auto h-fit w-full border-t-4 border-b-4 border-orange-400 p-4">
+                <SectionTitle dark=false>
+                     "Power usage effectiveness (PUE)"
+                </SectionTitle>
+            </div>
+            <div class="flex justify-center flex-col ml-72 mr-72">
+                <p class="justify-center text-justify mt-8">
+                    "Le PUE est le ratio entre l’énergie totale utilisée par un CD (ECD) et l’énergie utilisée par l’équipement informatique (EIT). Plus ce ratio s’approche de 1, plus l’utilisation de l’énergie est optimale. "
+                </p>
+                <p class="justify-center text-center italic p-16 font-extrabold text-5xl">
+                    "PUE = ECD / EIT"
+                </p>
+                <p class="justify-center text-justify">
+                    "L’ECD comprend l’énergie consommée par le système de distribution d’énergie, les blocs d’alimentation sans interruption (Uninterruptible Power Supply, UPS), les commutateurs réseaux (switch), les unités de distribution d'énergie électrique (PDUs), les générateurs, les systèmes de refroidissement, l'éclairage et tout autres systèmes de soutien."
+                </p>
+                <p class="justify-center text-justify mt-8">
+                    "L’EIT comprend l’énergie consommée par les serveurs, les systèmes de stockage, l’équipement réseau, l’équipement de sécurité ainsi que les équipements d’alimentation électrique dédiés aux serveurs."
+                </p>
+                <h4 class="flex justify-center text-center mt-16 font-Lato text-blue-950 text-5xl font-extrabold">
+                    "Power Usage Effectiveness (PUE)"
+                </h4>
+                <div class="flex justify-center items-center p-8"> 
+                    <img src="/img/graph-2.png"/> 
+                </div>
+                <p class="justify-center text-right ml-48 mr-48">
+                    "*Voir section sur le GPUE"
+                </p>
+            </div>
+        </div>
+
+        <div class="flex-col bg-indigo-950 p-8">
+            <div class="mx-auto h-fit w-full border-t-4 border-b-4 border-orange-400 p-4">
+                <SectionTitle dark=true>
+                     "Energy reuse factor (ERF)"
+                </SectionTitle>
+            </div>
+            <div class="flex justify-center flex-col ml-72 mr-72">
+                <p class="text-white justify-center text-justify mt-8">
+                    "L’ERF est le ratio entre l’énergie réutilisée (Ereuse), soit l’énergie réutilisée en-dehors d’un CD, et l’énergie totale utilisée par le CD. Plus ce ratio s’approche de 1, plus la réutilisation de l’énergie est optimale."
+                </p>
+                <p class="text-white justify-center text-center italic p-16 font-extrabold text-5xl">
+                    "ERF = Ereuse / ECD"
+                </p>
+                <p class="text-white justify-center text-justify">
+                    "L’ECD comprend l’énergie consommée par le système de distribution d’énergie, les blocs d’alimentation sans interruption (Uninterruptible Power Supply, UPS), les commutateurs réseaux (switch), les unités de distribution d'énergie électrique (PDUs), les générateurs, les systèmes de refroidissement, l'éclairage et tout autres systèmes de soutien."
+                </p>
+                <p class="text-white justify-center text-justify mt-8">
+                    "L’Ereuse correspond donc à l’énergie thermique produite par l’équipement informatique et réutilisée afin de chauffer l’immeuble hébergeant l’infrastructure informatique ou les immeubles avoisinants. Un autre cas de figure possible serait la réutilisation de l’énergie thermique afin d’activer des turbines servant à générer de l’électricité."
+                </p>
+                <h4 class="flex justify-center text-center mt-16 font-Lato text-white text-5xl font-extrabold">
+                    "Energy reuse factor (ERF)"
+                </h4>
+                <div class="flex justify-center items-center p-8"> 
+                    <img src="/img/graph-3.png"/> 
+                </div>
+            </div>
+        </div>
+        <div class="flex flex-col justify-center pt-4 pb-4 pl-2 mt-16 mr-72 ml-72 border-l-8 border-blue-400"> 
+            <p class="text-left p-4 mb=32">
+               "Les MCD visent à réutiliser la majorité de l’énergie utilisée afin de faire fonctionner le CD. Les rejets thermiques de l’équipement informatiques, soit l’ensemble de l’énergie entrant dans le CD moins l’électricité utilisée pour les ventilateurs et le courant électrique passant dans la fibre optique, est réutilisée afin de chauffer un immeuble. Dans le cas des CDGE, aucune énergie n’est réutilisée. En effet, on refroidit plutôt les installations avec des systèmes de climatisation énergivores ou bien avec de l’eau qui, une fois chaude, donc chargée énergétiquement, est rejetée dans la nature sans être réutilisée."
+            </p>
+        </div>
+        <div class="mb-8">
+            <div class="flex flex-col justify-center pt-4 pb-4 pl-2 mt-16 mr-72 ml-72 border-r-8 border-blue-400"> 
+                <p class="text-right p-4">
+                "Les géants de l’industrie ont quelques projets sur la table afin de réutiliser la chaleur de leurs serveurs. Cependant, pour le moment, c’est une part infime de leurs CD qui recyclent la chaleur produite. Azure indique pourtant que le potentiel est énorme:  selon les estimations de l’entreprise, il serait possible d’atteindre un ERF de 0.69 en hiver et 0.84 en été."
+                </p>
+            </div>
+        </div>
+        
+        <div class="flex-col bg-indigo-950 p-8">
+            <div class="mx-auto h-fit w-full border-t-4 border-b-4 border-orange-400 p-4">
+                <SectionTitle dark=true>
+                     "Global power usage effectiveness (GPUE)"
+                </SectionTitle>
+            </div>
+            <div class="flex justify-center flex-col ml-72 mr-72">
+                <p class="text-white justify-center text-justify mt-8">
+                    "Le GPUE est le ratio entre, d’une part, la différence entre ECD  et Ereuse et, d’autre part, le EIT. Plus cette valeur se rapproche de 0, plus l’efficacité énergétique de l’équipement informatique et/ou la récupération et la réutilisation de l’énergie sont optimales."
+                </p>
+                <p class="text-white justify-center text-center italic p-16 font-extrabold text-5xl">
+                    "GPUE = (ECD - Ereuse) / EIT"
+                </p>
+                <p class="text-white justify-center text-justify">
+                    "L’ECD comprend l’énergie consommée par le système de distribution d’énergie, les blocs d’alimentation sans interruption (Uninterruptible Power Supply, UPS), les commutateurs réseaux (switch), les unités de distribution d'énergie électrique (PDUs), les générateurs, les systèmes de refroidissement, l'éclairage et tout autres systèmes de soutien."
+                </p>
+                <p class="text-white justify-center text-justify mt-8">
+                    "Le GPUE est donc similaire au PUE, mais il prend en compte le fait qu’une source d’énergie donnée (ECD ) peut avoir de multiples usages (EIT et Ereuse). Une part de l’énergie du CD étant réaffectée à l’immeuble hôte ou à un ou des immeubles voisins, on peut considérer que l’intrant énergétique du CD (ECD) est réduit par l’immeuble qui remplace sa source de chauffage par les pertes énergétiques découlant du CD."
+                </p>
+                <h4 class="flex justify-center text-center mt-16 font-Lato text-white text-5xl font-extrabold">
+                    "Global Power Usage Effectiveness (GPUE)"
+                </h4>
+                <div class="flex justify-center items-center p-8"> 
+                    <img src="/img/graph-4.png"/> 
+                </div>
+            </div>
+        </div>
+        <div class="mb-8">
+            <div class="flex flex-col justify-center pt-4 pb-4 pl-2 mt-16 mr-72 ml-72 border-l-8 border-blue-400"> 
+                <p class="text-left p-4">
+                "Meta, Azure, Vantage, Equinix et AWS projettent toutes réutiliser l’énergie de leurs centres de données afin d’atteindre la carboneutralité d’ici 2030. À l’exception de Vantage, elles ont toutes implémenter des projets de réutilisation de la chaleur produite par l’équipement informatique de leurs centres de données. Aucune information n’a été trouvée quant à l’intention de Google d’implémenter de tels projets. Voici un bref résumé de ces initiatives."
+                </p>
+            </div>
+        </div>
+
+        <div class="flex flex-col">
+            <div class="flex flex-row">
+                <div class="w-1/2 justify-center items-center bg-indigo-950 p-8">
+                    <img src="/img/Facebook-logo.jpg" class="mx-auto rounded-lg w-3/4"/>
+                </div>           
+                <div class="justify-center align0middle w-1/2 bg-zinc-200">
+                    <p class="mx-auto mr-32 ml-32 text-justify">
+                        "Meta réutilise la chaleur du CD de sa filière Facebook dans la ville d’Odense au Danemark depuis 2019. Selon l’entreprise, l’objectif est de réutiliser 100 000 MWh d’énergie annuellement, ce qui représente une quantité d’énergie suffisante afin de chauffer 6 900 foyers. La chaleur est actuellement distribuée gratuitement à l’hôpital local ainsi qu’à des milliers d’autres immeubles des environs."
+                    </p>
+                </div>
+            </div>
+        </div>
+
+
+
+
+
+
+
+
+