Files
geograsim/App/sims/_inbox/content/2026-04-18-1030-ipad-referenz.md
T
Adminator db9ed43407 Lehrplan: 4 Modul-Detailseiten + lehrplan.php + simulationen.php + 78 Anker
- 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>
2026-04-19 00:05:12 +02:00

2.2 KiB
Raw Blame History

von, an, datum, status, betrifft
von an datum status betrifft
atlas lehrplan 2026-04-18 10:30 gelesen 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.mdAbschnitt 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