Redesign und TYPO3-Upgrade mit interaktivem Quiz für das Geschichtsportal
Der Lernort Kislau e. V. informiert mit seinen Projekten und Ausstellungen über die Weimarer Republik und die NS-Zeit, um aus der Vergangenheit für die Zukunft zu lernen. Das von uns neu gestaltete Portal auf TYPO3-Basis soll vor allem junge Menschen erreichen und sensibilisieren.
Unter dem Slogan „Nicht mit UFOs“ wird Schüler/innen anschaulich erklärt, was vor und im Zweiten Weltkrieg in unserer Region passiert ist und wie es zu diesem Krieg kommen konnte. Schließlich sind die Nazis damals nicht plötzlich mit einem UFO gelandet. Viele Ereignisse werden beschrieben, Personen vorgestellt und Begriffe erklärt.
Als wir mit der Neugestaltung des Portals begonnen haben, mussten wir uns erst einmal in die Materie einarbeiten. Natürlich hat man vieles im Geschichtsunterricht gelernt, aber die Details sind irgendwie in Vergessenheit geraten. Viele Namen, die man zum Beispiel von Straßennamen kennt, haben ein Gesicht und eine Geschichte bekommen. Und es ist sehr spannend zu sehen, was in der eigenen Stadt wirklich passiert ist. Vor allem die sogenannten Motion Comics lassen die Zeit lebendig werden.
Geschichte erleben
Modernes Design für alle erreichbar
Das bisherige Layout war farblich und grafisch an die damalige Zeit angepasst. Nun sollte es an das Erscheinungsbild des Vereins angeglichen werden, um zwar informativ zu sein, sich aber optisch von den Ereignissen zu distanzieren. Entstanden ist ein klares Design, das neugierig auf die Inhalte macht und den Nutzer an die Hand nimmt.
Im Prinzip war alles schon da und sollte „nur“ einen neuen Anstrich bekommen. Im Laufe des Projekts wurde jedoch allen Beteiligten klar, dass einige Veränderungen dem Portal guttun würden:
Neustrukturierung der Startseite mit zusätzlichen Elementen
Filterung von Inhalten vereinfacht
Übersichtlichere Darstellung der Zeitleiste
Eindeutige Benennung der Menüpunkte entwickelt
Projekt- und Vereinsinformationen als Sekundärinformationen in die Fußzeile verlagert
Aufnahme der neuen Quiz ins Menü
Ein großes Problem war bisher, dass die Website für die Nutzung am Desktop optimiert war. Responsive Ansichten für kleine Endgeräte gab es nicht. Mit dem neuen, für mobile Ausgabegeräte optimierten, Design können sich alle Nutzerinnen und Nutzer auf einfache Weise weiterbilden. Dies unterstützt vor allem den Einsatz in Schulen im Unterricht bei der Nutzung von Tablets. Zudem ist die junge Zielgruppe vor allem mit dem Handy im Internet unterwegs.
Auf dem neuesten Stand der Technik mit TYPO3
Ursprünglich war ein Upgrade von TYPO3 Version 8.7 auf Version 11 geplant. Aus verschiedenen Gründen lief das Projekt jedoch länger als geplant und wir konnten direkt auf TYPO3 Version 12 aktualisieren. Das klingt an dieser Stelle einfacher, als es tatsächlich war. Durch den großen Versionssprung waren umfangreiche Anpassungen notwendig. So haben wir beispielsweise das bestehende CSS komplett modernisiert. Das vorhandene JavaScript hingegen haben wir so weit wie möglich beibehalten.
Auf dem Programm standen außerdem:
Migration der Extension dce (Dynamic Content Elements), die die einfache Erstellung neuer dynamischer Inhaltselemente ermöglicht.
Migration der Extension gridelements, mit der Inhaltselemente in einem festen Raster platziert werden, zur Extension container, mit der flexible Seitenstrukturen realisiert werden können.
Migration der alten Bildreferenzen auf FAL (File Abstraction Layer), die aktuelle Dateiverwaltung in TYPO3.
Dank dieser Maßnahmen ist das Portal technisch auf dem neuesten Stand und datenschutzkonform, so dass sich der Lernort Kislau e. V. in dieser Hinsicht erstmal keine Gedanken mehr machen muss.
Wissen testen
Klares Konzept für einfaches Quizzen
Die in das Portal integrierte Quiz-Anwendung durften wir komplett neu entwickeln. Als Vorlage dienten die bestehenden gedruckten Quiz, die wir interaktiv umgesetzt haben.
Jedes Quiz basiert auf einem der Motion Comics. Nach dem Anschauen können Fragen zu den dargestellten historischen Persönlichkeiten beantwortet werden. Über weitere Quellen, mit den zugehörigen Fragen, lernt man mehr über die Hintergründe und zum Schluss ist die eigene Meinung gefragt.
Die Mischung aus Multiple Choice, Freitextfeldern und Skalen bietet Abwechslung. Bei Unsicherheiten kann man sich das Video jederzeit noch einmal anschauen. Jede Frage muss beantwortet werden. Die Quizteilnehmer erhalten aber sofort eine Rückmeldung, ob sie die Antwort wussten oder was stattdessen richtig gewesen wäre. Hat man einen eigenen Text verfasst, gibt es eine Beispielantwort zur Kontrolle. Am Ende kann jeder sein persönliches Ergebnis als PDF-Datei herunterladen.
Ziel ist es in erster Linie, Lehrern aktuelles und zeitgemäßes Unterrichtsmaterial zur Verfügung zu stellen. Grundsätzlich kann aber jeder hier sein Wissen testen.
Komplexe Anforderungen sorgen für knifflige Umsetzung
Die technische Umsetzung war aufgrund der unterschiedlichen Fragetypen und Antwortmöglichkeiten, die in verschiedene Bereiche unterteilt sind, eine kleine Herausforderung. Um den komplexen Anforderungen gerecht zu werden, haben wir ein eigenes Datenbankmodell entwickelt. Die Basis ist natürlich TYPO3. So kann der Kunde alle Inhalte einfach über das Backend pflegen und verlinken. Außerdem fügt sich das Quiz nahtlos in die Website ein.
Das Frontend haben wir mit topwire umgesetzt, das dynamische und interaktive TYPO3-Seiten ohne zusätzliches JavaScript ermöglicht. Es gibt keinen Seitenreload und das Quiz ist sehr schnell. Etwas knifflig war die direkte Überprüfung der Antworten und die Ausgabe als PDF mit allen Resultaten. Die Ergebnisse der Benutzer werden in einer anonymen Session gespeichert, es ist also kein Login notwendig.
Unser Resümee
Wir empfehlen Dir, Dir selbst ein Bild vom Portal zu machen, Dich durch die Inhalte zu klicken, einen Motion Comic anzuschauen und ein Quiz zu machen. Du wirst sehen, wie spannend Geschichte sein kann und wie viele Zusammenhänge plötzlich klar werden.
Das Geschichtsportal macht aber auch deutlich, wie grausam damals gehandelt wurde und dass wir so etwas nie wieder zulassen dürfen. Deshalb freuen wir uns sehr, dass wir mit unserer Arbeit einen Beitrag zur Aufklärung leisten können.
Dir gefällt, was wir hier geleistet haben? Du überlegst, ob wir auch Dein Projekt umsetzen können? Dann überlege nicht lange und nimm gleich Kontakt mit uns auf!
Telefon: +49 (0)721 35456-62 | Mail: info(at)werkraum(dot)net
Leistungsumfang
Technik dahinter
Extensions
Für Lernort Kislau e.V. haben wir zudem folgendes umgesetzt: