Storytelling in TYPO3 – kinderleicht mit Twine

Storytelling – das ist eigentlich etwas sehr einfaches: Geschichten erzählen! Eine Geschichte, die den Leser oder Zuhörer fesselt, die Emotionen frei setzt, die gerne gehört wird. Im besten Fall ist der Zuhörer gespannt und will die Fortsetzung der Geschichte unbedingt erfahren.

Und Storytelling wird umso wichtiger, je schwieriger eine Geschichte zu erzählen ist! Richtig schwierig wird es in der Wissenschaft. Niemand liest gerne Excel-Tabellen, nicht einmal die Nerds. Und Fakten sind nicht halb so interessant, wie die Menschen immer behaupten.

Wenn es gelingt, die drögen Fakten in lebendige Geschichten umzuwandeln, kann man sein Publikum ganz anders erreichen. Für Geschichten ist unser Gehirn wirklich gebaut. Geschichten merkt es sich mühelos – und davon will es sogar immer mehr hören.

In diesem Blog-Beitrag möchten wir erzählen, wie wir mit einer geschickten Kopplung von TYPO3 und Twine eine Geschichte umgesetzt haben und was man mit denselben technischen Mitteln noch alles erreichen könnte.

Storytelling verzaubert Kinder

In diesem Fall ging es einem Kunden von uns - der LegaKids Stiftung - darum, eine Geschichte für Kinder mit Lese-Rechtschreib-Schwäche zu erzählen. Das pädagogische Ziel ist es, die Kinder auf unterhaltsame Weise ans Lesen heranzuführen. Die Texte sind kurz und kindgerecht. Immer wieder werden sie von kleinen Filmen oder Hörspielen unterbrochen, so dass die Last des Lesens nie zu groß wird.

Die Texte, Filme, Musik, Hörspiele und Designs wurden uns von außen zugeliefert, unser Part war die technische Umsetzung.

Die Herausforderungen beim Storytelling

Technisch bot die Umsetzung einige Herausforderungen. Zunächst einmal sollte das Spiel flüssig auf Handys und Tablets laufen, weil das die Geräte sind, die Kinder hauptsächlich nutzen. Dann aber kam erschwerend ein zweites Element hinzu: Das Spiel sollte nicht-linear ablaufen.

Es ist also keine gradlinige Geschichte, sondern hat eher Elemente eines Computerspiels: An bestimmten Stellen fällt der Nutzer Entscheidungen, die sich auf den Fortgang des Spiels auswirken.

In diesem Fall waren es Verzweigungs-Entscheidungen, die den Fluss der Geschichte in alternative Stränge aufspalteten. Da es mehrere solche Verzweigungspunkte gibt, mussten wir schließlich eine Landkarte hinzugfügen, mit der die Kinder einen Überblick bekommen, auf welchem Strang der Geschichte sie gerade unterwegs sind.

Storytelling mit Twine

Zur Umsetzung haben wir uns für das Framework „Twine“ entschieden. Twine ist eine Plattform zur Generierung browserbasierter interaktiver nichtlinearer Geschichten.
Oft wird Twine für textbasiertes Storytelling eingesetzt, deren Grundform der einer oder andere noch von Zork (1980) her kennt.

Twine benutzt zum Erstellen des Codes so genannte Storyformate, die jeweils eine eigene Programmiersprache mitbringen (Sugarcube, Harlowe, Snowman, Chapbook...) . Damit erzeugt es im Endeffekt eine statische HTML-Seite kombiniert mit JavaScript, so dass die Spiele ohne großen Installationsaufwand lauffähig sind.

Im Prinzip kann man mit Twine ohne Programmierkenntnisse Spiele zusammenstellen, ist dann aber natürlich auf die Möglichkeiten des Frameworks beschränkt.

Storytelling nur mit TYPO3

Es hätte auch die Möglichkeit gegeben, das ganze Spiel allein in TYPO3 zu erstellen. Aber mit Twine hat einige Vorteile: So sind nach dem anfänglichen Laden alle Daten auf dem Browser des Kunden. Die Spiele haben eine schnelle Reaktionszeit, es gibt keinen Datenverkehr mit dem Server. Das Erlebnis ähnelt einer App nicht einer Website. Zudem können die Spiele nach dem anfänglichen Laden sogar offline gespielt werden.

Mit Twine konnten wir uns auf den Inhalt und das Aussehen des Spiels konzentrieren ohne eine komplexe Spielmechanik selbst entwickeln zu müssen. Es bietet die Möglichkeit mit Widgets und Macros Elemente vorzudefinieren, die dann einheitlich auf den Seiten eingebunden werden können.

  • Inhalte und Struktur -> Twine

  • Verhalten -> JavaScript, Sugarcube

  • Aussehen -> CSS

  • Media -> Videos, Hörspiele, Bilder

Über Variablen merkt sich Twine den vergangenen Spielablauf. An jeder Verzweigung wird eine Variable gesetzt. Der folgende Spielablauf wird von den jeweils gesetzen Variablen bestimmt.

Neue Storymöglichkeiten in Twine

An verschiedenen Stellen musste wir Twine erweitern. So sollte der Spielfluss zum Beispiel an manchen Stellen von Multiple-Choice-Fragen unterbrochen werden. Dafür haben wir so genannte Widgets erstellt, die auf den Seiten eingebunden und konfiguriert werden.

An anderer Stelle benötigten wir ein Popup, um den Spielfluss nicht zu unterbrechen. So lässt sich die Landkarte jederzeit oberhalb des festgelegten Inhaltsbereichs anzeigen.

Story nachträglich erweitern

Storytelling mit normalem Text
Storytelling mit Silbentrennung

Wie praktisch die unkomplizierten Möglichkeiten von Twine sind, haben wir nach dem Livegang des Spiels erfahren. Es stellte sich heraus, dass die Texte von manchen Kindern doch noch als zu schwierig empfunden wurden.

Zur Vereinfachung der Lesbarkeit haben wir daraufhin eine weitere Verzweigung in das Spiel implementiert, diesmal in Form eines initialen Settings. Jetzt können die Kinder auswählen, ob sie den Text in normaler Form anschauen wollen, oder ob die Silben der Wörter farblich gekennzeichnet werden sollen. Das vereinfacht das Lesen durch zusätzliche Struktur.

Einsatzfelder für Storytelling

Insgesamt ist das Lesespiel eine schöne und emotionale Geschichte geworden, die Storytelling in einer kindgerechten Form zeigt. Die Rückmeldungen von den Kindern beweisen, dass es gut angenommen wird.

Auf derselben Basis haben wir ein zweites, einfacheres Spiel erstellt, das rein linear aufgebaut ist und den Kindern die Möglichkeit bietet, sich die Texte auch vorlesen zu lassen.

Viele andere Einsatzfelder derselben Technik sind denkbar. So könnten damit komplexe Geschichten für Erwachsene erzählt werden. Auch ein Einsatz im e-Learning ist denkbar: Auch Lern-Inhalte könnten über Twine gefällig aufbereitet werden. Die Spielverzweigungen entstehen dann durch die Antworten des Lernenden: Je nachdem, wie gut er das bisherige Material verstanden hat, werden neue Inhalte gebracht oder alte vertieft.

Kontaktieren Sie uns

Wenn Sie Fragen zum Storytelling haben oder wissen wollen, ob ihr spezieller Anwendungsfall sinnvoll in Form einer Story umgesetzt werden kann, so kontaktieren Sie uns einfach: Gemeinsam finden wir die beste Lösung.

Tel 089 / 38 15 76 400