Tutorials oder interaktive Geschichten erstellen mit Twine

Twine ist ein offenes Webtool zur Gestaltung interaktiver Texte mit viel Potential fĂŒr zeitgemĂ€ĂŸe Bildung. Es bietet spannende Einsatzmöglichkeiten zum Lehren und Lernen: Aus Lehrendenperspektive lassen sich Tutorials und andere Selbstlernmaterialien gestalten. Lernende können Twine zum kreativen Schreiben und zur Gestaltung von Spielen nutzen. FĂŒr beide Einsatzszenarien kannst Du Dir hier Beispiele ansehen:

📄 Twine erklĂ€rt

Um ein erstes, einfaches Twine zu erstellen, folgst Du diesen Schritten:

Schritt 1: Twine starten

Um Twine zu starten, musst Du Dich nirgends anmelden oder etwas registrieren. Du erstellst Twines im Zwischenspeicher Deines Browsers. Dazu gehst Du auf die Website twinery.org.

Schritt 2: Geschichte anlegen

Mit Klick auf +Geschichte legst Du ein neues Twine an. Du kannst ihm einen selbst gewÀhlten Namen geben. Das lÀsst sich spÀter auch wieder Àndern.

Schritt 3: Inhalte hinzufĂŒgen

Twine-Inhalte befinden sich in so genannten “Passagen”, die untereinander beliebig verlinkt sein können. Der wichtigste ‘Befehl’ ist somit die Verlinkung, die in dieser Form gestaltet wird:[[Hier ist der Link zur Passage 2->passage2]].Viele weitere Befehle sind in diesem Twine Spickzettel zusammengefasst. Einige Profi-Befehle lernst Du zudem in diesem Muster-Twine (Download als Zip)kennen.

Schritt 4: Design Àndern

Das Design des Twine kann angepasst werden, indem Du unter MenĂŒ auf ‘Stylesheet der Geschichte bearbeiten’ gehst. Du kannst eigenes CSS schreiben – oder Dir eines dieser VorschlĂ€ge rein kopieren:

Schritt 5: Twine veröffentlichen

Wenn Du im MenĂŒ ‘Als Datei veröffentlichen’ wĂ€hlst, wird Dein Twine als .html Datei heruntergeladen. Du kannst diese Datei per Mail oder via Messenger teilen. Sie kann in jedem Browser geöffnet werden. Alternativ kannst Du sie auf Deiner eigenen Website online stellen (z.B. in WordPress ĂŒber den Media Upload) oder ĂŒber die folgenden Webdienste:

  • Filebin: Einfachste Variante, ohne Registrierung. Das Twine bleibt fĂŒr 1 Woche online.
  • Glitch: Ohne Registrierung fĂŒr eine Woche; mit Registrierung dauerhaft.
  • Github: Registrierung erforderlich. Dauerhafte Speicherung und Anzeige via Github Pages

Im folgenden Ausschnitt aus dem OERcamp Webtalk  ist die Erstellung eines Twine detailliert erklÀrt.

📝 Übung: Erstelle Dein erstes Twine

Mithilfe der oben dargestellten Schritt fĂŒr Schritt Anleitung und der ErlĂ€uterungen im Video, kannst Du Dir ein eigenes erstes Twine erstellen. Versuche zunĂ€chst, die grundlegende Technik mit den Verlinkungen zu verstehen. Anschließend kannst Du weitere Features wie Befehle oder Design Ă€ndern. Wenn Du nicht weiterkommst oder Unklarheiten hast, dann frage mich per Mail via support@ebildungslabor.de

💬 Austausch: Twine zum Lehren und Lernen nutzen!

Wenn Du ein erstes Twine erstellt hast, dann veröffentlich es und teile den Link als Kommentar. Ebenso kannst Du Ideen teilen, welchen Einsatz von Twine zum Lehren und Lernen Du Dir vorstellen kannst. Eine Option ist z.B. die Veröffentlichung interaktiver Gedichte, wie hier auf open.education beschrieben. Sicherlich hast Du noch viele weitere Ideen!

ZurĂŒck zu: Offene Webtools fĂŒr offenes Lehren und Lernen > Best-Of Webtools unter der Lupe
9 Comments
  1. Hallo,
    die “veröffentlichte” html Datei bleibt aber immer erhalten?

    Reply
    • Ja, ‘veröffentlicht’ ist hier tatsĂ€chlich ein missverstĂ€ndlicher Begriff im Programm. Es bedeutet ja, dass Du die Datei herunterlĂ€dst. Sie bleibt dann solange erhalten, wie Du sie auf Deinem Rechner gespeichert lĂ€sst.

      Reply
  2. Twine erinnert mich an das Branching Scenario von h5p. Gibt es Unterschiede oder hat das eine Vorteile gegenĂŒber dem anderen?

    Reply
    • Ja, das ist sehr Ă€hnlich. Bei Twine wird das Design direkt mitgeliefert und man kann es recht leicht Ă€ndern.Bei H5P ist cool, dass es etwas einfacher in der Bedienung ist. Insgesamt ist es einfach eine unterschiedliche Software. Ich mag beide gern 🙂

      Reply
      • Dankeschön 🙂

        Reply
  3. Viel Spaß beim Klicken: Alex__perfect_day_2_.html

    Reply
    • Das ist toll! Gute Arbeit!
      Kleine Anmerkung: Ich habe einen Tippfehler entdeckt: star shwoers
      Noch schöner, aber zeitaufwĂ€ndiger in der Erstellung, wird die Geschichte, wenn du sie auch bebilderst (im Hintergrund). Außerdem fehlt mir noch ein RĂŒck-Button an den Anfang der Geschichte. Sonst verliere ich mich immer wieder in den einzelnen Tagen…

      Reply
  4. ein ganz cooles Tools, danke!

    Reply

Schreibe einen Kommentar

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>