Roadmap: Ausbaustrategie

Die aktuelle Plattform nutzt erfolgreich VR (Mozilla Hubs) zur Visualisierung des Periodensystems und grundlegender Experimente. Um sich von einem forschungsorientierten Projekt zu einem umfassenden Lernökosystem zu entwickeln, werden folgende Erweiterungen empfohlen.

1. Immersive VR-Szenarioen 🥽

Während das Periodensystem ein guter Anfang ist, entfaltet VR seine größte Stärke bei der Visualisierung von Dingen, die sonst unsichtbar oder gefährlich sind.

• ✓ PSE in VR (IMPLEMENTIERT): Vollständige WebXR-basierte VR-Erfahrung für das Periodensystem. Interaktive 3D-Umgebung mit Multiplayer-Unterstützung.
• ✓ Molekülstudio (IMPLEMENTIERT): Interaktive 3D-Webanwendung zur Visualisierung von Molekülen mit Echtzeit-Rendering, Maussteuerung und automatischer Rotation. Jetzt testen
• ✓ Interaktives Periodensystem 3D (IMPLEMENTIERT): WebGL-basiertes 3D-Periodensystem mit verschiedenen Ansichten (Tabelle, Kugel, Helix, Gitter). Jetzt erkunden
• Subatomare Reisen: Interaktive Räume, in denen Nutzer Atome durch Hinzufügen von Protonen, Neutronen und Elektronen “aufbauen” können, um zu beobachten, wie sich Orbitale (s, p, d, f) in 3D verändern.
• Molekülgalerie in VR: Ein Raum, der der VSEPR-Theorie gewidmet ist, in dem Nutzer durch riesige 3D-Modelle komplexer Moleküle (z. B. DNA, Koffein oder Polymere) laufen können, um Bindungswinkel zu verstehen.
• Gefahrfreie Labore: Simulierte “Extreme Experimente”, die zu gefährlich für ein Schullabor wären (z. B. Alkalimetalle in Wasser, Thermit-Reaktion), bei denen Schüler mit den Variablen interagieren können.

2. Bildungsinhalte und gamifiziertes Lernen 🎮

Verwandlung der “Räume” in aktive Lernerfahrungen.

• Chemie-Escape-Rooms: Nutzer müssen stöchiometrische Rätsel lösen oder unbekannte Substanzen mithilfe chemischer Tests identifizieren, um den nächsten VR-Raum freizuschalten.
• Schnitzjagden: Finden Sie alle Elemente einer bestimmten Gruppe (z. B. Halogene), die in einer virtuellen Landschaft versteckt sind, um “Element-Abzeichen” zu verdienen.
• Geführte Erzählungen: Stimmengeführte Touren, bei denen ein virtuelles “Marie Curie” oder “Linus Pauling” die Geschichte und Chemie einer bestimmten Ära oder Entdeckung erklärt.

3. Ressourcen für Lehrer und Institutionen 📚

Um die Einführung an Schulen und Universitäten zu erhöhen:

• Unterrichtsbaupläne: PDF-Leitfäden für Lehrer, die erklären, wie ein bestimmter VR-Raum in eine 45-minütige Unterrichtsstunde integriert wird.
• “Multi-User-Lab”-Tage: Geplante Sitzungen, bei denen ein Experte/Moderator eine Gruppe von Schülern durch ein komplexes Experiment im Hub führt.
• Bewertungstools: Integration einfacher Quizze im Wiki, die den visuellen Hinweisen in den VR-Hubs entsprechen.

4. Technische und barrierefreie Verbesserungen ⚙️

• ✓ Interaktives Periodensystem 3D (IMPLEMENTIERT): WebGL-basiertes 3D-Periodensystem mit verschiedenen Ansichten (Tabelle, Kugel, Helix, Gitter). Jetzt erkunden
• ✓ Molekülstudio 3D (IMPLEMENTIERT): Webbasierte Molekülvisualisierung mit Echtzeit-Rendering und interaktiver Steuerung. Jetzt testen
• ✓ PSE in VR - WebXR (IMPLEMENTIERT): Browser-basierte VR-Erfahrung mit Desktop- und VR-Headset-Unterstützung.
• Hybrides Lernen (WebGL): Sicherstellen, dass jeder VR-Raum einen leistungsstarken “2D/Browser”-Modus für Schüler ohne VR-Headsets oder langsame Verbindungen bietet.
• Wiki-Erweiterung: Das Wiki sollte als “Lehrbuch” zum “Labor” des Hubs dienen. Jedes VR-Experiment sollte einen entsprechenden vertiefenden Artikel haben, der die Mathematik und Theorie dahinter erklärt.

5. Erweiterte Berechner & Werkzeuge 🔬 (ABGESCHLOSSEN ✅)

ALLE RECHNER IMPLEMENTIERT - Januar 2026

Die Suite an erweiterten chemischen Rechnern ist jetzt vollständig verfügbar:

• ✓ Löslichkeitsprodukt-Rechner (IMPLEMENTIERT): Berechnung von Ksp-Werten, Lösunglichkeit und Fällungsreaktionen. Unterstützt 25+ häufige Salze mit automatischer Stöchiometrie-Erkennung. Jetzt berechnen
• ✓ Redox-Potenzial-Rechner (IMPLEMENTIERT): Bestimmung von Zellspannungen, Gibbs-Energie (ΔG°) und Gleichgewichtskonstanten (K). Nernst-Gleichung für Nicht-Standard-Bedingungen. Jetzt berechnen
• ✓ Konzentrationsumrechner (IMPLEMENTIERT): Umrechnung zwischen 11 verschiedenen Konzentrationseinheiten (Molar, Molal, % w/w, % v/v, % w/v, ppm, ppb, g/L, mg/L, Molenbruch, Normalität). Jetzt umrechnen
• ✓ Verbrennungsrechner (IMPLEMENTIERT): Vollständige Analyse von Verbrennungsreaktionen mit Luftbedarf, Abgaszusammensetzung, CO₂-Emissionen und Energiegehalt (Heizwert/Brennwert). Unterstützt C, H, O, N, S-haltige Verbindungen. Jetzt analysieren
• ✓ Titrationssimulator (IMPLEMENTIERT): Interaktive Simulation von Säure-Base-Titrationen mit Echtzeit-pH-Berechnung, visueller Kurvenzeichnung (Chart.js) und Äquivalenzpunkt-Bestimmung. Unterstützt starke und schwache Elektrolyte. Jetzt simulieren
• ✓ Gasesetz-Rechner (IMPLEMENTIERT): Kombinierte Berechnungen mit Idealem Gasgesetz (pV=nRT), Boyle-Mariotte (p₁V₁=p₂V₂), Gay-Lussac (V/T, p/T) und Kombiniertem Gasgesetz (p₁V₁/T₁=p₂V₂/T₂). Umfassende Einheitenumrechnungen. Jetzt berechnen

Implementierungsumfang:

• 6 vollständige Berechner mit deutschsprachiger Oberfläche
• Responsive Design für Desktop und Mobile
• Umfassende Educational Content Sections mit Theorie, Beispielen und Anwendungstabellen
• Interaktive Beispiele und Quick-Buttons
• Farbcodierte Ergebnisse und Visualisierungen
• Alle 299 Tests bestanden ✅
• ESLint-konformer Code
• Insgesamt über 4.100 Zeilen Code

6. Community & Zusammenarbeit 🤝

• Benutzergenerierte Hubs: Fortgeschrittene Schüler oder Lehrer können ihre eigenen Hub-Layouts oder experimentellen Aufstellungen einreichen.
• Forschungsblog: Regelmäßige Updates zum “Status Quo” des Projekts, teilen Sie Erkenntnisse darüber, wie VR die Behaltensrate von Chemiestudenten im Vergleich zu herkömmlichen Methoden beeinflusst.

7. Struktur und Reaktionen - Detailierte Implementierungsplanung 🧪

Diese Sektion enthält eine detaillierte Analyse und Planung für die Erweiterung der Plattform um struktur- und reaktionsbezogene Lerninhalte.

Aktuelle Kapazitäten ✅

3D Visualisierungen:

• ✅ Periodensystem der Elemente (118 Elemente, 3D-Ansichten)
• ✅ Molekülstudio (Molekülvisualisierung interaktiv)

Chemie-Rechner (Basis):

• ✅ pH-Rechner (Säuren, Basen, Puffer)
• ✅ Molare Masse Rechner
• ✅ Reaktionsgleichungen Ausgleichen
• ✅ Stöchiometrie-Rechner

Spezialrechner:

• ✅ Titrations-Simulator (Säure-Base-Titrationen)
• ✅ Gasgesetz-Rechner (Ideales Gas, Boyle-Mariotte, Gay-Lussac)
• ✅ Verbrennungsrechner (Energieumsätze, CO₂)
• ✅ Löslichkeitsprodukt-Rechner
• ✅ Redox-Potenzial-Rechner
• ✅ Konzentrationsumrechner
• ✅ Lösungsrechner
• ✅ Einheitenumrechner

Experimentelle Simulationen:

• ✅ Torricelli-Versuch (Luftdruckmessung mit Quecksilbersäule)

Phase 1: Hochpriotität - Sofortige Implementierung (Q1 2026)

1.1 Druck und Fläche

• Thema: Druck = Kraft / Fläche (p = F/A)
• Status: TODO
• Merkmale:
  • Interaktiver Druckrechner
  • Visuelle Demonstrationen mit Kolben/Spritzen
  • Hydraulik-Beispiele aus dem Alltag
• Zielseite: /druck-flaechen-rechner/

1.2 Atmosphärendruck im Alltag

• Thema: Alltägliche Phänomene des Luftdrucks
• Status: TODO
• Merkmale:
  • Strohhalm-Experiment-Simulation
  • Ballon-Druck-Demo
  • Saugnapf-Physik
• Zielseite: /atmosphaerendruck-alltag/

Phase 2: Thermodynamik & Kinetik (Q2-Q3 2026)

2.1 Bindungspotential

• Thema: Energieprofil bei chemischen Bindungen
• Status: TODO
• Merkmale:
  • Interaktives Energie-Diagramm
  • Bindungsenthalpie visualisieren
  • Aktivierungsenergie demonstrieren
• Zielseite: /bindungspotential/
• Technik: Canvas 2D Animation

2.2 Hess’sches Gesetz

• Thema: Energieerhaltungssatz in der Thermochemie
• Status: TODO
• Merkmale:
  • Reaktionswege vergleichen
  • Bildungsenthalpien berechnen
  • Verbundenes Diagramm interaktiv
• Zielseite: /hess-gesetz/
• Integration: Erweitert Verbrennungsrechner

2.3 Teilchen und Reaktionsgeschwindigkeit

• Thema: Kinetische Gastheorie und Reaktionskinetik
• Status: TODO
• Merkmale:
  • Partikel-Simulation (Temperatur, Geschwindigkeit)
  • Stoßtheorie visualisieren
  • Arrhenius-Gleichung demonstrieren
• Zielseite: /reaktionskinetik-simulator/
• Technik: Three.js Partikel-System

2.4 Chemisches Gleichgewicht

• Thema: Dynamisches Gleichgewicht bei Reaktionen
• Status: TODO
• Merkmale:
  • Hin- und Rückreaktion visualisieren
  • Gleichgewichtskonstante Kc interaktiv
  • Le Chatelier’sches Prinzip demonstrieren
• Zielseite: /chemisches-gleichgewicht/

Phase 3: Erweiterte Säuren-Basen-Themen (Q3 2026)

3.1 Säuredissoziation auf molekularer Ebene

• Thema: Dissoziation starker und schwacher Säuren
• Status: IN PROGRESS (Teilweise in pH-Rechner)
• Merkmale:
  • Partikel-Animation der Dissoziation
  • Dissoziationsgrad α visualisieren
  • pKs/pKb-Werte interaktiv
• Zielseite: Erweitern /ph-rechner/

3.2 Säuren-Basen-Gleichgewichte vorhersagen

• Thema: Gleichgewichtsposition prognostizieren
• Status: TODO
• Merkmale:
  • ICE-Tabellen (Initial-Change-Equilibrium)
  • Massenwirkungsgesetz visualisiert
  • Henderson-Hasselbalch-Gleichung
• Zielseite: /saeuren-basen-gleichgewicht/

3.3 Puffer herstellen

• Thema: Puffersysteme verstehen und herstellen
• Status: PARTIELL (in pH-Rechner)
• Merkmale:
  • Interaktive Puffer-Zusammenstellung
  • Pufferkapazität demonstrieren
• Zielseite: Erweitern /ph-rechner/

3.4 Titration modellieren

• Status: ✅ BESTEHT (Titrations-Simulator)
• Thema: Säure-Base-Titrationen
• Aktion: Keine neue Implementierung nötig

Phase 4: Atombau & Bindungstheorien (Q4 2026)

4.1 Atomenergieniveaus und Linienspektren

• Thema: Bohr’sches Atommodell und Spektren
• Status: TODO
• Merkmale:
  • Energieniveaus interaktiv (n=1,2,3…)
  • Elektronenübergänge animieren
  • Linienspektren emittieren/absorbieren
  • Balmer-Serie, Lyman-Serie etc.
• Zielseite: /atomenergieniveaus/
• Technik: Canvas 2D + Animationen

4.2 Periodische Trends

• Thema: Trends durch atomare Energieniveaus
• Status: PARTIELL (Periodensystem vorhanden)
• Merkmale:
  • Atomradius, Ionisierungsenergie, Elektronegativität
  • Interaktive Trend-Linien im PSE
  • Erklärung durch Orbitale
• Zielseite: Erweitern /perioden-system-der-elemente/

4.3 Molekülorbitale

• Thema: MO-Theorie und andere Bindungskonzepte
• Status: TODO
• Merkmale:
  • σ- und π-Bindungen visualisieren
  • S- und p-Orbital-Überlappung animieren
  • Hybridsierung (sp, sp2, sp3)
  • VB- vs MO-Theorie vergleichen
• Zielseite: /molekuelorbitale/
• Technik: Three.js 3D-Orbitale

Phase 5: Redoxchemie (Q1 2027)

5.1 Elektrochemie auf Teilchenebene

• Thema: Redoxreaktionen auf molekularer Ebene
• Status: PARTIELL (Redox-Potenzial-Rechner vorhanden)
• Merkmale:
  • Elektronenübergänge animieren
  • Galvanische Zellen visualisieren
  • Elektrolyse demonstrieren
  • Nernst-Gleichung interaktiv
• Zielseite: Erweitern /redox-potenzial-rechner/

5.2 Redox-Titrationen

• Thema: Redox-Titrationen visualisieren
• Status: TODO
• Merkmale:
  • Permanganat-Titration (MnO₄⁻)
  • Cer(IV)-Sulfat-Titration
  • Potentiometrische Indikation
• Zielseite: Erweitern /titrations-simulator/

Phase 6: Wärmelehre (Q2 2027)

6.1 Wärmeleitung

• Thema: Wärmeübertragung durch Konduktion
• Status: TODO
• Merkmale:
  • Wärmeleitung in Metallen vs. Isolatoren
  • Wärmefluss-Diagramm animiert
  • Fourier’sches Gesetz visualisiert
• Zielseite: /waermeleitung/
• Integration: Energetik Themenbereich

6.2 Konvektion

• Thema: Konvektionsströmungen in Fluiden
• Status: TODO
• Merkmale:
  • Konvektionszellen animieren
  • Auftrieb und Dichte
  • Natürliche vs. erzwungene Konvektion
• Zielseite: /konvektion/

6.3 Temperatur und Teilchenbewegung

• Thema: Temperatur als kinetische Energie
• Status: TODO
• Merkmale:
  • Partikelgeschwindigkeit vs. Temperatur
  • Maxwell-Boltzmann-Verteilung
  • Phasenübergänge animieren
• Zielseite: /temperatur-bewegung/

Zusammenfassung nach Themenbereichen

🔬 Druck & Gase:

• ✅ Torricelli-Versuch
• ✅ Gasgesetz-Rechner
• 🔲 Druck- und Flächenrechner
• 🔲 Atmosphärendruck im Alltag

🌡️ Thermodynamik & Kinetik:

• ✅ Verbrennungsrechner (Enthalpie)
• 🔲 Bindungspotential
• 🔲 Hess’sches Gesetz
• 🔲 Reaktionskinetik-Simulator
• 🔲 Chemisches Gleichgewicht

⚗️ Säuren & Basen:

• ✅ pH-Rechner
• ✅ Titrations-Simulator
• 🔲 Säuredissoziation (molekular)
• 🔲 Säuren-Basen-Gleichgewichte
• 🔲 Puffer-Systeme (erweitert)

⚛️ Atombau & Bindung:

• ✅ Periodensystem
• ✅ Molekülstudio
• 🔲 Atomenergieniveaus
• 🔲 Periodische Trends (erweitert)
• 🔲 Molekülorbitale

⚡ Redox & Elektrochemie:

• ✅ Redox-Potenzial-Rechner
• 🔲 Elektrochemie (Teilchenebene)
• 🔲 Redox-Titrationen

🔥 Wärmelehre:

• 🔲 Wärmeleitung
• 🔲 Konvektion
• 🔲 Temperatur & Teilchenbewegung

Prioritäten-Matrix

Legende:

• 🔴 Sehr Hoch (Q2 2026)
• 🟡 Hoch (Q3-Q4 2026)
• 🟢 Mittel (2027)

Technische Anforderungen

Frontend-Stack:

• Framework: Hugo (Markdown + JavaScript)
• 2D-Visualisierung: Canvas API
• 3D-Visualisierung: Three.js
• Diagramme: Chart.js oder D3.js
• Animation: GSAP (GreenSock)
• Styling: Tailwind CSS (bestehend)

Qualitätsstandards:

• ✅ Responsives Design (Mobile, Tablet, Desktop)
• ✅ Barrierefreiheit (WCAG 2.1 AA)
• ✅ Deutsche Sprache (Muttersprachenniveau)
• ✅ Mathematische Formeln (KaTeX)
• ✅ Interaktive Demos
• ✅ Export-Funktionen (PDF, CSV)
• ✅ Unit Tests (Jest, >70% Coverage)
• ✅ E2E Tests (Playwright)

0. Kürzliche Verbesserungen ✨ (Januar 2026)

Codequalität & Wartbarkeit

• ✓ Shared Utility Modules (IMPLEMENTIERT): Zentrale Bibliothek für chemische Formel-Parsing und Berechnungen. Eliminierung von ~160 Zeilen doppeltem Code über 3 Dateien. Verbesserte Wartbarkeit und Konsistenz.
• ✓ Performance-Optimierung (IMPLEMENTIERT): Screenshots von PNG zu WebP konvertiert. Ersparnis von 14.19 MB (80% Reduktion) bei verbesserter Bildqualität durch modernere Kompression.
• ✓ Test-Infrastruktur (IMPLEMENTIERT): Jest-Test-Suite für Stöchiometrie-Rechner, Export-Manager und Visualisierungskomponenten. 53+ Tests mit automatisierter Coverage-Berichterstattung.
• ✓ ESLint & Prettier (IMPLEMENTIERT): Automatische Code-Formatierung und Linting mit Pre-Commit-Hooks. Konsistenter Codestil über das gesamte Projekt.

Berechner & Werkzeuge

• ✓ Stöchiometrie-Rechner (IMPLEMENTIERT): Umfassender Rechner für Mol-Mol-Umrechnungen, Masse-Masse-Berechnungen, limitierende Reagenzien, prozentuale Ausbeute und Gasgesetze.
• ✓ pH-Rechner (IMPLEMENTIERT): Interaktiver Rechner für pH- und pOH-Werte mit starker und schwacher Säuren/Basen.
• ✓ Molare-Masse-Rechner (IMPLEMENTIERT): Automatische Berechnung der molaren Masse aus chemischen Formeln mit detaillierter Elementaranalyse.
• ✓ Reaktionsgleichungen-Ausgleicher (IMPLEMENTIERT): Automatisches Ausgleichen chemischer Reaktionsgleichungen mit Matrix-Methode und Verifizierung.
• ✓ Löslichkeitsprodukt-Rechner (IMPLEMENTIERT): Berechnung von Ksp-Werten und Vorhersage von Fällungsreaktionen. Jetzt berechnen
• ✓ Redox-Potenzial-Rechner (IMPLEMENTIERT): Bestimmung von Zellspannungen, Gibbs-Energie und Redox-Gleichgewichten. Jetzt berechnen
• ✓ Konzentrationsumrechner (IMPLEMENTIERT): Umrechnung zwischen 11 verschiedenen Konzentrationseinheiten (Molar, Molal, %, ppm, ppb, etc.). Jetzt umrechnen

Letzte Aktualisierung: Januar 2026 Nächste Überprüfung: Nach Abschluss von Phase 1 (Q1 2026)