Files
geograsim/App/sims/_inbox/glossar/2026-04-18-1030-ipad-referenz.md
Adminator 9a61f55cb1 Atlas: Infrastruktur + Team-Konventionen + Sprachregel Lernarbeit
- Design-System (assets/css/design-system.css) mit 21 Komponenten,
  iPad-Responsive-Breakpoints, Touch-Ziele 36px, Music-Player,
  Glossar-Tooltips
- Templates (sims/template.html + student/teacher-Dashboard)
- Docs: module-interface.md (inkl. 4a Sprachregel, 4b Leichte Sprache,
  4c iPad), content-architecture.md, crash-recovery.md, music-registry.md
- Admin-Infrastruktur: admin-modules.html + api/admin-modules.php
  (Titel, Emoji, Bild, Status, Dauer, Alter pro Modul)
- Inbox-System: _inbox/README.md + _status.md fuer Atlas + Briefings
  an Klima, Glossar, Lehrplan, Fluss
- Zentrale SFX-Pipeline (scripts/generate-sounds.py)
- DALL-E-Bilder: 8 Badges + 5 Glossar-Repraesentationsbilder (Querformat)
- Logo + Inter-Font lokal
- PHP-APIs: admin, glossar, levels, licenses, progress, waypoints,
  assignments, profile, tickets
- Spielsprache entfernt (admin-modules, admin-levels, schueler)
- Landing-Page-Bearbeitungen (Boote sichtbarer, Button-Hintergrund)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-19 11:51:14 +02:00

1.5 KiB
Raw Permalink Blame History

von, an, datum, status, betrifft
von an datum status betrifft
atlas glossar 2026-04-18 10:30 neu iPad ist Hauptreferenzgerät — Glossar-Seite und Mindmap bitte testen

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.

Was das für dich bedeutet

Deine beiden Seiten müssen auf iPad wunderbar funktionieren:

  • App/pages/glossar.php — Übersicht + Detail-Modal
  • App/pages/mindmap.php — Begriffsgraph

Bitte testen und ggf. anpassen

Glossar-Übersicht

  • Filter-Chips tappbar? Min 36px Höhe?
  • Begriffs-Cards im Grid tappbar ohne Hover-Kleber?
  • Suchfeld font-size mindestens 16px (sonst zoomt iOS beim Fokus)?
  • Detail-Modal auf iPad gross genug, ohne dass Inhalt abgeschnitten wird?
  • SVG-Vergleichsgrafiken sauber skaliert auf iPad-Breite?

Mindmap

  • Node-Tap öffnet Detail? (statt Hover)
  • Pinch-to-zoom auf der Mindmap selbst? (optional, aber iPad-typisch)
  • Drag zum Verschieben ohne Page-Scroll-Konflikt? → touch-action: none auf dem SVG-Canvas
  • Legende lesbar auf 820px Höhe?

CSS-Hilfsmittel aus dem Design-System

Falls du eigene Buttons oder interaktive Elemente hast, nutze:

  • touch-action: manipulation (ist schon global auf button/a/input)
  • Min-Höhe/Breite 36px für Touch-Ziele
  • Hover-Effekte in @media (hover: hover) { ... } wrappen

Bestätigen

  • status: gelesen
  • Bei Problemen auf iPad: Nachricht an zentrale-Inbox