Stand 2026-04-13: PHP/MySQL Infrastruktur, Flussmanagement, Stadt-Prototyp

- PHP/MySQL Backend (XAMPP + Produktionsserver) - Front-Controller, API-Endpunkte, Session-Management - Flussmanagement-Simulation (Echtzeit, Punkt-basierter Fluss) - Stadt & Raumplanung (Prototyp, Top-Down Kachelsystem) - Klimawaechter 3D: Deiche kleiner, Baeume kippen, Budget angepasst - persistence.ts: Dualer Speicher (localStorage + Server-API) - 6 Unit-Test-Dateien fuer bestehende Simulationen Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-13 16:43:42 +02:00
commit f22c5ebbfe
83 changed files with 22709 additions and 0 deletions
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>GeoGraSim — Projektübersicht</title>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
+  <style>
+    *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
+    body { font-family:'Inter',system-ui,sans-serif; background:#f7f6f3; color:#1a1a1a; padding:2rem; line-height:1.6; }
+    .container { max-width:1100px; margin:0 auto; }
+    h1 { font-size:2.4rem; font-weight:900; letter-spacing:-.03em; margin-bottom:.3rem; }
+    h1 span { color:#4a7c8a; }
+    .lead { color:#5a5a5a; margin-bottom:2rem; font-size:1rem; max-width:600px; }
+    h2 { font-size:1.2rem; font-weight:800; color:#4a7c8a; margin:2rem 0 .8rem; padding-bottom:.4rem; border-bottom:2px solid #dae8ec; }
+    .grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1rem; }
+    .card { background:#fff; border-radius:14px; border:1px solid rgba(0,0,0,.05); padding:1.2rem; box-shadow:0 2px 12px rgba(0,0,0,.04); text-decoration:none; color:inherit; transition:all .25s; display:block; }
+    .card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(74,124,138,.12); border-color:rgba(74,124,138,.2); }
+    .card-icon { font-size:1.8rem; margin-bottom:.5rem; }
+    .card h3 { font-size:1rem; font-weight:700; margin-bottom:.2rem; }
+    .card p { font-size:.82rem; color:#6a6a6a; }
+    .card-meta { font-size:.7rem; color:#8a8a8a; margin-top:.5rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
+    footer { margin-top:3rem; padding-top:1.5rem; border-top:1px solid rgba(0,0,0,.05); color:#8a8a8a; font-size:.78rem; text-align:center; }
+  </style>
+</head>
+<body>
+
+<div class="container">
+
+<h1>Geo<span>Gra</span>Sim</h1>
+<p class="lead">Interaktive Simulationen für den Geografieunterricht der Sekundarstufe I.<br>Projektübersicht und alle Deliverables.</p>
+
+<h2>🚀 App</h2>
+<div class="grid">
+  <a href="App/index.html" class="card">
+    <div class="card-icon">🌍</div>
+    <h3>Landing Page</h3>
+    <p>Skandinavische Hauptseite mit animierter Fjord-Szene und allen Modulen.</p>
+    <div class="card-meta">Vite Dev Server: localhost:3030</div>
+  </a>
+  <a href="App/sim.html?id=05" class="card">
+    <div class="card-icon">🌡️</div>
+    <h3>Treibhauseffekt-Simulator</h3>
+    <p>SIM-05 · Erste spielbare Simulation mit Canvas-Visualisierung und POE-Workflow.</p>
+    <div class="card-meta">14 Unit-Tests</div>
+  </a>
+  <a href="App/sim.html?id=07" class="card">
+    <div class="card-icon">🌋</div>
+    <h3>Erdbeben-Simulator</h3>
+    <p>SIM-07 · Plattentektonik mit Spannungsaufbau, Beben und Stadt-Vergleich.</p>
+    <div class="card-meta">14 Unit-Tests</div>
+  </a>
+  <a href="App/sim.html?id=09" class="card">
+    <div class="card-icon">⚡</div>
+    <h3>Energiemix-Simulator</h3>
+    <p>SIM-09 · Donut-Chart mit 6 Energiequellen, Score und Trade-offs.</p>
+    <div class="card-meta">14 Unit-Tests</div>
+  </a>
+  <a href="App/fluss.html" class="card">
+    <div class="card-icon">🏞️</div>
+    <h3>Flussmanagement</h3>
+    <p>SIM-12 · Rundenbasiert: Deiche, Renaturierung, Bewässerung. 5 Levels mit didaktischer Progression.</p>
+    <div class="card-meta">5 Levels · 10–35 min</div>
+  </a>
+  <a href="App/dashboard.html" class="card">
+    <div class="card-icon">📊</div>
+    <h3>Lehrkräfte-Dashboard</h3>
+    <p>Mockup: Klassenübersicht, Live-Tracking, Fehlkonzept-Erkennung, Modul-Freigabe.</p>
+    <div class="card-meta">Wireframe / Demo</div>
+  </a>
+  <a href="App/stilauswahl.html" class="card">
+    <div class="card-icon">🎨</div>
+    <h3>Stilauswahl</h3>
+    <p>50 Grafikstile zur Auswahl, gefiltert nach hell, dunkel, künstlerisch, wild, handarbeit.</p>
+    <div class="card-meta">50 DALL-E Bilder</div>
+  </a>
+</div>
+
+<h2>📚 Forschung</h2>
+<div class="grid">
+  <a href="claude-research-sim/standalone.html" class="card">
+    <div class="card-icon">🔬</div>
+    <h3>Simulationsforschung</h3>
+    <p>10 Kapitel zur Wirksamkeit, Gestaltung und Qualität von Lernsimulationen.</p>
+    <div class="card-meta">195 Quellen · 280k Zeichen</div>
+  </a>
+  <a href="claude-research-sim/quellen.html" class="card">
+    <div class="card-icon">📑</div>
+    <h3>Quellen Simulation</h3>
+    <p>Quellenverzeichnis mit Bewertung, Filter und DOI-Links.</p>
+    <div class="card-meta">Filtrierbar</div>
+  </a>
+  <a href="claude-research/standalone.html" class="card">
+    <div class="card-icon">🎓</div>
+    <h3>GW-Didaktik</h3>
+    <p>10 Kapitel zur Geografiedidaktik in der Sekundarstufe I, Fokus Österreich/DACH.</p>
+    <div class="card-meta">135 Quellen · 194k Zeichen</div>
+  </a>
+  <a href="claude-research/quellen.html" class="card">
+    <div class="card-icon">📑</div>
+    <h3>Quellen GW-Didaktik</h3>
+    <p>Quellenverzeichnis mit Bewertung und Lehrplanbezug.</p>
+    <div class="card-meta">Filtrierbar</div>
+  </a>
+</div>
+
+<h2>📋 Konzept</h2>
+<div class="grid">
+  <a href="Konzept/projekt-todos.html" class="card">
+    <div class="card-icon">✅</div>
+    <h3>Projekt-To-Dos</h3>
+    <p>Aktueller Projektstatus, To-Dos, Ideen und Designentscheidungen.</p>
+  </a>
+  <a href="Konzept/lehrplan-gw.html" class="card">
+    <div class="card-icon">📜</div>
+    <h3>Lehrplan GW</h3>
+    <p>Aufbereiteter österreichischer Lehrplan für Geografie und wirtschaftliche Bildung.</p>
+    <div class="card-meta">BGBl. II Nr. 178/2025</div>
+  </a>
+  <a href="Konzept/lehrplan-simulation-mapping.html" class="card">
+    <div class="card-icon">🗺️</div>
+    <h3>Lehrplan-Simulation-Mapping</h3>
+    <p>24 Simulationsmodule, jedem Kompetenzbereich des Lehrplans zugeordnet.</p>
+    <div class="card-meta">14 Kompetenzbereiche</div>
+  </a>
+  <a href="Konzept/lehrplanvergleich-dach.md" class="card">
+    <div class="card-icon">🇪🇺</div>
+    <h3>DACH-Lehrplanvergleich</h3>
+    <p>Vergleich AT, DE (BY/NRW/BW), CH, UK. 6 Tier-1-Themen identifiziert.</p>
+  </a>
+</div>
+
+<footer>
+  <p>GeoGraSim — Schroffenegger & Mößlang, 2026</p>
+  <p style="margin-top:.3rem">330 Forschungsquellen · 3 spielbare Simulationen · 59 Unit-Tests · 50 Grafikstile</p>
+</footer>
+
+</div>
+</body>
+</html>