Skip to content

Wie erstelle ich kursinterne Verzweigungen? (Branching)

Ziel und Inhalt dieser Anleitung

Verzweigte Szenarien ermöglichen die Erstellung interaktiver Lehr- und Lernumgebungen, bei denen die Lernenden aktiv Entscheidungen treffen müssen um weiterzukommen. Je nach gewählter Option werden sie dann zu unterschiedlichen Seiten, weiterführenden Informationen oder Handlungsaufforderungen weitergeleitet. Die folgende Anleitung zeigt, wie solche interaktiven Lehr-/Lernsettings mit OpenOlat umgesetzt werden können.

Zielgruppe

[x] Autor:innen [x] Betreuer:innen [ ] Teilnehmer:innen

[ ] Anfänger:innen [x] Fortgeschrittene [x] Expert:innen

Erwartete Vorkenntnisse

Wie können Verzweigungen in einem Kurs aufgebaut sein?

Es gibt verschiedene Möglichkeiten, wie man die Struktur für Branching-Szenarien gestalten kann. Hier drei typische Beispiele:

a) Lineares Branching (Perlenkettenmodell):
Die Hauptknoten/Seiten werden nacheinander abgearbeitet. Die Entscheidungen führen eher nur zu kleinen Einschüben/Schleifen oder stellen unterschiedliche Informationen bereit. Dabei werden die Informationen bzw. Seiten jedoch immer wieder zusammengeführt. Insgesamt ein eher einfacher Ansatz.

Lineares Branching

b) Verzweigtes Branching
Bei dieser Variante gibt es verschiedene (parallele) Wege durch die einzelnen Seiten. Jede Wahl führt zu unterschiedlichen Verzweigungen, die neue Entscheidungsmöglichkeiten eröffnen aber gleichzeitig bestimmte Wege beschränken können. Mehrere Enden, auch negative sind dabei möglich. Häufig eher hierarchisch organisiert und weniger durchlässig. Verzweigtes Branching

c) Netzwerk-Branching
Diese Struktur erlaubt es Lernenden, zwischen verschiedenen Entscheidungspunkten nicht linear zu navigieren, eine klare vorgegebene Reihenfolge gibt es in der Regel nicht. Diese Struktur ist eher durchlässig und lässt den Lernenden den grössten Spielraum für individuelle Wege und Entdeckungen.
Netzwerk-Branching

Zum Seitenanfang ^

Wie plane ich ein Branching-Szenario?

Die Gestaltung von Branching-Szenarien erfordert eine sorgfältige Planung: Lehrende sollten klare Lernziele definieren und nachvollziehbare, logische Handlungswege entwickeln.

Ein Branching-Szenario ist narrativ und besteht aus einer Gesamt-Story, die auch das Lernziel widerspiegelt.

Finden Sie Ihr Thema, Ihre Story

  • Definieren Sie Ihr Thema, Ihren Inhalt.
  • Stellen Sie eine Verbindung zur Zielgruppe her.
  • Definieren Sie die Lernziele.
  • Welche Wahlentscheidungen wären thematisch gut und wichtig? Wofür wollen Sie sensibilisieren?
  • Bauen Sie Spannung und Dramaturgie ein.
  • Überlegen Sie auch, wie Sie das Branching-Szenario konkret einsetzen wollen, z.B.
    • dozentengeleitet im Plenum
    • als selbstgesteuerten individuellen Kurs
    • als Wettbewerb: Wer hat als erstes den Zielknoten erreicht?
    • usw.
  • Ist das Branching-Szenario Teil eines komplexeren Settings? Soll es noch mit anderen OpenOlat Elementen wie Quiz, Evaluation, Reflexion u.ä. kombiniert werden?

Die Gesamt-Story verteilt sich auf mehrere Seiten, auch Knoten genannt, die über die jeweiligen Wahlmöglichkeiten miteinander verbunden sind.

Eine einzelne Seite bzw. Knoten besteht aus mindestens folgenden Elementen:

  • Einem eindeutigen Namen bzw. Titel. Dieser wird auch für die Verknüpfung benötigt. 1_green_20.png
  • Einem Story-Element, meist ein Text aber auch Bilder, Videos oder Kombinationen verschiedener Multimedia-Elemente sind möglich. 2_green_20.png
  • Zwei bis fünf Wahlmöglichkeiten, die aus der Story abgeleitet werden. Jede Wahlmöglichkeit führt dann jeweils zu einer neuen Seite bzw. einem neuen Knoten. Diese neuen Seiten bilden gleichzeitig auch das Feedback bezüglich der getroffenen Wahl für die Lernenden. 3_green_20.png

Branching Aufbau zentrale Elemente

Planen Sie jeden dieser Knoten und behalten Sie die gesamte Story und Struktur im Blick.

Herangehensweise

Es gibt mehrere Möglichkeiten, wie man konkret vorgehen kann um ein Branching-Szenario für und mit OpenOlat zu erstellen.

a) Erst Struktur dann Inhalte umsetzen

Dabei liegt der Fokus auf der Planung der Verzweigungen und Entscheidungswege. Die konkrete Ausgestaltung der Knoten mit der Story erfolgt dann im zweiten Schritt. Zunächst wird also die gesamte Verzweigungsstruktur geplant, in OpenOlat übertragen und mit HTML-Seiten umgesetzt. Ein Knoten entspricht dabei einem Kursbaustein HTML-Seite. Im nächsten Schritt werden die erstellten Seiten mit den konkreten Inhalten bzw. Story-Elementen und Wahlbschreibungen gefüllt. Dieses Vorgehen eignet sich besonders gut für verzweigtes Branching und Netzwerk-Branching.

b) Sukzessiver Aufbau

Sie haben eine spannende Idee, aber noch keine konkrete Verzweigungsstruktur und möchten Ihr Szenario nach und nach entwickeln? Dann gehen Sie so vor: Starten Sie mit der Story der Startseite (Kursbaustein HTML-Seite) und den ersten Wahlmöglichkeiten. Gestalten Sie nun nach und nach die unterschiedlichen Wahlmöglichkeiten aus. Achten Sie aber darauf die Teile wieder gut zusammenzuführen. Dieses Vorgehen ist gut geeignet für hierarchische Strukturen und verzweigtes Branching.

c) Aus linear mach verzweigt

Sie verfügen bereits über eine geeignete lineare Story? Dann ergänzen Sie diese mit passenden Verzweigungen an bestimmten Stellen. Diese Wahlmöglichkeiten können zu einer unterschiedlichen Fokussierung oder Vertiefung führen, leiten aber letztendlich immer wieder zum nächsten "Kapitel". Teilen Sie hierfür ihre Story in passende Kapitel und verzweigen Sie bei jedem Kapitel. Dieses Vorgehen passt gut zum Perlenkettenmodell. Ein Kapitel könnte eine Perle darstellen.

Zum Seitenanfang ^

Ein geplantes Branching Szeanrio mit OpenOlat umsetzen

Sie benötigen:

  • einen klassischen bzw. herkömmlichen Kurs
  • viele Kursbausteine "HTML-Seite". Die Bearbeitung erfolgt dann im OpenOlat HTML-Editor. Alternativ kann auch der Kursbaustein Seite verwendet werden.
  • OpenOlat interne JavaScript Links der Kursbausteine. Diese können im Kurseditor ausgelesen werden.
  • Passende Konfiguration in Administration > Einstellungen zum Ausblenden der Navigation.

Je nach Ausgestaltung benötigen Sie eventuell noch weitere Kursbausteine wie Test, Webcam-Aufnahmen, Formulare usw. In den meisten Fällen werden Sie auch Grafiken für die Visualisierung benötigen.

Im Folgenden wird das Vorgehen bei Verwendung des Kursbausteins "HTML-Seite" beschrieben.

Zum Seitenanfang ^

Schritt 1: Kurs erstellen

Erstellen Sie einen neuen klassischen (herkömmlichen) OpenOlat Kurs.

Hinweis

Warum kein Lernpfad-Kurs? Der Kurs-Typ Lernpfad bringt für dieses Szenario keinen Mehrwert und schränkt auch die Nutzung für Gäste ein. Ferner sind die Wege durch den Kurs je nach Entscheidungen der User unterschiedlich. Ziel ist es also in der Regel gar nicht, 100% Fortschritt zu erreichen.

Zum Seitenanfang ^

Schritt 2: Startseite anlegen

Gehen Sie in den Kurseditor und fügen Sie einen Kursbaustein "HTML-Seite" hinzu. Vergeben Sie als Titel im Tab "Titel und Beschreibung" einen sinnvollen Titel z.B. "Startseite". Achten Sie auch im Weiteren auf eine möglichst eindeutige Bezeichnung von allen weiteren zu erstellenden Kursbausteinen. Das hilft Ihnen bei der Orientierung im Szenario.

Gehen Sie in den Tab "Seiteninhalt" und erstellen Sie eine neue Datei HTML-Seite. Es ist sinnvoll hierfür denselben Titel wie im Tab Titel und Beschreibung zu verwenden. Erlauben Sie sofern notwendig auch den Link im gesamten Ablageordner.

Zum Seitenanfang ^

Schritt 3: Startseite ausgestalten und Verzweigungen einbauen

Nun können Sie die angelegte HTML-Seite über den Link „Seite bearbeiten“ ausgestalten und mit Inhalten/Story und Wahlmöglichkeiten füllen.
Damit ist die erste Seite fertig.

Zum Seitenanfang ^

Schritt 4: Wahl-Seiten anlegen und ausgestalten

Legen Sie nun im Kurseditor für jede der auf der Startseite genannten Wahloptionen eine neue HTML-Seite an. Gehen Sie dabei ähnlich wie in Schritt 2 vor. Vergeben Sie wieder einen kurzen, eindeutigen Titel, der die Wahloption deutlich macht. Ergänzen Sie zur Orientierung eventuell noch eine Nummer.

Anschliessend müssen die neuen HTML-Seiten mit der jeweiligen Story-Fortsetzung und den nächsten Wahlmöglichkeiten ausgestaltet werden. Das Vorgehen erfolgt dabei in Anlehnung an Schritt 3.

Gehen Sie nun für jeden Knoten in derselben Weise vor:

  • Kursbaustein "HTML-Seite" einfügen
  • Titel vergeben
  • HTML-Seite erstellen
  • Seite inhaltlich ausgestalten
  • Wahloptionen einfügen.

Tipp

Nutzen Sie am besten drei Wahloptionen für ein interessantes, aber noch überschaubares Szenario. In Ausnahmefällen können Sie im Verlauf des Szenarios auch nur einen weiterführenden Link verwenden, wenn Sie den Usern keine wirkliche Wahl lassen wollen. Es ist auch möglich eine Wahloption einzubauen, die zum Start oder einer bestimmten Seite zurückführt.

Zum Seitenanfang ^

Schritt 5: Verlinkungen auslesen

Damit die diversen erstellten (HTML-)Seiten miteinander verbunden werden, müssen Sie noch die jeweils passenden kursbausteininternen Links auslesen und diese mit den Wahloptionen verknüpfen.

Hierfür wird die internen Verlinkungsmöglichkeit, die generell für alle OpenOlat Kursbausteine zur Verfügung steht, verwendet. Gehen Sie im Kurseditor zur gewünschten Zielseite einer Wahloption. Scrollen Sie im Tab "Titel und Beschreibung" nach unten und wählen Sie -> Link auf diesen Kursbaustein setzen. -> Kursinterner Link (JavaScript).

Der Link könnte z.B. so ähnlich aussehen: "javascript:parent.gotonode(111293110549156)" Kopieren Sie den bei Ihnen angezeigten Link.

Javascrpt Link

Tipp

Dieses Vorgehen funktioniert nicht nur für Branching-Szenarien, sondern generell für Kursbaustein-Verlinkungen innerhalb eines Kurses und bietet viel Potenzial!

Zum Seitenanfang ^

Schritt 6: Verlinkungen setzen

Navigieren Sie nun zu der HTML-Seite, auf der die zuvor aufgerufene Seite als Wahl-Option hinterlegt ist. Gehen Sie wieder in den HTML-Editor (Siehe Schritt 3). Markieren Sie die entsprechende Wahloption, wählen Sie "Einfügen" -> Link bzw. nutzen direkt das entsprechend Symbol im HTML-Editor.

HTML-Editor Linke einfügen

Beispiel: Sie haben den JavaScript Link für Option 1 der Startseite ausgewählt, dann rufen Sie anschliessend die Startseite auf, gehen in den HTML-Editor und fügen die Verlinkung für Wahloption 1 dort ein.

Gehen Sie in gleicher Weise für die anderen Wahloptionen bzw. Zielseiten vor.

Tipp

Sie können auch im Kurseditor nacheinander alle internen Links für eine Wahlseite kopieren und erst dann in den HTML-Seite Editor des Wahlknotens wechseln. Das geht meist schneller.

Zum Seitenanfang ^

Schritt 7: Testen und optimieren

Um ein gutes, stimmiges Branching-Scenario zu kreieren, sollten Sie die einzelnen Wege und Möglichkeiten auch gut testen. Funktioniert alles? Ist der Aktionsfluss passend? Gibt es vielleicht Unstimmigkeiten, Unlogik oder Linkfehler? Wechseln Sie in die Teilnehmenden-Rolle und folgen Sie unterschiedlichen Wegen. Korrigieren und optimieren Sie, wenn nötig.

Gestalten Sie nun Ihre Szenarien auch noch etwas plastischer aus. Ergänzen Sie für jede HTML-Seite z.B. eine passende Visualisierung.

Optik Branching

Tipp

Experimentieren Sie auch mit Videos. Im einfachsten Fall könnten OpenOlat interne Webcam Aufnahmen verwendet werden. Besonders spannend für die Lehre ist auch die Kombination mit weiteren Aktionselementen. Hierfür stellt OpenOlat ja eine Menge Potenzial bereit.

Zum Seitenanfang ^

Schritt 8: Finalisieren

Bevor Sie Ihr Branched-Scenario Ihren Lernenden zugänglich machen können, müssen Sie den Kurs noch publizieren, den Zugang einrichten und ein paar Dinge ausblenden. Schliesslich sollen sich die Lernenden ja gerade nicht durch die linke Navigation steuern, sondern wirklich den vorbereiteten und selbst gewählten Wegen folgen.

Kurs Navigation und Toolbar ausblenden

Gehen Sie in die Kursadministration und wählen Sie die Einstellungen.

  • Im Tab "Layout" kann nun die Navigation ausgeblendet werden:
    Kurs Administration -> Einstellungen -> Tab "Layout" -> Im Bereich Navigation alle Haken entfernen, keine Menü Navigation und keine Krümelnavigation Tab Layout

  • im Tab "Toolbar" kann ferner die Toolbar für Teilnehmende ausgeblendet werden.
    Kurs Administration -> Einstellungen -> Tab "Toolbar" -> "Toolbar sichtbar für Teilnehmende" Haken entfernen Tab EinstellToobar

Wichtig

Machen Sie diesen Schritt wirklich erst zum Schluss.

Zum Seitenanfang ^

Generelle Tipps

  • Nutzen Sie den Kursbaustein Test um "Geheimcodes" abzufragen die im Verlauf gesammelt werden konnten. Vielleicht brauchen die User ja den Code um zur finalen Seite zu gelangen.
  • Nutzen Sie QR-Codes und hinterlegen Sie dort wichtige Informationen oder zusätzliche Infos, Rätsel oder Belohnungen. Das macht es spannender.
  • KI kann generell sehr bei der Entwicklung von Branching-Szenarien unterstützen, z.B. um eine zum Ziel passende Handlung, Wahlmöglichkeiten und sogar eine sinnvolle Verzweigungsstruktur für Ihr Vorhaben zu entwickeln und auch um passende Grafiken zu erstellen.
  • Wer sich schwer tut die Struktur mit OpenOlat aufzubauen kann für die Strukturentwicklung auch zunächst spezifische Tools wie Twine verwenden und anschliessend die Struktur in OpenOlat übertragen.
  • Wenn Sie mit dem Kursbaustein "Seite" arbeiten: Nutzen Sie doch für die Wahloptionen die „Hinweis-Box“ Typ, Benutzerdefiniert. So können die Wahlmöglichkeiten durchgehend einheitlich hervorgehoben werden.

Zum Seitenanfang ^

Weiterführende Informationen

Beispiel-Kurs für Branching "Wähle gut" (erstellt durch vcrp) >
Kursbaustein "HTML-Seite" >
Kursbaustein "Seite" >
Einstellungen am Kurs >
Kurseditor >
Videos in OpenOlat >
Quiz bzw. Test >

Zum Seitenanfang ^