Adminator
9a61f55cb1
- Design-System (assets/css/design-system.css) mit 21 Komponenten, iPad-Responsive-Breakpoints, Touch-Ziele 36px, Music-Player, Glossar-Tooltips - Templates (sims/template.html + student/teacher-Dashboard) - Docs: module-interface.md (inkl. 4a Sprachregel, 4b Leichte Sprache, 4c iPad), content-architecture.md, crash-recovery.md, music-registry.md - Admin-Infrastruktur: admin-modules.html + api/admin-modules.php (Titel, Emoji, Bild, Status, Dauer, Alter pro Modul) - Inbox-System: _inbox/README.md + _status.md fuer Atlas + Briefings an Klima, Glossar, Lehrplan, Fluss - Zentrale SFX-Pipeline (scripts/generate-sounds.py) - DALL-E-Bilder: 8 Badges + 5 Glossar-Repraesentationsbilder (Querformat) - Logo + Inter-Font lokal - PHP-APIs: admin, glossar, levels, licenses, progress, waypoints, assignments, profile, tickets - Spielsprache entfernt (admin-modules, admin-levels, schueler) - Landing-Page-Bearbeitungen (Boote sichtbarer, Button-Hintergrund) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
192 lines
11 KiB
HTML
192 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>GeoGraSim — Über das Programm</title>
|
||
<link rel="icon" type="image/png" href="favicon-96x96.png">
|
||
<link rel="stylesheet" href="assets/fonts/inter.css">
|
||
<style>
|
||
*{margin:0;padding:0;box-sizing:border-box}
|
||
body{font-family:'Inter',system-ui,sans-serif;background:#f7f6f3;color:#1a1a1a;line-height:1.7}
|
||
.topbar{background:#fff;padding:.6rem 1.2rem;display:flex;align-items:center;gap:.8rem;border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:10}
|
||
.topbar a{text-decoration:none}
|
||
.topbar img{height:32px}
|
||
.topbar .spacer{flex:1}
|
||
.btn-sm{padding:.3rem .6rem;border:1px solid rgba(0,0,0,.08);border-radius:6px;background:#fff;font-size:.68rem;font-weight:600;cursor:pointer;color:#4a4a4a;text-decoration:none}
|
||
.btn-sm:hover{background:#dae8ec;color:#4a7c8a}
|
||
|
||
.wrap{max-width:760px;margin:0 auto;padding:2.5rem 1.5rem 4rem}
|
||
h1{font-size:2rem;font-weight:900;letter-spacing:-.03em;color:#1f4e5a;margin-bottom:.3rem}
|
||
.subtitle{font-size:1rem;color:#4a7c8a;margin-bottom:2rem}
|
||
h2{font-size:1.15rem;font-weight:800;color:#1f4e5a;margin:2rem 0 .5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06)}
|
||
h2:first-of-type{border-top:none;padding-top:0}
|
||
h3{font-size:.9rem;font-weight:700;color:#4a7c8a;margin:1.2rem 0 .3rem}
|
||
p{font-size:.88rem;color:#333;margin-bottom:.8rem}
|
||
ul{margin:0 0 1rem 1.2rem;font-size:.85rem;color:#333}
|
||
li{margin-bottom:.3rem}
|
||
strong{color:#1f4e5a}
|
||
|
||
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0 1.5rem}
|
||
.info-card{background:#fff;border-radius:10px;padding:1rem;border:1px solid rgba(0,0,0,.04);text-align:center}
|
||
.info-card .ic{font-size:1.8rem;margin-bottom:.4rem}
|
||
.info-card h4{font-size:.78rem;font-weight:700;color:#1f4e5a;margin-bottom:.2rem}
|
||
.info-card p{font-size:.72rem;color:#4a4a4a;margin:0}
|
||
|
||
.stufen{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.82rem}
|
||
.stufen th{background:#1f4e5a;color:#fff;padding:.5rem .8rem;text-align:left;font-weight:700;font-size:.75rem}
|
||
.stufen td{padding:.5rem .8rem;border-bottom:1px solid rgba(0,0,0,.05)}
|
||
.stufen tr:nth-child(even){background:rgba(0,0,0,.015)}
|
||
|
||
.cta-box{background:linear-gradient(135deg,#1f4e5a,#4a7c8a);border-radius:12px;padding:2rem;text-align:center;margin:2rem 0;color:#fff}
|
||
.cta-box h3{color:#fff;margin:0 0 .5rem;font-size:1.1rem}
|
||
.cta-box p{color:rgba(255,255,255,.85);margin-bottom:1rem;font-size:.85rem}
|
||
.cta-box a{display:inline-block;padding:.6rem 1.5rem;background:#fff;color:#1f4e5a;border-radius:8px;font-weight:700;font-size:.85rem;text-decoration:none;margin:0 .3rem}
|
||
.cta-box a:hover{background:#dae8ec}
|
||
|
||
.footer-note{font-size:.72rem;color:#8a8a8a;text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06)}
|
||
.footer-note a{color:#4a7c8a;text-decoration:none}
|
||
|
||
@media(max-width:600px){.card-grid{grid-template-columns:1fr}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="topbar">
|
||
<a href="index.html"><img src="assets/img/geograsim_t.svg" alt="GeoGraSim"></a>
|
||
<span class="spacer"></span>
|
||
<a href="index.html" class="btn-sm">Startseite</a>
|
||
<a href="handbuch.html" class="btn-sm">Handbuch</a>
|
||
<a href="login.html" class="btn-sm">Anmelden</a>
|
||
</div>
|
||
|
||
<div class="wrap">
|
||
|
||
<h1>Über GeoGraSim</h1>
|
||
<p class="subtitle">Interaktive Simulationen für den GW-Unterricht — 5. bis 10. Schulstufe</p>
|
||
|
||
<h2>Worum geht es?</h2>
|
||
<p>
|
||
GeoGraSim ist eine Lern-App für den Unterricht in Geografie und Wirtschaftskunde. Schülerinnen und Schüler treffen eigenständig Entscheidungen in komplexen geografischen Systemen und erleben deren Konsequenzen in Echtzeit: Klimawandel steuern, Flüsse managen, Städte planen, Energiewende gestalten, globale Lieferketten verstehen.
|
||
</p>
|
||
<p>
|
||
Das Programm ist kein Ersatz für Unterricht, sondern ein <strong>Werkzeug für Lehrpersonen</strong> — vergleichbar mit Typewriter für den Schreibunterricht. Der eigentliche Wert entfaltet sich in der unterrichtlichen Einbettung: Lehrpersonen starten Simulationen, begleiten den Lernprozess und sichern Ergebnisse.
|
||
</p>
|
||
|
||
<div class="card-grid">
|
||
<div class="info-card"><div class="ic">🧪</div><h4>Evidenzbasiert</h4><p>Basiert auf aktuellem Stand der didaktischen Forschung und Wirkungsforschung zu Simulationen im Unterricht</p></div>
|
||
<div class="info-card"><div class="ic">📋</div><h4>Lehrplan 2023</h4><p>Alle Module auf den österreichischen GW-Lehrplan gemapped, 5.–10. Schulstufe</p></div>
|
||
<div class="info-card"><div class="ic">📊</div><h4>Dashboard</h4><p>Lehrpersonen sehen Fortschritt, Entscheidungen und Ergebnisse aller Schüler*innen</p></div>
|
||
</div>
|
||
|
||
<h2>Didaktischer Ansatz</h2>
|
||
<p>
|
||
GeoGraSim baut auf dem Modell <strong>Predict–Observe–Explain</strong> auf: Lernende formulieren vor jeder Simulation eine Hypothese, beobachten die Konsequenz und erklären die Abweichung zwischen Erwartung und Ergebnis. Dieses Modell ist in der naturwissenschaftlichen Didaktik breit evidenzbasiert und adressiert gezielt Fehlkonzepte — etwa die Vorstellung, Klimawandel sei ein linearer Prozess oder Hochwasserschutz funktioniere nur durch Deiche.
|
||
</p>
|
||
<p>
|
||
Das Programm orientiert sich am aktuellen Kenntnisstand der <strong>Wirkungsforschung zum Einsatz von Simulationen im Unterricht</strong> und an der Fachdidaktik der Geografie und Wirtschaftskunde.
|
||
</p>
|
||
|
||
<h3>Systemkompetenz durch Simulation</h3>
|
||
<p>
|
||
Jede Simulation bildet ein reales System ab — Klima, Fluss, Stadt, Energie, Lieferkette. Schülerinnen und Schüler erleben, dass Eingriffe an einer Stelle unerwartete Folgen an anderer Stelle haben. Diese Vernetztheit ist mit statischen Medien kaum vermittelbar, in der Simulation wird sie unmittelbar erfahrbar.
|
||
</p>
|
||
|
||
<h3>Handlungsorientierung und Motivation</h3>
|
||
<p>
|
||
Die Lernenden agieren als Entscheidungsträger — als Bürgermeister*in, Flussmanager*in, Stadtplaner*in — und arbeiten mit begrenzten Ressourcen unter Zielkonflikten. Spielerische Komponenten und Gamification-Elemente (Levels, Erfolge, Fortschrittsanzeigen) motivieren zur vertieften Beschäftigung mit den Themen.
|
||
</p>
|
||
|
||
<h2>Lehrplanabdeckung</h2>
|
||
<p>
|
||
Alle Module sind auf den österreichischen GW-Lehrplan 2023 abgestimmt. Die Simulationen decken den Lehrplan großteils für die <strong>5. bis 10. Schulstufe</strong> ab:
|
||
</p>
|
||
|
||
<table class="stufen">
|
||
<tr><th>Schulstufe</th><th>Schwerpunkt</th><th>Module</th></tr>
|
||
<tr><td><strong>5. Schulstufe</strong> (1. Klasse)</td><td>Leben und Wirtschaften im eigenen Umfeld</td><td>Klimawächter, Naturgefahren (Erdbeben), Flussmanagement, Regenwald</td></tr>
|
||
<tr><td><strong>6. Schulstufe</strong> (2. Klasse)</td><td>Nachhaltigkeit und Verantwortung</td><td>Energiemix, Lieferketten, Flussmanagement (fortgeschritten)</td></tr>
|
||
<tr><td><strong>7. Schulstufe</strong> (3. Klasse)</td><td>Österreich — Raum und Wirtschaft</td><td>Stadt & Raumplanung, Helikopter-Navigation (Topografie)</td></tr>
|
||
<tr><td><strong>8. Schulstufe</strong> (4. Klasse)</td><td>Globalisierte Welt</td><td>Klimawächter (Profi), Lieferketten (komplex), Planetary Boundaries</td></tr>
|
||
<tr><td><strong>9.–10. Schulstufe</strong></td><td>Vertiefung und Transfer</td><td>Alle Module auf höchstem Level, fächerübergreifende Projekte</td></tr>
|
||
</table>
|
||
|
||
<h2>Für Lehrpersonen</h2>
|
||
|
||
<h3>Dashboard und Unterrichtssteuerung</h3>
|
||
<p>
|
||
Lehrpersonen erhalten in übersichtlichen Darstellungen Einblick in die Lernarbeit der Kinder: Fortschritt, Entscheidungen, Vorhersagen und Ergebnisse jeder Simulation werden automatisch erfasst. Auf dieser Grundlage können sie in ihrem Unterricht gezielt auf Unklarheiten und Herausforderungen eingehen.
|
||
</p>
|
||
<ul>
|
||
<li><strong>Modulfreigabe:</strong> Einzeln oder für die ganze Klasse, individuell pro Schüler*in</li>
|
||
<li><strong>Klassen-Simulation:</strong> Modul und Level wählen, als Aufgabe starten, Fortschritt verfolgen</li>
|
||
<li><strong>Ergebnisse:</strong> Prozess- und Ergebnisdaten automatisch erfasst, Fortschrittsbalken pro Aufgabe</li>
|
||
<li><strong>Schüler*innen-Verwaltung:</strong> Anonyme Zugänge generieren, Einladungstickets drucken, DSGVO-konform</li>
|
||
</ul>
|
||
|
||
<h3>Begleitmaterialien</h3>
|
||
<p>
|
||
Neben den Simulationen beinhaltet das Programm weitreichende Informationsmaterialien:
|
||
</p>
|
||
<ul>
|
||
<li>Ein <strong>didaktisches Handbuch</strong> mit fertigen 45-Minuten-Unterrichtsentwürfen zu jedem Modul</li>
|
||
<li>Fachliche Hintergrundinformationen für Lehrpersonen</li>
|
||
<li>Begleitende Erklärungen und Kontextinformationen für Lernende</li>
|
||
<li>Lehrplan-Mapping mit Kompetenzbereichen und Basiskonzepten</li>
|
||
</ul>
|
||
|
||
<h3>Differenzierung und Inklusion</h3>
|
||
<p>
|
||
Drei Schwierigkeitsstufen pro Simulation, individuelles Lerntempo ohne Zeitdruck und die Lauffähigkeit auf Tablets und einfachen Geräten ermöglichen einen inklusiven Einsatz in heterogenen Klassen.
|
||
</p>
|
||
|
||
<div class="cta-box">
|
||
<h3>Jetzt starten</h3>
|
||
<p>Drei Module sofort testen. Alle Module mit kostenlosem Lehrpersonen-Konto.</p>
|
||
<a href="index.html">Module testen</a>
|
||
<a href="login.html">Anmelden</a>
|
||
<a href="handbuch.html">Handbuch</a>
|
||
</div>
|
||
|
||
<h2>Wissenschaftlicher Hintergrund</h2>
|
||
<p>
|
||
GeoGraSim basiert auf zwei umfangreichen Literaturrecherchen, die den aktuellen Stand der Forschung aufarbeiten:
|
||
</p>
|
||
<div class="card-grid" style="grid-template-columns:1fr 1fr">
|
||
<div class="info-card" style="text-align:left">
|
||
<div class="ic" style="text-align:center">📚</div>
|
||
<h4>Didaktik der Geografie und Wirtschaftskunde</h4>
|
||
<p>Kompetenzorientierung, Basiskonzepte, Lehrplananalyse, Conceptual Change, aktuelle Ansätze der GW-Didaktik im DACH-Raum.</p>
|
||
<p style="margin-top:.4rem">
|
||
<a href="../didaktik_geografie/standalone.html" style="color:#4a7c8a;font-weight:600;font-size:.72rem;text-decoration:none">Aktueller Forschungsstand →</a><br>
|
||
<a href="../didaktik_geografie/quellen.html" style="color:#8a8a8a;font-size:.68rem;text-decoration:none">Aktuelle Literaturübersicht</a>
|
||
</p>
|
||
</div>
|
||
<div class="info-card" style="text-align:left">
|
||
<div class="ic" style="text-align:center">🧪</div>
|
||
<h4>Simulationen im Unterricht</h4>
|
||
<p>Wirkungsforschung, Lerneffekte von Simulationen, Predict–Observe–Explain, Gamification, digitale Lernumgebungen.</p>
|
||
<p style="margin-top:.4rem">
|
||
<a href="../didaktik_simulation/standalone.html" style="color:#4a7c8a;font-weight:600;font-size:.72rem;text-decoration:none">Aktueller Forschungsstand →</a><br>
|
||
<a href="../didaktik_simulation/quellen.html" style="color:#8a8a8a;font-size:.68rem;text-decoration:none">Aktuelle Literaturübersicht</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<h2>Technische Informationen</h2>
|
||
<ul>
|
||
<li>Läuft im Browser — keine Installation nötig, keine App-Stores</li>
|
||
<li>Funktioniert auf Tablets, Laptops und Desktop-Computern</li>
|
||
<li>Anonyme Schüler*innen-Zugänge — keine personenbezogenen Daten erforderlich</li>
|
||
<li>Hosting in Europa, DSGVO-konform</li>
|
||
<li>Geodaten: © OpenStreetMap contributors</li>
|
||
</ul>
|
||
|
||
<div class="footer-note">
|
||
<p>GeoGraSim — Schroffenegger & Mößlang, 2026</p>
|
||
<p>Kontakt: <a href="mailto:support@geograsim.at">support@geograsim.at</a> · <a href="index.html">geograsim.at</a></p>
|
||
</div>
|
||
|
||
</div>
|
||
</body>
|
||
</html>
|