greenit/index.html at main · pobe22/greenit · GitHub

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="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Green IT – Nachhaltigkeit</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      line-height: 1.6;
      background-color: #f4f8f5;
      color: #222;
      margin: 0;
      padding: 0;
    }
    header, footer {
      background: #2c6e49;
      color: #fff;
      padding: 1rem;
      text-align: center;
    }
    main {
      max-width: 900px;
      margin: auto;
      padding: 2rem;
    }
    section {
      margin-bottom: 2rem;
    }
    h2, h3, strong, a {
      color: #2c6e49;
    }
    .lowtech {
      background: #e8f5e9;
      padding: 1rem;
      border-left: 4px solid #2c6e49;
    }
    .solar-img {
      max-width: 100%;
      height: auto;
      float: right;
      margin: 0 0 1rem 1rem;
      max-height: 150px;
    }
    .center {
      display: block;
      margin: 0.75rem auto;
      max-width: 100%;
      height: auto;
    }

  </style>
</head>
<body>
  <header>
    <h1>Green IT – Nachhaltigkeit in der IT</h1>
  </header>


  <main>
    <section>
      <h2>Willkommen beim Handout der Green-IT Präsentation!</h2>
      <p>Diese Seite nutzt eine Stimme, um dich kurz zu begrüßen.</p>

      <audio id="greenitSpeaker" autoplay>
        <source src="./tts/greenit_intro.mp3" type="audio/mpeg">
        Dein Browser unterstützt kein Audio.
      </audio>

      <script>
        const speaker = document.getElementById("greenitSpeaker");
        speaker.volume = 0.7;
        document.addEventListener("click", () => {
          if (speaker.paused) speaker.play();
        });
      </script>
    </section>

    <section>
      <h2>Was ist Green IT?</h2>
      <p>Green IT umfasst alle Maßnahmen, die Informations- und Kommunikationstechnologien nachhaltiger machen – von der Hardware über Software bis zu Rechenzentren.</p>
      <p> Im Vergleich zur Software ist die Hardware heute dagegen sehr effizient. Ein modernes
          Notebook verbraucht deutlich weniger Energie als ein alter Tower-PC mit Röhrenbildschirm.
          Schauen wir aber dorthin, wo die Daten gespeichert werden, wandelt sich das Bild.
          Schätzungen zur Folge verbrauchen die Rechenzentren in Deutschland im Jahr so viel Strom
          wie die Millionenstadt Berlin. Weltweit stieg der Stromverbrauch von Rechenzentren um
          70%. </p>
    </section>

    <section>
      <h2><a href="https://www.gft.com/de/de/insights/greencoding" target="_blank" rel="noopener noreferrer">Green Coding</a></h2>
      <p>Green Coding setzt auf drei Architekturprinzipien auf:</p>
      <ul>
        <li>Herunterfahren bei Nichtgebrauch</li>
        <li>Kein unnötiger Verbrauch</li>
        <li>Fokus auf Zeit & Energie</li>
      </ul>
      <style>

      </style>
      <img src="./img/greencoding_architecture.png" class="center" alt="Greencoding Architektur">
      <h3>1. Grüne Logik</h3>
      <ul>
        <li><strong>Nutzenorientierter visueller Inhalt:</strong> Geben Sie den Nutzern schneller das, was sie wollen. Das steigert die Kundenzufriedenheit und spart zudem Zeit und Energie. </li>
        <li><strong>Zero-Waste-Code:</strong> Entfernen Sie toten Code mit Tree-Shaking-Engines und weisen Sie den Entwicklern Größen- und Leistungsbudgets zu. </li>
        <li><strong>Ressourcen mit geringem CO2-Fußabdruck:</strong> Verwenden Sie einfachere Dateiformate, effiziente APIs und optimierte Bildpakete. </li>
        <li><strong>Nutzungshäufigkeit und Nähe:</strong> Progressive Web Applications (PWAs) und Content Delivery Networks (CDNs) können den Ablauf von Inhalten verwalten und die physische Entfernung zwischen Server und Nutzer verringern. </li>
      </ul>

      <h3>2. Grüne Methotik</h3>
      <ul>
        <li><strong>Schnelles Feedback, bessere Entscheidungen:</strong> Agile und schlanke Methoden erleichtern die Anpassung von Software zur Steigerung der Effizienz, während kontinuierliche Integration und kontinuierliche Lieferung es ermöglichen, die Auswirkungen jeder einzelnen Entwicklungsentscheidung zu visualisieren. </li>
        <li><strong>Wiederverwendbare Ergebnisse:</strong> Im Mittelpunkt nachhaltiger Softwareentwicklung steht das Ziel, die Ergebnisse von GreenCoding-Projekten weithin verfügbar zu machen, innerhalb einer Unternehmensorganisation und auch darüber hinaus. </li>
      </ul>

      <h3>3. Grüne Plattform</h3>
      <ul>
        <li><strong>Optimale Auslastung:</strong>Eine niedrige Auslastung ist in der Regel das Ergebnis einer zu hohen Schätzung in der Planungsphase und kann dazu führen, dass Systeme viel größer sind, als sie es sein müssten. </li>
        <li><strong>Präzise Konfiguration:</strong>Ein Blick in die Konfigurationsoptionen kann Ineffizienzen aufdecken, zum Beispiel HTTP2- oder gzip-Komprimierungseinstellungen, die nie aktiviert wurden. </li>
        <li><strong>Ganzheitliche Metriken:</strong> Neben dem Energiebedarf von Servern sollten die Metriken auch die „versteckte“ Infrastruktur wie persönliche Geräte umfassen.</li>
      </ul>

    </section>

    <section>
      <h2>KI & Nachhaltigkeit</h2>
      <p>Das Training moderner Modelle verursacht hohe CO₂-Emissionen. Inferenz pro Anfrage ist vergleichsweise energiearm, summiert sich aber bei Milliarden Anfragen.</p>
      <p>Ansatzpunkte: Effizientere Modelle, sparsameres Training, Nutzung erneuerbarer Energien.</p>
      <p>Website zum Berechnen des Energiebedarfs: <a href="https://mlco2.github.io/impact/#compute">ML CO2 Impact</a></p>
    </section>

    <section>
      <h2><a href="https://permacomputing.net/" target="_blank" rel="noopener noreferrer">Permacomputing</a></h2>
      <div class="lowtech">
        <p>Ansatz, inspiriert von der Permakultur: Weniger ist mehr. Effizienz, Wiederverwendung und clevere Hacks anstelle von ständigem Wachstum.</p>
      </div>
      <ul>
        <li>Alte Hardware wiederverwenden</li>
        <li>Software schlank halten</li>
        <li>Reparieren statt wegwerfen</li>
    </section>

    <section>
      <img src="./img/solar-panel-on-roofdeck.jpg" alt="Solar Panel auf Dach" class="solar-img" />
      <h2><a href="https://solar.dri.es/" target="_blank" rel="noopener noreferrer">Solar Powered Website</a></h2>
      <p>Beispiel Low-Tech Magazine: statische Seiten, minimales Design, Server mit 1–2 Watt Leistung, betrieben durch ein kleines Solarpanel mit Batterie.</p>
    </section>

    <section>
      <h2>Energieeffizienz und Ressourcenmanagement</h2>
      <p>Rechenzentren setzen auf effiziente Kühlung, etwa durch freie Kühlung, Flüssigkeitskühlung und die Trennung von heißen und kalten Luftströmen (Hot-Cold Aisle Containment).</p>
      <p>Durch Virtualisierung und Konsolidierung werden Serverressourcen gebündelt, um den Hardwarebedarf zu reduzieren und Energie zu sparen.</p>
      <p>Der Einsatz erneuerbarer Energien wird zunehmend wichtiger, ebenso wie die Optimierung der System-Auslastung.</p>
    </section>

    <section>
      <h2>Nachhaltiger Hardware-Lebenszyklus</h2>
      <ul>
        <li>Nachhaltige Beschaffung mit Fokus auf Langlebigkeit und Reparierbarkeit</li>
        <li>Verlängerung der Nutzungsdauer durch Reparatur statt Ersatz</li>
        <li>Wiederverwendung (Refurbishment) gebrauchter Geräte</li>
        <li>Fachgerechtes Recycling zur Rückgewinnung von Rohstoffen und Vermeidung von Schadstoffen</li>
      </ul>
    </section>

    <section>
      <h2>Unternehmenskultur und Sensibilisierung</h2>
      <p>Durch Schulungen und Bewusstseinsbildung werden Mitarbeiter für Green IT sensibilisiert.</p>
      <p>Nutzer können durch Ausschalten nicht benötigter Geräte und Nutzung von Energiesparmodi aktiv zum Energiesparen beitragen.</p>
      <p>Ein papierloses Büro und Nachhaltigkeitsziele als Unternehmensstrategie unterstützen den grünen Wandel.</p>
    </section>

    <section>
      <h2><a href="https://luckycloud.de/de/ratgeber/cloud-speicher/nachhaltiger-cloud-speicher" target="_blank" rel="noopener noreferrer">Green Cloud und Virtualisierung</a></h2>
      <p>Grüne Cloud-Anbieter nutzen zu 100% erneuerbare Energien und setzen auf modulare, flexible Systeme, die Serverressourcen nur bei Bedarf aktivieren.</p>
      <p>Datenschutz, DSGVO-Konformität und echte Energieeinsparungen sind Kernanforderungen nachhaltiger Cloud-Dienste, die Greenwashing vermeiden.</p>
    </section>

    <section>
      <h2><a href="https://omr.com/de/reviews/contenthub/green-it" target="_blank" rel="noopener noreferrer">Tools für Green IT</a></h2>
      <ul>
        <li>Energieüberwachungssoftware (z.B. JouleX Energy Manager, PowerChute)</li>
        <li>Virtualisierungstools (VMware vSphere, Microsoft Hyper-V, Oracle VM VirtualBox)</li>
        <li>Cloud-Computing-Dienste (AWS, Microsoft Azure, Google Cloud)</li>
        <li>Kühlmanagement-Tools (DCIM, CFD-Software)</li>
        <li>Recycling- und E-Waste-Management (Sims Recycling Solutions, Dell Asset Recovery Services)</li>
        <li>Green Hosting Anbieter (z.B. Manitu, All-inkl)</li>
        <li>Nachhaltige Beschaffungstools (EcoVadis, Green Electronics Council EPEAT)</li>
        <li>Schulungs- und Sensibilisierungsprogramme (Carbon Trust Standard, Energy Star Training)</li>
      </ul>
    </section>

    <section>
      <h2>KI-Tool: <a href="https://github.com/rany2/edge-tts">edge-tts</a></h2>
      <p>Text-To-Speech Monolog einer Künstlichen Intelligenz, lokal erstellt: </p>
      </p>
      <audio controls>
        <source src="./tts/podcast_monolog.mp3" type="audio/mpeg">
        Dein Browser unterstützt kein Audio.
      </audio>
      <p><a href="https://github.com/pobe22/greenit/blob/main/tts/test.py">Skript zum Erstellen</a></p>
    </section>
  </main>

  <footer>
    <p>© 2025 Green IT Projekt - Beni und Ricardo</p>
  </footer>
</body>
</html>