Schnellstart: Unterschied zwischen den Versionen

Aus DG HochN-Wiki
Wechseln zu:Navigation, Suche
← Zum vorherigen Versionsunterschied
VisuellWikitext
Pete Walker (Diskussion | Beiträge)
721 Bearbeitungen
KKeine Bearbeitungszusammenfassung
Markierung: Quelltext-Bearbeitung 2017
Pete Walker (Diskussion | Beiträge)
721 Bearbeitungen
KKeine Bearbeitungszusammenfassung
Markierung: Quelltext-Bearbeitung 2017
 
Zeile 1: Zeile 1:
<!-- Dies ist der Quelltext für die Hauptseite. Bitte passen Sie alle Texte und Links an Ihr Projekt an! -->
<!DOCTYPE html>
{{TOC|limit=3}}
<html lang="de">
<div style="text-align: center; padding: 20px; background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px;"> == Herzlich willkommen im Wiki der DG HochN! == '''Das zentrale Wissensarchiv für die Deutsche Gesellschaft für Hochleistung und Navigation (DG HochN)''' </div>
<head>
<!-- ========================================================================= -->
    <meta charset="UTF-8">
<!-- AKTUELLES & NACHRICHTEN -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ========================================================================= -->
    <title>Nachhaltigkeits-Guide der DG HochN</title>
<div style="border: 1px solid #c9c9ff; padding: 15px; background-color: #f7f7ff; border-radius: 5px; margin-bottom: 20px;"> === Aktuelles und Ankündigungen ===
    <!-- Tailwind CSS CDN für schnelles und responsives Styling -->
'''2025-11-15:''' Das neue Forschungspapier zur quantengestützten Navigation ist verfügbar: [[Projekt:QuantenNav]]
    <script src="https://cdn.tailwindcss.com"></script>
'''2025-10-01:''' Update der Sicherheitsrichtlinien (Version 3.1) in der [[Kategorie:Richtlinien]].
    <style>
'''2025-09-20:''' Schulungstermin für die neue Simulationssoftware. Details unter [[Veranstaltung:SimSchulung]]. </div>
        /* Zusätzliche, spezifische Stile */
<!-- ========================================================================= -->
        .accordion-panel {
<!-- HAUPT-NAVIGATION / SCHNELLZUGRIFF -->
            max-height: 0;
<!-- ========================================================================= -->
            overflow: hidden;
== Schnellzugriff auf wichtige Bereiche ==
            transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
<div style="display: flex; flex-wrap: wrap; justify-content: space-around;">
        }
<div style="width: 30%; min-width: 250px; margin: 10px; padding: 15px; border: 1px solid #ccc; border-left: 5px solid #0056b3; background-color: #fff; border-radius: 4px;">
        .accordion-button {
=== Forschungsprojekte ===
            transition: background-color 0.2s;
Hier finden Sie detaillierte Dokumentationen und Ergebnisse unserer aktuellen und abgeschlossenen Forschungsprojekte.
            cursor: pointer;
* [[Kategorie:Laufende Projekte]]
        }
* [[Kategorie:Abgeschlossene Projekte]]
        .accordion-button:hover {
* [[Handbuch:Methodenübersicht]]
            background-color: #e0f2fe; /* light blue hover */
</div>
        }
    </style>
</head>
<body class="font-sans antialiased bg-gray-50 p-2 sm:p-4">


<div style="width: 30%; min-width: 250px; margin: 10px; padding: 15px; border: 1px solid #ccc; border-left: 5px solid #007bff; background-color: #fff; border-radius: 4px;">
    <div id="app" class="max-w-4xl mx-auto bg-white shadow-xl rounded-xl overflow-hidden">
=== Technische Spezifikationen ===
     
Technische Handbücher, Systemarchitekturen und Code-Dokumentationen.
        <!-- HEADER -->
* [[Spezifikation:System_A]]
        <header class="bg-blue-800 text-white p-6 sm:p-8">
* [[Spezifikation:Schnittstellen-Definitionen]]
            <h1 class="text-2xl sm:text-3xl font-extrabold mb-1">
* [[Handbuch:Softwareentwicklung]]
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 inline-block mr-2 align-text-bottom">
</div>
                  <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
                  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6.25l-7.5 7.5l-2.5-2.5" />
                </svg>
                Nachhaltigkeits-Leitfaden
            </h1>
            <p class="text-sm opacity-90">DG HochN: Effizienz & Verantwortung in Navigation und Hochleistung.</p>
        </header>


<div style="width: 30%; min-width: 250px; margin: 10px; padding: 15px; border: 1px solid #ccc; border-left: 5px solid #28a745; background-color: #fff; border-radius: 4px;">
        <!-- HAUPTINHALT (AKKORDEON) -->
=== Verwaltung & Richtlinien ===
        <main class="p-4 sm:p-6 space-y-4">
Informationen zur Organisation, Verwaltung und den offiziellen Richtlinien der DG HochN.
         
* [[Richtlinie:Datenschutz]]
            <div class="space-y-2" id="accordion-container">
* [[Team:Organigramm]]
             
* [[Hilfe:Neu_im_Wiki|Erste Schritte im Wiki]]
                <!-- AKKORDEON ELEMENT 1: Grüne IT und HPC -->
</div>
                <div class="border border-blue-200 rounded-lg overflow-hidden">
                    <button id="btn-1" class="accordion-button w-full flex justify-between items-center p-4 bg-blue-50 text-blue-800 font-semibold text-left focus:outline-none" onclick="toggleAccordion(1)">
                        <span class="text-lg">1. Grüne IT und Hochleistungs-Computing (HPC)</span>
                        <span id="icon-1" class="transform transition-transform duration-300">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                            </svg>
                        </span>
                    </button>
                    <div id="panel-1" class="accordion-panel bg-white p-4">
                        <h3 class="font-bold text-gray-700 mb-2">Fokus: Energieeffizienz in Rechenzentren</h3>
                        <ul class="list-disc list-inside space-y-1 ml-4 text-gray-600">
                            <li>Priorisierung von Freikühlsystemen und Nutzung der Abwärme.</li>
                            <li>Einsatz von Servern mit höchsten Energieeffizienz-Zertifizierungen (z. B. 80 PLUS Titanium).</li>
                            <li>Maximale Hardware-Auslastung durch Virtualisierung zur Reduzierung der physischen Geräte.</li>
                        </ul>
                        <h3 class="font-bold text-gray-700 mt-4 mb-2">Code- und Algorithmus-Optimierung</h3>
                        <ul class="list-disc list-inside space-y-1 ml-4 text-gray-600">
                            <li>Entwicklung von Algorithmen mit minimaler Time-to-Solution und geringstem Rechenbedarf.</li>
                            <li>Effiziente Speichernutzung und Reduzierung energieintensiver Datentransfers.</li>
                            <li>Bevorzugung von Cloud-Diensten, die 100% erneuerbare Energien nutzen.</li>
                        </ul>
                    </div>
                </div>


</div>
                <!-- AKKORDEON ELEMENT 2: Lebenszyklus von Hardware -->
<!-- ========================================================================= -->
                <div class="border border-blue-200 rounded-lg overflow-hidden">
<!-- WICHTIGE LINKS -->
                    <button id="btn-2" class="accordion-button w-full flex justify-between items-center p-4 bg-blue-50 text-blue-800 font-semibold text-left focus:outline-none" onclick="toggleAccordion(2)">
<!-- ========================================================================= -->
                        <span class="text-lg">2. Lebenszyklus von Hardware und Beschaffung</span>
== Wiki-Ressourcen ==
                        <span id="icon-2" class="transform transition-transform duration-300">
[[Spezial:Alle_Seiten|Liste aller Seiten]] – Eine vollständige Übersicht aller im Wiki vorhandenen Artikel.
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5">
[[Spezial:Letzte_Änderungen|Letzte Änderungen]] – Sehen Sie, welche Inhalte kürzlich bearbeitet wurden.
                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
[[Hilfe:Inhaltserstellung|Anleitung zur Inhaltserstellung]] – So tragen Sie neue Informationen bei.
                            </svg>
<!-- ========================================================================= -->
                        </span>
<!-- WIKIMEDIA KATEGORIEZUWEISUNG -->
                    </button>
<!-- ========================================================================= -->
                    <div id="panel-2" class="accordion-panel bg-white p-4">
[[Kategorie:Hauptseite]] [[Kategorie:Navigation]]
                        <h3 class="font-bold text-gray-700 mb-2">Zirkuläre Beschaffung</h3>
                        <ul class="list-disc list-inside space-y-1 ml-4 text-gray-600">
                            <li>Ziel: Nutzungsdauer von 5 Jahren oder mehr für alle IT-Komponenten.</li>
                            <li>Bevorzugung modularer, leicht reparierbarer und aufrüstbarer Hardware.</li>
                            <li>Prüfung des Einsatzes zertifizierter wiederaufbereiteter Hardware für Sekundäraufgaben.</li>
                        </ul>
                        <h3 class="font-bold text-gray-700 mt-4 mb-2">Entsorgung (E-Waste Management)</h3>
                        <ul class="list-disc list-inside space-y-1 ml-4 text-gray-600">
                            <li>Sicherstellung des Recyclings über zertifizierte Partner mit hoher Rohstoff-Rückgewinnungsquote.</li>
                            <li>Verwendung von zertifizierten Verfahren zur vollständigen Datenlöschung vor dem Recycling.</li>
                        </ul>
                    </div>
                </div>
             
                <!-- AKKORDEON ELEMENT 3: Nachhaltige Navigation und Mobilität -->
                <div class="border border-blue-200 rounded-lg overflow-hidden">
                    <button id="btn-3" class="accordion-button w-full flex justify-between items-center p-4 bg-blue-50 text-blue-800 font-semibold text-left focus:outline-none" onclick="toggleAccordion(3)">
                        <span class="text-lg">3. Nachhaltige Navigation und Mobilität</span>
                        <span id="icon-3" class="transform transition-transform duration-300">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                            </svg>
                        </span>
                    </button>
                    <div id="panel-3" class="accordion-panel bg-white p-4">
                        <h3 class="font-bold text-gray-700 mb-2">Green Routing</h3>
                        <ul class="list-disc list-inside space-y-1 ml-4 text-gray-600">
                            <li>Forschung und Entwicklung von Algorithmen zur Berechnung der '''emissionsärmsten''' Route (nicht nur der kürzesten).</li>
                            <li>Berücksichtigung von Ladeinfrastruktur, Topografie und spezifischen Fahrzeugemissionen.</li>
                            <li>Integration multimodaler Lösungen (ÖPNV, Rad, Fußgänger) in Navigationssysteme.</li>
                        </ul>
                        <h3 class="font-bold text-gray-700 mt-4 mb-2">Interne Operationen</h3>
                        <ul class="list-disc list-inside space-y-1 ml-4 text-gray-600">
                            <li>Konsequente Umsetzung des papierlosen Büros.</li>
                            <li>Priorisierung von Videokonferenzen und Bahnfahrt (statt Flug) für Dienstreisen.</li>
                        </ul>
                    </div>
                </div>
 
            </div>
        </main>
     
        <!-- FOOTER -->
        <footer class="p-4 bg-gray-100 text-center text-sm text-gray-500 border-t">
            <p>Dieser Leitfaden ist ein lebendiges Dokument. Für Vorschläge zur Erweiterung wenden Sie sich bitte an das DG HochN Nachhaltigkeits-Team.</p>
        </footer>
    </div>
 
    <script>
        /**
        * Funktion zum Umschalten (Toggle) des Akkordeon-Elements.
        * @param {number} id - Die ID des Elements (1, 2, 3, etc.).
        */
        function toggleAccordion(id) {
            const panel = document.getElementById(`panel-${id}`);
            const icon = document.getElementById(`icon-${id}`);
 
            // Überprüfen, ob das Panel derzeit geöffnet ist (maxHeight ist gesetzt)
            const isPanelOpen = panel.style.maxHeight && panel.style.maxHeight !== '0px';
 
            // Alle Panels schließen, außer dem aktuellen, wenn es bereits offen ist
            document.querySelectorAll('.accordion-panel').forEach(p => {
                p.style.maxHeight = '0';
                p.style.padding = '0 1rem'; // Padding zurücksetzen, um den Übergang zu glätten
            });
            document.querySelectorAll('[id^="icon-"]').forEach(i => {
                // Setzt alle Icons auf das 'Plus' (geschlossen)
                i.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                            </svg>`;
            });
 
 
            if (!isPanelOpen) {
                // Das aktuelle Panel öffnen
                // scrollHeight liefert die tatsächliche Höhe des Inhalts
                panel.style.maxHeight = panel.scrollHeight + "px";
                panel.style.padding = '1rem';
             
                // Icon auf 'Minus' (geöffnet) setzen
                icon.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15" />
                            </svg>`;
            }
        }
     
        // Initialer Aufruf, um sicherzustellen, dass das Padding beim Start richtig gesetzt ist.
        document.addEventListener('DOMContentLoaded', () => {
            document.querySelectorAll('.accordion-panel').forEach(p => {
                // Stellt sicher, dass die Panels initial unsichtbar sind und kein Padding haben
                p.style.maxHeight = '0';
                p.style.padding = '0 1rem';
            });
        });
    </script>
</body>
</html>

Aktuelle Version vom 1. Dezember 2025, 14:36 Uhr

<!DOCTYPE html> <html lang="de"> <head> 

   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Nachhaltigkeits-Guide der DG HochN</title>
   <script src="https://cdn.tailwindcss.com"></script>
   <style>
       /* Zusätzliche, spezifische Stile */
       .accordion-panel {
           max-height: 0;
           overflow: hidden;
           transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
       }
       .accordion-button {
           transition: background-color 0.2s;
           cursor: pointer;
       }
       .accordion-button:hover {
           background-color: #e0f2fe; /* light blue hover */
       }
   </style>

</head> <body class="font-sans antialiased bg-gray-50 p-2 sm:p-4"> 

       <header class="bg-blue-800 text-white p-6 sm:p-8">

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 inline-block mr-2 align-text-bottom"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6.25l-7.5 7.5l-2.5-2.5" /> </svg> Nachhaltigkeits-Leitfaden

DG HochN: Effizienz & Verantwortung in Navigation und Hochleistung.

       </header>

       <main class="p-4 sm:p-6 space-y-4">
          

                   <button id="btn-1" class="accordion-button w-full flex justify-between items-center p-4 bg-blue-50 text-blue-800 font-semibold text-left focus:outline-none" onclick="toggleAccordion(1)">
                       1. Grüne IT und Hochleistungs-Computing (HPC)
                       
                           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5">
                               <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                           </svg>
                       
                   </button>

Fokus: Energieeffizienz in Rechenzentren

  • Priorisierung von Freikühlsystemen und Nutzung der Abwärme.
  • Einsatz von Servern mit höchsten Energieeffizienz-Zertifizierungen (z. B. 80 PLUS Titanium).
  • Maximale Hardware-Auslastung durch Virtualisierung zur Reduzierung der physischen Geräte.

Code- und Algorithmus-Optimierung

  • Entwicklung von Algorithmen mit minimaler Time-to-Solution und geringstem Rechenbedarf.
  • Effiziente Speichernutzung und Reduzierung energieintensiver Datentransfers.
  • Bevorzugung von Cloud-Diensten, die 100% erneuerbare Energien nutzen.
                   <button id="btn-2" class="accordion-button w-full flex justify-between items-center p-4 bg-blue-50 text-blue-800 font-semibold text-left focus:outline-none" onclick="toggleAccordion(2)">
                       2. Lebenszyklus von Hardware und Beschaffung
                       
                           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5">
                               <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                           </svg>
                       
                   </button>

Zirkuläre Beschaffung

  • Ziel: Nutzungsdauer von 5 Jahren oder mehr für alle IT-Komponenten.
  • Bevorzugung modularer, leicht reparierbarer und aufrüstbarer Hardware.
  • Prüfung des Einsatzes zertifizierter wiederaufbereiteter Hardware für Sekundäraufgaben.

Entsorgung (E-Waste Management)

  • Sicherstellung des Recyclings über zertifizierte Partner mit hoher Rohstoff-Rückgewinnungsquote.
  • Verwendung von zertifizierten Verfahren zur vollständigen Datenlöschung vor dem Recycling.
                   <button id="btn-3" class="accordion-button w-full flex justify-between items-center p-4 bg-blue-50 text-blue-800 font-semibold text-left focus:outline-none" onclick="toggleAccordion(3)">
                       3. Nachhaltige Navigation und Mobilität
                       
                           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5">
                               <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                           </svg>
                       
                   </button>

Green Routing

  • Forschung und Entwicklung von Algorithmen zur Berechnung der emissionsärmsten Route (nicht nur der kürzesten).
  • Berücksichtigung von Ladeinfrastruktur, Topografie und spezifischen Fahrzeugemissionen.
  • Integration multimodaler Lösungen (ÖPNV, Rad, Fußgänger) in Navigationssysteme.

Interne Operationen

  • Konsequente Umsetzung des papierlosen Büros.
  • Priorisierung von Videokonferenzen und Bahnfahrt (statt Flug) für Dienstreisen.
       </main>
      
       <footer class="p-4 bg-gray-100 text-center text-sm text-gray-500 border-t">

Dieser Leitfaden ist ein lebendiges Dokument. Für Vorschläge zur Erweiterung wenden Sie sich bitte an das DG HochN Nachhaltigkeits-Team.

       </footer>

   <script>
       /**
        * Funktion zum Umschalten (Toggle) des Akkordeon-Elements.
        * @param {number} id - Die ID des Elements (1, 2, 3, etc.).
        */
       function toggleAccordion(id) {
           const panel = document.getElementById(`panel-${id}`);
           const icon = document.getElementById(`icon-${id}`);

           // Überprüfen, ob das Panel derzeit geöffnet ist (maxHeight ist gesetzt)
           const isPanelOpen = panel.style.maxHeight && panel.style.maxHeight !== '0px';

           // Alle Panels schließen, außer dem aktuellen, wenn es bereits offen ist
           document.querySelectorAll('.accordion-panel').forEach(p => {
               p.style.maxHeight = '0';
               p.style.padding = '0 1rem'; // Padding zurücksetzen, um den Übergang zu glätten
           });
           document.querySelectorAll('[id^="icon-"]').forEach(i => {
                // Setzt alle Icons auf das 'Plus' (geschlossen)
               i.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5">
                               <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                           </svg>`;
           });



           if (!isPanelOpen) {
               // Das aktuelle Panel öffnen
               // scrollHeight liefert die tatsächliche Höhe des Inhalts
               panel.style.maxHeight = panel.scrollHeight + "px";
               panel.style.padding = '1rem';
              
               // Icon auf 'Minus' (geöffnet) setzen
               icon.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5">
                               <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15" />
                           </svg>`;
           }
       }
      
       // Initialer Aufruf, um sicherzustellen, dass das Padding beim Start richtig gesetzt ist.
       document.addEventListener('DOMContentLoaded', () => {
            document.querySelectorAll('.accordion-panel').forEach(p => {
               // Stellt sicher, dass die Panels initial unsichtbar sind und kein Padding haben
               p.style.maxHeight = '0';
               p.style.padding = '0 1rem';
           });
       });
   </script>

</body> </html>

Abgerufen von „https://wiki.dg-hochn.de/index.php?title=Schnellstart&oldid=26125“
Cookies helfen uns bei der Bereitstellung von DG HochN-Wiki. Durch die Nutzung von DG HochN-Wiki erklärst du dich damit einverstanden, dass wir Cookies speichern.
Weitere Informationen
Creative Commons „Namensnennung – nicht kommerziell – Weitergabe unter gleichen Bedingungen“
Powered by MediaWiki
Powered by Semantic MediaWiki