Zum Inhalt springen
FRÖHLICH Logo

BITTE WAS?! Lehrmaterial-Filter und TYPO3-Update

Kunde

Landesmedienzentrum Baden-Württemberg

Branchen

Bildung, Sozialwesen

Kernaufgaben

Barrierefreiheit Extension-Programmierung Frontend-Entwicklung TYPO3-Update

Tech Stack

Alpine.js Composer-basiert TailwindCSS TYPO3 CMS

BITTE WAS?!
Lehrmaterial-Seite des BITTE WAS?!-Projekts in der Desktop-Ansicht
Lehrmaterial-Seite des BITTE WAS?!-Projekts in der Smartphone-Ansicht
Lehrmaterial-Seite des BITTE WAS?!-Projekts in der Tablet-Ansicht
Lehrmaterial-Auswahl von 'BITTE WAS?!' auf Desktop, Tablet und Smartphone

Problemstellung

  • Das Redaktionsteam pflegte jedes Lehrmaterial als eigenes Inhaltselement von Hand. Thema und Zielgruppe standen nur als Text im jeweiligen Element.
  • Lehrkräfte konnten die wachsende Materialsammlung nicht nach Thema oder Zielgruppe eingrenzen und mussten die Seite vollständig durchsehen.
  • Die Website lief auf TYPO3 11. Für diese Version gibt es keine regulären Sicherheitsupdates mehr.
  • Das Frontend beruhte auf einem älteren CSS-Aufbau und lud ein JavaScript-Framework sowie eine Icon-Font-Bibliothek, die größtenteils ungenutzt blieben.
  • Die Bedienung per Tastatur und weitere Anforderungen an die Barrierefreiheit waren nur teilweise umgesetzt.

Technische Lösung

  • Ich habe eine TYPO3-Extension entwickelt, in der das Redaktionsteam Lehrmaterialien als Datensätze pflegt. Die Startseite zeigt die neuesten Materialien daraus automatisch an.
  • Lehrkräfte filtern die Sammlung nach Thema, Zielgruppe und Stichworten und sortieren die Ergebnisse. So kommen sie ohne Umwege zu passenden Unterrichtsmodulen.
  • Ich habe die Website von TYPO3 11 auf TYPO3 13 aktualisiert und die eigenen Erweiterungen und Vorlagen angepasst. Die Installation erhält damit wieder regelmäßige Sicherheitsupdates.
  • Das Frontend läuft jetzt größtenteils mit TailwindCSS, und das schlanke Alpine.js wird nur dort eingesetzt, wo Interaktion nötig ist. Das bisherige Framework entfällt, und statt der Icon-Font-Bibliothek kommen nur wenige Inline-SVG-Icons zum Einsatz.
  • Die Barrierefreiheit habe ich ausgebaut. Unter anderem lässt sich die Hauptnavigation jetzt per Tastatur bedienen.
  • In einer kurzen Einführung habe ich dem Redaktionsteam die Extension gezeigt. Das Team fand sich schnell zurecht und pflegt die Inhalte selbstständig.

Kunden-Feedback

Website-Updates sind immer eine Herausforderung. Herr Fröhlich meistert sie mit Sachverstand, Pragmatismus und seiner stets freundlichen Art. Er liefert passende Lösungen, die er einfach und transparent vermittelt.

Carl Postelmann Referent Landesmedienzentrum Baden-Württemberg

Projekt-Website BITTE WAS?! - Kontern gegen Fake und Hass

Steht Ihr System auch vor der nächsten großen Änderung?

Sagen Sie mir, worum es geht. Ich melde mich zeitnah bei Ihnen.

Projekt anfragen
0711 - 12 00 69 12