Adminator/geograsim
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lehrplan: 4 Modul-Detailseiten + lehrplan.php + simulationen.php + 78 Anker

Browse Source 
- Gemeinsamer Partial App/pages/_partials/modul_detail.php
- modul-klima/fluss/heli/stadt als 3-Zeilen-Wrapper
- lehrplan.php: Filter Land/Thema/Typ, TOC, URL-Persistenz
- simulationen.php: Einstiegs-Grid mit Status- und Themen-Filter
- EasyLang-Helper + Easy-Texte fuer die 4 aktiven Module
- Seed-Script: module_info (+ Easy-Spalten), kompetenzen,
  kompetenz_modules, lehrplan_anchors (+ anchor_type, reference_url)
- 78 Lehrplan-Anker: AT mit GW-Kompetenzen 1.9/2.1/4.2 etc.,
  13 uebergreifende Themen, andere Faecher (Bio, Chemie, Physik,
  Mathematik, GSP, Bewegung+Sport); DE 10 Bundeslaender-Quellen +
  DGfG; CH Lehrplan 21 (RZG, NT, MA, MI, WAH, ERG, BNE); LI LiLe
- iPad-First: Touch-Ziele >=40px, :active-Feedback, Breakpoint 900px
- Inbox: Konventionen (Instanz-Name, iPad, Leichte Sprache,
  _status.md, Git-Commits) umgesetzt

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Thomas
2026-04-19 00:05:12 +02:00
parent dfb9e80664
commit db9ed43407
20 changed files with 3517 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
App/pages/_partials/modul_detail.php
+657
View File
@@ -0,0 +1,657 @@
<?php
/**
* Modul-Detailseiten — gemeinsamer Partial
* -----------------------------------------
* Wird von modul-klima.php, modul-fluss.php, modul-heli.php, modul-stadt.php
* eingebunden. Erwartet im includierenden Scope:
*
* $MODULE_ID string — module_info.module_id (z.B. 'klima')
*
* Quellen:
* - module_info (Metadaten, inkl. Easy-Varianten)
* - glossar + glossar_modules (Begriffe)
* - kompetenzen + kompetenz_modules
* + lehrplan_anchors (Lehrplan-Bezug, gruppiert nach Typ)
* - EasyLang-Helper (pickt Normal- oder Easy-Text)
*
* Design: iPad Landscape (1180×820) als Hauptreferenz (siehe
* module-interface.md Abschnitt 4c).
*/
if (!isset($MODULE_ID) || !is_string($MODULE_ID)) {
http_response_code(500);
echo 'modul_detail.php: $MODULE_ID fehlt.';
exit;
}
require_once __DIR__ . '/../../php/config/app.php';
require_once __DIR__ . '/../../php/config/db.php';
require_once __DIR__ . '/../../php/lib/EasyLang.php';
$db = getDB();
$module = $db->prepare('SELECT * FROM module_info WHERE module_id = ?');
$module->execute([$MODULE_ID]);
$module = $module->fetch();
if (!$module) {
http_response_code(404);
echo 'Modul nicht gefunden.';
exit;
}
// Easy-Varianten per Helper (Fallback: Normalform)
$shortDesc = EasyLang::pick($module['short_desc'] ?? null, $module['short_desc_easy'] ?? null);
$longDesc = EasyLang::pick($module['long_desc'] ?? null, $module['long_desc_easy'] ?? null);
$goalsRaw = EasyLang::pick($module['learning_goals'] ?? null, $module['learning_goals_easy'] ?? null);
// Lernziele — JSON-Array mit Strings
$learningGoals = [];
if ($goalsRaw) {
$decoded = json_decode($goalsRaw, true);
if (is_array($decoded)) $learningGoals = $decoded;
}
// Glossar-Begriffe zum Modul
$stmt = $db->prepare('
SELECT g.key_slug, g.title, g.short, g.category
FROM glossar g
INNER JOIN glossar_modules m ON m.glossar_id = g.id
WHERE m.module_id = ?
ORDER BY g.title
');
$stmt->execute([$MODULE_ID]);
$glossarTerms = $stmt->fetchAll();
// Kompetenzen + Lehrplan-Anker
$stmt = $db->prepare('
SELECT k.id, k.key_slug, k.title, k.description, k.category,
km.strength, km.level
FROM kompetenzen k
INNER JOIN kompetenz_modules km ON km.kompetenz_id = k.id
WHERE km.module_id = ?
ORDER BY km.strength, k.sort_order, k.title
');
$stmt->execute([$MODULE_ID]);
$kompetenzen = $stmt->fetchAll();
$ankerStmt = $db->prepare("
SELECT anchor_type, country, region, school_type, grade, subject,
title, reference, reference_url, quote
FROM lehrplan_anchors
WHERE kompetenz_id = ?
ORDER BY FIELD(anchor_type, 'fach', 'uebergreifendes_thema', 'anderes_fach'),
country, sort_order
");
foreach ($kompetenzen as &$k) {
$ankerStmt->execute([$k['id']]);
$rows = $ankerStmt->fetchAll();
$k['anchors_fach'] = array_values(array_filter($rows, fn($r) => $r['anchor_type'] === 'fach'));
$k['anchors_uebergreifend'] = array_values(array_filter($rows, fn($r) => $r['anchor_type'] === 'uebergreifendes_thema'));
$k['anchors_andere_faecher'] = array_values(array_filter($rows, fn($r) => $r['anchor_type'] === 'anderes_fach'));
}
unset($k);
$bp = BASE_PATH;
$api = BASE_URL . '/php/api/glossar.php';
$pageTitle = htmlspecialchars($module['title']) . ' — Lehrplan geograsim.at';
$easyActive = EasyLang::isActive();
if (!function_exists('esc')) {
function esc(?string $s): string { return htmlspecialchars((string)$s, ENT_QUOTES, 'UTF-8'); }
}
$countryMeta = [
'AT' => ['flag' => '🇦🇹', 'label' => 'Österreich'],
'DE' => ['flag' => '🇩🇪', 'label' => 'Deutschland'],
'CH' => ['flag' => '🇨🇭', 'label' => 'Schweiz'],
'LI' => ['flag' => '🇱🇮', 'label' => 'Liechtenstein'],
];
?><!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?= $pageTitle ?></title>
<meta name="description" content="<?= esc($module['subtitle']) ?> — Lernziele, Begriffe und Lehrplan-Bezug für die GeoGraSim-Simulation <?= esc($module['title']) ?>.">
<link rel="icon" type="image/svg+xml" href="<?= $bp ?>/favicon.svg">
<link rel="icon" type="image/png" href="<?= $bp ?>/favicon-96x96.png" sizes="96x96">
<link rel="stylesheet" href="<?= $bp ?>/assets/fonts/inter.css">
<link rel="stylesheet" href="<?= $bp ?>/assets/css/design-system.css">
<style>
/* Seite ist scrollbar — Design-System-Body ist overflow:hidden, das ueberschreiben wir hier */
body { overflow: auto; height: auto; min-height: 100vh; background: var(--ggs-bg); }
/* ===== Topbar (identisch zu glossar.php) ===== */
.md-topbar {
background: var(--ggs-white);
padding: .55rem 1.2rem;
display: flex; align-items: center; gap: .8rem;
border-bottom: 1px solid var(--ggs-border);
position: sticky; top: 0; z-index: 50;
}
.md-topbar a { text-decoration: none; }
.md-topbar-brand { display: flex; align-items: center; gap: .5rem; }
.md-topbar-brand img.md-text { height: 40px; display: block; }
.md-topbar .spacer { flex: 1; }
.md-btn-sm {
/* iPad-Touch: min 40px Höhe; padding angepasst */
padding: .5rem .85rem; border: 1px solid var(--ggs-border);
border-radius: var(--ggs-radius-sm); background: var(--ggs-white);
font-size: .78rem; font-weight: 600; cursor: pointer;
color: var(--ggs-text); font-family: inherit; text-decoration: none;
display: inline-flex; align-items: center; min-height: 40px;
}
.md-btn-sm:hover { background: var(--ggs-fjord-light); color: var(--ggs-fjord-dark); border-color: var(--ggs-fjord); }
.md-btn-sm:active { transform: scale(0.97); }
.md-btn-sm.md-btn-primary { background: var(--ggs-fjord); color: var(--ggs-white); border-color: var(--ggs-fjord); }
.md-btn-sm.md-btn-primary:hover { background: var(--ggs-fjord-dark); }
.md-easy-pill {
background: var(--ggs-moss-light); color: var(--ggs-moss-dark);
border-color: var(--ggs-moss); font-weight: 700;
}
/* ===== Breadcrumb ===== */
.md-breadcrumb {
max-width: 1100px; margin: 0 auto; padding: .9rem 1.2rem .2rem;
font-size: .82rem; color: var(--ggs-text-muted);
}
.md-breadcrumb a { color: var(--ggs-fjord); text-decoration: none; }
.md-breadcrumb a:hover { text-decoration: underline; }
.md-breadcrumb .sep { margin: 0 .4rem; opacity: .5; }
/* ===== Hero ===== */
.md-hero {
max-width: 1100px; margin: 0 auto; padding: 1.5rem 1.2rem 2rem;
display: grid; grid-template-columns: minmax(220px, 340px) 1fr;
gap: 2rem; align-items: center;
}
.md-hero-card {
background: var(--ggs-white); border-radius: var(--ggs-radius-lg);
overflow: hidden; box-shadow: var(--ggs-shadow-md);
border: 1px solid var(--ggs-border);
}
.md-hero-card img {
width: 100%; aspect-ratio: 1; object-fit: cover; display: block;
}
.md-hero-text h1 {
font-size: clamp(1.8rem, 4vw, 2.6rem);
font-weight: 900; letter-spacing: -.03em;
color: var(--ggs-fjord-dark);
display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
margin-bottom: .4rem;
}
.md-hero-icon { font-size: 1.3em; }
.md-hero-subtitle {
font-size: 1.1rem; color: var(--ggs-text); line-height: 1.5;
margin-bottom: 1.4rem;
}
.md-hero-cta { display: flex; flex-wrap: wrap; gap: .6rem; }
.md-cta-btn {
/* iPad-Touch: generous padding, min 44px */
display: inline-flex; align-items: center; gap: .5rem;
padding: .85rem 1.5rem; border-radius: var(--ggs-radius-sm);
font-weight: 700; font-size: 1rem; text-decoration: none;
border: 1.5px solid transparent; transition: all .2s var(--ggs-ease);
min-height: 48px;
}
.md-cta-primary { background: var(--ggs-fjord); color: var(--ggs-white); }
.md-cta-primary:hover { background: var(--ggs-fjord-dark); transform: translateY(-1px); }
.md-cta-primary:active { transform: scale(0.98); }
.md-cta-secondary {
background: var(--ggs-white); color: var(--ggs-fjord);
border-color: var(--ggs-fjord);
}
.md-cta-secondary:hover { background: var(--ggs-fjord-light); }
.md-cta-secondary:active { transform: scale(0.98); }
/* ===== Meta-Bar (Dauer, Alter, Status) ===== */
.md-meta {
max-width: 1100px; margin: 0 auto 2rem; padding: 0 1.2rem;
display: flex; flex-wrap: wrap; gap: .6rem;
}
.md-meta-item {
display: inline-flex; align-items: center; gap: .4rem;
background: var(--ggs-white); border: 1px solid var(--ggs-border);
border-radius: var(--ggs-radius-pill);
padding: .5rem .95rem;
font-size: .88rem; color: var(--ggs-text);
min-height: 36px;
}
.md-meta-icon { font-size: 1rem; }
.md-meta-label { color: var(--ggs-text-muted); font-weight: 600; }
.md-meta-value { font-weight: 700; }
.md-status-pill { padding: 2px 10px; border-radius: var(--ggs-radius-pill); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.md-status-aktiv { background: var(--ggs-moss-light); color: var(--ggs-moss-dark); }
.md-status-beta { background: var(--ggs-sand); color: #7a6540; }
.md-status-geplant { background: var(--ggs-fjord-light); color: var(--ggs-fjord-dark); }
/* ===== Sections ===== */
.md-section {
max-width: 1100px; margin: 0 auto 2.5rem; padding: 0 1.2rem;
}
.md-section-title {
font-size: .75rem; font-weight: 800; text-transform: uppercase;
letter-spacing: .12em; color: var(--ggs-fjord);
margin-bottom: .4rem;
}
.md-section-h2 {
font-size: 1.7rem; font-weight: 900; color: var(--ggs-fjord-dark);
letter-spacing: -.02em; margin-bottom: .9rem;
}
.md-section-text {
font-size: 1rem; line-height: 1.7; color: var(--ggs-text); max-width: 780px;
}
/* Lernziele-Grid */
.md-goals {
display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1rem; margin-top: 1rem;
}
.md-goal {
background: var(--ggs-white); border: 1px solid var(--ggs-border);
border-left: 4px solid var(--ggs-moss);
border-radius: var(--ggs-radius-md); padding: 1rem 1.2rem;
font-size: .95rem; line-height: 1.5;
}
.md-goal-num {
display: inline-block; font-size: .72rem; font-weight: 800;
color: var(--ggs-moss-dark); background: var(--ggs-moss-light);
padding: 2px 8px; border-radius: var(--ggs-radius-pill);
margin-bottom: .4rem;
}
/* Glossar-Chips */
.md-glossar {
display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1rem;
}
.md-glossar-chip {
/* iPad-Touch: min 40px Höhe */
display: inline-flex; align-items: center; gap: .3rem;
background: var(--ggs-white); border: 1px solid var(--ggs-border);
border-radius: var(--ggs-radius-pill);
padding: .5rem 1rem; min-height: 40px;
font-size: .88rem; font-weight: 600; color: var(--ggs-fjord-dark);
text-decoration: none; transition: all .2s var(--ggs-ease);
cursor: pointer;
}
.md-glossar-chip:hover, .md-glossar-chip:active {
background: var(--ggs-fjord-light); border-color: var(--ggs-fjord);
}
.md-glossar-empty { color: var(--ggs-text-muted); font-size: .9rem; font-style: italic; }
.md-glossar-link {
display: inline-block; margin-top: 1rem;
font-size: .9rem; color: var(--ggs-fjord); text-decoration: none; font-weight: 600;
padding: .4rem 0; /* vergrossertes Touch-Ziel ohne Rahmen */
}
.md-glossar-link:hover { text-decoration: underline; }
/* Lehrplan-Bezug */
.md-lehrplan-filters {
display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 1.2rem;
}
.md-chip {
/* iPad-Touch: min 40x40 */
display: inline-flex; align-items: center; gap: .3rem;
padding: .55rem 1rem; border-radius: var(--ggs-radius-pill);
background: var(--ggs-white); border: 1.5px solid var(--ggs-border);
font-size: .88rem; font-weight: 600; color: var(--ggs-text-muted);
cursor: pointer; transition: all .2s var(--ggs-ease); font-family: inherit;
min-height: 40px; min-width: 40px;
}
.md-chip:hover { border-color: var(--ggs-fjord); color: var(--ggs-fjord); }
.md-chip:active { transform: scale(0.96); }
.md-chip.active { background: var(--ggs-fjord); color: var(--ggs-white); border-color: var(--ggs-fjord); }
.md-kompetenz {
background: var(--ggs-white); border: 1px solid var(--ggs-border);
border-radius: var(--ggs-radius-md); padding: 1.2rem 1.4rem 1rem;
margin-bottom: 1rem;
}
.md-kompetenz-header { display: flex; align-items: baseline; gap: .7rem; flex-wrap: wrap; margin-bottom: .4rem; }
.md-kompetenz-title { font-size: 1.15rem; font-weight: 800; color: var(--ggs-fjord-dark); }
.md-kompetenz-strength {
font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em;
padding: 2px 8px; border-radius: var(--ggs-radius-pill);
}
.md-strength-primaer { background: var(--ggs-moss-light); color: var(--ggs-moss-dark); }
.md-strength-sekundaer { background: var(--ggs-bg-dark); color: var(--ggs-text-muted); }
.md-kompetenz-desc {
font-size: .9rem; color: var(--ggs-text); line-height: 1.55;
margin-bottom: .9rem;
}
.md-anchors { display: grid; gap: .55rem; }
.md-anchor {
display: grid; grid-template-columns: 28px 1fr; gap: .6rem; align-items: start;
font-size: .9rem; padding: .6rem .8rem;
background: var(--ggs-bg); border-radius: var(--ggs-radius-sm);
border-left: 3px solid var(--ggs-fjord-light);
}
.md-anchor-flag { font-size: 1.2rem; line-height: 1.3; text-align: center; }
.md-anchor-meta { font-size: .75rem; color: var(--ggs-text-muted); margin-bottom: .15rem; }
.md-anchor-title { font-weight: 700; color: var(--ggs-fjord-dark); margin-bottom: .2rem; }
.md-anchor-quote { font-size: .88rem; color: var(--ggs-text); font-style: italic; line-height: 1.45; }
.md-anchor-ref {
font-size: .72rem; color: var(--ggs-text-muted);
margin-top: .3rem;
}
.md-anchor-link {
color: var(--ggs-fjord); text-decoration: none; font-weight: 600;
border-bottom: 1px dotted var(--ggs-fjord); transition: color .2s var(--ggs-ease);
padding: 2px 0; /* Touch-Ziel leicht vergroessern */
}
.md-anchor-link:hover { color: var(--ggs-fjord-dark); border-bottom-style: solid; }
/* Anker-Gruppen (Fach / Fächerübergreifend / Andere Fächer) */
.md-anchor-group { margin-top: .9rem; }
.md-anchor-group:first-child { margin-top: 0; }
.md-anchor-group-head {
display: flex; align-items: baseline; gap: .6rem;
margin: .2rem 0 .5rem;
flex-wrap: wrap;
}
.md-anchor-group-title {
font-size: .74rem; font-weight: 800; text-transform: uppercase;
letter-spacing: .1em; color: var(--ggs-fjord-dark);
}
.md-anchor-group-sub {
font-size: .72rem; color: var(--ggs-text-muted); font-weight: 500;
}
.md-anchor--fach { border-left-color: var(--ggs-fjord); }
.md-anchor--uebergreifendes_thema { border-left-color: var(--ggs-moss); background: var(--ggs-moss-light); }
.md-anchor--anderes_fach { border-left-color: var(--ggs-sand-dark); background: var(--ggs-bg-dark); }
.md-anchor--uebergreifendes_thema .md-anchor-flag,
.md-anchor--anderes_fach .md-anchor-flag { opacity: .65; }
.md-anchor.hidden { display: none; }
.md-lehrplan-note {
font-size: .82rem; color: var(--ggs-text-muted); font-style: italic;
margin-top: 1rem; max-width: 780px;
}
/* ===== Footer ===== */
.md-footer {
text-align: center; padding: 2rem 1rem 2.5rem;
font-size: .78rem; color: var(--ggs-text-muted);
border-top: 1px solid var(--ggs-border);
background: var(--ggs-white);
margin-top: 2rem;
}
.md-footer img { height: 36px; opacity: .5; margin-bottom: .5rem; }
.md-footer a { color: var(--ggs-fjord); text-decoration: none; padding: .3rem .2rem; }
.md-footer a:hover { text-decoration: underline; }
/* Responsive — Design-System-konforme Breakpoints 900 / 1200 */
@media (max-width: 900px) {
.md-hero { grid-template-columns: 1fr; gap: 1rem; padding-top: 1rem; }
.md-hero-card { max-width: 260px; margin: 0 auto; }
.md-hero-text { text-align: center; }
.md-hero-cta { justify-content: center; }
.md-meta { justify-content: center; }
.md-section-h2 { font-size: 1.35rem; }
}
</style>
</head>
<body>
<!-- Einheitlicher Header -->
<header class="md-topbar">
<a href="<?= $bp ?>/index.html" class="md-topbar-brand" aria-label="GeoGraSim Startseite">
<img class="md-text" src="<?= $bp ?>/assets/img/geograsim_t.svg" alt="GeoGraSim">
</a>
<span class="spacer"></span>
<?php if ($easyActive): ?>
<span class="md-btn-sm md-easy-pill" title="Leichte Sprache ist aktiv">🟢 Leichte Sprache</span>
<?php endif; ?>
<a href="<?= $bp ?>/pages/simulationen.php" class="md-btn-sm">Alle Simulationen</a>
<a href="<?= $bp ?>/pages/lehrplan.php" class="md-btn-sm">Lehrplan</a>
<a href="<?= $bp ?>/glossar" class="md-btn-sm">Glossar</a>
<a href="<?= $bp ?>/login.html" class="md-btn-sm md-btn-primary">Anmelden</a>
</header>
<nav class="md-breadcrumb" aria-label="Brotkrumen">
<a href="<?= $bp ?>/index.html">Start</a>
<span class="sep">›</span>
<a href="<?= $bp ?>/pages/simulationen.php">Simulationen</a>
<span class="sep">›</span>
<span><?= esc($module['title']) ?></span>
</nav>
<!-- HERO -->
<section class="md-hero">
<div class="md-hero-card">
<img src="<?= $bp ?>/assets/img/<?= esc($module['card_image']) ?>" alt="<?= esc($module['title']) ?>">
</div>
<div class="md-hero-text">
<h1><span class="md-hero-icon"><?= esc($module['icon']) ?></span><?= esc($module['title']) ?></h1>
<p class="md-hero-subtitle"><?= esc($shortDesc ?? $module['subtitle']) ?></p>
<div class="md-hero-cta">
<?php if ($module['status'] === 'aktiv' || $module['status'] === 'beta'): ?>
<a href="<?= $bp ?>/<?= esc($module['play_url']) ?>" class="md-cta-btn md-cta-primary">
▶ Jetzt probieren
</a>
<?php else: ?>
<a href="<?= $bp ?>/login.html" class="md-cta-btn md-cta-primary">
🔒 In Entwicklung — Newsletter
</a>
<?php endif; ?>
<a href="#lehrplan-bezug" class="md-cta-btn md-cta-secondary">
📘 Lehrplan-Bezug
</a>
</div>
</div>
</section>
<!-- META -->
<div class="md-meta">
<?php if (!empty($module['duration_min'])): ?>
<span class="md-meta-item">
<span class="md-meta-icon">⏱️</span>
<span class="md-meta-label">Dauer:</span>
<span class="md-meta-value">ca. <?= (int)$module['duration_min'] ?> Min</span>
</span>
<?php endif; ?>
<?php if (!empty($module['age_min']) && !empty($module['age_max'])): ?>
<span class="md-meta-item">
<span class="md-meta-icon">👧</span>
<span class="md-meta-label">Alter:</span>
<span class="md-meta-value"><?= (int)$module['age_min'] ?>–<?= (int)$module['age_max'] ?> Jahre</span>
</span>
<?php endif; ?>
<span class="md-meta-item">
<span class="md-meta-icon">🏷️</span>
<span class="md-meta-label">Modul-ID:</span>
<code style="font-size: .82rem;"><?= esc($module['module_id']) ?></code>
</span>
<span class="md-meta-item">
<span class="md-meta-label">Status:</span>
<span class="md-status-pill md-status-<?= esc($module['status']) ?>"><?= esc($module['status']) ?></span>
</span>
<span class="md-meta-item">
<span class="md-meta-icon">📚</span>
<span class="md-meta-label">Begriffe im Glossar:</span>
<span class="md-meta-value"><?= count($glossarTerms) ?></span>
</span>
</div>
<!-- WAS LERNST DU -->
<?php if (!empty($learningGoals)): ?>
<section class="md-section">
<div class="md-section-title">Was lernst du?</div>
<h2 class="md-section-h2">Lernziele dieses Moduls</h2>
<div class="md-goals">
<?php foreach ($learningGoals as $i => $g): ?>
<div class="md-goal">
<span class="md-goal-num"><?= str_pad((string)($i+1), 2, '0', STR_PAD_LEFT) ?></span>
<div><?= esc($g) ?></div>
</div>
<?php endforeach; ?>
</div>
</section>
<?php endif; ?>
<!-- WIE FUNKTIONIERT'S -->
<?php if (!empty($longDesc)): ?>
<section class="md-section">
<div class="md-section-title">Wie funktioniert's?</div>
<h2 class="md-section-h2">Die Simulation</h2>
<p class="md-section-text"><?= nl2br(esc($longDesc)) ?></p>
</section>
<?php endif; ?>
<!-- BEGRIFFE AUS DEM GLOSSAR -->
<section class="md-section">
<div class="md-section-title">Begriffe, die du kennenlernst</div>
<h2 class="md-section-h2">Glossar-Einträge zu diesem Modul</h2>
<?php if (empty($glossarTerms)): ?>
<p class="md-glossar-empty">Noch keine Begriffe zugeordnet — das Glossar wächst laufend weiter.</p>
<?php else: ?>
<div class="md-glossar">
<?php foreach ($glossarTerms as $t): ?>
<a class="md-glossar-chip"
href="<?= $bp ?>/glossar?term=<?= urlencode($t['key_slug']) ?>"
title="<?= esc($t['short']) ?>">
<?= esc($t['title']) ?>
</a>
<?php endforeach; ?>
</div>
<?php endif; ?>
<a class="md-glossar-link" href="<?= $bp ?>/glossar?module=<?= urlencode($MODULE_ID) ?>">
→ Alle <?= count($glossarTerms) ?> Begriffe im Glossar ansehen
</a>
</section>
<!-- LEHRPLAN-BEZUG -->
<section class="md-section" id="lehrplan-bezug">
<div class="md-section-title">Für Lehrpersonen</div>
<h2 class="md-section-h2">Lehrplan-Bezug</h2>
<p class="md-section-text">
Dieses Modul bedient die folgenden didaktischen Kompetenzbereiche. Für jeden
Bereich haben wir typische Verankerungen in den Lehrplänen für
Österreich, Deutschland, Schweiz und Liechtenstein recherchiert — sie
helfen, das Modul an den eigenen Lehrplan anzudocken.
</p>
<div class="md-lehrplan-filters" id="md-filter-row">
<button type="button" class="md-chip active" data-country="">🌐 Alle Länder</button>
<?php foreach ($countryMeta as $c => $info): ?>
<button type="button" class="md-chip" data-country="<?= esc($c) ?>">
<?= $info['flag'] ?> <?= esc($info['label']) ?>
</button>
<?php endforeach; ?>
</div>
<?php if (empty($kompetenzen)): ?>
<p class="md-glossar-empty">Noch keine Kompetenzen zugeordnet.</p>
<?php else: ?>
<?php foreach ($kompetenzen as $k): ?>
<article class="md-kompetenz">
<header class="md-kompetenz-header">
<div class="md-kompetenz-title"><?= esc($k['title']) ?></div>
<span class="md-kompetenz-strength md-strength-<?= esc($k['strength']) ?>">
<?= $k['strength'] === 'primaer' ? 'Primär' : 'Sekundär' ?>
</span>
</header>
<?php if (!empty($k['description'])): ?>
<p class="md-kompetenz-desc"><?= esc($k['description']) ?></p>
<?php endif; ?>
<?php
$groups = [
['anchors_fach', 'Fachbezug', 'Direkte Zuordnung im Fach-Lehrplan'],
['anchors_uebergreifend', 'Fächerübergreifende Themen', 'Verbindliche Querschnittsthemen des Lehrplans'],
['anchors_andere_faecher', 'Anknüpfungspunkte in anderen Fächern', 'Wo das Thema zusätzlich auftaucht'],
];
foreach ($groups as [$key, $heading, $sub]):
$list = $k[$key] ?? [];
if (empty($list)) continue;
?>
<div class="md-anchor-group">
<div class="md-anchor-group-head">
<span class="md-anchor-group-title"><?= esc($heading) ?></span>
<span class="md-anchor-group-sub"><?= esc($sub) ?></span>
</div>
<div class="md-anchors">
<?php foreach ($list as $a): ?>
<?php $cm = $countryMeta[$a['country']] ?? ['flag' => '🏳️', 'label' => $a['country']]; ?>
<div class="md-anchor md-anchor--<?= esc($a['anchor_type']) ?>"
data-country="<?= esc($a['country']) ?>">
<div class="md-anchor-flag" title="<?= esc($cm['label']) ?>"><?= $cm['flag'] ?></div>
<div>
<div class="md-anchor-meta">
<strong><?= esc($a['country']) ?></strong>
<?= $a['region'] ? ' · ' . esc($a['region']) : '' ?>
<?= $a['school_type'] ? ' · ' . esc($a['school_type']) : '' ?>
<?= $a['grade'] ? ' · ' . esc($a['grade']) : '' ?>
<?= $a['subject'] ? ' · ' . esc($a['subject']) : '' ?>
</div>
<div class="md-anchor-title"><?= esc($a['title']) ?></div>
<?php if (!empty($a['quote'])): ?>
<div class="md-anchor-quote">„<?= esc($a['quote']) ?>"</div>
<?php endif; ?>
<?php if (!empty($a['reference'])): ?>
<div class="md-anchor-ref">
Quelle:
<?php if (!empty($a['reference_url'])): ?>
<a href="<?= esc($a['reference_url']) ?>"
target="_blank" rel="noopener noreferrer"
class="md-anchor-link"><?= esc($a['reference']) ?> ↗</a>
<?php else: ?>
<?= esc($a['reference']) ?>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endforeach; ?>
</article>
<?php endforeach; ?>
<?php endif; ?>
<p class="md-lehrplan-note">
Die Anker sind beispielhaft ausgewählt — bitte mit dem konkreten
Jahres- oder Semesterplan abgleichen. Vollständige Lehrplan-Übersicht:
<a href="<?= $bp ?>/pages/lehrplan.php">Lehrplan-Seite</a>.
</p>
</section>
<!-- Footer -->
<footer class="md-footer">
<img src="<?= $bp ?>/assets/img/bildLogo.png" alt="">
<div>
Lehrplan geograsim.at ·
<a href="<?= $bp ?>/pages/simulationen.php">Simulationen</a> ·
<a href="<?= $bp ?>/pages/lehrplan.php">Lehrplan</a> ·
<a href="<?= $bp ?>/glossar">Glossar</a> ·
<a href="<?= $bp ?>/ueber.html">Über</a> ·
<a href="<?= $bp ?>/impressum.html">Impressum</a> ·
<a href="<?= $bp ?>/datenschutz.html">Datenschutz</a>
</div>
</footer>
<script>
// Länder-Filter für Lehrplan-Anker — übergreifende Themen + andere Fächer bleiben sichtbar (Land-agnostisch)
(function () {
const filterRow = document.getElementById('md-filter-row');
if (!filterRow) return;
filterRow.addEventListener('click', (e) => {
const btn = e.target.closest('.md-chip');
if (!btn) return;
filterRow.querySelectorAll('.md-chip').forEach(c => c.classList.remove('active'));
btn.classList.add('active');
const country = btn.dataset.country;
document.querySelectorAll('.md-anchor').forEach(a => {
// Anker mit einem Land: nur zeigen wenn passt. Anker ohne Land oder mit allen Laendern: immer zeigen.
const hide = country && a.dataset.country && a.dataset.country !== country;
a.classList.toggle('hidden', !!hide);
});
});
})();
</script>
</body>
</html>
App/pages/lehrplan.php
+658
View File
@@ -0,0 +1,658 @@
<?php
/**
* Lehrplan-Übersicht
* -------------------
* Gesammelte Lehrplan-Verankerungen für alle Simulationen, gruppiert nach
* didaktischem Kompetenzbereich, mit Filter für Land (AT/DE/CH/LI), Thema
* und Anker-Typ.
*
* URL: http://localhost/geograsim/App/lehrplan (Front-Controller)
* ?country=AT vorgewählter Länder-Filter (Default: AT)
* ?theme=klima vorgewählter Themen-Filter
* ?module=fluss vorgewähltes Modul
*/
require_once __DIR__ . '/../php/config/app.php';
require_once __DIR__ . '/../php/config/db.php';
require_once __DIR__ . '/../php/lib/EasyLang.php';
$db = getDB();
// Filter aus URL (sanft, nur Whitelist-Werte)
$allowedCountries = ['AT', 'DE', 'CH', 'LI'];
$qCountry = strtoupper(trim($_GET['country'] ?? 'AT'));
if (!in_array($qCountry, $allowedCountries, true) && $qCountry !== 'ALL') {
$qCountry = 'AT'; // Default
}
$qTheme = preg_replace('/[^a-z0-9_-]/', '', strtolower($_GET['theme'] ?? ''));
$qModule = preg_replace('/[^a-z0-9_-]/', '', strtolower($_GET['module'] ?? ''));
// Alle Kompetenzen mit Zuordnungen + Ankern laden
$kompetenzen = $db->query('
SELECT id, key_slug, title, description, category, age_min, age_max, sort_order
FROM kompetenzen
ORDER BY sort_order, title
')->fetchAll();
// Module je Kompetenz
$modStmt = $db->prepare('
SELECT mi.module_id, mi.title, mi.icon, mi.card_image, mi.status, mi.page_url,
km.strength
FROM kompetenz_modules km
INNER JOIN module_info mi ON mi.module_id = km.module_id
WHERE km.kompetenz_id = ?
ORDER BY FIELD(km.strength, "primaer", "sekundaer"), mi.sort_order
');
// Anker je Kompetenz
$ankerStmt = $db->prepare("
SELECT anchor_type, country, region, school_type, grade, subject,
title, reference, reference_url, quote
FROM lehrplan_anchors
WHERE kompetenz_id = ?
ORDER BY FIELD(anchor_type, 'fach', 'uebergreifendes_thema', 'anderes_fach'),
country, sort_order
");
foreach ($kompetenzen as &$k) {
$modStmt->execute([$k['id']]);
$k['modules'] = $modStmt->fetchAll();
$ankerStmt->execute([$k['id']]);
$rows = $ankerStmt->fetchAll();
$k['anchors_fach'] = array_values(array_filter($rows, fn($r) => $r['anchor_type'] === 'fach'));
$k['anchors_uebergreifend'] = array_values(array_filter($rows, fn($r) => $r['anchor_type'] === 'uebergreifendes_thema'));
$k['anchors_andere_faecher'] = array_values(array_filter($rows, fn($r) => $r['anchor_type'] === 'anderes_fach'));
$k['anchors_all'] = $rows;
}
unset($k);
// Zählungen (global) für Filter-Badges
$totalAnchors = (int) $db->query('SELECT COUNT(*) FROM lehrplan_anchors')->fetchColumn();
$countsByCountry = [];
foreach ($db->query("SELECT country, COUNT(*) AS n FROM lehrplan_anchors GROUP BY country") as $r) {
$countsByCountry[$r['country']] = (int)$r['n'];
}
$countsByType = [];
foreach ($db->query("SELECT anchor_type, COUNT(*) AS n FROM lehrplan_anchors GROUP BY anchor_type") as $r) {
$countsByType[$r['anchor_type']] = (int)$r['n'];
}
$bp = BASE_PATH;
$easyActive = EasyLang::isActive();
function esc(?string $s): string { return htmlspecialchars((string)$s, ENT_QUOTES, 'UTF-8'); }
$countryMeta = [
'AT' => ['flag' => '🇦🇹', 'label' => 'Österreich'],
'DE' => ['flag' => '🇩🇪', 'label' => 'Deutschland'],
'CH' => ['flag' => '🇨🇭', 'label' => 'Schweiz'],
'LI' => ['flag' => '🇱🇮', 'label' => 'Liechtenstein'],
];
$categoryMeta = [
'klima' => ['label' => 'Klima'],
'natur' => ['label' => 'Naturgefahren'],
'raum' => ['label' => 'Raum'],
'gesellschaft' => ['label' => 'Gesellschaft'],
];
?><!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lehrplan-Übersicht — Lehrplan geograsim.at</title>
<meta name="description" content="Alle Lehrplan-Verankerungen der GeoGraSim-Simulationen für Österreich, Deutschland, Schweiz und Liechtenstein — gruppiert nach didaktischem Kompetenzbereich.">
<link rel="icon" type="image/svg+xml" href="<?= $bp ?>/favicon.svg">
<link rel="icon" type="image/png" href="<?= $bp ?>/favicon-96x96.png" sizes="96x96">
<link rel="stylesheet" href="<?= $bp ?>/assets/fonts/inter.css">
<link rel="stylesheet" href="<?= $bp ?>/assets/css/design-system.css">
<style>
body { overflow: auto; height: auto; min-height: 100vh; background: var(--ggs-bg); }
/* ===== Topbar (wie modul-detail) ===== */
.lp-topbar {
background: var(--ggs-white);
padding: .55rem 1.2rem;
display: flex; align-items: center; gap: .8rem;
border-bottom: 1px solid var(--ggs-border);
position: sticky; top: 0; z-index: 50;
}
.lp-topbar a { text-decoration: none; }
.lp-topbar-brand img { height: 40px; display: block; }
.lp-topbar .spacer { flex: 1; }
.lp-btn-sm {
padding: .5rem .85rem; border: 1px solid var(--ggs-border);
border-radius: var(--ggs-radius-sm); background: var(--ggs-white);
font-size: .78rem; font-weight: 600; cursor: pointer;
color: var(--ggs-text); font-family: inherit; text-decoration: none;
display: inline-flex; align-items: center; min-height: 40px;
}
.lp-btn-sm:hover { background: var(--ggs-fjord-light); color: var(--ggs-fjord-dark); border-color: var(--ggs-fjord); }
.lp-btn-sm.lp-btn-primary { background: var(--ggs-fjord); color: var(--ggs-white); border-color: var(--ggs-fjord); }
.lp-easy-pill { background: var(--ggs-moss-light); color: var(--ggs-moss-dark); border-color: var(--ggs-moss); font-weight: 700; }
/* ===== Hero ===== */
.lp-hero {
background: linear-gradient(135deg, var(--ggs-fjord-dark) 0%, var(--ggs-fjord) 100%);
color: var(--ggs-white);
padding: 2.5rem 1.5rem 3rem;
text-align: center;
}
.lp-hero h1 {
font-size: clamp(1.8rem, 4vw, 2.6rem);
font-weight: 900; letter-spacing: -.03em;
margin-bottom: .5rem;
}
.lp-hero p { font-size: 1.02rem; color: rgba(255,255,255,.88); max-width: 640px; margin: 0 auto 1.4rem; }
.lp-hero-stats { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-top: 1.2rem; }
.lp-hero-stat { text-align: center; }
.lp-hero-stat-num { font-size: 1.8rem; font-weight: 900; display: block; }
.lp-hero-stat-lbl { font-size: .72rem; opacity: .8; text-transform: uppercase; letter-spacing: .08em; }
/* ===== Filter-Bar ===== */
.lp-filters {
max-width: 1100px; margin: -1.4rem auto 1.5rem;
padding: 1rem 1.2rem; background: var(--ggs-white);
border-radius: var(--ggs-radius-lg); box-shadow: var(--ggs-shadow-lg);
border: 1px solid var(--ggs-border);
position: relative; z-index: 5;
display: flex; flex-direction: column; gap: .9rem;
}
.lp-filter-row {
display: flex; align-items: center; flex-wrap: wrap; gap: .5rem;
}
.lp-filter-label {
font-size: .72rem; font-weight: 800; text-transform: uppercase;
letter-spacing: .08em; color: var(--ggs-text-muted);
min-width: 60px;
}
.lp-chip {
display: inline-flex; align-items: center; gap: .3rem;
padding: .55rem 1rem; border-radius: var(--ggs-radius-pill);
background: var(--ggs-white); border: 1.5px solid var(--ggs-border);
font-size: .88rem; font-weight: 600; color: var(--ggs-text-muted);
cursor: pointer; transition: all .2s var(--ggs-ease); font-family: inherit;
min-height: 40px; min-width: 40px;
}
.lp-chip:hover { border-color: var(--ggs-fjord); color: var(--ggs-fjord); }
.lp-chip:active { transform: scale(0.96); }
.lp-chip.active { background: var(--ggs-fjord); color: var(--ggs-white); border-color: var(--ggs-fjord); }
.lp-chip-badge {
font-size: .7rem; padding: 1px 6px; border-radius: var(--ggs-radius-pill);
background: var(--ggs-bg-dark); color: var(--ggs-text-muted);
font-weight: 700;
}
.lp-chip.active .lp-chip-badge {
background: rgba(255,255,255,.22); color: var(--ggs-white);
}
/* ===== Kompetenz-Karten ===== */
.lp-wrap { max-width: 1100px; margin: 0 auto 3rem; padding: 0 1.2rem; }
.lp-results-info {
font-size: .82rem; color: var(--ggs-text-muted);
margin-bottom: 1rem;
}
.lp-kompetenz {
background: var(--ggs-white); border: 1px solid var(--ggs-border);
border-radius: var(--ggs-radius-md);
padding: 1.4rem 1.6rem;
margin-bottom: 1.2rem;
scroll-margin-top: 80px;
}
.lp-kompetenz-head {
display: flex; flex-wrap: wrap; align-items: flex-start;
gap: .8rem; margin-bottom: .5rem;
}
.lp-kompetenz-title {
font-size: 1.3rem; font-weight: 900; color: var(--ggs-fjord-dark);
letter-spacing: -.02em;
}
.lp-kompetenz-cat {
font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
background: var(--ggs-fjord-light); color: var(--ggs-fjord-dark);
padding: 3px 10px; border-radius: var(--ggs-radius-pill);
}
.lp-kompetenz-age {
font-size: .75rem; color: var(--ggs-text-muted);
background: var(--ggs-bg-dark); padding: 3px 10px;
border-radius: var(--ggs-radius-pill);
}
.lp-kompetenz-desc {
font-size: .93rem; line-height: 1.55; color: var(--ggs-text);
margin-bottom: 1rem;
}
/* Modul-Cards innerhalb einer Kompetenz */
.lp-modules-label {
font-size: .72rem; font-weight: 800; text-transform: uppercase;
letter-spacing: .1em; color: var(--ggs-text-muted);
margin: .4rem 0 .5rem;
}
.lp-modules {
display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.2rem;
}
.lp-module-card {
display: inline-flex; align-items: center; gap: .55rem;
padding: .55rem .95rem .55rem .7rem;
background: var(--ggs-white); border: 1.5px solid var(--ggs-border);
border-radius: var(--ggs-radius-md);
text-decoration: none; color: var(--ggs-text);
transition: all .2s var(--ggs-ease);
min-height: 44px;
}
.lp-module-card:hover, .lp-module-card:active {
border-color: var(--ggs-fjord); background: var(--ggs-fjord-light);
transform: translateY(-1px);
}
.lp-module-icon { font-size: 1.3rem; line-height: 1; }
.lp-module-name { font-size: .92rem; font-weight: 700; color: var(--ggs-fjord-dark); }
.lp-module-strength {
font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
padding: 1px 6px; border-radius: var(--ggs-radius-sm);
background: var(--ggs-moss-light); color: var(--ggs-moss-dark);
}
.lp-module-strength.sekundaer { background: var(--ggs-bg-dark); color: var(--ggs-text-muted); }
.lp-module-status {
font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
padding: 1px 5px; border-radius: var(--ggs-radius-sm);
}
.lp-module-status.aktiv { background: var(--ggs-moss); color: var(--ggs-white); }
.lp-module-status.beta { background: var(--ggs-sand-dark); color: var(--ggs-white); }
.lp-module-status.geplant { background: var(--ggs-fjord); color: var(--ggs-white); opacity: .7; }
/* Anker — wie modul-detail */
.lp-anchor-group { margin-top: .8rem; }
.lp-anchor-group-head {
display: flex; align-items: baseline; gap: .6rem;
margin: .4rem 0 .5rem; flex-wrap: wrap;
}
.lp-anchor-group-title {
font-size: .72rem; font-weight: 800; text-transform: uppercase;
letter-spacing: .1em; color: var(--ggs-fjord-dark);
}
.lp-anchor-group-sub {
font-size: .72rem; color: var(--ggs-text-muted); font-weight: 500;
}
.lp-anchors { display: grid; gap: .55rem; }
.lp-anchor {
display: grid; grid-template-columns: 28px 1fr; gap: .6rem; align-items: start;
font-size: .9rem; padding: .6rem .8rem;
background: var(--ggs-bg); border-radius: var(--ggs-radius-sm);
border-left: 3px solid var(--ggs-fjord-light);
}
.lp-anchor-flag { font-size: 1.2rem; line-height: 1.3; text-align: center; }
.lp-anchor-meta { font-size: .75rem; color: var(--ggs-text-muted); margin-bottom: .15rem; }
.lp-anchor-title { font-weight: 700; color: var(--ggs-fjord-dark); margin-bottom: .2rem; }
.lp-anchor-quote { font-size: .88rem; color: var(--ggs-text); font-style: italic; line-height: 1.45; }
.lp-anchor-ref { font-size: .72rem; color: var(--ggs-text-muted); margin-top: .3rem; }
.lp-anchor-link {
color: var(--ggs-fjord); text-decoration: none; font-weight: 600;
border-bottom: 1px dotted var(--ggs-fjord); padding: 2px 0;
}
.lp-anchor-link:hover { color: var(--ggs-fjord-dark); border-bottom-style: solid; }
.lp-anchor--fach { border-left-color: var(--ggs-fjord); }
.lp-anchor--uebergreifendes_thema { border-left-color: var(--ggs-moss); background: var(--ggs-moss-light); }
.lp-anchor--anderes_fach { border-left-color: var(--ggs-sand-dark); background: var(--ggs-bg-dark); }
.lp-anchor--uebergreifendes_thema .lp-anchor-flag,
.lp-anchor--anderes_fach .lp-anchor-flag { opacity: .65; }
.lp-anchor.hidden { display: none; }
.lp-kompetenz-empty {
padding: 1rem 0; color: var(--ggs-text-muted); font-style: italic;
font-size: .9rem;
}
.lp-hint {
font-size: .82rem; color: var(--ggs-text-muted); font-style: italic;
margin-top: 1.5rem; max-width: 780px;
}
.lp-toc {
background: var(--ggs-white); border: 1px solid var(--ggs-border);
border-radius: var(--ggs-radius-md);
padding: 1rem 1.2rem;
margin-bottom: 1.2rem;
}
.lp-toc-title {
font-size: .72rem; font-weight: 800; text-transform: uppercase;
letter-spacing: .1em; color: var(--ggs-text-muted);
margin-bottom: .5rem;
}
.lp-toc-list { display: flex; flex-wrap: wrap; gap: .4rem; }
.lp-toc-item {
display: inline-flex; align-items: center; gap: .3rem;
padding: .35rem .75rem; border-radius: var(--ggs-radius-pill);
background: var(--ggs-fjord-light); color: var(--ggs-fjord-dark);
font-size: .82rem; font-weight: 600; text-decoration: none;
transition: background .2s var(--ggs-ease);
min-height: 32px;
}
.lp-toc-item:hover { background: var(--ggs-fjord); color: var(--ggs-white); }
.lp-toc-count { font-size: .7rem; opacity: .7; }
/* Footer */
.lp-footer {
text-align: center; padding: 2rem 1rem 2.5rem;
font-size: .78rem; color: var(--ggs-text-muted);
border-top: 1px solid var(--ggs-border);
background: var(--ggs-white);
margin-top: 2rem;
}
.lp-footer img { height: 36px; opacity: .5; margin-bottom: .5rem; }
.lp-footer a { color: var(--ggs-fjord); text-decoration: none; padding: .3rem .2rem; }
@media (max-width: 900px) {
.lp-filter-row { flex-direction: column; align-items: flex-start; gap: .3rem; }
.lp-filter-label { min-width: 0; }
}
</style>
</head>
<body>
<header class="lp-topbar">
<a href="<?= $bp ?>/index.html" class="lp-topbar-brand" aria-label="GeoGraSim Startseite">
<img src="<?= $bp ?>/assets/img/geograsim_t.svg" alt="GeoGraSim">
</a>
<span class="spacer"></span>
<?php if ($easyActive): ?>
<span class="lp-btn-sm lp-easy-pill">🟢 Leichte Sprache</span>
<?php endif; ?>
<a href="<?= $bp ?>/pages/simulationen.php" class="lp-btn-sm">Simulationen</a>
<a href="<?= $bp ?>/glossar" class="lp-btn-sm">Glossar</a>
<a href="<?= $bp ?>/login.html" class="lp-btn-sm lp-btn-primary">Anmelden</a>
</header>
<!-- HERO -->
<section class="lp-hero">
<h1>Lehrplan-Übersicht</h1>
<p>
Alle GeoGraSim-Simulationen sind auf didaktische Kompetenzbereiche
abgebildet. Für jeden Bereich zeigen wir, wo er in den Lehrplänen
für Österreich, Deutschland, Schweiz und Liechtenstein verankert ist —
fachlich, fächerübergreifend und mit Anknüpfungspunkten in weiteren Fächern.
</p>
<div class="lp-hero-stats">
<div class="lp-hero-stat"><span class="lp-hero-stat-num"><?= count($kompetenzen) ?></span><span class="lp-hero-stat-lbl">Kompetenzbereiche</span></div>
<div class="lp-hero-stat"><span class="lp-hero-stat-num"><?= $totalAnchors ?></span><span class="lp-hero-stat-lbl">Lehrplan-Anker</span></div>
<div class="lp-hero-stat"><span class="lp-hero-stat-num">4</span><span class="lp-hero-stat-lbl">Länder</span></div>
</div>
</section>
<!-- FILTER -->
<div class="lp-filters" id="lp-filters">
<div class="lp-filter-row">
<span class="lp-filter-label">Land</span>
<button type="button" class="lp-chip<?= $qCountry === 'ALL' ? ' active' : '' ?>" data-filter="country" data-value="ALL">
🌐 Alle <span class="lp-chip-badge"><?= $totalAnchors ?></span>
</button>
<?php foreach ($countryMeta as $c => $info): ?>
<button type="button" class="lp-chip<?= $qCountry === $c ? ' active' : '' ?>" data-filter="country" data-value="<?= esc($c) ?>">
<?= $info['flag'] ?> <?= esc($info['label']) ?>
<?php if (!empty($countsByCountry[$c])): ?>
<span class="lp-chip-badge"><?= $countsByCountry[$c] ?></span>
<?php endif; ?>
</button>
<?php endforeach; ?>
</div>
<div class="lp-filter-row">
<span class="lp-filter-label">Thema</span>
<button type="button" class="lp-chip<?= !$qTheme ? ' active' : '' ?>" data-filter="theme" data-value="">
Alle <span class="lp-chip-badge"><?= count($kompetenzen) ?></span>
</button>
<?php foreach ($kompetenzen as $k): ?>
<?php $slug = esc($k['key_slug']); ?>
<button type="button" class="lp-chip<?= $qTheme === $k['key_slug'] ? ' active' : '' ?>"
data-filter="theme" data-value="<?= $slug ?>">
<?= esc($k['title']) ?>
</button>
<?php endforeach; ?>
</div>
<div class="lp-filter-row">
<span class="lp-filter-label">Typ</span>
<button type="button" class="lp-chip active" data-filter="type" data-value="">
Alle <span class="lp-chip-badge"><?= $totalAnchors ?></span>
</button>
<button type="button" class="lp-chip" data-filter="type" data-value="fach">
Fachbezug <span class="lp-chip-badge"><?= $countsByType['fach'] ?? 0 ?></span>
</button>
<button type="button" class="lp-chip" data-filter="type" data-value="uebergreifendes_thema">
Fächerübergreifend <span class="lp-chip-badge"><?= $countsByType['uebergreifendes_thema'] ?? 0 ?></span>
</button>
<button type="button" class="lp-chip" data-filter="type" data-value="anderes_fach">
Andere Fächer <span class="lp-chip-badge"><?= $countsByType['anderes_fach'] ?? 0 ?></span>
</button>
</div>
</div>
<div class="lp-wrap">
<!-- TOC — Sprung zu Kompetenzen -->
<nav class="lp-toc" aria-label="Sprung zu Kompetenz">
<div class="lp-toc-title">Kompetenzbereiche auf dieser Seite</div>
<div class="lp-toc-list">
<?php foreach ($kompetenzen as $k):
$total = count($k['anchors_all']); ?>
<a class="lp-toc-item" href="#k-<?= esc($k['key_slug']) ?>">
<?= esc($k['title']) ?>
<span class="lp-toc-count"><?= $total ?></span>
</a>
<?php endforeach; ?>
</div>
</nav>
<div class="lp-results-info" id="lp-results-info"></div>
<?php foreach ($kompetenzen as $k): ?>
<article class="lp-kompetenz" id="k-<?= esc($k['key_slug']) ?>"
data-theme="<?= esc($k['key_slug']) ?>">
<header class="lp-kompetenz-head">
<div class="lp-kompetenz-title"><?= esc($k['title']) ?></div>
<?php if (!empty($k['category']) && isset($categoryMeta[$k['category']])): ?>
<span class="lp-kompetenz-cat"><?= esc($categoryMeta[$k['category']]['label']) ?></span>
<?php endif; ?>
<?php if (!empty($k['age_min']) && !empty($k['age_max'])): ?>
<span class="lp-kompetenz-age">👧 <?= (int)$k['age_min'] ?>–<?= (int)$k['age_max'] ?> Jahre</span>
<?php endif; ?>
</header>
<?php if (!empty($k['description'])): ?>
<p class="lp-kompetenz-desc"><?= esc($k['description']) ?></p>
<?php endif; ?>
<!-- Module, die dieser Kompetenz zugeordnet sind -->
<?php if (!empty($k['modules'])): ?>
<div class="lp-modules-label">Simulationen zu diesem Bereich</div>
<div class="lp-modules">
<?php foreach ($k['modules'] as $m): ?>
<a class="lp-module-card" href="<?= $bp ?>/<?= esc($m['page_url']) ?>">
<span class="lp-module-icon"><?= esc($m['icon']) ?></span>
<span class="lp-module-name"><?= esc($m['title']) ?></span>
<span class="lp-module-strength <?= esc($m['strength']) ?>">
<?= $m['strength'] === 'primaer' ? 'Primär' : 'Sekundär' ?>
</span>
<span class="lp-module-status <?= esc($m['status']) ?>"><?= esc($m['status']) ?></span>
</a>
<?php endforeach; ?>
</div>
<?php endif; ?>
<!-- Anker-Gruppen -->
<?php
$groups = [
['anchors_fach', 'Fachbezug', 'Direkte Zuordnung im Fach-Lehrplan'],
['anchors_uebergreifend', 'Fächerübergreifende Themen', 'Verbindliche Querschnittsthemen des Lehrplans'],
['anchors_andere_faecher', 'Anknüpfungspunkte in anderen Fächern', 'Wo das Thema zusätzlich auftaucht'],
];
foreach ($groups as [$key, $heading, $sub]):
$list = $k[$key] ?? [];
if (empty($list)) continue;
?>
<div class="lp-anchor-group" data-group-type="<?= esc($key) ?>">
<div class="lp-anchor-group-head">
<span class="lp-anchor-group-title"><?= esc($heading) ?></span>
<span class="lp-anchor-group-sub"><?= esc($sub) ?></span>
</div>
<div class="lp-anchors">
<?php foreach ($list as $a): ?>
<?php $cm = $countryMeta[$a['country']] ?? ['flag' => '🏳️', 'label' => $a['country']]; ?>
<div class="lp-anchor lp-anchor--<?= esc($a['anchor_type']) ?>"
data-country="<?= esc($a['country']) ?>"
data-anchor-type="<?= esc($a['anchor_type']) ?>">
<div class="lp-anchor-flag" title="<?= esc($cm['label']) ?>"><?= $cm['flag'] ?></div>
<div>
<div class="lp-anchor-meta">
<strong><?= esc($a['country']) ?></strong>
<?= $a['region'] ? ' · ' . esc($a['region']) : '' ?>
<?= $a['school_type'] ? ' · ' . esc($a['school_type']) : '' ?>
<?= $a['grade'] ? ' · ' . esc($a['grade']) : '' ?>
<?= $a['subject'] ? ' · ' . esc($a['subject']) : '' ?>
</div>
<div class="lp-anchor-title"><?= esc($a['title']) ?></div>
<?php if (!empty($a['quote'])): ?>
<div class="lp-anchor-quote">„<?= esc($a['quote']) ?>"</div>
<?php endif; ?>
<?php if (!empty($a['reference'])): ?>
<div class="lp-anchor-ref">
Quelle:
<?php if (!empty($a['reference_url'])): ?>
<a href="<?= esc($a['reference_url']) ?>" target="_blank"
rel="noopener noreferrer" class="lp-anchor-link"><?= esc($a['reference']) ?> ↗</a>
<?php else: ?>
<?= esc($a['reference']) ?>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endforeach; ?>
<?php if (empty($k['anchors_all'])): ?>
<div class="lp-kompetenz-empty">Noch keine Lehrplan-Anker hinterlegt.</div>
<?php endif; ?>
</article>
<?php endforeach; ?>
<p class="lp-hint">
Die Anker sind Beispiele — bitte mit dem konkreten Jahresplan abgleichen.
Für Länder ausserhalb des eingestellten Fokus zeigen wir vorerst
Referenz-Anker; fächerübergreifende Themen und andere Fächer bleiben
landes­unabhängig sichtbar.
</p>
</div>
<footer class="lp-footer">
<img src="<?= $bp ?>/assets/img/bildLogo.png" alt="">
<div>
Lehrplan geograsim.at ·
<a href="<?= $bp ?>/pages/simulationen.php">Simulationen</a> ·
<a href="<?= $bp ?>/glossar">Glossar</a> ·
<a href="<?= $bp ?>/ueber.html">Über</a> ·
<a href="<?= $bp ?>/impressum.html">Impressum</a> ·
<a href="<?= $bp ?>/datenschutz.html">Datenschutz</a>
</div>
</footer>
<script>
// Filter-Logik: Land / Thema / Typ
(function () {
const filterBar = document.getElementById('lp-filters');
const resultsInfo = document.getElementById('lp-results-info');
const state = {
country: <?= json_encode($qCountry) ?>,
theme: <?= json_encode($qTheme) ?>,
type: '',
};
// Chips aktiv-Zustand beim Laden setzen (falls URL-Filter vorgewählt)
function activate(row, value) {
filterBar.querySelectorAll(`.lp-chip[data-filter="${row}"]`).forEach(c => {
c.classList.toggle('active', c.dataset.value === value);
});
}
filterBar.addEventListener('click', (e) => {
const btn = e.target.closest('.lp-chip');
if (!btn) return;
const filter = btn.dataset.filter;
const value = btn.dataset.value;
state[filter] = value;
activate(filter, value);
apply();
// URL aktualisieren, ohne Reload (damit Deep-Links funktionieren)
const params = new URLSearchParams();
if (state.country && state.country !== 'ALL') params.set('country', state.country);
if (state.theme) params.set('theme', state.theme);
const q = params.toString();
history.replaceState(null, '', q ? '?' + q : location.pathname);
});
function apply() {
let shownKomp = 0;
let shownAnchors = 0;
document.querySelectorAll('.lp-kompetenz').forEach(k => {
// Thema-Filter
if (state.theme && k.dataset.theme !== state.theme) {
k.style.display = 'none';
return;
}
k.style.display = '';
shownKomp++;
// Anker-Filter: Land + Typ
k.querySelectorAll('.lp-anchor').forEach(a => {
let hide = false;
// Land: nur Anker mit Land vs gewaehltem Land einblenden; uebergr. + andere_fach sind landes-agnostisch, aber haben country=AT o.ae. als Default
if (state.country && state.country !== 'ALL') {
const anchorCountry = a.dataset.country;
const type = a.dataset.anchorType;
// Bei Fach-Ankern strikt auf Land filtern; bei übergreifenden und andere_fach Anker nur AT-Anker zeigen (wo das Lehrplan-System uebergreifend AT ist).
// Alternative: Wenn country != AT gewaehlt, zeigen wir uebergreifende + andere_fach weiter,
// aber nur Fach-Anker werden gefiltert — so bleibt das Lehrplan-Prinzip sichtbar.
if (type === 'fach') {
if (anchorCountry && anchorCountry !== state.country) hide = true;
} else {
// Fuer uebergreifend/andere_fach: zeige nur die, deren country matched (meist AT)
if (anchorCountry && anchorCountry !== state.country) hide = true;
}
}
if (state.type && a.dataset.anchorType !== state.type) hide = true;
a.classList.toggle('hidden', hide);
if (!hide) shownAnchors++;
});
// Wenn in einer Kompetenz keine Anker sichtbar sind, Kompetenz ausblenden
const visibleInKomp = k.querySelectorAll('.lp-anchor:not(.hidden)').length;
if (visibleInKomp === 0 && (state.country !== 'ALL' || state.type)) {
k.style.display = 'none';
shownKomp--;
}
// Auch Anker-Gruppen ausblenden, wenn sie leer sind
k.querySelectorAll('.lp-anchor-group').forEach(g => {
const v = g.querySelectorAll('.lp-anchor:not(.hidden)').length;
g.style.display = v === 0 ? 'none' : '';
});
});
// Ergebnis-Info aktualisieren
const parts = [`${shownAnchors} Anker sichtbar`];
if (shownKomp !== <?= count($kompetenzen) ?>) parts.push(`${shownKomp} Kompetenzbereich(e)`);
resultsInfo.textContent = parts.join(' · ');
}
// Initial
apply();
})();
</script>
</body>
</html>
App/pages/modul-fluss.php
+7
View File
@@ -0,0 +1,7 @@
<?php
/**
* Modul-Detailseite: Flussmanagement
* URL: http://localhost/geograsim/App/modul-fluss
*/
$MODULE_ID = 'fluss';
require __DIR__ . '/_partials/modul_detail.php';
App/pages/modul-heli.php
+7
View File
@@ -0,0 +1,7 @@
<?php
/**
* Modul-Detailseite: Heli-Navigation
* URL: http://localhost/geograsim/App/modul-heli
*/
$MODULE_ID = 'heli';
require __DIR__ . '/_partials/modul_detail.php';
App/pages/modul-klima.php
+10
View File
@@ -0,0 +1,10 @@
<?php
/**
* Modul-Detailseite: Klimawächter
* URL: http://localhost/geograsim/App/modul-klima
*
* Die gesamte Logik + Layout liegt im gemeinsamen Partial. Dadurch bleiben
* die vier modul-*.php-Seiten synchron.
*/
$MODULE_ID = 'klima';
require __DIR__ . '/_partials/modul_detail.php';
App/pages/modul-stadt.php
+7
View File
@@ -0,0 +1,7 @@
<?php
/**
* Modul-Detailseite: Stadt & Raumplanung
* URL: http://localhost/geograsim/App/modul-stadt
*/
$MODULE_ID = 'stadt';
require __DIR__ . '/_partials/modul_detail.php';
App/pages/simulationen.php
+458
View File
@@ -0,0 +1,458 @@
<?php
/**
* Simulationen — Einstiegs-Grid
* -----------------------------
* Übersicht aller Module aus `module_info`. Zwei CTAs pro Card:
* "Mehr erfahren" → modul-*.php Detailseite · "Sofort probieren" → play_url.
*
* URL: http://localhost/geograsim/App/simulationen
* ?status=aktiv vorgewählter Status-Filter
* ?theme=klima vorgewähltes Kompetenz-Thema
*/
require_once __DIR__ . '/../php/config/app.php';
require_once __DIR__ . '/../php/config/db.php';
require_once __DIR__ . '/../php/lib/EasyLang.php';
$db = getDB();
// Filter aus URL
$qStatus = preg_replace('/[^a-z]/', '', strtolower($_GET['status'] ?? ''));
$qTheme = preg_replace('/[^a-z0-9_-]/', '', strtolower($_GET['theme'] ?? ''));
// Alle Module laden
$modules = $db->query('
SELECT module_id, title, subtitle, short_desc, short_desc_easy,
duration_min, age_min, age_max, icon, card_image,
page_url, play_url, status, sort_order
FROM module_info
ORDER BY FIELD(status, "aktiv", "beta", "geplant", "archiv"), sort_order, title
')->fetchAll();
// Kompetenz-Zuordnung je Modul (fuer Theme-Chip + Thema-Filter)
$kompMap = [];
$kompQ = $db->query('
SELECT km.module_id, k.key_slug, k.title, k.category, km.strength
FROM kompetenz_modules km
INNER JOIN kompetenzen k ON k.id = km.kompetenz_id
ORDER BY km.strength, k.sort_order
');
foreach ($kompQ as $r) {
$kompMap[$r['module_id']][] = $r;
}
// Alle moeglichen Themen / Kompetenzen einsammeln (Filter-Chips)
$themes = $db->query('SELECT key_slug, title, category FROM kompetenzen ORDER BY sort_order')->fetchAll();
// Zaehlungen pro Status
$counts = ['aktiv' => 0, 'beta' => 0, 'geplant' => 0, 'archiv' => 0];
foreach ($modules as $m) {
$counts[$m['status']] = ($counts[$m['status']] ?? 0) + 1;
}
$bp = BASE_PATH;
$easyActive = EasyLang::isActive();
function esc(?string $s): string { return htmlspecialchars((string)$s, ENT_QUOTES, 'UTF-8'); }
$statusMeta = [
'aktiv' => ['label' => 'Aktiv', 'tone' => 'moss', 'icon' => '✓'],
'beta' => ['label' => 'Beta', 'tone' => 'sand', 'icon' => '⚠'],
'geplant' => ['label' => 'In Entw.', 'tone' => 'fjord', 'icon' => '🔒'],
'archiv' => ['label' => 'Archiv', 'tone' => 'muted', 'icon' => '□'],
];
?><!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simulationen — Lehrplan geograsim.at</title>
<meta name="description" content="Alle GeoGraSim-Simulationen auf einen Blick — Klimawächter, Flussmanagement, Heli-Navigation, Stadt &amp; Raumplanung und weitere in Entwicklung.">
<link rel="icon" type="image/svg+xml" href="<?= $bp ?>/favicon.svg">
<link rel="icon" type="image/png" href="<?= $bp ?>/favicon-96x96.png" sizes="96x96">
<link rel="stylesheet" href="<?= $bp ?>/assets/fonts/inter.css">
<link rel="stylesheet" href="<?= $bp ?>/assets/css/design-system.css">
<style>
body { overflow: auto; height: auto; min-height: 100vh; background: var(--ggs-bg); }
/* Topbar identisch zu lehrplan.php */
.sp-topbar {
background: var(--ggs-white); padding: .55rem 1.2rem;
display: flex; align-items: center; gap: .8rem;
border-bottom: 1px solid var(--ggs-border);
position: sticky; top: 0; z-index: 50;
}
.sp-topbar a { text-decoration: none; }
.sp-topbar-brand img { height: 40px; display: block; }
.sp-topbar .spacer { flex: 1; }
.sp-btn-sm {
padding: .5rem .85rem; border: 1px solid var(--ggs-border);
border-radius: var(--ggs-radius-sm); background: var(--ggs-white);
font-size: .78rem; font-weight: 600; cursor: pointer;
color: var(--ggs-text); font-family: inherit; text-decoration: none;
display: inline-flex; align-items: center; min-height: 40px;
}
.sp-btn-sm:hover { background: var(--ggs-fjord-light); color: var(--ggs-fjord-dark); border-color: var(--ggs-fjord); }
.sp-btn-sm.sp-btn-primary { background: var(--ggs-fjord); color: var(--ggs-white); border-color: var(--ggs-fjord); }
.sp-easy-pill { background: var(--ggs-moss-light); color: var(--ggs-moss-dark); border-color: var(--ggs-moss); font-weight: 700; }
/* Hero */
.sp-hero {
background: linear-gradient(135deg, var(--ggs-fjord-dark) 0%, var(--ggs-fjord) 100%);
color: var(--ggs-white); padding: 2.5rem 1.5rem 3rem; text-align: center;
}
.sp-hero h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; letter-spacing: -.03em; margin-bottom: .5rem; }
.sp-hero p { font-size: 1.02rem; color: rgba(255,255,255,.88); max-width: 640px; margin: 0 auto 1.4rem; }
.sp-hero-stats { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-top: 1.2rem; }
.sp-hero-stat { text-align: center; }
.sp-hero-stat-num { font-size: 1.8rem; font-weight: 900; display: block; }
.sp-hero-stat-lbl { font-size: .72rem; opacity: .8; text-transform: uppercase; letter-spacing: .08em; }
/* Filter-Bar */
.sp-filters {
max-width: 1200px; margin: -1.4rem auto 1.5rem;
padding: 1rem 1.2rem; background: var(--ggs-white);
border-radius: var(--ggs-radius-lg); box-shadow: var(--ggs-shadow-lg);
border: 1px solid var(--ggs-border);
position: relative; z-index: 5;
display: flex; flex-direction: column; gap: .9rem;
}
.sp-filter-row { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.sp-filter-label {
font-size: .72rem; font-weight: 800; text-transform: uppercase;
letter-spacing: .08em; color: var(--ggs-text-muted); min-width: 60px;
}
.sp-chip {
display: inline-flex; align-items: center; gap: .3rem;
padding: .55rem 1rem; border-radius: var(--ggs-radius-pill);
background: var(--ggs-white); border: 1.5px solid var(--ggs-border);
font-size: .88rem; font-weight: 600; color: var(--ggs-text-muted);
cursor: pointer; transition: all .2s var(--ggs-ease); font-family: inherit;
min-height: 40px; min-width: 40px;
}
.sp-chip:hover { border-color: var(--ggs-fjord); color: var(--ggs-fjord); }
.sp-chip:active { transform: scale(0.96); }
.sp-chip.active { background: var(--ggs-fjord); color: var(--ggs-white); border-color: var(--ggs-fjord); }
.sp-chip-badge {
font-size: .7rem; padding: 1px 6px; border-radius: var(--ggs-radius-pill);
background: var(--ggs-bg-dark); color: var(--ggs-text-muted); font-weight: 700;
}
.sp-chip.active .sp-chip-badge { background: rgba(255,255,255,.22); color: var(--ggs-white); }
/* Grid */
.sp-wrap { max-width: 1200px; margin: 0 auto 3rem; padding: 0 1.2rem; }
.sp-results-info {
font-size: .82rem; color: var(--ggs-text-muted);
margin-bottom: 1rem;
}
.sp-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 1.4rem;
}
/* Modul-Card */
.sp-card {
background: var(--ggs-white); border: 1px solid var(--ggs-border);
border-radius: var(--ggs-radius-lg); overflow: hidden;
display: flex; flex-direction: column;
transition: transform .25s var(--ggs-ease), box-shadow .25s var(--ggs-ease),
border-color .25s var(--ggs-ease);
box-shadow: var(--ggs-shadow-sm);
}
.sp-card:hover { transform: translateY(-3px); box-shadow: var(--ggs-shadow-md);
border-color: var(--ggs-fjord-light); }
.sp-card.sp-card-geplant { opacity: .88; }
.sp-card-media {
aspect-ratio: 16 / 10; overflow: hidden; position: relative;
background: var(--ggs-fjord-light);
}
.sp-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sp-card-badge {
position: absolute; top: 10px; right: 10px;
font-size: .7rem; font-weight: 700; padding: 4px 10px;
border-radius: var(--ggs-radius-pill); letter-spacing: .04em;
text-transform: uppercase;
}
.sp-card-badge.moss { background: var(--ggs-moss); color: var(--ggs-white); }
.sp-card-badge.sand { background: var(--ggs-sand-dark); color: var(--ggs-white); }
.sp-card-badge.fjord { background: var(--ggs-fjord); color: var(--ggs-white); opacity: .85; }
.sp-card-badge.muted { background: var(--ggs-text-muted); color: var(--ggs-white); }
.sp-card-body {
padding: 1rem 1.2rem 1.2rem; display: flex; flex-direction: column; gap: .6rem;
flex: 1;
}
.sp-card-title {
font-size: 1.2rem; font-weight: 800; color: var(--ggs-fjord-dark);
letter-spacing: -.02em; display: flex; align-items: center; gap: .4rem;
line-height: 1.2;
}
.sp-card-icon { font-size: 1.4rem; line-height: 1; }
.sp-card-subtitle {
font-size: .88rem; color: var(--ggs-text); line-height: 1.5;
flex: 1;
}
.sp-card-meta {
display: flex; flex-wrap: wrap; gap: .4rem;
margin-top: .3rem;
}
.sp-card-meta-item {
font-size: .72rem; color: var(--ggs-text-muted);
background: var(--ggs-bg); padding: 3px 9px;
border-radius: var(--ggs-radius-pill);
display: inline-flex; align-items: center; gap: .25rem;
}
.sp-card-themes {
display: flex; flex-wrap: wrap; gap: .3rem;
margin-top: .2rem;
}
.sp-card-theme {
font-size: .7rem; color: var(--ggs-fjord-dark);
background: var(--ggs-fjord-light); padding: 2px 8px;
border-radius: var(--ggs-radius-pill); font-weight: 600;
}
.sp-card-cta {
display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .4rem;
}
.sp-btn {
display: inline-flex; align-items: center; justify-content: center;
gap: .35rem; padding: .7rem 1rem;
border-radius: var(--ggs-radius-sm);
font-weight: 700; font-size: .88rem;
text-decoration: none; border: 1.5px solid transparent;
transition: all .2s var(--ggs-ease); min-height: 44px;
flex: 1; text-align: center;
}
.sp-btn-primary { background: var(--ggs-fjord); color: var(--ggs-white); }
.sp-btn-primary:hover { background: var(--ggs-fjord-dark); }
.sp-btn-primary:active { transform: scale(0.98); }
.sp-btn-secondary {
background: var(--ggs-white); color: var(--ggs-fjord);
border-color: var(--ggs-fjord);
}
.sp-btn-secondary:hover { background: var(--ggs-fjord-light); }
.sp-btn-secondary:active { transform: scale(0.98); }
.sp-btn-disabled {
background: var(--ggs-bg); color: var(--ggs-text-muted);
border-color: var(--ggs-border); cursor: not-allowed;
}
.sp-empty {
grid-column: 1 / -1;
text-align: center; padding: 3rem 1rem;
color: var(--ggs-text-muted); font-style: italic;
}
/* Footer */
.sp-footer {
text-align: center; padding: 2rem 1rem 2.5rem;
font-size: .78rem; color: var(--ggs-text-muted);
border-top: 1px solid var(--ggs-border);
background: var(--ggs-white); margin-top: 2rem;
}
.sp-footer img { height: 36px; opacity: .5; margin-bottom: .5rem; }
.sp-footer a { color: var(--ggs-fjord); text-decoration: none; padding: .3rem .2rem; }
@media (max-width: 900px) {
.sp-filter-row { flex-direction: column; align-items: flex-start; gap: .3rem; }
.sp-filter-label { min-width: 0; }
.sp-grid { grid-template-columns: 1fr; }
}
</style>
</head>
<body>
<header class="sp-topbar">
<a href="<?= $bp ?>/index.html" class="sp-topbar-brand" aria-label="GeoGraSim Startseite">
<img src="<?= $bp ?>/assets/img/geograsim_t.svg" alt="GeoGraSim">
</a>
<span class="spacer"></span>
<?php if ($easyActive): ?>
<span class="sp-btn-sm sp-easy-pill">🟢 Leichte Sprache</span>
<?php endif; ?>
<a href="<?= $bp ?>/pages/lehrplan.php" class="sp-btn-sm">Lehrplan</a>
<a href="<?= $bp ?>/glossar" class="sp-btn-sm">Glossar</a>
<a href="<?= $bp ?>/login.html" class="sp-btn-sm sp-btn-primary">Anmelden</a>
</header>
<section class="sp-hero">
<h1>Alle Simulationen</h1>
<p>
Zu jedem Modul gibt es eine Detailseite mit Lernzielen, Glossar-Begriffen
und Lehrplan-Bezug für Österreich, Deutschland, Schweiz und Liechtenstein.
Die aktiven Module lassen sich sofort ausprobieren.
</p>
<div class="sp-hero-stats">
<div class="sp-hero-stat"><span class="sp-hero-stat-num"><?= count($modules) ?></span><span class="sp-hero-stat-lbl">Module</span></div>
<div class="sp-hero-stat"><span class="sp-hero-stat-num"><?= $counts['aktiv'] ?></span><span class="sp-hero-stat-lbl">Aktiv</span></div>
<div class="sp-hero-stat"><span class="sp-hero-stat-num"><?= $counts['geplant'] ?></span><span class="sp-hero-stat-lbl">In Entwicklung</span></div>
</div>
</section>
<div class="sp-filters" id="sp-filters">
<div class="sp-filter-row">
<span class="sp-filter-label">Status</span>
<button type="button" class="sp-chip<?= !$qStatus ? ' active' : '' ?>" data-filter="status" data-value="">
Alle <span class="sp-chip-badge"><?= count($modules) ?></span>
</button>
<?php foreach (['aktiv','beta','geplant'] as $s):
if (!($counts[$s] ?? 0)) continue; ?>
<button type="button" class="sp-chip<?= $qStatus === $s ? ' active' : '' ?>"
data-filter="status" data-value="<?= esc($s) ?>">
<?= esc($statusMeta[$s]['label']) ?>
<span class="sp-chip-badge"><?= (int)$counts[$s] ?></span>
</button>
<?php endforeach; ?>
</div>
<div class="sp-filter-row">
<span class="sp-filter-label">Thema</span>
<button type="button" class="sp-chip<?= !$qTheme ? ' active' : '' ?>" data-filter="theme" data-value="">
Alle
</button>
<?php foreach ($themes as $t): ?>
<button type="button" class="sp-chip<?= $qTheme === $t['key_slug'] ? ' active' : '' ?>"
data-filter="theme" data-value="<?= esc($t['key_slug']) ?>">
<?= esc($t['title']) ?>
</button>
<?php endforeach; ?>
</div>
</div>
<div class="sp-wrap">
<div class="sp-results-info" id="sp-results-info"></div>
<div class="sp-grid" id="sp-grid">
<?php foreach ($modules as $m):
$shortText = EasyLang::pick($m['short_desc'] ?? null, $m['short_desc_easy'] ?? null);
$displayText = $shortText ?: ($m['subtitle'] ?? '');
$status = $m['status'];
$statusInfo = $statusMeta[$status] ?? $statusMeta['beta'];
$themesForModule = $kompMap[$m['module_id']] ?? [];
$themeSlugs = array_map(fn($r) => $r['key_slug'], $themesForModule);
$themeAttr = implode(',', $themeSlugs);
$canPlay = in_array($status, ['aktiv','beta'], true);
?>
<article class="sp-card sp-card-<?= esc($status) ?>"
data-status="<?= esc($status) ?>"
data-themes="<?= esc($themeAttr) ?>">
<div class="sp-card-media">
<?php if (!empty($m['card_image'])): ?>
<img src="<?= $bp ?>/assets/img/<?= esc($m['card_image']) ?>" alt="<?= esc($m['title']) ?>">
<?php endif; ?>
<span class="sp-card-badge <?= esc($statusInfo['tone']) ?>">
<?= esc($statusInfo['icon']) ?> <?= esc($statusInfo['label']) ?>
</span>
</div>
<div class="sp-card-body">
<h2 class="sp-card-title">
<span class="sp-card-icon"><?= esc($m['icon']) ?></span>
<?= esc($m['title']) ?>
</h2>
<p class="sp-card-subtitle"><?= esc($displayText) ?></p>
<div class="sp-card-meta">
<?php if (!empty($m['duration_min'])): ?>
<span class="sp-card-meta-item">⏱ ca. <?= (int)$m['duration_min'] ?> Min</span>
<?php endif; ?>
<?php if (!empty($m['age_min']) && !empty($m['age_max'])): ?>
<span class="sp-card-meta-item">👧 <?= (int)$m['age_min'] ?>–<?= (int)$m['age_max'] ?> J</span>
<?php endif; ?>
</div>
<?php if (!empty($themesForModule)): ?>
<div class="sp-card-themes">
<?php foreach ($themesForModule as $t): ?>
<span class="sp-card-theme" title="Kompetenzbereich"><?= esc($t['title']) ?></span>
<?php endforeach; ?>
</div>
<?php endif; ?>
<div class="sp-card-cta">
<?php if (!empty($m['page_url'])): ?>
<a class="sp-btn sp-btn-secondary" href="<?= $bp ?>/<?= esc($m['page_url']) ?>">
📖 Mehr erfahren
</a>
<?php endif; ?>
<?php if ($canPlay && !empty($m['play_url'])): ?>
<a class="sp-btn sp-btn-primary" href="<?= $bp ?>/<?= esc($m['play_url']) ?>">
▶ Sofort probieren
</a>
<?php else: ?>
<span class="sp-btn sp-btn-disabled" aria-disabled="true">
🔒 In Entwicklung
</span>
<?php endif; ?>
</div>
</div>
</article>
<?php endforeach; ?>
</div>
</div>
<footer class="sp-footer">
<img src="<?= $bp ?>/assets/img/bildLogo.png" alt="">
<div>
Lehrplan geograsim.at ·
<a href="<?= $bp ?>/pages/lehrplan.php">Lehrplan</a> ·
<a href="<?= $bp ?>/glossar">Glossar</a> ·
<a href="<?= $bp ?>/ueber.html">Über</a> ·
<a href="<?= $bp ?>/impressum.html">Impressum</a> ·
<a href="<?= $bp ?>/datenschutz.html">Datenschutz</a>
</div>
</footer>
<script>
(function () {
const bar = document.getElementById('sp-filters');
const info = document.getElementById('sp-results-info');
const cards = document.querySelectorAll('.sp-card');
const total = cards.length;
const state = {
status: <?= json_encode($qStatus) ?>,
theme: <?= json_encode($qTheme) ?>,
};
bar.addEventListener('click', (e) => {
const btn = e.target.closest('.sp-chip');
if (!btn) return;
const f = btn.dataset.filter;
const v = btn.dataset.value;
state[f] = v;
bar.querySelectorAll(`.sp-chip[data-filter="${f}"]`).forEach(c => {
c.classList.toggle('active', c.dataset.value === v);
});
apply();
const params = new URLSearchParams();
if (state.status) params.set('status', state.status);
if (state.theme) params.set('theme', state.theme);
const q = params.toString();
history.replaceState(null, '', q ? '?' + q : location.pathname);
});
function apply() {
let shown = 0;
cards.forEach(c => {
let hide = false;
if (state.status && c.dataset.status !== state.status) hide = true;
if (state.theme) {
const ts = (c.dataset.themes || '').split(',').filter(Boolean);
if (!ts.includes(state.theme)) hide = true;
}
c.style.display = hide ? 'none' : '';
if (!hide) shown++;
});
if (shown === total && !state.status && !state.theme) {
info.textContent = '';
} else {
info.textContent = `${shown} von ${total} Modulen sichtbar`;
}
}
apply();
})();
</script>
</body>
</html>
App/php/lib/EasyLang.php
+71
View File
@@ -0,0 +1,71 @@
<?php
/**
* EasyLang — Hilfsklasse für Leichte Sprache
* ------------------------------------------
* Liest pro eingeloggtem Schüler, ob der Flag "Leichte Sprache" (students.easy_language)
* aktiv ist, und liefert im Zweifel die Easy-Variante eines Textes; sonst die Normalform.
*
* Verwendung in Modul-Detailseiten:
*
* require_once __DIR__ . '/../php/lib/EasyLang.php';
* $shortDesc = EasyLang::pick($m['short_desc'], $m['short_desc_easy']);
*
* `isActive()` cached das Resultat pro Request. Kein DB-Call pro `pick()`.
*/
require_once __DIR__ . '/../config/db.php';
class EasyLang
{
private static ?bool $active = null;
/**
* True, wenn der aktuelle Besucher die Easy-Sprache aktiviert hat.
* - Eingeloggter Schüler: `students.easy_language`
* - Gast / Lehrperson: false (Lehrpersonen sehen die Normalform)
*/
public static function isActive(): bool
{
if (self::$active !== null) return self::$active;
// Session ggf. starten
if (session_status() === PHP_SESSION_NONE) {
@session_start();
}
$studentId = $_SESSION['student_id'] ?? null;
if (!$studentId) return self::$active = false;
try {
$db = getDB();
$stmt = $db->prepare('SELECT easy_language FROM students WHERE id = ? AND deleted_at IS NULL');
$stmt->execute([$studentId]);
$flag = $stmt->fetchColumn();
self::$active = ($flag === 1 || $flag === '1' || $flag === true);
} catch (Throwable $e) {
self::$active = false; // DB-Fehler → Normalform
}
return self::$active;
}
/**
* Liefert `$easy`, wenn Easy-Modus aktiv und `$easy` nicht leer — sonst `$normal`.
* Für Strings, JSON-Arrays und beliebige Textfelder.
*/
public static function pick(?string $normal, ?string $easy): ?string
{
if (self::isActive() && $easy !== null && $easy !== '') {
return $easy;
}
return $normal;
}
/**
* Für Tests / UI-Zwecke: erlaubt das manuelle Setzen (z.B. Vorschau-Modus
* für Lehrpersonen). Kein Persistieren — nur für den aktuellen Request.
*/
public static function override(?bool $active): void
{
self::$active = $active;
}
}
App/php/seed_content_architecture.php
+881
View File
@@ -0,0 +1,881 @@
<?php
/**
* Content-Architektur: Schema + Initialdaten
* ------------------------------------------
* Legt die Tabellen an, die die oeffentlichen Modul-Detailseiten und die
* Lehrplan-Uebersicht befuellen:
*
* - module_info (Metadaten pro Simulation)
* - kompetenzen (didaktische Kompetenzbereiche)
* - kompetenz_modules (N:M Kompetenz <-> Modul [+ optional Level])
* - lehrplan_anchors (Lehrplan-Anker AT/DE/CH/LI je Kompetenz)
*
* Idempotent: CREATE TABLE IF NOT EXISTS + INSERT ... ON DUPLICATE KEY UPDATE.
* Umlautsicher: PHP/PDO + utf8mb4 (NICHT via mysql.exe aufrufen!).
*
* Aufruf: c:\xampp\php\php.exe App/php/seed_content_architecture.php
*/
require_once __DIR__ . '/config/app.php';
require_once __DIR__ . '/config/db.php';
$db = getDB();
echo "=== Content-Architektur Seed ===\n";
// ------------------------------------------------------------------
// 1. Tabellen
// ------------------------------------------------------------------
$db->exec("
CREATE TABLE IF NOT EXISTS module_info (
module_id VARCHAR(16) NOT NULL PRIMARY KEY,
title VARCHAR(128) NOT NULL,
subtitle VARCHAR(255) NULL,
short_desc TEXT NULL,
long_desc MEDIUMTEXT NULL,
learning_goals MEDIUMTEXT NULL, -- JSON-Array mit Lernziel-Strings
short_desc_easy TEXT NULL, -- Leichte-Sprache-Variante (Fallback: short_desc)
long_desc_easy MEDIUMTEXT NULL, -- Leichte-Sprache-Variante
learning_goals_easy MEDIUMTEXT NULL, -- JSON-Array Leichte-Sprache
duration_min INT UNSIGNED NULL,
age_min TINYINT UNSIGNED NULL,
age_max TINYINT UNSIGNED NULL,
icon VARCHAR(16) NULL,
card_image VARCHAR(255) NULL,
page_url VARCHAR(128) NULL, -- Link zur Detailseite (z.B. 'modul-klima')
play_url VARCHAR(128) NULL, -- Link zum Spielen (z.B. 'klima-2d')
status ENUM('aktiv','beta','geplant','archiv') NOT NULL DEFAULT 'beta',
sort_order INT DEFAULT 0,
created_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP,
updated_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
");
// Easy-Spalten nachtraeglich hinzufuegen (idempotent)
foreach (['short_desc_easy TEXT', 'long_desc_easy MEDIUMTEXT', 'learning_goals_easy MEDIUMTEXT'] as $colDef) {
[$col] = explode(' ', $colDef, 2);
$exists = $db->query("SHOW COLUMNS FROM module_info LIKE '$col'")->fetch();
if (!$exists) {
$db->exec("ALTER TABLE module_info ADD COLUMN $colDef NULL AFTER learning_goals");
echo " module_info: Spalte $col nachtraeglich ergaenzt\n";
}
}
echo " module_info ... OK\n";
$db->exec("
CREATE TABLE IF NOT EXISTS kompetenzen (
id INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
key_slug VARCHAR(64) NOT NULL UNIQUE,
title VARCHAR(128) NOT NULL,
description MEDIUMTEXT NULL,
category VARCHAR(32) NULL, -- 'klima' | 'raum' | 'gesellschaft' | 'natur'
age_min TINYINT UNSIGNED NULL,
age_max TINYINT UNSIGNED NULL,
sort_order INT DEFAULT 0,
created_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
");
echo " kompetenzen ... OK\n";
// level=0 => gilt fuer alle Level des Moduls; 1/2/3 => nur dieses Level
$db->exec("
CREATE TABLE IF NOT EXISTS kompetenz_modules (
kompetenz_id INT UNSIGNED NOT NULL,
module_id VARCHAR(16) NOT NULL,
level TINYINT UNSIGNED NOT NULL DEFAULT 0,
strength ENUM('primaer','sekundaer') NOT NULL DEFAULT 'primaer',
PRIMARY KEY (kompetenz_id, module_id, level),
KEY (module_id),
CONSTRAINT fk_km_kompetenz FOREIGN KEY (kompetenz_id) REFERENCES kompetenzen(id) ON DELETE CASCADE
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
");
echo " kompetenz_modules ... OK\n";
$db->exec("
CREATE TABLE IF NOT EXISTS lehrplan_anchors (
id INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
kompetenz_id INT UNSIGNED NOT NULL,
country CHAR(2) NOT NULL, -- AT / DE / CH / LI
region VARCHAR(64) NULL, -- Bundesland / Kanton
school_type VARCHAR(48) NULL, -- 'MS', 'AHS-U', 'Gym Sek I', 'VS'
grade VARCHAR(32) NULL, -- 'Kl. 8', '7.-8. Schulstufe'
subject VARCHAR(64) NULL, -- 'GW', 'GL', 'NMG', 'RZG'
title VARCHAR(255) NOT NULL,
reference VARCHAR(255) NULL, -- Offizielle Referenz (Textform)
reference_url VARCHAR(512) NULL, -- Direkt-Link zum aktuellen Lehrplan
quote TEXT NULL, -- Zitat
sort_order INT DEFAULT 0,
created_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP,
KEY (kompetenz_id),
KEY (country, school_type),
CONSTRAINT fk_la_kompetenz FOREIGN KEY (kompetenz_id) REFERENCES kompetenzen(id) ON DELETE CASCADE
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
");
// reference_url nachtraeglich hinzufuegen, falls die Tabelle bereits ohne Spalte existiert
$hasRefUrl = $db->query("SHOW COLUMNS FROM lehrplan_anchors LIKE 'reference_url'")->fetch();
if (!$hasRefUrl) {
$db->exec("ALTER TABLE lehrplan_anchors ADD COLUMN reference_url VARCHAR(512) NULL AFTER reference");
echo " lehrplan_anchors: Spalte reference_url nachtraeglich ergaenzt\n";
}
// anchor_type: 'fach' | 'uebergreifendes_thema' | 'anderes_fach'
// 'fach' = Kern-Fachbezug (GW, Erdkunde, Geographie, RZG)
// 'uebergreifendes_thema'= Querschnittsthema laut Lehrplan (z.B. Umweltbildung, Politische Bildung)
// 'anderes_fach' = Anknuepfungspunkt in weiterem Fach (Bio, Chemie, Physik, Mathe, GSP)
$hasAnchorType = $db->query("SHOW COLUMNS FROM lehrplan_anchors LIKE 'anchor_type'")->fetch();
if (!$hasAnchorType) {
$db->exec("ALTER TABLE lehrplan_anchors ADD COLUMN anchor_type VARCHAR(32) NOT NULL DEFAULT 'fach' AFTER country");
$db->exec("ALTER TABLE lehrplan_anchors ADD KEY idx_anchor_type (anchor_type)");
echo " lehrplan_anchors: Spalte anchor_type ergaenzt\n";
}
echo " lehrplan_anchors ... OK\n\n";
// ------------------------------------------------------------------
// 2. module_info — 8 Module
// ------------------------------------------------------------------
// Easy-Texte fuer Leichte Sprache (Merkregel: kurze Saetze, aktiv, einfache Worte)
$EASY = [
'klima' => [
'short' => 'Du spielst die Bürgermeisterin einer Stadt auf einer Insel. Die Stadt wird vom Klimawandel bedroht. Du triffst Entscheidungen. Du baust Solaranlagen und Deiche.',
'long' => "Das Spiel dauert 30 Jahre.\nJedes Jahr triffst du eine Entscheidung.\nDu kannst Windräder oder Solaranlagen bauen.\nSo sinkt der CO₂-Ausstoss.\nDu kannst Deiche bauen.\nSo schützt du die Küste.\nDu musst auch auf das Geld achten.\nDu siehst jedes Jahr, wie es der Stadt geht.",
'goals' => '["Du lernst, was der Klimawandel ist.","Du lernst, wie Wind und Sonne Strom machen.","Du lernst, was ein Deich macht.","Du lernst, wie man zwischen Umwelt und Geld entscheidet."]',
],
'fluss' => [
'short' => 'Du passt auf einen Fluss auf. Der Fluss kann Hochwasser bekommen. Du triffst Entscheidungen. Du baust Dämme oder lässt dem Fluss Platz.',
'long' => "Du bist für einen Fluss zuständig.\nMenschen wohnen am Fluss.\nManchmal gibt es Hochwasser.\nDu kannst Dämme bauen.\nDu kannst dem Fluss auch mehr Platz geben.\nBeides schützt die Menschen.\nAber beides kostet Geld.\nDu siehst: Was passiert bei einem Hochwasser?",
'goals' => '["Du lernst, wie Hochwasser entsteht.","Du lernst, was ein Damm macht.","Du lernst, was eine Retentionsfläche ist.","Du lernst, wie man Menschen am Fluss schützt."]',
],
'heli' => [
'short' => 'Du fliegst einen Rettungshubschrauber. Du musst Menschen in den Bergen retten. Du liest Karten und Koordinaten. Du findest den Einsatzort.',
'long' => "Du bist Pilotin eines Rettungshubschraubers.\nMenschen in den Bergen brauchen Hilfe.\nDer Einsatzort ist als Koordinate angegeben.\nDu liest die Karte.\nDu findest den Ort.\nDu fliegst dorthin.\nEs wird schwerer mit jedem Level.\nDu hörst eine Stimme, die dir hilft.",
'goals' => '["Du lernst, was Koordinaten sind.","Du lernst, Karten zu lesen.","Du lernst etwas über die Berge in Österreich.","Du übst schnelle Entscheidungen."]',
],
'stadt' => [
'short' => 'Du planst eine Stadt. Du legst fest, wo Häuser sind. Du planst Strassen. Die Menschen in der Stadt sagen dir, was ihnen wichtig ist.',
'long' => "Du bist die Stadtplanerin.\nDie Stadt wächst.\nDu legst fest, wo Häuser stehen.\nDu legst fest, wo Parks sind.\nDu planst die Strassen.\nDie Leute ziehen hin, wenn es ihnen gefällt.\nDu siehst: Was passiert, wenn alles dicht bebaut ist?\nWas passiert, wenn alles sehr weit auseinander liegt?",
'goals' => '["Du lernst, wie eine Stadt wächst.","Du lernst, was verdichtet oder zersiedelt heisst.","Du lernst, wie wichtig Verkehr ist.","Du lernst, was ein Park in einer Stadt macht."]',
],
// regenwald/erdbeben/energiemix/lieferketten sind geplant — keine Easy-Texte noetig
];
$modules = [
// aktiv
['klima', 'Klimawächter', 'Klima retten, Küste schützen.',
'Als Klimawächter:in lenkst du eine Insel durch drei Jahrzehnte Klimawandel. Dein Ziel: CO₂ senken, Küste schützen, Wohlstand halten.',
'Du baust Windparks, Solaranlagen und Deiche, reagierst auf Sturmfluten und Hitzewellen und balancierst das Budget gegen den steigenden Meeresspiegel. Zwei Varianten — 2D-Karte (Schuleinsatz) und 3D-Welt (Erkundung) — zeigen dieselbe Logik aus unterschiedlichen Perspektiven.',
'["Ursachen und Folgen des menschengemachten Klimawandels verstehen","Wirkung von Klimaschutzmaßnahmen (Wind, Solar, Deich, Aufforstung) abwägen","Zielkonflikt Ökonomie vs. Ökologie erleben","Einheiten wie CO₂, ppm, Watt, Megawatt handhaben"]',
35, 10, 16, '🌍', 'card-climate.png', 'modul-klima', 'klima-2d', 'aktiv', 10],
['fluss', 'Flussmanagement', 'Hochwasser verstehen, Fluss naturnah führen.',
'Du bist für einen Flussabschnitt verantwortlich — Dämme, Retention, Auen. Jedes Hochwasser zeigt, ob deine Entscheidungen halten.',
'Die Simulation verbindet Hydrologie, Raumplanung und Katastrophenschutz. Du lernst den Zielkonflikt zwischen Siedlungsschutz, Landwirtschaft und naturnahem Flussverlauf kennen — und wie Retentionsflächen und Renaturierung wirken.',
'["Entstehung und Verlauf von Hochwasser nachvollziehen","Unterschied zwischen technischem und ökologischem Hochwasserschutz","Retention, Einzugsgebiet, Renaturierung als Fachbegriffe anwenden","Raumplanung entlang von Gewässern begründen"]',
30, 10, 16, '🏞️', 'card-fluss.png', 'modul-fluss', 'fluss', 'aktiv', 20],
['heli', 'Heli-Navigation', 'Bergrettung auf Koordinaten — Kartenlesen unter Zeitdruck.',
'Du fliegst einen Rettungshelikopter zu 60 Einsatzorten im Alpenraum. Koordinaten, Höhenstufen und Wetterlagen musst du in Bewegung richtig lesen.',
'Die Navigation trainiert Kartenkompetenz in einem echten räumlichen Kontext: Längengrad / Breitengrad, Gradnetz, Höhenlinien, Distanzen, Einsatzplanung. Sechs Phasen mit zunehmender Schwierigkeit und vertonter Dispatcher-Stimme.',
'["Koordinatensysteme (geografische Länge und Breite) anwenden","Höhenstufen und Topografie in den Alpen interpretieren","Entfernungen und Richtungen auf Karten schätzen","Zeit-Weg-Entscheidungen unter Zeitdruck treffen"]',
40, 10, 16, '🚁', 'card-heli.png', 'modul-heli', 'heli', 'aktiv', 30],
['stadt', 'Stadt & Raumplanung', 'Zonen, Verkehr, Bürgerwünsche — deine Stadt wächst.',
'Du planst das Wachstum einer Stadt: Wohnen, Gewerbe, Grün, Verkehr. Bürger:innen ziehen zu — oder weg, je nach Mix.',
'Zentrale Stadtplanungs-Kategorien werden erlebbar: Verdichtung vs. Zersiedelung, Nahversorgung, Verkehrsanbindung, Flächenverbrauch. Der Editor erlaubt freies Gestalten, das Spielmodul zeigt die Folgen.',
'["Flächennutzung und Zonierung als Planungsinstrument kennen","Verdichtung und Zersiedelung vergleichen","Verkehrs- und Versorgungsinfrastruktur planen","Zielkonflikt zwischen Bauland, Grünraum und Verkehr lösen"]',
30, 10, 16, '🏙️', 'card-city.png', 'modul-stadt', 'stadt', 'aktiv', 40],
// geplant / beta
['regenwald', 'Regenwald-Expedition', 'Artenvielfalt und Rodung — zwei Kräfte im Gleichgewicht.',
'Du erkundest einen tropischen Regenwald, dokumentierst Arten und erlebst den Druck der Rodung.',
'Die Simulation wird gerade überarbeitet. Sie wird Biodiversität, Entwaldung und den Zusammenhang zwischen globalem Konsum und tropischen Ökosystemen behandeln.',
'["Artenreichtum als globales Gut begreifen","Ursachen und Folgen der Entwaldung einordnen","Zusammenhang Konsum — Lieferkette — Regenwald erkennen"]',
25, 10, 16, '🌳', 'card-globe.png', 'modul-regenwald', 'regenwald', 'geplant', 50],
['erdbeben', 'Erdbeben', 'Plattentektonik live — Magnitude, Epizentrum, Schaden.',
'Du verfolgst Erdbeben, deutest Seismogramme und erkennst Risikozonen.',
'Die Simulation zeigt Plattengrenzen, Subduktion und Magnitudenskala. Derzeit in Entwicklung.',
'["Entstehung von Erdbeben erklären","Magnitude und Intensität unterscheiden","Risikokarten lesen"]',
25, 10, 16, '🌋', 'card-tectonic.png', 'modul-erdbeben', 'erdbeben', 'geplant', 60],
['energiemix', 'Energiemix', 'Erneuerbar vs. fossil — was hält das Netz stabil?',
'Du stellst den Energiemix eines Landes zusammen. Sonne, Wind, Wasser, Gas, Kohle — wann kommt der Blackout?',
'Derzeit in Entwicklung. Fokus auf Grundlast, Volatilität, Speicher und Importabhängigkeit.',
'["Energiequellen nach Eigenschaften vergleichen","Grundlast, Spitzenlast, Speicher verstehen","Kosten, Emissionen und Versorgungssicherheit abwägen"]',
25, 10, 16, '⚡', 'card-energy.png', 'modul-energiemix', 'energiemix', 'geplant', 70],
['lieferketten', 'Lieferketten', 'Vom Kakaoacker bis in deine Schokolade.',
'Du folgst Rohstoffen und Waren um die Welt und siehst Arbeitsbedingungen, CO₂-Fußabdruck und Fairness.',
'Derzeit in Entwicklung. Globalisierung, Abhängigkeiten, Ethik im Konsum.',
'["Globale Lieferketten nachzeichnen","Zwischen fair, öko und billig unterscheiden","CO₂-Fußabdruck von Produkten einschätzen"]',
20, 10, 16, '🚢', 'card-globe.png', 'modul-lieferketten', 'lieferketten', 'geplant', 80],
];
$stmt = $db->prepare("
INSERT INTO module_info
(module_id, title, subtitle, short_desc, long_desc, learning_goals,
short_desc_easy, long_desc_easy, learning_goals_easy,
duration_min, age_min, age_max, icon, card_image, page_url, play_url,
status, sort_order)
VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)
ON DUPLICATE KEY UPDATE
title=VALUES(title), subtitle=VALUES(subtitle), short_desc=VALUES(short_desc),
long_desc=VALUES(long_desc), learning_goals=VALUES(learning_goals),
short_desc_easy=VALUES(short_desc_easy), long_desc_easy=VALUES(long_desc_easy),
learning_goals_easy=VALUES(learning_goals_easy),
duration_min=VALUES(duration_min), age_min=VALUES(age_min), age_max=VALUES(age_max),
icon=VALUES(icon), card_image=VALUES(card_image), page_url=VALUES(page_url),
play_url=VALUES(play_url), status=VALUES(status), sort_order=VALUES(sort_order)
");
$easyCount = 0;
foreach ($modules as $m) {
// Easy-Varianten aus $EASY einschieben (nach learning_goals)
$id = $m[0];
$easy = $EASY[$id] ?? null;
$row = array_merge(
array_slice($m, 0, 6), // module_id..learning_goals
[$easy['short'] ?? null, $easy['long'] ?? null, $easy['goals'] ?? null],
array_slice($m, 6) // duration_min..sort_order
);
$stmt->execute($row);
if ($easy) $easyCount++;
}
echo " module_info ... " . count($modules) . " Zeilen upserted (" . $easyCount . " mit Easy-Texten)\n";
// ------------------------------------------------------------------
// 3. Kompetenzen — 4 Startbereiche
// ------------------------------------------------------------------
$kompetenzen = [
['klimawandel', 'Klimawandel verstehen und gestalten', 'klima', 10, 16, 10,
'Ursachen und Folgen des menschengemachten Klimawandels erkennen, Maßnahmen zur Minderung und Anpassung vergleichen und eigene Handlungsmöglichkeiten einschätzen. Umfasst Energiewende, Treibhauseffekt, Klimaschutzziele und Küstenanpassung.'],
['naturgefahren-hochwasser', 'Naturgefahren und Hochwasserschutz', 'natur', 10, 16, 20,
'Entstehung und Verlauf von Hochwasser nachvollziehen, technische und ökologische Schutzmaßnahmen abwägen, den Zusammenhang zwischen Bodennutzung und Abflussverhalten erkennen und Raumplanung entlang von Gewässern begründen.'],
['karten-navigation-alpen', 'Kartenkompetenz und alpine Geografie', 'raum', 10, 16, 30,
'Koordinatensysteme, Höhenstufen und Topografie im Alpenraum lesen und anwenden. Distanzen und Richtungen abschätzen, Einsatz- und Routenplanung durchführen, physische Vielfalt der Gebirgsräume einordnen.'],
['stadtplanung-raum', 'Stadtplanung und Raumordnung', 'raum', 10, 16, 40,
'Flächennutzung als Planungsinstrument verstehen, Verdichtung und Zersiedelung vergleichen, Verkehrs- und Versorgungsinfrastruktur planen und Zielkonflikte zwischen Bauland, Grünraum und Verkehr abwägen.'],
];
$stmt = $db->prepare("
INSERT INTO kompetenzen (key_slug, title, category, age_min, age_max, sort_order, description)
VALUES (?,?,?,?,?,?,?)
ON DUPLICATE KEY UPDATE
title=VALUES(title), category=VALUES(category), age_min=VALUES(age_min),
age_max=VALUES(age_max), sort_order=VALUES(sort_order), description=VALUES(description)
");
foreach ($kompetenzen as $k) { $stmt->execute($k); }
echo " kompetenzen ... " . count($kompetenzen) . " Zeilen upserted\n";
// Map slug -> id für die Folgetabellen
$kmap = [];
foreach ($db->query("SELECT id, key_slug FROM kompetenzen") as $r) {
$kmap[$r['key_slug']] = (int)$r['id'];
}
// ------------------------------------------------------------------
// 4. kompetenz_modules — Zuordnung
// ------------------------------------------------------------------
$kompetenzModules = [
// slug, module, level, strength
['klimawandel', 'klima', 0, 'primaer'],
['klimawandel', 'energiemix', 0, 'sekundaer'],
['klimawandel', 'lieferketten', 0, 'sekundaer'],
['naturgefahren-hochwasser', 'fluss', 0, 'primaer'],
['naturgefahren-hochwasser', 'erdbeben', 0, 'sekundaer'],
['karten-navigation-alpen', 'heli', 0, 'primaer'],
['stadtplanung-raum', 'stadt', 0, 'primaer'],
['stadtplanung-raum', 'fluss', 0, 'sekundaer'],
];
$db->exec("DELETE FROM kompetenz_modules"); // komplett neu schreiben (idempotent)
$stmt = $db->prepare("
INSERT INTO kompetenz_modules (kompetenz_id, module_id, level, strength) VALUES (?,?,?,?)
");
foreach ($kompetenzModules as [$slug,$mod,$lvl,$str]) {
if (!isset($kmap[$slug])) { echo " WARN: kompetenz '$slug' fehlt\n"; continue; }
$stmt->execute([$kmap[$slug], $mod, $lvl, $str]);
}
echo " kompetenz_modules ... " . count($kompetenzModules) . " Zuordnungen\n";
// ------------------------------------------------------------------
// 5. lehrplan_anchors — 3–5 pro Kompetenz aus AT / DE / CH / LI
// ------------------------------------------------------------------
// --- Offizielle Lehrplan-URLs (Stand April 2026, verifiziert via Recherche) ---
// Konstanten, damit die Anker-Liste lesbar bleibt.
$URL_AT_MS = 'https://www.ris.bka.gv.at/GeltendeFassung.wxe?Abfrage=Bundesnormen&Gesetzesnummer=20007850';
$URL_AT_AHS = 'https://www.ris.bka.gv.at/GeltendeFassung.wxe?Abfrage=Bundesnormen&Gesetzesnummer=10008568';
$URL_CH_LP21_RZG = 'https://v-fe.lehrplan.ch/index.php?code=b%7C6%7C4';
$URL_LI_LILE_RZG = 'https://fl.lehrplan.ch/index.php?code=b%7C6%7C4';
$URL_LI_LILE_HOME = 'https://www.lile.li/';
$URL_DE_BE_BB = 'https://bildungsserver.berlin-brandenburg.de/unterricht/rahmenlehrplaene';
$URL_DE_BY_GY9 = 'https://www.lehrplanplus.bayern.de/fachlehrplan/gymnasium/9/geographie';
$URL_DE_BY_GY7 = 'https://www.lehrplanplus.bayern.de/fachlehrplan/gymnasium/7/geographie';
$URL_DE_NRW_GY = 'https://lehrplannavigator.nrw.de/sekundarstufe-i/kernlehrplaene-fuer-das-gymnasium-aufsteigend-ab-20192020';
$URL_DE_BW_KLIMA = 'https://www.bildungsplaene-bw.de/bildungsplan,Lde/Startseite/BP2016BW_ALLG/BP2016BW_ALLG_SEK1_GEO_IK_7-8-9_02_03';
$URL_DE_BW_HOCHW = 'https://www.bildungsplaene-bw.de/,Lde/Startseite/BP2016BW_ALLG/BP2016BW_ALLG_SEK1_GEO_IK_5-6_01_02';
$URL_DE_HE_SEK1 = 'https://kultus.hessen.de/unterricht/kerncurricula-und-lehrplaene/kerncurricula/sekundarstufe-i-kerncurricula';
$URL_DE_NI_GYM = 'https://cuvo.nibis.de/cuvo.php?p=download&upload=61';
$URL_DE_SN_GYM = 'https://www.schulportal.sachsen.de/lplandb/lehrplan/74';
$URL_DE_RP_SEK1 = 'https://static.bildung-rp.de/lehrplaene/gesellschaftswissenschaften/Ek_G_Sk_Sek_I__LP_2021_.pdf';
$URL_DE_HH_GYM = 'https://www.hamburg.de/resource/blob/123438/90e4cf7b25114e17d1ac1f5c19c7b4f2/geographie-gym-seki-data.pdf';
$URL_DE_DGFG = 'https://geographie.de/publikationen/';
// Zusaetzliche CH-URLs (Fachbereiche im Lehrplan 21)
$URL_CH_LP21_NT = 'https://v-fe.lehrplan.ch/index.php?code=b%7C7%7C4'; // Natur und Technik
$URL_CH_LP21_MA = 'https://v-fe.lehrplan.ch/index.php?code=b%7C1%7C4'; // Mathematik
$URL_CH_LP21_MI = 'https://v-fe.lehrplan.ch/index.php?code=b%7C10%7C4'; // Medien und Informatik
$URL_CH_LP21_ERG = 'https://v-fe.lehrplan.ch/index.php?code=b%7C8%7C4'; // Ethik, Religionen, Gemeinschaft
$URL_CH_LP21_WAH = 'https://v-fe.lehrplan.ch/index.php?code=b%7C12%7C4'; // Wirtschaft, Arbeit, Haushalt
$URL_CH_LP21_BNE = 'https://v-fe.lehrplan.ch/index.php?code=e%7C200%7C1'; // BNE uebergreifend
$URL_CH_LP21_ROOT = 'https://v-fe.lehrplan.ch/';
// Zusaetzliche LI-URLs
$URL_LI_LILE_NT = 'https://fl.lehrplan.ch/index.php?code=b%7C7%7C4';
$URL_LI_LILE_MA = 'https://fl.lehrplan.ch/index.php?code=b%7C1%7C4';
$anchors = [
// Tuple: slug, anchor_type, country, region, school_type, grade, subject, title, reference, reference_url, quote
// anchor_type: 'fach' | 'uebergreifendes_thema' | 'anderes_fach'
// --- Klimawandel ---------------------------------------------------
// === AT — Fachbezug (GW) ===
['klimawandel', 'fach', 'AT', null, 'MS / AHS-U', '1. Klasse (Sek I)', 'GW',
'Grundlagen des Klimawandels — nachhaltige Ernährung',
'BMBWF GW-Lehrplan Sek I 2023, Kompetenz 1.9 / 1.10',
$URL_AT_MS,
'Grundlegende Phänomene und Prozesse beschreiben, die für das Verständnis des Klimawandels und seiner gesellschaftlichen, wirtschaftlichen und ökologischen Folgen wichtig sind; den Einfluss des Klimawandels auf die Erzeugung von ausreichenden und gesunden Nahrungsmitteln an Fallbeispielen erörtern.'],
['klimawandel', 'fach', 'AT', null, 'MS / AHS-U', '2. Klasse (Sek I)', 'GW',
'Nachhaltiger Umgang mit Energie und Ressourcen',
'BMBWF GW-Lehrplan Sek I 2023, Kompetenz 2.1 / 2.3',
$URL_AT_MS,
'Die Nutzung erneuerbarer und nicht erneuerbarer Energieträger vergleichen und aus den Blickwinkeln von Klimawandel und Nachhaltigkeit reflektieren; den verantwortungsvollen Umgang mit den natürlichen Ressourcen wie Wasser, Luft oder Boden erörtern.'],
['klimawandel', 'fach', 'AT', null, 'MS / AHS-U', '4. Klasse (Sek I)', 'GW',
'Mensch und Natursysteme — Belastungsgrenzen der Erde',
'BMBWF GW-Lehrplan Sek I 2023, Kompetenz 4.2 / 4.3 / 4.10',
$URL_AT_MS,
'Folgen der Überschreitung von Belastungsgrenzen der Erde, des Klimawandels oder des Artensterbens auf das Leben und Wirtschaften erörtern; nachhaltige wirtschaftliche Aktivitäten in der globalisierten Welt vor dem Hintergrund von Klimawandel, Ressourcenknappheit, Flucht und Migration diskutieren.'],
['klimawandel', 'DE', 'Berlin / Brandenburg', 'Sek I', 'Jg. 9–10', 'Geographie',
'Klimawandel als globale Herausforderung',
'Rahmenlehrplan Teil C Geografie (Berlin/Brandenburg)',
$URL_DE_BE_BB,
'Die Schülerinnen und Schüler erklären Ursachen und Folgen des globalen Klimawandels und bewerten Maßnahmen der Klimaanpassung und des Klimaschutzes.'],
['klimawandel', 'DE', 'Bayern', 'Gymnasium', 'Jg. 9', 'Geographie',
'Der Mensch im Ökosystem Erde — anthropogener Klimawandel',
'LehrplanPLUS Bayern, Gymnasium Geographie 9',
$URL_DE_BY_GY9,
'Die Schülerinnen und Schüler beurteilen Ursachen und Folgen des anthropogen verstärkten Treibhauseffekts und erläutern internationale Klimaschutzabkommen.'],
['klimawandel', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'RZG (Räume, Zeiten, Gesellschaften)',
'RZG.3.2 — Natürliche und vom Menschen veränderte Systeme analysieren',
'Lehrplan 21, Fachbereich RZG',
$URL_CH_LP21_RZG,
'Die Schülerinnen und Schüler können Auswirkungen des Klimawandels auf natürliche und menschliche Systeme erklären und mögliche Handlungsoptionen abwägen.'],
['klimawandel', 'LI', null, 'Sek I', '7.–9. Schulstufe', 'RZG',
'Klimawandel — globale und lokale Perspektive',
'Liechtensteiner Lehrplan (LiLe) — RZG',
$URL_LI_LILE_RZG,
'Die Lernenden verstehen den anthropogenen Klimawandel und reflektieren Handlungsoptionen auf persönlicher, nationaler und globaler Ebene.'],
['klimawandel', 'DE', 'Hessen', 'Gymnasium / Realschule', 'Jg. 9–10', 'Erdkunde',
'Globale Klimaveränderungen — Ursachen und Folgen',
'Hessisches Kerncurriculum Sekundarstufe I — Erdkunde',
$URL_DE_HE_SEK1,
'Die Lernenden analysieren Klimaveränderungen, ordnen anthropogene Einflussfaktoren ein und bewerten Maßnahmen zur Minderung und Anpassung auf lokaler und globaler Ebene.'],
['klimawandel', 'DE', 'Niedersachsen', 'Gymnasium (Sek I)', 'Jg. 9–10', 'Erdkunde',
'Klimawandel und nachhaltige Entwicklung',
'Niedersächsisches Kerncurriculum Gymnasium Sek I — Erdkunde',
$URL_DE_NI_GYM,
'Die Schülerinnen und Schüler erörtern Ursachen und Folgen des Klimawandels und beurteilen Handlungsoptionen im Rahmen einer Bildung für nachhaltige Entwicklung (BNE).'],
['klimawandel', 'DE', null, 'Mittlerer Schulabschluss', 'Jg. 10', 'Geographie (national)',
'Bildungsstandards Geographie — Anthropogener Klimawandel',
'DGfG — Bildungsstandards im Fach Geographie für den Mittleren Schulabschluss (10. Aufl. 2020)',
$URL_DE_DGFG,
'Die Bildungsstandards fordern die Analyse des Mensch-Umwelt-Systems und der anthropogenen Einflüsse auf das Klima als Querschnittskompetenz.'],
// === AT — Übergreifende Themen (fächerübergreifend verpflichtend im LP 2023) ===
['klimawandel', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Umweltbildung für nachhaltige Entwicklung',
'Übergreifendes Thema Nr. 11 — Umweltbildung für nachhaltige Entwicklung',
'BMBWF Lehrplan Sek I 2023, Allgemeiner Teil, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Umweltbildung für nachhaltige Entwicklung ist in allen Unterrichtsgegenständen der Sek I verbindlich verankert. Im GW-Lehrplan ist Klimawandel über die Kompetenzen 1.5, 1.10, 2.1, 2.3, 4.2 und 4.3 direkt an dieses Querschnittsthema gebunden.'],
['klimawandel', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Politische Bildung',
'Übergreifendes Thema Nr. 7 — Politische Bildung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Politische Bildung umfasst u.a. Klimaschutzpolitik, internationale Abkommen und demokratische Entscheidungsprozesse. Im GW-Lehrplan u.a. in den Kompetenzen 3.9 (ökosoziale Marktwirtschaft) und 4.6 (gemeinsame Problemlösungen in der EU) sichtbar.'],
['klimawandel', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Wirtschafts-, Finanz- und Verbraucher:innenbildung',
'Übergreifendes Thema Nr. 13 — Wirtschaftsbildung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Der Zusammenhang zwischen nachhaltigem Konsum, ökosozialer Marktwirtschaft und Klimawandel ist Querschnittsauftrag — im GW über die Kompetenzen zu Energieträgern (2.1), Preisbildung (3.8) und globaler Wirtschaft (4.10) verankert.'],
// === AT — Anknüpfungspunkte in anderen Fächern ===
['klimawandel', 'anderes_fach', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Biologie und Umweltbildung',
'Biologie und Umweltbildung — Ökosysteme, Arten­sterben, Anthropozän',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Biologie und Umweltbildung',
$URL_AT_MS,
'Klima­wandel wird im Fach Biologie und Umweltbildung über Ökosysteme, Lebensräume, Artenvielfalt und den Schutz von Boden, Wasser, Luft und Wald sichtbar. Der Namenszusatz „Umweltbildung" macht den Bezug seit 2023 explizit.'],
['klimawandel', 'anderes_fach', 'AT', null, 'MS / AHS-U', '3.–4. Klasse', 'Chemie',
'Chemie — Treibhausgase, Verbrennung fossiler Brennstoffe',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Chemie',
$URL_AT_MS,
'Die chemischen Grundlagen von CO₂, Methan und Verbrennungsprozessen werden im Chemieunterricht der 4. Klasse behandelt. Sie liefern die stoffliche Basis für das Verständnis des Treibhauseffekts.'],
['klimawandel', 'anderes_fach', 'AT', null, 'MS / AHS-U', '2.–4. Klasse', 'Physik',
'Physik — Wärmestrahlung, Energieformen, Treibhauseffekt',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Physik',
$URL_AT_MS,
'Der Treibhauseffekt ist physikalisch über Strahlung, Wärmetransport und Energiebilanzen erklärbar. Das Fach Physik liefert Einheiten wie Watt, Kilowatt und Kilowattstunde, die für das Verständnis von erneuerbaren Energien zentral sind.'],
['klimawandel', 'anderes_fach', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Mathematik',
'Mathematik — Größen, Daten, Prozent (fächerübergreifendes Rechnen)',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Mathematik',
$URL_AT_MS,
'Klimadaten werden gemessen, verglichen und berechnet: ppm, °C, MW, kWh, t CO₂, Prozentanteile im Energiemix. Der Mathematik-Lehrplan liefert mit „Größen" und „Daten" die Werkzeuge, um diese Zahlen einzuordnen.'],
['klimawandel', 'anderes_fach', 'AT', null, 'MS / AHS-U', '2.–4. Klasse', 'Geschichte und politische Bildung',
'Geschichte und politische Bildung — Industrialisierung und Klimapolitik',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Geschichte und politische Bildung',
$URL_AT_MS,
'Der menschengemachte Klimawandel lässt sich historisch als Folge der Industrialisierung einordnen. Klimaschutz­politik (Pariser Abkommen, EU-Green-Deal) ist Gegenstand der politischen Bildung ab der 3. Klasse.'],
// === CH — Übergreifend + andere Fächer ===
['klimawandel', 'uebergreifendes_thema', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'BNE — Natürliche Umwelt und Ressourcen',
'Lehrplan 21 — BNE-Rahmen',
'Lehrplan 21, BNE (Bildung für Nachhaltige Entwicklung)',
$URL_CH_LP21_BNE,
'Klimawandel ist im Lehrplan 21 explizit als BNE-Thema verankert und verbindet RZG, NT, WAH und ERG fächerübergreifend.'],
['klimawandel', 'anderes_fach', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'Natur und Technik (NT)',
'Natur und Technik — Treibhauseffekt, Energie, Stoffkreisläufe',
'Lehrplan 21, Fachbereich Natur und Technik',
$URL_CH_LP21_NT,
'Der Fachbereich NT liefert die naturwissenschaftliche Erklärung des Treibhauseffekts, der Energieformen und der Kohlenstoff­kreisläufe.'],
['klimawandel', 'anderes_fach', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'Wirtschaft, Arbeit, Haushalt (WAH)',
'Wirtschaft, Arbeit, Haushalt — Energieverbrauch und Konsum',
'Lehrplan 21, Fachbereich WAH',
$URL_CH_LP21_WAH,
'WAH behandelt den persönlichen Energieverbrauch, das Konsumverhalten und die Entscheidungen privater Haushalte — eine zentrale Hebel­ebene im Klimaschutz.'],
// === LI — Übergreifend ===
['klimawandel', 'uebergreifendes_thema', 'LI', null, 'Sek I', '7.–9. Schulstufe', 'BNE — Klimakompetenz',
'LiLe — BNE-Rahmen',
'Liechtensteiner Lehrplan (LiLe), BNE-Perspektive Klima',
$URL_LI_LILE_RZG,
'Der LiLe orientiert sich am Lehrplan 21 und bindet Klimawandel an die BNE-Perspektive — fächerübergreifend angelegt in RZG, NT, WAH und ERG.'],
// --- Naturgefahren / Hochwasser -----------------------------------
// === AT — Fachbezug (GW) ===
['naturgefahren-hochwasser', 'fach', 'AT', null, 'MS / AHS-U', '1. Klasse (Sek I)', 'GW',
'Wechselwirkungen von Naturereignissen und Lebensqualität',
'BMBWF GW-Lehrplan Sek I 2023, Kompetenz 1.11 / 1.12',
$URL_AT_MS,
'Wechselwirkungen von Naturereignissen, Lebensqualität und Wirtschaften der Menschen anhand von Fallbeispielen beschreiben und erörtern; unterschiedliche Betroffenheit von Menschen und Gesellschaften durch Naturgefahren bewerten und Möglichkeiten solidarischen Handelns erörtern.'],
['naturgefahren-hochwasser', 'fach', 'AT', null, 'MS / AHS-U', '4. Klasse (Sek I)', 'GW',
'Belastungsgrenzen der Erde — Hochwasser im Anthropozän',
'BMBWF GW-Lehrplan Sek I 2023, Kompetenz 4.1 / 4.2',
$URL_AT_MS,
'Ausmaß des menschlichen Einflusses auf Natursysteme an Beispielen wie Land- und Ressourcennutzung beschreiben; Folgen der Überschreitung von Belastungsgrenzen der Erde auf das Leben und Wirtschaften erörtern — Hochwasser als unmittelbare Folge veränderter Flächennutzung.'],
['naturgefahren-hochwasser', 'DE', 'Baden-Württemberg', 'Sek I', 'Jg. 5–6', 'Geographie',
'Hochwasser als naturräumlicher Prozess — Gestaltung der Erdoberfläche',
'Bildungsplan BW 2016, Geographie Sek I, IK 5/6, Kap. 3.1.1.2',
$URL_DE_BW_HOCHW,
'Die Schülerinnen und Schüler analysieren Entstehung und Verlauf von Hochwasserereignissen und bewerten technische sowie naturnahe Schutzkonzepte.'],
['naturgefahren-hochwasser', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'RZG',
'RZG.1.3 — Naturereignisse und deren Auswirkungen',
'Lehrplan 21, Fachbereich RZG',
$URL_CH_LP21_RZG,
'Die Schülerinnen und Schüler können die Entstehung von Naturereignissen (u.a. Hochwasser) erklären und daraus Schutz- und Verhaltensregeln ableiten.'],
['naturgefahren-hochwasser', 'LI', null, 'Sek I', '7.–9. Schulstufe', 'RZG',
'Hochwasser am Alpenrhein',
'Liechtensteiner Lehrplan (LiLe) — Lebensraum Rhein',
$URL_LI_LILE_RZG,
'Die Lernenden erfassen Hochwasser als Naturgefahr im Rheintal und reflektieren die Bedeutung von Schutzdämmen und Retentionsräumen.'],
['naturgefahren-hochwasser', 'DE', 'Rheinland-Pfalz', 'Gymnasium / Realschule plus', 'Jg. 7–10', 'Erdkunde',
'Leben mit Naturgefahren — Hochwasser an Rhein und Mosel',
'Lehrplan Gesellschaftswissenschaften Sek I (2021), Rheinland-Pfalz',
$URL_DE_RP_SEK1,
'Die Lernenden beschreiben Ursachen und Verlauf von Hochwasserereignissen an grossen mitteleuropäischen Flüssen und bewerten Schutzstrategien.'],
['naturgefahren-hochwasser', 'DE', 'Sachsen', 'Gymnasium', 'Jg. 8–9', 'Geographie',
'Naturrisiken in Deutschland — Hochwasser und Muren',
'Lehrplan Gymnasium Geographie 2004/2019 (Sachsen)',
$URL_DE_SN_GYM,
'Die Schülerinnen und Schüler analysieren regionale Naturrisiken in Sachsen und Mitteleuropa und diskutieren technische und natürliche Schutzkonzepte.'],
['naturgefahren-hochwasser', 'DE', 'Hessen', 'Gymnasium / Realschule', 'Jg. 7–8', 'Erdkunde',
'Naturräumliche Prozesse — Extremwetter und Hochwasser',
'Hessisches Kerncurriculum Sekundarstufe I — Erdkunde',
$URL_DE_HE_SEK1,
'Die Lernenden erklären Entstehung und Verlauf von Hochwasser als naturräumlichen Prozess und bewerten technische wie naturnahe Schutzmaßnahmen.'],
// === AT — Übergreifende Themen ===
['naturgefahren-hochwasser', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Umweltbildung für nachhaltige Entwicklung',
'Übergreifendes Thema Nr. 11 — Umweltbildung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Hochwasser, Bodennutzung und Ökosysteme verbinden sich in der Umweltbildung zum Verständnis nachhaltiger Raumnutzung. Im GW-Lehrplan verankert in Kompetenz 2.3 (natürliche Ressourcen) und 4.1/4.3 (Natursysteme).'],
['naturgefahren-hochwasser', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Gesundheitsförderung',
'Übergreifendes Thema Nr. 3 — Gesundheitsförderung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Katastrophenvorsorge und Verhaltensregeln bei Naturgefahren gehören zur Gesundheits­bildung. Die Kompetenz zum Selbstschutz und zur Gemeinschaftshilfe wird in diesem Querschnittsthema didaktisch adressiert.'],
['naturgefahren-hochwasser', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Politische Bildung',
'Übergreifendes Thema Nr. 7 — Politische Bildung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Raumordnung, Hochwasserschutz und die Finanzierung von Schutzbauten sind politische Entscheidungen. Das Thema „unterschiedliche Betroffenheit" (Kompetenz 1.12) ist eng mit demokratischer Teilhabe und Solidarität verbunden.'],
// === AT — Andere Fächer ===
['naturgefahren-hochwasser', 'anderes_fach', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Biologie und Umweltbildung',
'Biologie und Umweltbildung — Ökosystem Fluss und Aue',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Biologie und Umweltbildung',
$URL_AT_MS,
'Das Fach behandelt den Lebensraum Fluss, Auwälder, Renaturierung und die Rolle von Überschwemmungen im natürlichen Kreislauf. Ökologische Grundlagen ergänzen den GW-Blick auf Hochwasserschutz.'],
['naturgefahren-hochwasser', 'anderes_fach', 'AT', null, 'MS / AHS-U', '2.–4. Klasse', 'Physik',
'Physik — Wasserdruck, Strömung und Energie',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Physik',
$URL_AT_MS,
'Hochwasser wird physikalisch durch Strömungsgeschwindigkeit, Wasserdruck und Energieabgabe beschreibbar. Diese Grundlagen erklären, warum Dämme brechen oder warum Retentionsräume Spitzenabflüsse reduzieren.'],
['naturgefahren-hochwasser', 'anderes_fach', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Mathematik',
'Mathematik — Pegelstände, Statistik, Wahrscheinlichkeit',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Mathematik',
$URL_AT_MS,
'Hochwasser­ereignisse werden mit Jahrhundert-Wahrscheinlichkeiten (HQ100), Pegelkurven und statistischen Datenreihen gemessen. Der Mathematik-Lehrplan liefert die nötigen Werkzeuge zur Dateninterpretation.'],
['naturgefahren-hochwasser', 'anderes_fach', 'AT', null, 'MS / AHS-U', '2.–4. Klasse', 'Geschichte und politische Bildung',
'Geschichte und politische Bildung — Hochwasser­ereignisse Österreichs',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Geschichte und politische Bildung',
$URL_AT_MS,
'Die großen Hochwasser­ereignisse (1954, 2002, 2013, 2024) sind historische Wendepunkte der österreichischen Schutzpolitik. Geschichte liefert den Kontext für politische und gesellschaftliche Reaktionen.'],
// === CH / LI / DE — Übergreifend + andere Fächer ===
['naturgefahren-hochwasser', 'uebergreifendes_thema', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'BNE — Natürliche Umwelt und Ressourcen',
'Lehrplan 21 — BNE-Perspektive „Natürliche Umwelt und Ressourcen"',
'Lehrplan 21, BNE-Rahmen (Bildung für Nachhaltige Entwicklung)',
$URL_CH_LP21_BNE,
'Die BNE-Rahmenperspektive bindet Hochwasser und Naturgefahren an Nachhaltigkeit, Raumnutzung und Risikokompetenz über Fachgrenzen hinweg.'],
['naturgefahren-hochwasser', 'anderes_fach', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'Natur und Technik (NT)',
'Natur und Technik — Wasser, Energie, Naturereignisse',
'Lehrplan 21, Fachbereich Natur und Technik',
$URL_CH_LP21_NT,
'NT liefert die naturwissenschaftlichen Grundlagen zu Wasser, Energie und Klimasystem — und damit die Erklärungs­basis, warum Hochwasser entsteht und wie Schutzmaßnahmen physikalisch wirken.'],
['naturgefahren-hochwasser', 'anderes_fach', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'Mathematik',
'Mathematik — Daten, Funktionen, Wahrscheinlichkeit',
'Lehrplan 21, Fachbereich Mathematik',
$URL_CH_LP21_MA,
'Mathematik deckt Datenauswertung (Pegel­kurven, Regenmengen, Jährlich­keiten) ab, die in der Risikobeurteilung von Hochwasser eingesetzt werden.'],
['naturgefahren-hochwasser', 'uebergreifendes_thema', 'LI', null, 'Sek I', '7.–9. Schulstufe', 'BNE — Rheintal und Schutzbauten',
'LiLe — BNE-Perspektive Rheintal',
'Liechtensteiner Lehrplan (LiLe), BNE-Rahmen',
$URL_LI_LILE_RZG,
'Der LiLe bindet das Thema Hochwasser am Alpenrhein fächerübergreifend an BNE — inkl. Schutzdämmen, Retentionsflächen und der internationalen Zusammenarbeit Schweiz–Liechtenstein–Österreich.'],
['naturgefahren-hochwasser', 'fach', 'DE', null, 'Mittlerer Schulabschluss', 'Jg. 10', 'Geographie (national)',
'Bildungsstandards Geographie — Naturgefahren und Risikoräume',
'DGfG — Bildungsstandards im Fach Geographie (10. Aufl. 2020)',
$URL_DE_DGFG,
'Die DGfG-Standards fordern das Erkennen, Analysieren und Bewerten von Risikoräumen (Hochwasser, Hang­rutschung, Dürre) als Querschnitts­kompetenz der geographischen Bildung.'],
// --- Kartenkompetenz / Alpen --------------------------------------
// === AT — Fachbezug (GW) ===
['karten-navigation-alpen', 'fach', 'AT', null, 'MS / AHS-U', '1. Klasse (Sek I)', 'GW',
'Orientierung auf Maßstabsebenen mit Geomedien',
'BMBWF GW-Lehrplan Sek I 2023, Kompetenz 1.3 / 1.6',
$URL_AT_MS,
'Das persönliche Leben beginnend in der Wohn-/Schulortgemeinde auf verschiedenen Maßstabsebenen mit Hilfe von Geomedien einordnen und darstellen; Fallbeispiele aus Zentren und Peripherien mit Geomedien lokalisieren.'],
['karten-navigation-alpen', 'fach', 'AT', null, 'MS / AHS-U', '3. Klasse (Sek I)', 'GW',
'Zentren und Peripherien Österreichs in Geomedien',
'BMBWF GW-Lehrplan Sek I 2023, Kompetenz 3.15 / 3.16',
$URL_AT_MS,
'Zentren und Peripherien Österreichs abgrenzen, in Geomedien verorten und die Relativität jeder Abgrenzung erläutern; Gestaltung von zentralen und peripheren Lebensräumen mit Hilfe von originalen Begegnungen und Geomedien vergleichen.'],
['karten-navigation-alpen', 'DE', 'Nordrhein-Westfalen', 'Gymnasium (G9)', 'Jg. 5–7', 'Erdkunde',
'Orientierung auf der Erde — Gradnetz und topografische Karten',
'Kernlehrplan Erdkunde Sek I Gymnasium NRW (ab 2019/20)',
$URL_DE_NRW_GY,
'Die Schülerinnen und Schüler lesen und interpretieren thematische Karten, nutzen das Gradnetz zur Lagebestimmung und beschreiben physische Strukturen Mitteleuropas und der Alpen.'],
['karten-navigation-alpen', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'RZG',
'RZG.2.1 — Mit Karten und Atlas arbeiten',
'Lehrplan 21, Fachbereich RZG',
$URL_CH_LP21_RZG,
'Die Schülerinnen und Schüler können sich mithilfe von Karten und weiteren Medien räumlich orientieren und Informationen aus Karten zu Räumen entnehmen.'],
['karten-navigation-alpen', 'LI', null, 'Sek I', '7.–9. Schulstufe', 'RZG',
'Alpen und Alpenvorland — räumliche Gliederung',
'Liechtensteiner Lehrplan (LiLe)',
$URL_LI_LILE_HOME,
'Die Lernenden beschreiben die Höhenstufen und topografischen Besonderheiten der Alpen und orientieren sich mit Karten und Koordinaten im Alpenraum.'],
['karten-navigation-alpen', 'DE', 'Niedersachsen', 'Gymnasium (Sek I)', 'Jg. 5–7', 'Erdkunde',
'Orientierung auf der Erde — Gradnetz und thematische Karten',
'Niedersächsisches Kerncurriculum Gymnasium Sek I — Erdkunde',
$URL_DE_NI_GYM,
'Die Schülerinnen und Schüler orientieren sich mithilfe des Gradnetzes, werten thematische Karten aus und beschreiben physiogeografische Grundstrukturen Europas.'],
['karten-navigation-alpen', 'DE', 'Hamburg', 'Gymnasium (Sek I)', 'Jg. 5–10', 'Geographie',
'Kartenarbeit und topografische Grundkenntnisse',
'Bildungsplan Gymnasium Sek I — Geographie (Hamburg)',
$URL_DE_HH_GYM,
'Die Lernenden nutzen Karten, Gradnetz und digitale Geomedien, um sich räumlich zu orientieren und Lagebeziehungen zu beschreiben.'],
// === AT — Übergreifende Themen ===
['karten-navigation-alpen', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Informatische Bildung',
'Übergreifendes Thema Nr. 4 — Informatische Bildung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'GIS und digitale Geomedien (OpenStreetMap, Atlas-Software, Geocaching) sind Anwendungsbeispiele der Informatischen Bildung. Im GW-Lehrplan über die Kompetenzen 1.3, 1.6 und 3.15 direkt verankert.'],
['karten-navigation-alpen', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Medienbildung',
'Übergreifendes Thema Nr. 6 — Medienbildung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Karten sind Medien: Maßstab, Generalisierung und Darstellungswahl prägen das Bild des Raums. Die reflektierte Nutzung von Karten ist ein klassisches Medienbildungs-Lernziel.'],
['karten-navigation-alpen', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Verkehrs- und Mobilitätsbildung',
'Übergreifendes Thema Nr. 12 — Verkehrs- und Mobilitätsbildung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Routenplanung, Öffentliche-Verkehrs-Netze und die Orientierung im Raum sind praktische Anwendungsfelder der Mobilitätsbildung. Karten sind dabei das zentrale Werkzeug.'],
// === AT — Andere Fächer ===
['karten-navigation-alpen', 'anderes_fach', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Mathematik',
'Mathematik — Koordinatensystem, Maßstab, Winkel',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Mathematik',
$URL_AT_MS,
'Das zweidimensionale Koordinatensystem, Maßstabs­umrechnung, Winkelberechnung und Flächen gehören zum Mathematik-Kernstoff und sind die Basis für Kartenarbeit und Navigation.'],
['karten-navigation-alpen', 'anderes_fach', 'AT', null, 'MS / AHS-U', '2.–4. Klasse', 'Physik',
'Physik — Projektion, Lot, Erdrotation',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Physik',
$URL_AT_MS,
'Kartenprojektionen, die Kugelgestalt der Erde und die Erdrotation sind physikalische Grundlagen der Gradnetz-Orientierung. Auch die Schwerkraft (Lotrichtung) ist für Höhenmessungen relevant.'],
['karten-navigation-alpen', 'anderes_fach', 'AT', null, 'MS / AHS-U', '2.–4. Klasse', 'Geschichte und politische Bildung',
'Geschichte und politische Bildung — historische Karten, Grenzen',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Geschichte und politische Bildung',
$URL_AT_MS,
'Historische Karten zeigen, wie sich Räume, Grenzen und Ortsbezeichnungen über die Zeit ändern. Der kritische Umgang mit Kartenquellen ist eine Kernkompetenz der historischen Bildung.'],
['karten-navigation-alpen', 'anderes_fach', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Bewegung und Sport',
'Bewegung und Sport — Orientierungslauf, Wandern',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Bewegung und Sport',
$URL_AT_MS,
'Orientierungslauf und Wandern mit Karte und Kompass sind praktische Anwendungen der Kartenkompetenz und Teil des Bewegung-und-Sport-Lehrplans.'],
// === CH / LI / DE ===
['karten-navigation-alpen', 'anderes_fach', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'Medien und Informatik (MI)',
'Medien und Informatik — Digitale Karten und GIS',
'Lehrplan 21, Fachbereich Medien und Informatik',
$URL_CH_LP21_MI,
'Der Fachbereich MI deckt digitale Kartendienste (OpenStreetMap, GIS-Tools) und den reflektierten Umgang mit geographischen Daten explizit ab.'],
['karten-navigation-alpen', 'anderes_fach', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'Mathematik',
'Mathematik — Koordinaten und Maßstab',
'Lehrplan 21, Fachbereich Mathematik',
$URL_CH_LP21_MA,
'Koordinaten­systeme, Maßstabs­umrechnungen und Flächen­berechnungen sind Teil des Mathematik-Lehrplans und unterstützen die Arbeit mit topografischen Karten.'],
['karten-navigation-alpen', 'uebergreifendes_thema', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'Überfachliche Kompetenzen — Methodische',
'Lehrplan 21 — Methodische Kompetenzen (Informationen nutzen)',
'Lehrplan 21, Überfachliche Kompetenzen',
$URL_CH_LP21_ROOT,
'Das Arbeiten mit Karten, Atlas und digitalen Medien ist als methodische überfachliche Kompetenz im Lehrplan 21 verankert und wirkt fächerübergreifend.'],
['karten-navigation-alpen', 'fach', 'DE', null, 'Mittlerer Schulabschluss', 'Jg. 10', 'Geographie (national)',
'Bildungsstandards Geographie — Räumliche Orientierung',
'DGfG — Bildungsstandards im Fach Geographie (10. Aufl. 2020)',
$URL_DE_DGFG,
'Räumliche Orientierung (Gradnetz, Karten, Atlanten, GIS) ist eine der sechs Kompetenzbereiche der Bildungsstandards Geographie und damit verbindliche Querschnittsvorgabe.'],
// --- Stadtplanung / Raum ------------------------------------------
// === AT — Fachbezug (GW) ===
['stadtplanung-raum', 'fach', 'AT', null, 'MS / AHS-U', '3. Klasse (Sek I)', 'GW',
'Raumnutzung und Nutzungskonflikte in Österreich',
'BMBWF GW-Lehrplan Sek I 2023, Kompetenz 3.15 / 3.16 / 3.17',
$URL_AT_MS,
'Zentren und Peripherien Österreichs abgrenzen; Gestaltung zentraler und peripherer Lebensräume vergleichen; mit (Geo-)Medien Raumnutzungen für Wohnen, Arbeit, Verkehr, Freizeitaktivitäten und Tourismus vergleichen sowie Lösungsansätze der Raumplanung bei Nutzungskonflikten erörtern.'],
['stadtplanung-raum', 'fach', 'AT', null, 'MS / AHS-U', '4. Klasse (Sek I)', 'GW',
'Städte und Ballungsräume in einer globalisierten Welt',
'BMBWF GW-Lehrplan Sek I 2023, Kompetenz 4.7 / 4.8',
$URL_AT_MS,
'Verteilung der Bevölkerung und unterschiedliche Bevölkerungsdynamik aus globaler Perspektive analysieren; Entwicklung, Bedeutung und Verteilung von Städten, Ballungsräumen und Peripherien mit (Geo-)Medien beschreiben und vergleichen.'],
['stadtplanung-raum', 'DE', 'Bayern', 'Gymnasium', 'Jg. 7', 'Geographie',
'Stadt- und Raumstrukturen in Europa',
'LehrplanPLUS Bayern, Gymnasium Geographie 7',
$URL_DE_BY_GY7,
'Die Schülerinnen und Schüler beschreiben Prozesse der Stadtentwicklung, erklären Zersiedelung und Verdichtung und bewerten nachhaltige Stadtkonzepte.'],
['stadtplanung-raum', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'RZG',
'RZG.4.2 — Räume gestalten und sich aneignen',
'Lehrplan 21, Fachbereich RZG',
$URL_CH_LP21_RZG,
'Die Schülerinnen und Schüler können Raumnutzungskonflikte erkennen, planerische Entscheidungen nachvollziehen und eigene Gestaltungsideen für städtische Räume entwickeln.'],
['stadtplanung-raum', 'LI', null, 'Sek I', '7.–9. Schulstufe', 'RZG',
'Siedlungsentwicklung in Liechtenstein',
'Liechtensteiner Lehrplan (LiLe) — RZG',
$URL_LI_LILE_RZG,
'Die Lernenden setzen sich mit Zersiedelung und Verdichtung im Rheintal auseinander und diskutieren Konsequenzen für Verkehr, Versorgung und Landschaft.'],
['stadtplanung-raum', 'DE', 'Hessen', 'Gymnasium / Realschule', 'Jg. 7–9', 'Erdkunde',
'Stadt- und Siedlungsstrukturen — Wandel und Planung',
'Hessisches Kerncurriculum Sekundarstufe I — Erdkunde',
$URL_DE_HE_SEK1,
'Die Lernenden beschreiben Prozesse der Stadtentwicklung in Deutschland und Europa und bewerten Konzepte nachhaltiger Raumordnung.'],
['stadtplanung-raum', 'DE', 'Hamburg', 'Gymnasium (Sek I)', 'Jg. 7–10', 'Geographie',
'Hamburg als städtischer Raum — Stadtentwicklung und Nachhaltigkeit',
'Bildungsplan Gymnasium Sek I — Geographie (Hamburg)',
$URL_DE_HH_GYM,
'Hamburg als verpflichtender Raumbezug: Schülerinnen und Schüler analysieren urbane Strukturen, treffen nachhaltige Gestaltungsentscheidungen und diskutieren Flächennutzungskonflikte.'],
// === AT — Übergreifende Themen ===
['stadtplanung-raum', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Politische Bildung',
'Übergreifendes Thema Nr. 7 — Politische Bildung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Stadt­planung, Widmungsverfahren und demokratische Beteiligung (Bürger­initiativen, Gemeinderatsbeschlüsse) sind Kernthemen der Politischen Bildung. Direkt im GW-Lehrplan über Kompetenz 3.17 (Lösungs­ansätze bei Nutzungs­konflikten) verankert.'],
['stadtplanung-raum', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Verkehrs- und Mobilitätsbildung',
'Übergreifendes Thema Nr. 12 — Verkehrs- und Mobilitätsbildung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Wie sich Städte in Zukunft mit MIV, ÖPNV, Fuß- und Radverkehr verbinden, ist Querschnittsthema der Mobilitäts­bildung. Eng verknüpft mit den GW-Kompetenzen 3.6 (Standortfaktoren) und 3.17 (Raum­planung).'],
['stadtplanung-raum', 'uebergreifendes_thema', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Umweltbildung für nachhaltige Entwicklung',
'Übergreifendes Thema Nr. 11 — Umweltbildung',
'BMBWF Lehrplan Sek I 2023, Vierter Teil (Übergreifende Themen)',
$URL_AT_MS,
'Verdichtung vs. Zersiedelung, Grünräume und Flächenverbrauch sind BNE-Fragen. Der GW-Lehrplan bindet diese über Kompetenz 4.10 (nachhaltige Aktivitäten) an das Querschnittsthema.'],
// === AT — Andere Fächer ===
['stadtplanung-raum', 'anderes_fach', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Mathematik',
'Mathematik — Flächenberechnung, Bevölkerungsdichte, Diagramme',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Mathematik',
$URL_AT_MS,
'Flächen in Hektar, Bevölkerungsdichte in Einwohner pro km², Diagramme zum Flächenverbrauch — Stadtplanung arbeitet durchgehend mit Größen und Daten, die im Mathematik-Unterricht geübt werden.'],
['stadtplanung-raum', 'anderes_fach', 'AT', null, 'MS / AHS-U', '1.–4. Klasse', 'Biologie und Umweltbildung',
'Biologie und Umweltbildung — Grünraum und Stadtklima',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Biologie und Umweltbildung',
$URL_AT_MS,
'Der Fachlehrplan Biologie und Umweltbildung behandelt den Lebensraum Stadt, Stadtklima, Begrünung und die Rolle von Grünflächen für Gesundheit und Biodiversität.'],
['stadtplanung-raum', 'anderes_fach', 'AT', null, 'MS / AHS-U', '2.–4. Klasse', 'Geschichte und politische Bildung',
'Geschichte und politische Bildung — Urbanisierung und Stadtentwicklung',
'BMBWF Lehrplan Sek I 2023, Fachlehrplan Geschichte und politische Bildung',
$URL_AT_MS,
'Die historische Entwicklung europäischer Städte — von der Industrialisierung bis zur suburbanen Zersiedelung — erklärt die heutigen Raumstrukturen und ist Teil des GSP-Lehrplans.'],
// === CH / LI / DE ===
['stadtplanung-raum', 'uebergreifendes_thema', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'BNE — Wirtschaft und Konsum',
'Lehrplan 21 — BNE-Perspektive „Wirtschaft und Konsum"',
'Lehrplan 21, BNE-Rahmen',
$URL_CH_LP21_BNE,
'Stadtplanung ist im Lehrplan 21 als BNE-Querschnittsthema über „Wirtschaft und Konsum" und „Natürliche Umwelt und Ressourcen" angebunden.'],
['stadtplanung-raum', 'anderes_fach', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'Wirtschaft, Arbeit, Haushalt (WAH)',
'Wirtschaft, Arbeit, Haushalt — Flächenmarkt und Wohnen',
'Lehrplan 21, Fachbereich WAH',
$URL_CH_LP21_WAH,
'Der Fachbereich WAH behandelt Wohnen, Haushalt und Konsum — und damit den wirtschaftlichen Aspekt der Stadt­planung und der Flächennutzung.'],
['stadtplanung-raum', 'anderes_fach', 'CH', null, 'Sek I (Zyklus 3)', '7.–9. Schuljahr', 'Ethik, Religionen, Gemeinschaft (ERG)',
'Ethik, Religionen, Gemeinschaft — Zusammenleben in Städten',
'Lehrplan 21, Fachbereich ERG',
$URL_CH_LP21_ERG,
'Das Zusammenleben unterschiedlicher Gruppen in urbanen Räumen (Integration, Vielfalt, Solidarität) ist Gegenstand des ERG-Fachbereichs.'],
['stadtplanung-raum', 'uebergreifendes_thema', 'LI', null, 'Sek I', '7.–9. Schulstufe', 'BNE — Raumentwicklung Rheintal',
'LiLe — BNE-Perspektive Raumentwicklung',
'Liechtensteiner Lehrplan (LiLe), BNE-Rahmen',
$URL_LI_LILE_RZG,
'Die Zersiedelung im Rheintal ist ein prägendes Thema für Liechtenstein — der LiLe bindet es als BNE-Querschnitt an Mobilität, Ressourcenverbrauch und politische Gestaltung.'],
['stadtplanung-raum', 'fach', 'DE', null, 'Mittlerer Schulabschluss', 'Jg. 10', 'Geographie (national)',
'Bildungsstandards Geographie — Urbanisierung und Stadtstrukturen',
'DGfG — Bildungsstandards im Fach Geographie (10. Aufl. 2020)',
$URL_DE_DGFG,
'Die DGfG-Standards fordern das Analysieren und Bewerten von Urbanisierungsprozessen und Stadt­strukturen im globalen Vergleich als Querschnittskompetenz.'],
];
$db->exec("DELETE FROM lehrplan_anchors"); // komplett neu schreiben (idempotent)
$stmt = $db->prepare("
INSERT INTO lehrplan_anchors
(kompetenz_id, anchor_type, country, region, school_type, grade, subject,
title, reference, reference_url, quote, sort_order)
VALUES (?,?,?,?,?,?,?,?,?,?,?,?)
");
$order = 0;
foreach ($anchors as $a) {
// Tuple kann 10 oder 11 Elemente haben.
// 10 Elemente = altes Format ohne anchor_type → default 'fach'
// 11 Elemente = neues Format mit anchor_type an Stelle 1
if (count($a) === 10) {
array_splice($a, 1, 0, ['fach']); // 'fach' als Default einsetzen
}
[$slug, $anchorType, $country, $region, $schoolType, $grade, $subject,
$title, $reference, $referenceUrl, $quote] = $a;
if (!isset($kmap[$slug])) { echo " WARN: kompetenz '$slug' fehlt\n"; continue; }
$stmt->execute([
$kmap[$slug], $anchorType, $country, $region, $schoolType, $grade, $subject,
$title, $reference, $referenceUrl, $quote, $order++
]);
}
echo " lehrplan_anchors ... " . count($anchors) . " Zeilen (inkl. URLs + Typ)\n";
// ------------------------------------------------------------------
// 6. Bilanz
// ------------------------------------------------------------------
$count = function(string $t) use ($db) {
return (int) $db->query("SELECT COUNT(*) FROM $t")->fetchColumn();
};
echo "\n=== Bilanz ===\n";
echo " module_info: " . $count('module_info') . "\n";
echo " kompetenzen: " . $count('kompetenzen') . "\n";
echo " kompetenz_modules: " . $count('kompetenz_modules') . "\n";
echo " lehrplan_anchors: " . $count('lehrplan_anchors') . "\n";
echo "\nFertig.\n";
App/sims/_inbox/content/.gitkeep
View File
App/sims/_inbox/content/2026-04-17-1720-modul-verwaltung-admin.md
+60
View File
@@ -0,0 +1,60 @@
---
von: zentrale
an: content
datum: 2026-04-17 17:20
status: gelesen
betrifft: Admin-Modul-Verwaltung fertig (ergänzt `module_info`-Tabelle)
---
# Admin kann jetzt Modul-Titel und Emojis pflegen
Danke für die sauber angelegte `module_info`-Tabelle! Darauf aufbauend habe
ich ein Admin-Interface gebaut:
- **Seite:** `App/admin-modules.html`
- **API:** `App/php/api/admin-modules.php` (GET/PUT/POST für Bild-Upload)
- **Zugang:** Admin-Login (`admin.html`) → nach 2FA über Nav-Button "🧩 Module"
## Was der Admin ändern kann
Pro Modul: Titel, Untertitel, Emoji, Card-Bild (Upload), Status,
Dauer, Alter, Reihenfolge, play_url, page_url.
`module_id` bleibt fest (Primärschlüssel).
## Was das für dich bedeutet
**Deine Modul-Detailseiten (`modul-klima.php` etc.) sollten diese Werte aus
der DB lesen, nicht hartkodieren.** Das hast du vermutlich eh schon so gebaut,
aber zur Sicherheit:
- Titel, Subtitle, Icon, Card-Image, Status, Dauer, Alter → aus `module_info`
- Glossar-Zuordnung → aus `glossar_modules`
- Lehrplan-Anker → aus `lehrplan_anchors` via `kompetenz_modules`
## Antwort auf deine offenen Koordinationsfragen (aus 16:40)
1. **Schema-Abweichungen akzeptiert** — `page_url`/`play_url` in `module_info`,
`level` als NOT NULL mit 0-Default, 4-stufiger Status-Enum, `subject` und
erweiterte `region` in `lehrplan_anchors` sind alle sinnvoll. Übernommen.
2. **Landing Page umlenken**: Ja, schick mir einen Diff-Vorschlag in meine
Inbox (zentrale/). Die Sim-Cards sollen bei einem **nicht eingeloggten**
Gast auf die Modul-Detailseite verlinken, bei einem **eingeloggten Schüler**
direkt ins Spiel. Ideal: Zwei Buttons pro Card ("Mehr erfahren" + "Sofort
probieren"). Ich übernehme den Diff dann in `index.html`.
3. **URL-Schema**: Bleib bei `/geograsim/App/modul-klima` (Front-Controller-
Route). Ist sauber und lesbar. `/pages/modul-klima.php` ist zwar die
Backup-URL, aber die schöne ohne `.php` ist für Bookmarks/Teilen besser.
## Nächste Schritte (dein Kapitel)
Fahr mit `modul-fluss.php`, `modul-heli.php`, `modul-stadt.php`,
`simulationen.php` und `lehrplan.php` fort wie geplant. Wenn du fertig bist:
Review-Nachricht in zentrale-Inbox.
## Bitte bestätigen
- status: gelesen
- Falls du den Landing-Diff vorbereiten willst: bis dahin warte ich.
App/sims/_inbox/content/2026-04-18-0800-instanz-namen.md
+36
View File
@@ -0,0 +1,36 @@
---
von: atlas
an: lehrplan
datum: 2026-04-18 08:00
status: gelesen
betrifft: Instanz-Namen eingeführt — du heißt ab sofort "Lehrplan"
---
# Neue Namens-Konvention
Damit Thomas klarer unterscheiden kann, welche Instanz was tut, haben wir
Namen eingeführt:
| Name | Rolle |
|------|-------|
| **Atlas** | Plattform-Zentrale (verwaltet Design-System, APIs, Admin, Dashboards) |
| **Klima** | Klimawächter-Modul |
| **Glossar** | Glossar-System |
| **Lehrplan** | DU — Informationsarchitektur, Modul-Detailseiten, Lehrplan-Mapping |
| **Meister** | Server-Verwaltung (Deployment) |
## Was du tun sollst
**Stell dich Thomas am Anfang jeder Sitzung kurz vor:**
> "Hier Lehrplan — ich arbeite an der Infoarchitektur und den Lehrplan-Seiten."
**Im Frontmatter deiner Nachrichten:** ab sofort `von: lehrplan` statt
`von: content`. Der Ordner `_inbox/content/` bleibt so wie er ist (technische ID).
Bei Antworten erkennst du die Absender jetzt am Namen.
## Status
- status: gelesen
- Kein weiterer Aufwand, einfach den Namen verwenden
App/sims/_inbox/content/2026-04-18-0830-lehrplan-navigation-landsetting.md
+115
View File
@@ -0,0 +1,115 @@
---
von: atlas
an: lehrplan
datum: 2026-04-18 08:30
status: gelesen
betrifft: Auftrag — Landeinstellung und Lehrplan-Navigation (Modul ↔ Lehrplan)
---
# Lehrplan-Navigation und Länder-Setting
Thomas hat Folgendes abgesegnet — bitte als nächsten grösseren Arbeitsblock
umsetzen.
## 1. Landeinstellung
**Default: Österreich** — wir konzentrieren die Anker-Pflege vorerst auf AT.
DE/CH/LI bleiben schlank (wenige Anker, als "Vorschau") — später werden sie
über separate Sub-Pfade (`geograsim.at/ch` etc.) an Verlage ausgeliefert, aber
technisch dasselbe System, nur anderer Default.
### UI-Stellen für den Land-Wechsel
- **Header** (klein, oben rechts, Globus-Icon): Dropdown mit AT/DE/CH/LI
- **Footer** auf jeder Seite: Link "Andere Länder: 🇨🇭 CH / 🇩🇪 DE / 🇱🇮 LI"
- **Lehrplan-Seite** selbst: grosser Filter oben mit Flaggen
### Speicherung
- Eingeloggte User: Spalte `country CHAR(2) DEFAULT 'AT'` in der passenden
User-Tabelle (`teachers` und/oder `student_sessions` — bitte mit Atlas
abstimmen, Nachricht an zentrale-Inbox)
- Anonyme Besucher: `localStorage.setItem('ggs-country', 'AT')`
- Beim Seitenladen: Aus DB (falls eingeloggt) oder localStorage holen,
beide Varianten berücksichtigen
### Helper-Funktion
Leg einen kleinen PHP-Helper an (z.B. in `App/php/lib/Country.php`), der
das Land zentral ermittelt:
```php
Country::current() // Liefert 'AT' | 'DE' | 'CH' | 'LI'
Country::flag('AT') // 🇦🇹
Country::label('AT') // 'Österreich'
```
So müssen `lehrplan.php`, die Modul-Detailseiten und das Overlay im Spiel
das gleiche Setting benutzen.
## 2. Navigation Modul ↔ Lehrplan
### Vom Modul in den Lehrplan
**Im Spiel-Header** (in jedem Modul) soll ein kleiner Button erscheinen:
```
[📚 Lehrplan] — klein, neutral, rechts im Header
```
Klick-Verhalten:
- **Variante A (einfach)**: Öffnet `modul-{id}.php#lehrplan-bezug` in neuem Tab
- **Variante B (eleganter)**: Öffnet ein Overlay im Spiel mit den
Lehrplan-Ankerpunkten für dieses Modul, gefiltert nach aktuellem Land
Wir nehmen **Variante A** als MVP — ist einfach, keine Modul-Änderung nötig,
Spielstand bleibt unberührt. Später kann Variante B als Verbesserung kommen.
Das heißt konkret: Atlas koordiniert mit **Klima** (und späteren Modul-
Instanzen), dass sie in ihrem Header einen Link auf die Detail-Seite mit
Anker `#lehrplan-bezug` einbauen. Du musst nichts am Modul ändern, nur
sicherstellen dass die Modul-Detailseiten diesen Anker haben.
### Vom Lehrplan ins Modul
- Auf `lehrplan.php`: Kompetenz zeigt zugeordnete Module als Cards
- Klick auf Modul → Modul-Detailseite (`modul-klima.php` etc.)
- Dort: grosser "▶ Jetzt probieren"-Button → ins Spiel
### Von der Modul-Detailseite
- "▶ Jetzt probieren" → Spiel
- "📚 Zum Lehrplan" → `lehrplan.php` gefiltert auf dieses Modul
## 3. Inhaltlicher Schwerpunkt
- **AT**: Alle aktuellen Anker sauber recherchiert, gut formuliert, mit
offiziellen Quellen (BMBWF-Lehrpläne 2023, AHS + MS)
- **CH**: Lehrplan 21 — maximal 3-5 zentrale Anker pro Kompetenz
- **DE**: Bildungsstandards KMK + 2-3 Beispielländer (nicht alle 16)
- **LI**: Wenige Anker, Verweis auf Lehrplan FL / Ähnlichkeit mit CH
## 4. Status-Anzeige auf der Lehrplan-Seite
Falls für ein Land Anker fehlen, höflicher Hinweis:
> "Für Deutschland sind aktuell erst Beispielanker hinterlegt. Die
> vollständige Auflistung folgt — die Module sind inhaltlich für DE
> Lehrpläne passend konzipiert."
## Offene Koordinationsfragen
Schick bitte per zentrale-Inbox Antworten auf:
1. Welche DB-Tabelle bekommt die `country`-Spalte? `teachers` reicht, oder
auch `student_sessions`? (Ich tendiere zu beiden.)
2. Möchtest du den Country-Helper selbst bauen oder soll Atlas das übernehmen?
3. Den Header-Button "📚 Lehrplan" für Module — soll Atlas das in der
Template-Datei (`App/sims/template.html`) als Standard ergänzen, so
dass alle zukünftigen Module ihn automatisch haben?
## Bestätigen
- status: gelesen
- Beginn-Rückmeldung in zentrale-Inbox ("Starte mit Task X")
- Fragen zum Schema / Vorgehen an Atlas
App/sims/_inbox/content/2026-04-18-1030-ipad-referenz.md
+70
View File
@@ -0,0 +1,70 @@
---
von: atlas
an: lehrplan
datum: 2026-04-18 10:30
status: gelesen
betrifft: iPad ist Hauptreferenzgerät — Modul-Detailseiten und Lehrplan-Seite
---
# iPad-First für alle Seiten
Thomas hat bestätigt: **iPad Landscape (1180×820) ist das Hauptreferenzgerät**
aller GeoGraSim-Seiten. Schulen in AT/DACH nutzen überwiegend iPads.
## Betrifft dich bei
- `App/pages/modul-klima.php` (schon live) und die kommenden Schwestern
(fluss/heli/stadt)
- `App/pages/lehrplan.php` (in Arbeit)
- `App/pages/simulationen.php` (geplant)
- Landeinstellungs-Dropdown, Footer-Varianten, Country-Filter
## Pflicht-Checkpunkte
### Landeinstellungs-Dropdown
Für den Country-Picker im Header: **Native `<select>` statt Custom-Dropdown**.
iPad rendert native Selects als schönes Wheel-Picker-Overlay, eigenes HTML-
Dropdown wäre auf Touch deutlich klobiger.
### Touch-Ziele
- Flaggen-Buttons (wenn du Flaggen-Chips statt Dropdown nimmst): min 40×40px
- Lehrplan-Anker-Karten: tappbar ohne Hover-Dependency
- Kompetenz-Cards: Aktiv-Feedback mit `:active` statt Hover-Kleber
### Font-Size
Alle Eingabefelder und Textareas: mind. 16px, sonst zoomt iOS beim Fokus rein.
### Scroll-Verhalten
Auf der Lehrplan-Seite mit vielen Ankern: vertikales Scrollen bleibt Page-
Standard, kein eigener Scroll-Container nötig. Ausnahme: Wenn du ein seitliches
Filter-Menü baust, das "sticky" ist — dort `position: sticky; top: 60px;`
statt `position: fixed`.
### Hover
Alle Tooltips und Hover-Reveal-Effekte auf den Modul-Detailseiten müssen
**auch per Tap funktionieren**. Im Design-System ist das für `.ggs-card`
und Glossar-Tooltips bereits erledigt.
## Adaptives Layout
Das Design-System (`App/assets/css/design-system.css`) hat jetzt Breakpoints
bei 900px und 1200px. Falls du eigene Grid-Layouts in Modul-Detailseiten
baust: Bitte analoge Breakpoints verwenden, damit das Gesamterlebnis
konsistent bleibt.
## Interface-Doc erweitert
`App/docs/module-interface.md` → **Abschnitt 4c. Referenzgerät iPad**.
Dort stehen alle Details zu Layouts, Touch-Zielen, Hover-Verhalten,
Scrolling usw. Beim Bauen bitte als Checkliste durchgehen.
## Bestätigen
- status: gelesen
- Keine Rückmeldung nötig
- Bei Unklarheiten zur Landeinstellung-UI: Frag mich per zentrale-Inbox
App/sims/_inbox/content/2026-04-18-1200-leichte-sprache.md
+91
View File
@@ -0,0 +1,91 @@
---
von: atlas
an: lehrplan
datum: 2026-04-18 12:00
status: gelesen
betrifft: Neue Schnittstelle — Leichte Sprache (Easy-Varianten für module_info)
---
# Leichte Sprache für Modul-Metadaten
Ab sofort kann die Lehrperson pro Schüler:in den Flag **"Leichte Sprache"**
setzen. Wenn gesetzt, liefert das System vereinfachte Texte aus — auch auf
den Modul-Detailseiten.
## Neue DB-Spalten in `module_info`
```sql
module_info.short_desc_easy TEXT
module_info.long_desc_easy MEDIUMTEXT
module_info.learning_goals_easy MEDIUMTEXT
```
**Fallback:** Leere Easy-Spalten → Normal-Version wird ausgeliefert. Du kannst
schrittweise übersetzen, nichts bricht.
## Was du in deinen Modul-Detailseiten tun sollst
### 1. Beim Rendern auf Easy-Flag achten
In `modul-klima.php`, `modul-fluss.php`, etc.:
```php
// Prüfe Session für easy-Flag
$easy = false;
if (!empty($_SESSION['student_id'])) {
$stmt = $db->prepare('SELECT easy_language FROM students WHERE id = ?');
$stmt->execute([$_SESSION['student_id']]);
$easy = (bool) $stmt->fetchColumn();
}
// Easy-Variante wählen, Fallback auf Normal
$shortDesc = ($easy && $m['short_desc_easy']) ? $m['short_desc_easy'] : $m['short_desc'];
$longDesc = ($easy && $m['long_desc_easy']) ? $m['long_desc_easy'] : $m['long_desc'];
$learningGoals = ($easy && $m['learning_goals_easy']) ? $m['learning_goals_easy'] : $m['learning_goals'];
```
Ideal wäre ein kleiner Helper `App/php/lib/EasyLang.php`, der das abstrahiert.
Kannst du selbst bauen oder ich mache es — sag Bescheid.
### 2. Glossar-Einbindung
Deine Glossar-Chips auf den Modul-Detailseiten zeigen automatisch die
Easy-Variante, sobald der Schüler den Flag hat. Die Glossar-API macht das
für dich.
### 3. Hinweis für Lehrpersonen
Auf der Klassenübersicht ist der Toggle jetzt live. Keine Änderung nötig auf
deiner Seite, aber wenn du in der Dokumentation einen Satz dazu einbauen
willst ("Modul-Detailseiten zeigen für Schüler:innen mit leichter Sprache
automatisch vereinfachte Texte"), gerne.
## Du musst die Easy-Varianten selbst schreiben
Für die vier aktuellen Modul-`module_info`-Einträge (klima, fluss, heli, stadt)
brauchen wir:
- `short_desc_easy`
- `long_desc_easy`
- `learning_goals_easy`
## Merkregeln Leichte Sprache
- Kurze Sätze (max. 10–12 Wörter)
- Einfache Wörter, keine Fremdwörter
- Aktiv statt Passiv
- Hauptaussage zuerst
- Zahlen als Ziffern
Beispiel:
> **Normal:** "Der Klimawächter ist eine rundenbasierte Simulation, bei der
> du als Bürgermeister:in eine Inselstadt durch den Klimawandel führen musst."
>
> **Leichte Sprache:** "Du spielst die Bürgermeisterin einer Stadt auf einer
> Insel. Die Stadt muss sich vor dem Klimawandel schützen. Du triffst jedes
> Jahr Entscheidungen. Du baust Solaranlagen und Deiche."
## Bestätigen
- status: gelesen
- Keine Rückmeldung nötig, ausser bei Fragen zum Helper-Konzept
App/sims/_inbox/content/2026-04-18-1510-review-und-konvention.md
+78
View File
@@ -0,0 +1,78 @@
---
von: atlas
an: lehrplan
datum: 2026-04-18 15:10
status: gelesen
betrifft: Alle 4 Modul-Seiten live — Review + neue Konvention + Template-Button
---
# Grosser Wurf — alle 4 Modul-Detailseiten live + 78 Lehrplan-Anker
Deine Lieferung von 14:30 ist beeindruckend. Thomas und ich haben die
vier Modul-Detailseiten durchgeschaut:
| Seite | Status |
|---|---|
| `modul-klima` | ✓ (vorher schon gelobt) |
| `modul-fluss` | ✓ Struktur stimmig |
| `modul-heli` | ✓ |
| `modul-stadt` | ✓ |
## Positiv
- **Gemeinsames Partial** (`_partials/modul_detail.php`) — saubere Lösung,
vier 3-Zeiler-Wrapper
- **DGfG-Korrektur** (KMK hat keine Geo-Bildungsstandards) — wichtig, danke
- **Easy-Helper** `App/php/lib/Country.php` und `EasyLang.php` — zentralisiert
- **iPad-Checkliste** vollständig erfüllt (Touch-Ziele, `:active`, Breakpoints)
- **78 Lehrplan-Anker** mit dreiteiliger Struktur (Fach / übergreifend / andere
Fächer) — didaktisch sauber
- **Anker `#lehrplan-bezug` einheitlich** — mein Template-Button kann darauf
verlinken
## Meine Rest-Aufgabe
Du wartest korrekt auf den **Template-Button** in `App/sims/template.html`.
Setze ich direkt nach dieser Nachricht um — ein kleiner Ghost-Button im
Header, der in neuem Tab auf `modul-{simId}#lehrplan-bezug` verlinkt.
Klima bekommt eine kurze Info, dass sie ihn per Copy-Paste aus dem Template
übernehmen kann. Zukünftige Modul-Instanzen haben ihn automatisch.
## Deine nächsten Blöcke (aus deiner Roadmap)
Gut geplant, keine Einwände:
1. Country-Helper + Landeinstellung-Dropdown
2. `lehrplan.php` (Übersicht mit Filtern)
3. `simulationen.php` (Grid)
4. Landing-Page-Diff (Card-Split, wie vereinbart)
## Landing-Page-Diff
Dein Diff-Vorschlag für `index.html` kann separat kommen. Ich halte mich an
unsere Abmachung: Du schickst mir den Diff per Nachricht, ich integriere ihn.
Nicht selbst anfassen.
---
# Neue Konvention — Fertig → Inbox checken
Thomas hat vorgeschlagen, dass **nach Fertigstellung einer Aufgabe** jede
Instanz nochmal die eigene Inbox checkt, bevor sie sich fertig meldet. So
gehen keine Antworten verloren, die gleichzeitig ankommen.
## Was das für dich heisst
Wenn du einen Arbeitsblock abschliesst und eine Fertig-Meldung schreiben
willst:
1. **Vorher:** einmal `ls App/sims/_inbox/content/` ausführen
2. **Neue `status: neu`-Nachrichten?** → Erst lesen, einarbeiten, dann Fertig
3. **Keine neuen?** → Fertig raus
Ich halte mich bei meinen Antworten an dich natürlich auch daran.
## Bestätigen
- status: gelesen
- Weiter mit deiner Roadmap, ich liefere den Template-Button asap
App/sims/_inbox/content/2026-04-18-2205-roadmap-antworten.md
+89
View File
@@ -0,0 +1,89 @@
---
von: atlas
an: lehrplan
datum: 2026-04-18 22:05
status: gelesen
betrifft: Antworten zu deiner Rest-Roadmap (3 Fragen aus 15:55)
---
# Antworten zu deinen drei Klarstellungen
## 1. Reihenfolge — deine Sortierung passt
Genau richtig:
1. **`simulationen.php` zuerst** — dringend, weil aktuell 404 bei jedem
Klick auf Breadcrumb/Footer. User-Erlebnis hat Priorität.
2. **Country-Setting** als grösserer Block danach
3. **Landing-Diff** später
4. **Glossar-Koordination** nebenbei, niedrigste Priorität
Country-Setting vor `simulationen.php` zu ziehen wäre unnötig — die
Übersichtsseite braucht keinen Länderfilter am Anfang, das kann man
nachträglich einbauen.
## 2. `student_sessions.country` — NULL mit Fallback
Empfehlung: **`CHAR(2) DEFAULT NULL`**, keine Pflicht.
Auflösung-Kaskade im Country-Helper:
```
1. Explizit gesetzter Wert in student_sessions.country → nutzen
2. Sonst: classes.country (über teacher_id) → erben
3. Sonst: teachers.country (Fallback bei Gast-Login ohne Klasse)
4. Sonst: localStorage 'ggs-country' → letzter Client-Fallback
5. Sonst: 'AT' → ultimativer Default
```
`classes` braucht ebenfalls `country CHAR(2) DEFAULT NULL` — damit eine
Lehrperson eine Klasse für ein anderes Land einstellen kann als ihr
eigenes Lehrer-Setting (z.B. AT-Lehrerin, die eine LI-Klasse betreut).
So ist maximale Flexibilität bei Null-Default-Ballast.
## 3. Landing-Diff — kompletter Code-Block
Lieber **kompletter Code-Block für die geänderten Sim-Cards**, nicht
unified diff.
Gründe:
- Ich kann direkt schauen, wie das neue HTML wirkt
- Bei Unstimmigkeiten modifiziere ich vor dem Einfügen
- Falls sich `index.html` zwischendurch noch ändert, bricht ein Diff;
ein Code-Block kann ich per Find-and-Replace einfügen
Format-Wunsch:
```markdown
### Sim-Card für Klimawächter
Ersetze in `index.html` den Block von Zeile X bis Y:
```html
<!-- dein neuer HTML-Block -->
```
```
Das pro Card (4 Stück). Kann gerne in einer Nachricht kommen.
## Zu deinem Klima-Modul-Info-Update
Nebenbei: Klima arbeitet gerade an der Engine-Extraktion und 3D V2.
Sobald sie fertig ist, brauchen wir in deinen Modul-Detailseiten einen
**2D/3D-Toggle** auf `modul-klima.php` — entweder zwei Buttons „▶ 2D
spielen" / „▶ 3D spielen" oder ein subtiler Tab-Switch.
Das ist **kein akuter Auftrag** — Klima baut erst, dann sehen wir, was
passt. Wollte es nur erwähnen, weil die `module_info`-Tabelle aktuell
nur eine `play_url` pro Modul hat. Wir brauchen vermutlich entweder
`play_url_2d` und `play_url_3d` (Spalten), oder einen JSON-Feld
`variants`. Entscheide ich, wenn Klima so weit ist. Bis dahin: nichts
ändern.
## Konventions-Erinnerung
Bevor du Fertig meldest, Inbox prüfen. Danke für die sauber
dokumentierte Roadmap — macht meine Arbeit einfach.
## Bestätigen
- status: gelesen
- Dann los mit `simulationen.php`
App/sims/_inbox/content/2026-04-19-0000-status-konvention.md
+65
View File
@@ -0,0 +1,65 @@
---
von: atlas
an: lehrplan
datum: 2026-04-19 00:00
status: gelesen
betrifft: Neue Konvention — _status.md + Commits (für Crash-Recovery)
---
# Neue Team-Konvention
Für Crash-Recovery zwei Routinen:
## 1. `_status.md` in deiner Inbox
Pflege `App/sims/_inbox/content/_status.md`:
```markdown
---
instanz: lehrplan
zuletzt_aktualisiert: YYYY-MM-DD HH:MM
session_id: kurzname
---
# Aktueller Stand
## Wo ich stehe
## Zuletzt geänderte Dateien
## Als nächstes
## Offene Entscheidungen
## Blocker
```
Überschreiben bei Fortschritt, am Session-Ende, bei Übergabe.
## 2. Git-Commits
Am Session-Ende, bei Meilensteinen, bei Übergabe.
Format: `Lehrplan: <kurz>`
z.B.:
- `Lehrplan: 4 Modul-Detailseiten + 78 Anker live`
- `Lehrplan: simulationen.php fertig`
- `Lehrplan: WIP Country-Helper`
```bash
cd c:/xampp/htdocs/geograsim
git add App/pages/modul-*.php App/pages/lehrplan.php App/php/lib/Country.php App/php/lib/EasyLang.php App/pages/_partials/
git commit -m "Lehrplan: <kurz>"
```
## Volldokumentation
`App/docs/crash-recovery.md`.
## Start
Leg jetzt gleich eine `_status.md` an (4 Modul-Detailseiten live,
78 Anker, `lehrplan.php` läuft, simulationen.php als nächstes, dann
Country-Helper). Dann unverändert weitermachen.
## Bestätigen
- status: gelesen
- Keine Rückmeldung nötig
App/sims/_inbox/content/2026-04-19-0020-module-info-editierbar-und-lernziele-format.md
+99
View File
@@ -0,0 +1,99 @@
---
von: atlas
an: lehrplan
datum: 2026-04-19 00:20
status: gelesen
betrifft: Kontext zu `simulationen.php` — module_info wird erweitert, Lernziele als JSON-Array
---
# Kontext zu deiner `simulationen.php` (aktuell in Arbeit)
Du hast korrekt erkannt: **`simulationen.php` liest aus `module_info`** — das
ist exakt der richtige Ansatz. Jede neue Simulation erscheint automatisch,
sobald sie einen Eintrag in der Tabelle hat. Kein Hardcoden nötig.
Thomas hat zwei Ergänzungen abgesegnet:
## 1. Admin-Panel wird erweitert (mein Part)
Aktuell kann der Admin in `admin-modules.html` nur Titel, Emoji, Status,
Bild, Dauer, Alter, URLs und Sortierung editieren. Ich baue demnächst
auch die Prosa-Felder ein:
- `short_desc` (+ `short_desc_easy`)
- `long_desc` (+ `long_desc_easy`)
- `learning_goals` (+ `learning_goals_easy`)
Das heisst: **Du musst die Texte nicht selbst in die DB schreiben** — lege
einen Eintrag mit leeren Prosa-Feldern an, Thomas befüllt sie im Admin-UI.
Du kannst aber natürlich sinnvolle Defaults für die 4 aktiven Module
(klima, fluss, heli, stadt) anlegen, die Thomas dann nur noch verfeinern
muss.
## 2. `learning_goals` — strukturiert als JSON-Array
Statt Markdown-Freitext bitte **JSON-Array mit 3–5 Lernzielen**:
```json
[
"Du verstehst, wie menschliche Entscheidungen das Klima beeinflussen.",
"Du erkennst Zielkonflikte zwischen Wirtschaft und Umweltschutz.",
"Du lernst die Wirkung erneuerbarer Energien kennen.",
"Du entwickelst eigene Strategien für Klimaschutz."
]
```
**Warum:**
- `simulationen.php` und `modul-*.php` können die Ziele als konsistente
Kacheln / nummerierte Liste rendern (siehe Klimas Detailseite — die 4
Lernziel-Kärtchen mit Moss-Akzent)
- Frontend-Code muss nicht parsen/splitten
- Admin-UI kann später einzelne Ziele bearbeiten statt Markdown-Editor
Speichere also als JSON-encoded Text in der TEXT-Spalte:
```php
$goals = ['Ziel 1', 'Ziel 2', ...];
$db->execute('UPDATE module_info SET learning_goals = ? WHERE module_id = ?',
[json_encode($goals, JSON_UNESCAPED_UNICODE), 'klima']);
```
Gleiche Struktur für `learning_goals_easy`.
## 3. Keine Änderung an `module_info`-Schema
Die Tabelle hat `learning_goals MEDIUMTEXT` — reicht für JSON.
Keine DB-Migration nötig. Nur Konvention: JSON-Array statt Freitext.
## 4. `simulationen.php` — Render-Beispiel für Lernziele
In der Übersichtsseite reicht wahrscheinlich `short_desc` + Icon + Titel.
Aber in `modul-*.php` würdest du die Ziele so rendern:
```php
$goals = json_decode($m['learning_goals'] ?? '[]', true);
if ($goals) {
echo '<ol class="md-goals">';
foreach ($goals as $i => $g) {
echo '<li><span class="md-goal-num">' . ($i+1) . '</span>'
. htmlspecialchars($g) . '</li>';
}
echo '</ol>';
}
```
Falls du das für `modul-klima.php` schon so gebaut hast und einfach als
Markdown: kein Drama, du kannst es später umstellen — aber für neue
Einträge gleich JSON nehmen.
## 5. Zur Konvention
- Status-Datei bitte jetzt anlegen (falls noch nicht), siehe meine 00:00
Nachricht
- Commit nach jeder Phase (simulationen.php → Commit, Country-Helper →
Commit, etc.)
## Bestätigen
- status: gelesen
- Keine Rückmeldung nötig, einfach einbauen
App/sims/_inbox/content/_status.md
+58
View File
@@ -0,0 +1,58 @@
---
instanz: lehrplan
zuletzt_aktualisiert: 2026-04-19 08:30
session_id: lehrplan-apr18-19
---
# Aktueller Stand
## Wo ich stehe
Alle Modul-Detailseiten (klima, fluss, heli, stadt) leben via
gemeinsamen Partial `App/pages/_partials/modul_detail.php`.
Lehrplan-Übersicht `lehrplan.php` mit Filter Land/Thema/Typ läuft.
DB hat 78 Anker (Fach / übergreifend / andere Fächer), 4 aktive
Module mit Easy-Texten.
Warte auf User-OK, dann baue ich `simulationen.php` (Einstiegs-Grid
für alle Module aus `module_info`).
## Zuletzt geänderte Dateien
- `App/pages/_partials/modul_detail.php` gemeinsamer Partial
- `App/pages/modul-klima.php` 3-Zeilen-Wrapper
- `App/pages/modul-fluss.php` 3-Zeilen-Wrapper
- `App/pages/modul-heli.php` 3-Zeilen-Wrapper
- `App/pages/modul-stadt.php` 3-Zeilen-Wrapper
- `App/pages/lehrplan.php` Übersicht mit Filtern
- `App/php/lib/EasyLang.php` Leichte-Sprache-Helper
- `App/php/seed_content_architecture.php` Schema + 78 Anker + Easy-Texte
## Als nächstes
Abgestimmte Reihenfolge mit Atlas (22:05):
1. `App/pages/simulationen.php` — Einstiegs-Grid aller Module aus
`module_info`. Filter nach Status/Thema/Alter. Zwei CTAs pro Card
(„Mehr erfahren" → modul-\*.php · „Sofort probieren" → play_url).
iPad-First, identischer Look wie Lehrplan-Seite.
2. Country-Helper + Landeinstellung: `App/php/lib/Country.php` mit
Kaskade session → classes → teachers → localStorage → 'AT'.
`country CHAR(2) DEFAULT NULL` in `teachers`, `classes`,
`student_sessions`. Native-`<select>` im Header.
3. Landing-Page-Diff für `index.html` als kompletter Code-Block pro
Sim-Card (nicht unified diff) → Nachricht an Atlas.
4. Glossar-Nachricht für Fluss/Heli/Stadt/Erdbeben/Regenwald-Begriffe.
## Offene Entscheidungen
- **2D/3D-Toggle auf `modul-klima.php`**: Atlas erwartet später ein
Schema-Update (play_url_2d/_3d oder variants-JSON). Bis Klima die
Engine-Extraktion abgeschlossen hat: nichts ändern.
- `module_info.short_desc` / `long_desc` / `learning_goals` werden
demnächst im Admin-UI editierbar. Meine Seed-Defaults bleiben als
Ausgangstext, Thomas verfeinert im Admin.
## Blocker
Keine. Warte auf User-Go für `simulationen.php`.