Herausforderung

Eine pflegbare, interaktive Lern- und Quizstrecke, aufgeteilt in individuell ansteuerbare Kapitel und verbunden mit einem Auswertungssystem für Zwischen- und Endergebnisse, stellte unsere Entwicklung vor eine größere Herausforderung.

Mit insgesamt 12 intuitiven Lern- und Quizelementen, darunter:

• Drag & Drop Card-Stacks
• Slider
• Hotspot Image 
• Multiple Choice
• Drag & Drop Reihenfolgen
• Flip Cards
• (...)

sind die Quiz-Strecken abwechslungsgreich und informativ. 

Besonders anspruchsvoll war die technische Umsetzung der Content-Pflege und die Möglichkeit, neue Lernstrecken zu erstellen. Durch den prozessualen Aufbau mit Auswertungssystem und Fortschrittsbalken bewegen wir uns hier eher im Bereich der Anwendungsentwicklung als der klassischen Website-Entwicklung.

Lösung

TYPO3 war als CMS die erste Wahl, vor allem wegen seiner technischen Flexibilität, insbesondere bei der Entwicklung individueller TCAs (Table Configuration Arrays). Damit konnten wir eine technisch komplexe Anwendung realisieren, die zugleich intuitiv pflegbar ist. Mithilfe einer eigens entwickelten API übergeben wir die Daten zur Modellierung an das Frontend.

Viele Quiz- und Inhaltselemente nutzen intuitive Funktionen wie Wisch- und Ziehgesten. Durch den Einsatz von React schaffen wir ein spielerisches Nutzererlebnis für die gesamte Lernstrecke und unterstützen so effektiv die Weiterbildung von Fach- und Führungskräften.

Die Lern- und Quizstrecke ist für Reakteure vollständig über das Backend bedienbar und kann in separate Kapitel sowie darunterliegende „Schritte“ unterteilt werden. Jeder Schritt lässt sich mit einem Lern- oder Quiz-Element bestücken und individuell pflegen.