# data[].attributes.body
Padlet mit Beispielen

# data[].attributes.attachment_link.readable_text
Please turn on Javascript Your browser either doesn't support Javascript, or you've turned it off. To vote with Mentimeter, please make sure to turn Javascript on. How do I enable Javascript?

# data[].attributes.headline
Geschichten erzählen mit visuellen Impulsen

# data[].attributes.subject
Geschichten erzählen mit visuellen Impulsen

# data[].attributes.attachment_link.provider_name
Experiments in Creativity with Dave Birss - Author, Educator, Public Speaker, Experimenter

# data[].attributes.attachment_link.readable_text
How to use story dice

As you can see above, you get five story dice (or nine dice, if you prefer), each with a random image on it. Your job is quite simply to turn these prompts into a story.

I recommend you try to work with the order they appear on the screen but if you're finding it tough, you can do some swapsies.

You also don't need to take the image literally. You can use the dice metaphorically or as representations of other concepts. For example, a slice of pizza could represent food in general, cutting a slice out of something, Italy, gooiness, a chef and a heap of other more obscure things. The job of the dice is not necessarily to provide you with literal objects to work with but concepts to nudge your thinking in fresh directions.

You may just want to dive in as soon as you see them, working from left to right as you try to incorporate each image into your yarn. Or you may want to be more strategic and work out the ending first, using the dice to work out how you're going to get to your big climax. Try different strategies to see what works best for you.

But let me give you an example. Imagine I was dealt these dice (I don't need to imagine because I just have been):

# data[].attributes.attachment_link.title
Story Dice - a story ideas generator by Dave Birss

# data[].attributes.attachment_link.description
Instant story ideas for writers, parents and storytellers. With this tool, you've always got a free set of story dice in your pocket or desktop.

# data[].attributes.attachment_link.readable_text
Auch in der Medienpädagogik gilt: Geschichten, Narrative und Erzählungen prägen unsere Lernerfahrungen unmittelbar und tiefgreifend. Was früher in mündlicher Überlieferung, dann gedruckt und schließlich in Ton, Film und Computerspielen möglich war, lässt sich nun mit den neuen Kulturtechniken des Webs und mit Apps auch einfach selbst produzieren. Eine Erzähltechnik hierfür sind Chat-Geschichten (engl. chat stories).

Medienpädagogisch lässt sich vieles rausholen: Dialogische Inszenierung bekannter und neuer Texte, Imaginierte Selbstreflexion mit virtuellem Gegenüber, Geschichten in Gesprächsform, Frage-Antwort-Chats zur Wissensvermittlung, spannungsgeladene Fiktion, Feedback-Schleifen als Lernreflexion, Lovestory, ...

Und wie erstellt man Chat-Geschichten ganz praktisch und möglichst kostenlos?
Ich habe mir ein paar Möglichkeiten angeschaut und stelle euch hier die praktikabelsten vor:

textingstory - Chat-Geschichte als Film

Textingstory gibt's als App für iOS und Android. In der kostenlosen Version kann man die Namen und Farben der Chatpersonen ändern, Text und Emojis verwenden, die Geschichten speichern und direkt aus der App heraus als fertigen Film exportieren.

Für eine schnelle Produktion geht das unkompliziert und man muss lediglich die Werbeeinblendung „textingstory.com" in Kauf nehmen. Wer also damit leben kann, dass es nicht nach WhatsApp oder Instagram aussieht ist hier gut bedient. Wer zusätzlich noch Bilder oder GIFs einbinden will, kann dies durch einen InApp-Kauf freischalten, ebenso wie das Ausblenden des Werbebanners.

Chat-Story erstellen und als Film speichern - https://t.co/Kngr9OI0lS #digitalmethoden pic.twitter.com/UjAG6cYo4z

- 🔴❣️Jörg Lohrer (@joerglohrer) January 24, 2018

Fake Chat - Chat-Geschichte als Foto

Es gibt zahlreiche Fake-Chat-Generatoren für WhatsApp, iMessage, instagram, facebook und Co. Eine Suche nach „fake chat generator" bringt die nötigen Treffer. Beispielsweise bietet http://www.fakewhats.com/generator einen WhatsApp Chat Generator, mit dem sich täuschend echte WhatsApp-Gespräche erstellen lassen:

Einstellbar ist alles, was das Herz beliebt: Profilfotos, Namen, Nachrichtenstatus, Telefon- und Verbindungseinstellungen und sogar die Batterieanzeige. Die Nachrichten können sowohl in Textform geschrieben werden also auch Foto- und Gif-Upload sind möglich. Im Anschluss kann ein Foto des Bildschirminhalts heruntergeladen werden.

Padlet Backchannel - Chat-Geschichten kollaborativ

Beim kostenfreien Dienst https://padlet.com/ gibt es die Vorlage "Backchannel", in der eine Chat-Umgebung zur kollaborativen Bearbeitung genutzt werden kann.
Hier gibt es vielfältige Funktionen, was mitgeteilt werden kann: Text, Hyperlinks, Fotos, Kartenausschnitte, Sprachnachrichten, Videos und vieles mehr. Eine Aufnahmefunktion gibt es nicht, aber eine Bildschirmaufnahme ist mit jedem beliebigen Screenrecorder denkbar.

Selbstgemacht - Chat-Geschichte für Fortgeschrittene

Wer gerne etwas mehr Aufwand betreiben will und mit mehreren Personen gleichzeitig und in Einzel- und Gruppenchats eine komplexere Geschichte erzählen will, kann auch ein mobiles Endgerät am Computer anschließen und mit einem Screenrecorder aufnehmen. Diese Variante bietet sich auch für eine Live-Veranstaltung an, bei der eine Geschichte entweder über einen Film oder direkt live mit den Anwesenden auf einer Leinwand für alle sichtbar wird. Hierzu braucht es dann mehrere Accounts und Smartphones:

Ganz ohne Smartphones funktioniert diese Variante auch auf einer Weboberfläche mit einem kostenlosen Messenger wie wire oder Telegram und der kostenlosen Open-Source-Software für Videoaufnahmen und Live-Streaming OBS Studio.
Eine Anleitung für WhatsApp hat Lutz Neumeier hier als PDF bereitgestellt.

Chat-Geschichten weitergedacht

Wenn du ein paar Inspirationen für deine Chat-Geschichten brauchst, findest du in den Apps tap, hooked und yarn interaktive Chat-Geschichten, bei denen sich die Handlung durch Weitertippen entwickelt.

Hast du noch weitere Ideen zu Apps und Webdiensten für digitale Chat-Geschichten und Varianten oder Links zu deinen selbsterstellten Chat-Geschichten? Dann schreib' sie bitte gerne in die Kommentare!

# data[].attributes.attachment_link.description
Wie erstellt man Chat-Geschichten ganz praktisch und möglichst kostenlos? Ich habe mir ein paar Möglichkeiten angeschaut und stelle euch hier die praktikabelsten vor:

# data[].attributes.attachment_link.readable_text
Tutorial: Erste Schritte mit Twine

Twine 2 ist ein Open Source (GPL) Programm (Linux, MacOS X, Windows), um nichtlineare, interaktive Geschichten (Interactive Fiction (IF)) wie Text-Adventures im Browser zu erzählen. Das Tool schreibt statische Seiten nach HTML5 heraus, so daß serverseitig keinerlei Ansprüche bestehen.

Twine ist entwickelt worden, um Menschen ohne Programierkenntnisse das Erstellen von Hypertext-Geschichten zu ermöglichen. In dieser Hinsicht ähnelt es ein wenig dem verflossenen HyperCard, auch das (Default-) Story-Format Harlowe erinnert von seiner Syntax ein wenig an HyperTalk.

In diesem Tutorial möchte ich zeigen, wie man mit wenigen Befehlen eine interaktive Geschichte in Twine schreiben kann. Ich kratze dabei auch nur an die Oberfläche von Harlowe, das eine sehr mächtige Programmiersprache sein kann.

Twine kann als Webapp genutzt werden. Da ich mich aber bekanntlich mit Online-Editoren nicht anfreunden kann, verwende ich die downloadbare Desktop-Version - eine Electron-App. Die Bedienung der beiden Versionen ist nahezu identisch. Das Tutorial verwendet Twine 2.3.1 und Harlowe 3.0.2.

Wenn Twine gestartet wird, erscheint zuerst ein Bildschirm, der die bisher mit Twine erstellten Geschichten anzeigt oder noch leer ist. Mit einem Klick auf den grünen rechten Button wird eine neue Geschichte erzeugt. Ich nenne sie "Nachtleben" (der Name einer Twine-Story kann jederzeit geändert werden).

Es öffnet sich der Editor, er sieht so aus:

Wenn Ihr mit der Maus über das Kästchen in der Mitte fahrt (im Twine-Jargon "Passage" genannt), könnt Ihr auf einen Stift klicken und die Passage editieren. Gebt einfach folgenden Text (mit den doppelten eckigen Klammern!) dort ein (der besseren Lesbarkeit willen habe ich den Text umgebrochen, im Twine-Editor müßt Ihr alles, was in einem Absatz stehen soll, ohne Zeilenumbruch schrieben (der Editor macht allerdings einen soft wrap)):

Es geschah in einer dunklen und stürmischen Nacht. Es schneite dicke Flocken und das Radio spielte alte Swing-Nummern. Plötzlich tauchte im Licht der Scheinwerferkegel ein Wegweiser auf. Rechts ging es nach [[Dinkelsbach]] und links nach [[Lüdenscheid]]. Geradeaus ging es weiter nach [[Oberhausen]].

Außerdem könnt Ihr oben, wo noch "Unbenannter Absatz" steht, eine Überschrift für Eure Passage eingeben. Ich habe sie einfach Start genannt.

Wenn Ihr nun wieder zurück in die Editor-Ansicht wechselt, sieht er nun so aus:

Die doppelten eckigen Klammern sind nämlich Links zu neuen Passagen und Twine hat diese für mich angelegt. Mit einem Klikc auf den Knopf Spielen rechts unten können wir das Spiel sogar spielen. Dabei erhaltet Ihr folgenden Bildschirm:

Ich mag den Dark Mode (also weiße Schrift auf schwarzem Grund) nicht. Er beleidigt meine alten Augen und ist außerdem im Sonnenlicht auf meinem Laptop kaum lesbar. Daher werde ich erst einmal dieses ändern.

Im Editor links unten gibt es ein Aufklappmenü mit dem Namen des Spiels. Klickt Ihr dieses an, könnt Ihr unter anderem Stylesheet der Geschichte bearbeiten auswählen. Dort gebe ich nicht nur bei dieser, sondern bei jeder Geschichte folgenden CSS-Code ein:

Die Zeilen mit dem tw-icon.redo und tw-icon.undo scheinen seit Harlowe 3.0.1 obsolet zu sein. Bis dahin hatten sie zwei (Default-) "Mogelbuttons" versteckt. Aber da sie niemand wollte, sind sie im letzten Release verschwunden. Auch ich weine ihnen keine Tränen nach - sicherheitshalber lasse ich sei aber noch stehen (falls sie doch wieder eingebaut werden, bin ich gewappnet).

Der erste Eintrag setzt die Hintergrundfarbe der Geschichte auf weiß und die Textfarbe auf schwarz. Und die beiden letzten Einträge sorgen für responsives Verhalten bei Bildern und Texten (zu den Bildern komme ich später noch).

Füllen wir einfach die drei neuen Passagen mit Text. Zuerst die Passage Dinkelsbach:

Dinkelsbach ist die Stadt der Milchmänner! Du bist hier falsch! 🍺🍺🍺 Gutes Bier gibt es nur in [[Lüdenscheid]]. Aber auf gar keinen Fall in [[Dinkelsbach]], hier gibt es nur Milch.

Selbstverständlich kann Twine mit Emojis umgehen. Zum Beweis habe ich die drei Biergläser dort eingebaut. 🤓 Doch nun zur Passage Lüdenscheid:

Doch wer will nach einem Bier noch in Lüdenscheid bleiben? Die Frau an Deiner Seite erinnert Dich an Dein kuscheliges Bett. Also ab nach [[Hause -> Home, Sweet Home]]!

Der Link mit dem Pfeil (->) ist eine alternative Form, in der Harlowe mit Links umgehen kann. Der Linktext Hause verlinkt auf die Passage Home, Sweet Home. Es gibt noch weitere, alternative Linkformen, unter anderem kann man den Pfeil -> durch einen senkrechten Strich | ersetzen, aber der Pfeil scheint in Harlowe seit Version 2.0 die empfohlene Form zu sein.

Zu guter Letzt kümmere ich mich um die Passage Oberhausen:

Der Bahnhof in Oberhausen ist eine Sackgasse! Schnell zurück an den [[Start]]

Nun ist das schon fast eine kleine Geschichte. Nur die neugeschaffene Passage Home, Sweet Home braucht noch ein wenig Text:

=><= *Home, Sweet Home!* Noch einmal [[spielen -> Start]]?

Die beiden nach innen zeigenden Doppelpfeile (=><=) weisen Twine an, den folgenden Text zu zentrieren und die Sternchen sind wie in Markdown der Befehl, den eingeschlossenen Text kursiv zu setzen.

Schaut nun auf den Editor in seiner neuen Schönheit. Die Passagen wurden von Twine eigenständig erzeugt, ich habe sie nur per Drag and Drop ein wenig zurechtgerückt:

Aber was ist mit Bildern? Bilder können in Twine mit ganz normalen HTML-Befehlen eingebunden werden. So hat zum Beispield die Startpassage vor dem Text diese Zeile:

Und da seht Ihr schon die Crux an der Sache. Damit Twine die Bilder findet, müssen sie auf einem Server liegen. Bei mir läuft sowieso ununterbrochen ein lokaler MAMP, der auf localhost, Port 8888 lauscht. Da Hotlinking auf gar keinen Fall geht, habe ich dort in der htdocs ein Verzeichnis twinemit einem Unterverzeichnis images angelegt und dort kommen alle Bilder hinein. Wenn ich nun die Geschichte veröffentliche, tausche ich durch ein globales Suchen und Ersetzen (das ist das kleine Viereck unten in der Mitte) mein lokales Bilderverzeichnis durch das endgültige Verzeichnis aus, auf dem die Bilder auf dem Server liegen. Das kann eine absolute URL, aber auch ein relatives Verzeichis sein, das endgültige Ergebnis einer Twine Geschichte ist HTML5 mit JavaScript, das nimmt da nichts krumm.

Okay, in diesem Fall habe ich jede Passage noch mit einem Bild versehen - ich bin ein visueller Mensch und brauche Bilder. Wenn Ihr die Geschichte nachbauen wollt, Ihr findet sie alle in meinem GitHub-Repositorium zu Twine.

Zum Schluß muß die Geschichte nur noch veröffentlicht werden. Das Aufklappmenü links unten hat einen Unterpunkt Als Datei veröffentlichen und dieser schreibt die HTML-Datei heraus. Jetzt müßt Ihr diese Datei (und die Bilder) "nur" noch auf einen Server Eurer Wahl legen und der staunenden Weltöffentlichkeit präsentieren.

Bei mir liegt sie hier: Twine entdecken und sie ist selbst auf meinem Smartphone recht gut zu lesen. Der erste Screenshot oben zeigt, wie sie aussieht.

Natürlich kratzt dieses Tutorial nur an der Oberfläche von dem, was mit Twine und Harlowe alles möglich ist. Neben dem Online-Wiki ist das Buch " Writing Interactive Fiction with Twine" von Melissa Ford eine inspirative Quelle. Die gedruckte Version ist vergriffen und gebraucht momentan nur zu Mondpreisen erhältlich, aber die Kindle-Version gibt es zu einem vernünftigen Preis (9,16 €).

Auch mich juckt es in den Fingern, nicht nur weitere Tutorials zu Twine, sondern vielleicht sogar richtige Geschichten und/oder Spiele mit Twine zu veröffentlichen. Schaun wir mal, was die Zukunft bringt. Still digging!

(Kommentieren)

# data[].attributes.attachment_link.title
Tutorial: Erste Schritte mit Twine - Schockwellenreiter

# data[].attributes.attachment_link.description
Twine 2 ist ein Open Source (GPL) Programm (Linux, MacOS X, Windows), um nichtlineare, interaktive Geschichten (Interactive Fiction (IF)) wie Text-Adventures im Browser zu erzählen. Das Tool schreibt statische Seiten nach HTML5 heraus, so daß serverseitig keinerlei Ansprüche bestehen. Twine ist entwickelt worden, um Menschen ohne Programierkenntnisse das Erstellen von Hypertext-Geschichten zu ermöglichen.

# data[].attributes.attachment_link.description
This website is for sale! openadvent.de is your first and best source for all of the information you're looking for. From general topics to more of what you would expect to find here, openadvent.de has it all. We hope you find what you are searching for!

# data[].attributes.attachment_link.readable_text
Bevor du startest, frage dich Folgendes:

Wie wichtig sind dir die Grafik deines Spiels und die Auswahl an verfügbaren Objekten? Bei diesem Programm liegt der Fokus auf der Erzählung einer Geschichte in Textform und dem Einbauen von Auswahlmöglichkeiten für ihren Fortgang. Eigene Grafiken und Sounds können jedoch hinzugefügt werden.

Wenn du deine Geschichte oder dein Thema in einem storybasierten Spiel spannend und verständlich erzählen möchtest, brauchst du ein bisschen Geduld. Überlege, wie viel Zeit du in dein Projekt investieren möchtest. Wenn du nur zwei bis drei Stunden zur Verfügung hast, ist ein Tool wie Twine sehr gut geeignet.

Was kann ich mit dem Tool machen?
Twine ist ein kostenloses Tool zum Schreiben von interaktiven Geschichten, das sowohl webbasiert als auch als installierbare Software genutzt werden kann. Es funktioniert (ähnlich wie ein Spielbuch oder ein Text Adventure) überwiegend textbasiert. Wenn du gerne Geschichten schreibst, kannst du diese mithilfe der Auswahlmöglichkeiten spielerisch ausbauen. Twine bietet eine vertiefende Auseinandersetzung mit einem bestimmten Thema. Da sich damit webbasierte Bild-, Audio- und Videodateien einbinden lassen, kannst du nebenbei den grundlegenden Umgang mit im Internet geläufigen Computersprachen wie HTML und Cascading-Style-Sheets-Befehlen (CSS) erlernen. CSS ist eine vergleichsweise einfache Programmiersprache, mit der z.B. das Aussehen, die Schriftgröße und die Farbe von Webseiten gestaltet werden.

Tutorial

SYSTEMVORAUSSETZUNGEN:

Twine gibt es für Windows (32-bit), macOS und Linux (32-bit). Ältere Versionen des Programms laufen auch unter OS X und können auf der Website von Twine heruntergeladen werden. Zusätzlich besteht die Möglichkeit, Twine im Webbrowser zu benutzen.

ERSTE SCHRITTE:

Bevor du anfängst, dein komplettes Spiel zu bauen, solltest du ein paar kleine Zwischenschritte umsetzen.

PHASE 1: Ideenfindung und Planung

Sammle deine Ideen und halte sie in Stichpunkten fest. Danach kannst du das Gerüst deines Spiels programmieren und gestalten. Beantworte jedoch vorher für dich folgende Fragen:

Worum geht es in meiner Geschichte überhaupt? Möchte ich in meinem Spiel ein bestimmtes Thema bearbeiten? Was muss ich dafür im Vorfeld recherchieren?

Wo, wann und in welchem Setting (Fantasy, Science Fiction ...) spielt meine Geschichte?

Wer ist meine Hauptfigur? Welche Vorgeschichte hat sie?

Welche Hauptaufgabe soll es in meinem Spiel geben?

Welche Motivation hat mein Held?

Welche Probleme treten beim Lösen der Hauptaufgabe auf und wie können sie gelöst werden?

Was ist das Ziel bzw. das Ende des Spiels? Eine interaktive Geschichte hat oft mehr als nur ein Ende. Welche Schlüsse könnte deine Geschichte noch haben?

💡 Bei der Entwicklung deiner Geschichte könnte dir die „ Heldenreise " als Vorbild dienen.

PHASE 2: „Testing"

Baue das grundlegende „Skelett" deines Spiels. Die Prototypen deines Spiels sollten von deinen Freunden oder Projektpartnern getestet werden, wie es auch bei professionellen Spieleproduktionen geschieht. Du kannst deine Twine-Story als HTML-Datei exportieren und entweder auf einem USB-Stick an deine Spieletester weitergeben oder als E-Mail verschicken. Je mehr Feedback du von anderen erhältst, desto leichter kannst du Flüchtigkeitsfehler beheben. Anschließend kannst du dein Spiel anpassen und es erneut testen lassen. Dies kannst du so lange wiederholen, bis du voll und ganz damit zufrieden bist.

PHASE 3: Details

Wenn das Grundgerüst steht und die wichtigsten Funktionen reibungslos klappen, kannst du dich den Details zuwenden (Farben, Schriftarten, Grafiken, Audio- oder Videodateien ...). Wenn du Bilder oder Musikdateien anderer Künstler verwendet hast, vergiss die Danksagung nicht.

PROGRAMMÜBERSICHT

Nachdem du Twine installiert oder online aufgerufen hast, kannst du auf der rechten Seite auf +Geschichte klicken, um dein eigenes Spiel anzulegen. Gib zunächst einen Spieltitel ein. Dieser kann in der Übersicht mit einem kleinen Zahnrädchen jederzeit geändert werden. Danach kann es losgehen. Hier eine Übersicht der Programmoberfläche:

Wenn du auf das Haus in der linken unteren Ecke klickst, kommst du zurück zur Übersicht, in der du alle von dir angelegten Spiele sehen kannst. Direkt daneben kannst du deine Geschichte umbenennen, das Programmierformat ändern, dein Spiel als HTML-Datei exportieren, um es an Freunde zu schicken, oder unter „Stylesheet der Geschichte bearbeiten" die Optik deines Spiels bearbeiten (also Hintergrundfarbe, Schriftfarbe ...). Das kannst du mit CSS-Befehlen tun. Die Kästchen in der rechten Ecke dienen zum Heraus- und Hineinzoomen. So fällt es dir leichter, den Überblick zu behalten, wenn deine interaktive Geschichte ausführlicher wird. Um mit dem Schreiben deiner Einleitung für das Spiel zu beginnen, gehe mit Doppelklick auf „Unbenannter Absatz".

Dort kannst du nun den Absatz benennen, gegebenenfalls Tags hinzufügen, um ihn später leichter wiederzufinden, und mit dem Schreiben deines Text Adventure beginnen. Wenn du an dem Punkt angekommen bist, an dem du für den Spieler eine Entscheidungsmöglichkeit einbauen möchtest, musst du diese in doppelte eckige Klammern setzen. Eckige Klammern erzeugst du mit der Tastenkombination ALT Gr + 8 bzw. ALT Gr + 9. Außerdem brauchst du noch einen senkrechten Strich zum Abtrennen des Textes vom Namen des verlinkten Absatzes. Diesen Strich erzeugst du mit der Tastenkombination ALT Gr + < (größer als). Das sieht dann so aus: [[angezeigter Text | Name des verknüpften Absatzes]]

BEISPIEL: [[Möchtest du durch die rechte Tür gehen? | rechts]]

Wenn du einen Text in doppelte Klammern setzt, erzeugt Twine automatisch einen neuen Absatz. Du kannst dann zu deiner Absatzübersicht zurückgehen, den nächsten Absatz auswählen und ihn bearbeiten.

💡 Achte darauf, dass in deinem Spiel keine offenen Enden verbleiben. Verschiedene Entscheidungen können durchaus zum selben Ende führen.

Weiterführende Links Ein paar Übungen für die ersten Schritte Für Fortgeschrittene ist das Twine-Wiki Interessant Verschiedene Inspirationen findest du hier Ein besonders gutes Beispiel: The Temple of No - CrowsCrowsCrows In diesem Spiel versetzt du dich in die Rolle eines an Depressionen leidenden Menschen Weitere (zumeist englischsprachige) Spiele, die mit Twine erstellt wurden, findest du hier

Projektideen

# data[].attributes.attachment_link.title
Ganz leicht: textbasierte Spiele mit Twine

# data[].attributes.attachment_link.description
Wie wichtig sind dir die Grafik deines Spiels und die Auswahl an verfügbaren Objekten? Bei diesem Programm liegt der Fokus auf der Erzählung einer Geschichte in Textform und dem Einbauen von Auswahlmöglichkeiten für ihren Fortgang. Eigene Grafiken und Sounds können jedoch hinzugefügt werden.

# data[].attributes.body
Video-Tutorial

# data[].attributes.attachment_link.title
✘Interaktive Story schreiben mit Twine▐ Game Dev Quick Tip▐  ✘

# data[].attributes.body
im Unterricht nutzen

# data[].attributes.attachment_link.readable_text
Twine ist ein Tool, das ich bislang übersehen habe - obwohl es enorm elegant, einfach und nützlich ist. Da ich gerade ein Buch mit dem Titel "Digitales Schreiben" abschließe, möchte ich es als Beispiel einbetten - und stelle es hier etwas ausführlicher vor.

Twine ist ein Editor, mit dem nicht-lineare und interaktive Texte gestaltet werden können. Was heißt das?

Die Lektüre der Texte erfolgt nicht vom ersten bis zum letzten Satz, sondern springt zwischen verschiedenen Teilen (nicht-linear).

Dieses Springen hängt von Entscheidungen des Lesers oder der Leserin ab.

Es entsteht also ein Hypertext, von dem Stephan Promobka (" Schreiben unter Strom ") sagt, er ermächtige "die Leser, selbst Autor zu sein. Sie sollten fortan den eigenen Weg durch die Geschichte ermöglichen".

Twine zeigt aber, dass dieses Prinzip nicht nur für Geschichten, sondern auch für Sachtexte sinnvoll ist.

Nele Hirsch hat eine wunderbar interaktive Einführung zu Twine gestaltet. Die Pointe: Die Einführung ist mit Twine gemacht, sie kann im Twine-Editor bearbeitet und erweitert werden.

Ich fasse hier nur kurz zusammen, was Nele viel anschaulicher und ausführlicher formuliert hat:

Wer einsteigen will, ruft twinery.org auf und lädt das Tool entweder runter oder benutzt es direkt im Browser.

Dann erscheint ein Editor, der wie folgt aussieht: Er zeigt die Textblöcke und ihre Verlinkung.

Textteile werden mit einfachem Markdown geschrieben: Das heißt es braucht keinen Programmcode, aber ein paar einfache Markierungen, um etwa Verlinkungen oder bestimmte Darstellungsformen erzeugen zu können.

Abschließend müssen die Twines noch irgendwo im Netz abgelegt werden, damit ein Publikum damit interagieren kann.

Wie setzt man Twine im Unterricht ein?

Frank Sindermann diskutiert hier einige Beispiele, bei denen es etwa um Adaptionen literarischer Texte oder die Diskussion ethischer Entscheidungen geht.

Nele betont, dass Twine ein Tools ist, das sich schnell oberflächlich und mit etwas Einarbeitungszeit für komplexere Anwendungen nutzen lässt. Es erlaubt so auch den Einstieg in HTML-Kenntnisse, ohne direkt programmieren zu müssen.

Bei Neles Zugang stehen Tutorials im Vordergrund, in die sie auch Youtube-Filme einbettet.

Das bekannteste Twine-Beispiel ist die Depression Quest von Zoe Quinn (die ich schon kannte, bevor ich etwas von Twine wusste). Leider finde ich keine anspruchsvollen deutschsprachigen Beispiele - kennt ihr welche?

philippe-wampfler.ch Alle Beiträge von Philippe Wampfler anzeigen

# data[].attributes.attachment_link.authors[].name
Alle Beiträge von Philippe Wampfler anzeigen

# data[].attributes.attachment_link.title
Vorstellung: Interaktive Texte mit Twine

# data[].attributes.attachment_link.description
Twine ist ein Tool, das ich bislang übersehen habe - obwohl es enorm elegant, einfach und nützlich ist. Da ich gerade ein Buch mit dem Titel "Digitales Schreiben" abschließe, möchte ich es als Beispiel einbetten - und stelle es hier etwas ausführlicher vor. Twine ist ein Editor, mit dem nicht-lineare und interaktive Texte gestaltet werden...

# data[].attributes.attachment_link.title
Premium, Royalty-Free Stock Illustrations | Skribbl

# data[].attributes.attachment_link.description
Enrich your next design project, and support human artists, with Skribbl’s exclusive collection of premium, royalty-free illustrations.

# data[].attributes.attachment_caption
Image Online - Free image editor and 100+ image tools

# data[].attributes.attachment_link.title
Image Online - Free image editor and 100+ online image conversion tools

# data[].attributes.attachment_link.description
Browser based free online image filters, converters and editing tools. Simply load the image in tool and start editing using image filter controls. No signup and no restriction to use these tools.

# data[].attributes.attachment_caption
Streamline Icons & Illustrations | Top Choice for Designers [100,000+]

# data[].attributes.attachment_link.title
Download 177,289 Streamline Icons (22+ free sets)

# data[].attributes.attachment_link.description
177,289 Streamline icons in line, regular, bold, colors, freehand, cyber, and more styles. Download the largest icons sets of the world in one place.

# data[].attributes.attachment_link.description
Increase comprehension, retention, and delight audiences with hundreds of unique hand drawn SVG line art doodles and animated PNGs.

# data[].attributes.attachment_link.description
Fast drawing for everyone. AutoDraw pairs machine learning with drawings from talented artists to help you draw stuff fast.

# data[].attributes.attachment_link.readable_text
Die besten kostenlosen Icons für persönlichen und kommerziellen Gebrauch (SVG - PNG)

Wir helfen Ihnen, kostenlose Icons und logos für Ihre Web-Projekte, Anwendungen, Zeitschriften, Plakate, Werbung Designs oder Sie verwenden möchten, es finden ... Sie herunterladen können ihnen Format SVG, ICO und icns zu PNG.

Wir haben Tausende und Abertausende Logos der wichtigsten Marken zum kostenlosen Download zur Verfügung. Sie können aus einer Vielzahl von Stilen wählen und dasjenige finden, das am besten zu Ihrer Idee passt.

# data[].attributes.attachment_link.title
Kostenlose Icons SVG, PNG, ICO oder ICNS

# data[].attributes.attachment_link.description
Download der kostenlosen Icons für Ihr Projekt

# data[].attributes.attachment_link.readable_text
Wir bedauern, dass du dein Premium-Abonnement gekündigt hast.

Du kannst die Kollektionen von Flaticon weiterhin mit den folgenden Einschränkungen genießen:

Du kannst nur 3 Kollektionen zum Aufbewahren auswählen

Du kannst nur bis zu 100 Icons pro Kollektion hinzufügen

Du kannst keine Premium-Icons zu deiner Kollektion hinzufügen

Die Vorteile deiner Kollektionen haben sich geändert

Du kannst nur 3 Kollektionen zum Aufbewahren auswählen

Du kannst nur bis zu 100 Icons pro Kollektion hinzufügen

Du kannst keine Premium-Icons zu deiner Kollektion hinzufügen

Mach weiterhin das Beste aus deinen Icons und Kollektionen

Erhalte 20 % RABATT auf unser
Premium-Jahresabonnement

Select 3 collections to continue:

Du hast 8 Kollektionen, kannst aber nur 3 davon freischalten

Lade dir kostenlose Icons und Sticker für deine Projekte herunter. Ressourcen von Designern für Designer. Formate: PNG, SVG, EPS, PSD und CSS.

Icon-Fonts für jedes Projekt, ob groß oder klein

+21,100 vektorbasierte Icons im SVG- und Webfont-Format für Web-, iOS- und Android-Anwendungen.

Mehr anzeigen

Werkzeuge, die dir helfen, deine Arbeit professioneller zu gestalten

Kostenloses Zubehör, das dir ermöglicht, deine Entwürfe zu organisieren, zu gestalten und Zeit zu sparen

Erstelle mehrere Kollektionen, um deine Icons zu organisieren, und lade sie im gewünschten Format herunter. Mehr anzeigen

Bearbeite die Farbe deiner Icons, ändere die Größe und lade sie in allen Formaten herunter, SVG, PNG, EPS Mehr anzeigen

Verwende die Icons in Google Docs und Präsentationen einfach, schnell und kostenlos. Mehr anzeigen

Erstelle mehrere Kollektionen, um deine Icons zu organisieren, und lade sie im gewünschten Format herunter. Mehr anzeigen

Bearbeite die Farbe deiner Icons, ändere die Größe und lade sie in allen Formaten herunter, SVG, PNG, EPS Mehr anzeigen

Verwende die Icons in Google Docs und Präsentationen einfach, schnell und kostenlos. Mehr anzeigen

Erstelle spektakuläre Bilder für Instagram Stories, Facebook-Überschriften, Präsentationen, Blogs oder Websites. Mehr anzeigen

Was gibt es Neues bei Flaticon?

Informiere dich über aktuelle Website-Updates, neue Funktionen und Werkzeuge und hole alles aus deiner Flaticon-Erfahrung heraus.

Alle ansehen

Schneller Icons zu Figma hinzufügen

Das neue Figma-Plugin ist da und bringt Millionen von Vektor-Icons direkt auf deinen Bildschirm.

Probiere das Plugin aus

# data[].attributes.attachment_link.title
Kostenlose Icons und Sticker - Millionen von Ressourcen zum Herunterladen

# data[].attributes.attachment_link.description
Lade dir kostenlose Icons und Sticker für deine Projekte herunter. Ressourcen von Designern für Designer. Formate: PNG, SVG, EPS, PSD und CSS

# data[].attributes.attachment_link.description
You are currently using guest access Log in

# data[].attributes.headline
188 Illustrationen mit Creative Commons Lizenz

# data[].attributes.subject
188 Illustrationen mit Creative Commons Lizenz

# data[].attributes.attachment_link.readable_text
Gestern wurde es angekündigt, heute gibt es schon eine frühe Bescherung: 188 Illustrationen, die neu gezeichnet wurden und unter Creative Commons Lizenz zur Verfügung stehen. Ich hoffe, es ist für jede*n was dabei!

Zum Hintergrund: Ich hatte die Illustrationen schon seit längerem in meinem Blog zur Verfügung gestellt. Da ich dort seit längerem keine Beiträge mehr veröffentliche, wollte ich zumindest die Illustrationen noch auf andere Weise zur Verfügung stellen. Allerdings hatte ich auch das Bedürfnis, sie alle noch mal neu zu zeichnen und sie zu erweitern. Das ist jetzt in meiner Freizeit geschehen und ich stelle sie unter der Creative Commons Lizenz CC-BY-SA 4.0 zur Verfügung. Sie können hier als ZIP-Datei oder auf meiner Website heruntergeladen werden.

Hier die Vorschauen:

# data[].attributes.attachment_link.description
Sie haben Interesse an einem Fernstudium an der FernUni Hagen? Infos zu Rahmenbedingungen, Studienangebot und Ansprechpartnern finden Sie hier.

# data[].attributes.attachment_link.description
Increase comprehension, retention, and delight audiences with hundreds of unique hand drawn SVG line art doodles and animated PNGs.

# data[].attributes.headline
FREE ILLUSTRATIONS FROM ALL AROUND THE WEB

# data[].attributes.subject
FREE ILLUSTRATIONS FROM ALL AROUND THE WEB

# data[].attributes.body
Durchsuchbare Open Source Illustrationen mit einfacherer Farbanpassung zu unterschiedlichen Themen/Lizenz unklar

# data[].attributes.attachment_link.description
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.

# data[].attributes.body
Präsentationen gestalten und zugleich als kollaborativen Mitschrieb nutzen

# data[].attributes.attachment_link.title
Präsentationen und Mitschrieb mit CodiMD | ein #OERcamp-Webtalk mit Nele Hirsch

# data[].attributes.body
Lizenz?

# data[].attributes.attachment_link.readable_text
Easily create and customize stunning illustrations with collections made by artists across the globe. Try it, it's kind of fun.

How does Blush make designing your projects simple and fun?

1. Choose a style

Choose a collection from multiple styles and themes made by artists around the world.

2. Customize the art

Play around with the variations until you create the art that tells your story.

3. Use on your design

Download a PNG or SVG of your creation and use it on your web app, presentation, or any project you want to bring to life.

Why people are raving about Blush

Customize incredible illustrations from artists around the world

Unlock your creativity

Let's create your first illustration!

# data[].attributes.attachment_link.description
Blush makes it easy to add free illustrations to your designs. Play with fully customizable graphics made by artists across the globe.

# data[].attributes.headline
100 Essential Sketchnoting Icons 100 Essential Sketchnoting Icons

# data[].attributes.subject
100 Essential Sketchnoting Icons 100 Essential Sketchnoting Icons

# data[].attributes.headline
Kostenlose Icons für die persönliche & kommerzielle Nutzung

# data[].attributes.subject
Kostenlose Icons für die persönliche & kommerzielle Nutzung

# data[].attributes.attachment_link.title
Wählen Sie aus 277,318 Packs mit Vektor-Icons

# data[].attributes.attachment_link.description
Teste unsere Vektor-Icon-Packs. 277,318 kostenlose Icon-Sets, verfügbar im SVG-, PSD-, PNG- und EPS-Format oder als ICON-FONT. Lade sie jetzt herunter!

# data[].attributes.attachment_link.title
Material Symbols and Icons - Google Fonts

# data[].attributes.attachment_link.description
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

# data[].attributes.attachment_link.description
Share your videos with friends, family, and the world

# data[].attributes.attachment_link.title
Crashkurs Greenscreen - Alles zu Aufbau und Licht plus Editing in Davinci Resolve

# data[].attributes.headline
Screencasts und Screenshots zur Tool-Einführung

# data[].attributes.subject
Screencasts und Screenshots zur Tool-Einführung

# data[].attributes.attachment_link.title
Screencasts und Screenshots zur Tool-Einführung | ein #OERcamp-Webtalk mit Nele Hirsch

# data[].attributes.attachment_link.description
Dieser Test ist entwickelt für Pädagog*innen, die an sich und ihrer Lehre zweifeln.Er dauert nur wenige Minuten - und kann Dir hoffentlich ebenso helfen, wie vielen Kolleg*innen vor Dir.Der Test ist datenschutzkonform. Er speichert keine angegebenen Daten von Dir. Beide Felder sind Pflichtfelder und…

# data[].attributes.attachment_link.title
Arbeitsblatt - DigiCafé - TouchCast Studio - tutory.de

# data[].attributes.attachment_link.description
Wer sich schon einmal die Frage gestellt hat, wie es sei, in einem Nachrichtenstudio aufzutreten, muss sich diese nicht mehr stellen! Die Anwendung kann nämlich ein Nachrichtenstudio simulieren. In dieser App gibt es eine große Vielfalt an verschiedenen dynamischen Hintergünden und man kann sogar eigene Hintergründe oder Hintergrundvideos, z.B.

# data[].attributes.attachment_link.description
Mornin is an anonymous audio conferencing service

# data[].attributes.attachment_link.readable_text
Worum geht es?

Die Video-Aufzeichnung eines Gerätebildschirmes wird ScreenCast genannt. Damit können bestimmte Abläufe auf dem Gerätebildschirm festgehalten, beschrieben und erklärt werden. Eine häufige Anwendung von ScreenCasts ist beispielsweise das Erklären der Bedienung einer bestimmten Software. Vorteile liegen insbesondere darin, dass ScreenCasts relativ einfach zu erstellen sind. Die Gefahr besteht allerdings, dass ScreenCasts durch zu vieles Sprechen oder zu langsames Vorgehen mühsam oder langweilig anzuschauen sind.

Spezialfall: PowerPoint vertonen

Screencast-Software LOOM kostenlos für Lehrpersonen

Die Screencast-Software LOOM ist für Windows, Mac und iOS erhältlich und für Lehrpersonen kostenlos. mehr...

Bildschirmaufnahme am Mac

Die Standard-Software, die bereits auf allen Macs gratis zur Verfügung steht, ist der "Quicktime Player".

Bildschirmaufnahme auf dem iPhone oder iPad

Auch iOS-Geräte ermöglichen Bildschirmaufnahmen auf einfache Art und Weise.

Bildschirmaufnahme Windows

Unter Windows können Bildirmaufnahmen über die kostenlose Software Apowersoft erstellt werden.

Bildschirmaufnahme Windows 10

Windows 10 stellt auch eine eigene, einfachere Variante für Bildschirmaufnahmen zur Verfügung.

Bildschirmaufnahme Android

Unter Android ist die kostenlose App "AZ-ScreenRecorder" für Bildschirmaufnahmen sehr gut geeignet.

# data[].attributes.headline
Kurzen Screencast im Browser aufnehmen, direkt hochladen und Link teilen

# data[].attributes.subject
Kurzen Screencast im Browser aufnehmen, direkt hochladen und Link teilen

# data[].attributes.headline
Erklärvideos (Tutorials) mit Android erstellen

# data[].attributes.subject
Erklärvideos (Tutorials) mit Android erstellen

# data[].attributes.attachment_link.title
Erklärvideos (Tutorials) mit Android selbst erstellen.

# data[].attributes.headline
Lernvideos ganz einfach mit der Screencast-Funktion von Windows erstellen

# data[].attributes.subject
Lernvideos ganz einfach mit der Screencast-Funktion von Windows erstellen

# data[].attributes.attachment_link.title
Lernvideos ganz einfach mit der Screencast-Funktion von Windows erstellen

# data[].attributes.body
Desktop und Smartphone

# data[].attributes.attachment_link.title
Ein Erklärvideo mit Bildschirmaufnahmen erstellen – Desktop und Smartphone

# data[].attributes.headline
Screenrecording für Erklärvideos / Lernvideos

# data[].attributes.subject
Screenrecording für Erklärvideos / Lernvideos

# data[].attributes.body
5 praktische Tools

# data[].attributes.attachment_link.title
Screenrecording für Erklärvideos / Lernvideos - 5 praktische Tools - Unterrichten Digital

# data[].attributes.attachment_link.description
Lern- und Erklärvideos sind seit Jahren immer beliebter. Doch wie erstellt man ein Screenrecording, um Inhalte erklären zu können? Hier 5 praktische Tools.

# data[].attributes.attachment_link.title
iPad in der Schule - Lernvideos mit dem iPad erstellen und im Schulmanager verlinken

# data[].attributes.body
Videos aufnehmen, Szenen erstellen, Streamen

# data[].attributes.attachment_link.title
OBS Studio in 90 Sekunden - Videos aufnehmen, Szenen erstellen, Streamen

# data[].attributes.headline
OBS Studio Tutorial 2019 (German) Aufnahme-Einstellungen

# data[].attributes.subject
OBS Studio Tutorial 2019 (German) Aufnahme-Einstellungen

# data[].attributes.attachment_link.title
OBS Studio Tutorial 2019 (German) Aufnahme-Einstellungen

# data[].attributes.headline
TUTORIAL OBS Studio richtig eingestellt - STREAM und AUFNEHMEN

# data[].attributes.subject
TUTORIAL OBS Studio richtig eingestellt - STREAM und AUFNEHMEN

# data[].attributes.body
Für Anfänger

# data[].attributes.attachment_link.title
OBS STUDIO TUTORIAL GERMAN - OBS Studio richtig eingestellt - STREAM und AUFNEHMEN - Anfänger

# data[].attributes.attachment_link.readable_text
Our screen capture tools help you easily create, edit and communicate with videos and images. Simple and intuitive tools to share your ideas.

Windows, Mac / iOS, Android, and Chromebook | No account required

Easy video communication for everyone

190 countries

Million of users in ourglobal community

Trusted

by Fortune 100 companies, school districts,
and 98 of the top 100 universities in the US

100,000,000+

Videos captured (and counting) since 2006

How can ScreenPal help you?

I need to capture videos and images.

Highly rated by our community

Overall rating: 4.6 out of 5 based on 4,516 reviews.

What our community is saying

With ScreenPal I've been able to extend my expertise and automate some of my more routine tasks by creating high-quality video content and feedback, which then frees up my time for more personalized mentorship.

Cal Poly University Professor and founder and CEO of Mentorship Academy

ScreenPal's user-friendly interface and seamless integration into our existing teaching methods made it an obvious choice. From day one, it was clear that ScreenPal was not just another tech tool; it was a catalyst for active learning and collaboration.

Technology Integration and Innovation Coordinator, Arlington ISD

We use ScreenPal internally to create and manage all of the videos we share with educators. ScreenPal makes it easy to create videos with a consistent, branded look and feel, and then to share all of those videos from a central repository.

Chief Program Officer, The Modern Classrooms Project

Join millions of people communicating through video.

# data[].attributes.attachment_link.description
At ScreenPal, we don't believe that video recording and editing should be difficult, or cost a fortune. Our simple and intuitive tools help you get the job done easily.

# data[].attributes.body
mehrere Teile

# data[].attributes.attachment_link.title
OBS 1-0 OBS Einrichten, Grundlagen und die erste Aufnahme (Intro)

# data[].attributes.attachment_link.title
Codenames – Play with your Friends Online

# data[].attributes.attachment_link.description
Online game room for playing Codenames – just invite your friends.

# data[].attributes.attachment_link.readable_text
will be resized to 93x93 pixels

will be blurred and dithered just as the preview

you can clip/size the preview

supported formats JPG/PNG/GIF

animations not supported (yet)

Position and size clip rectangle Your text/message

maximum 100 characters

text can also be a valid web address

shorter text gives better dither quality

you need to add text or your QR might not scan

Choose what to create:

please be patient, generator has a queue

right-click/long-press to save

the white border size is specification mandatory

Generate (submit to server)

# data[].attributes.attachment_link.readable_text
Flippity ist eine browserbasierte Software, die mit dem kostenlosen Online-Speicher Google Drive und dessen Tabellenkalkulationstool Google Tabellen, auch Spreadsheet genannt, zusammenarbeitet. Falls Sie Google Drive nicht in Verwendung haben und ein Android Handy besitzen, brauchen Sie nur drive.google.com in Ihren Browser einzugeben und sich mit der Google Mailadresse und Ihrem Google Passwort einzuloggen. Nur wenn Sie keinen Google Account haben, dann müssten Sie kostenlos einen Account anlegen.
Mit Flippity kann man auf ganz einfache Weise digitale Unterrichtsmaterialien gestalten, ohne Online-Formulare im Browser ausfüllen zu müssen.
Folgende Spiele sind verfügbar:

Es muss einfach nur auf der Flippity Homepage ein Spiel ausgesucht und die Vorlage heruntergeladen werden, indem man auf „Template" klickt. Zur Demonstration habe ich mich hier für „Flashcards" entschieden, wo unten rechts dieser Button zu sehen ist.

Am besten ist es, wenn man zuvor in einem neuen Tab noch Google Drive öffnet und sich anmeldet. Wenn man auf „Template" klickt, öffnet sich ein neuer Tab und es muss auf „Kopie erstellen" geklickt werden.

Diese Vorlage wird dann einerseits sofort im eigenen Google Drive Ordner gespeichert und andererseits auch gleich in dem vorher automatisch erstellten neuen Browsertab unter dem Namen „Kopie von Flippity.net Flashcards Template" sichtbar.

Tipp: Da diese Vorlage auf Google Drive nicht in einem Unterordner, sondern einfach nur auf oberster Ebene auf Google Drive gespeichert wird, kann ein Durcheinander entstehen. Aus diesem Grund habe ich einen Ordner mit dem Namen Flippity auf Google Driv e erstellt und verschiebe es jedes Mal wenn ich so ein Template herunterlade sofort in diesen Flippity Ordner.

Anschließend habe ich die Datei in „Medienfundgrube Flippity Test" umbenannt.
Wenn ich diese jetzt durch Doppelklick öffne, wird gleich ein neuer Tab mit dieser Vorlage geöffnet.
In den vier Spalten können die Vorderseite der digitalen Karteikarte, deren Rückseite, die Kartenfarbe und die Textfarbe eingegeben werden. Dabei ist zu beachten, dass die Farben in englischer Sprache und kleingeschrieben einzutragen sind.

Welche Gestaltungsmöglichkeiten haben Sie nun? Natürlich kann in den ersten beiden Spalten jeder Text eingetragen werden. Wenn es sich um Englischvokabel handelt, dann kann man sich diese auch auf der einen Seite auf Englisch und der anderen auf Deutsch vorlesen lassen.

Videos und Bilder lassen sich nur per Link einfügen. Das funktioniert bei YouTube so, dass Sie unter dem Video auf „Teilen" klicken und dann die erscheinende Adresszeile kopieren (youtu.be-Link), wenn das Video abgespielt wird. Danach muss der Link in die Google Tabelle eingefügt werden. Jedes Video kann jederzeit gestoppt und auch im Vollbildmodus angesehen werden.

Bilder können auch über die Bild-URL eingefügt werden. Wenn ich unter Google Bilder ein Bild suche und mit der linke Maustaste einmal draufklicke, öffnet sich daneben ein Fenster mit dem Bild in einem etwas größeren Format. Wenn man auf dieses Bild mit der rechten Maustaste klickt, ist bei Firefox „Grafikadresse kopieren" und bei Chrome „Bildadresse kopieren" auszuwählen. Fügt man dieses dann in die Google Tabelle ein, wird das Bild sichtbar. Ein Nachteil ist nur, wenn das Video oder das Bild gelöscht werden, dann ist es auch im Flippity weg und muss durch eine neue URL ersetzt werden.

Zum Abschluss darf nicht vergessen werden, die Google Tabelle freizuschalten, weil ansonsten der Link für andere nicht funktioniert.
Klicken Sie dazu bitte in Google Tabellen auf „Datei", dann „Im Web veröffentlichen".

Ein Fenster öffnet sich. Klicken Sie hier dann auf „Veröffentlichen".

Ein Link wird sichtbar. Schließen Sie mit „x" dieses Fenster wieder.

Klicken Sie unten auf die Registerkarte „Get the Link Here".

Ein zweites Tabellenblatt öffnet sich, das in etwa so aussieht:

Kopieren Sie den Flippity Link oben und fügen Sie diesen in einem neuen Tab ein, um das Spiel auszuprobieren. Geben Sie den Link an Ihre Schülerinnen und Schüler weiter. Sollten Sie die Kartei erweitern oder verändern möchten, so ist das ständig über die Google Tabelle möglich.

So sieht dann das fertige Lernspiel aus. Unter anderem können Sie oben links den Ton ein- und ausschalten und unten zwischen den Karteikarten wechseln, bzw. diese umdrehen.

Zum Abgleich und zum Aufprobieren hier für Sie abschließend der Link zum fertigen Lernspiel und das Google Tabellen Blatt:
https://www.flippity.net/fc.asp?k=1jNzLgloHAx6OrzSGFTChnZb9vRAVvAQRxxjWXkaHVWA

Viel Spaß beim Ausprobieren und dem einfachen Erstellen von digitalen Lernmaterialien mit Flippity!

Flippity

PROGRAMM: Flippity

+ einfache Bedienung
+ viele Spielvarianten
+ keine Software zu installieren
- Bilder und Videos nur über Link einfügbar
- nur in Verbindung mit Goolle Drive möglich

# data[].attributes.attachment_link.description
Mit Flippity kann man auf ganz einfache Weise die unterschiedlichsten digitalen Unterrichtsmaterialien erstellen, ohne lästige Online-Formulare im Browser ausfüllen, oder Software installieren zu müssen.

# data[].attributes.attachment_link.readable_text
Create hand-drawn GIFs on paper.

How it works

Buckle up. It's easy!

Print these.

Effects

Apply generous seasoning.

Output

Description

Ping pong ( 🏓)

Bounce your loop back and forth.

Wobble ( 👋)

Rotate and rock your layers back and forth.

FPS [1-36]

Control the frames per second of your animation. Example: FPS 4.

Enter effects on the Uploader page.

Give your printer a rest.

# data[].attributes.body
Eine tierische Beatbox

# data[].attributes.attachment_link.description
Make your own music by mixing wild animal sounds with beatbox loops in this free online game from the Cornell Lab and Ben Mirin. Anyone can be a wildlife DJ. Play now.

# data[].attributes.attachment_link.description
Create beautiful artwork using the power of AI. Enter a prompt, pick an art style and watch WOMBO Dream turn your idea into an AI-powered painting in seconds.

# data[].attributes.attachment_link.description
Transform static sketches into fun animations.

# data[].attributes.attachment_link.description
AudioMass is a free full-featured web-based audio & waveform editing tool

# data[].attributes.attachment_link.readable_text
Rätsel selbst erstellen

Mit unserem einfachen Online-Generator können Sie selbst einfach und schnell Ihr eigenes Kreuzworträtsel erstellen. Anschließend können Sie es als PDF-Datei abspeichern, als Grafik oder sogar als HTML-Code, sodass Sie es auf Ihrer Webseite oder Ihrem Blog einbauen können.

Jetzt Rätsel erstellen

# data[].attributes.attachment_link.title
Kreuzworträtsel Hilfe online - Rätselhilfe mit Lückensuche

# data[].attributes.attachment_link.description
Mit unserem einfachen Online-Generator können Sie selbst einfach und schnell Ihr eigenes Kreuzworträtsel erstellen. Anschließend können Sie es als PDF-Datei abspeichern, als Grafik oder sogar als HTML-Code, sodass Sie es auf Ihrer Webseite oder Ihrem Blog einbauen können. Jetzt Rätsel erstellen

# data[].attributes.attachment_link.readable_text
This is an online chat app.

No need to register - no login required.

How do I install it on my phone?

Just go to your chat and hit "save to home screen" to get a direct link to the app.

What happens when I am done chatting?

You may download the entire chat and delete it permanently.

Terms and conditions: You agree to these terms by using this service. At shick.me, there is no privacy whatsoever. Your activities can be tracked by any technical means, and anyone who knows your chat title can read, store, and delete whatever you post here. There is no implied guarantee that any info on these pages persists. Illegal and dubious content may be removed anytime.
Contact Us

# data[].attributes.attachment_link.title
Online Chat - free - no login required - real-time sync

# data[].attributes.attachment_link.description
Directly create a chat by going to its own address. Free, No login required, real-time synchronization, fully mobile optimized, delete the chat.

# data[].attributes.attachment_link.description
Create realistic text chat animations that simulate messaging apps! Export them for free in video or GIF format to create stories, commercials, and memes.

# data[].attributes.attachment_link.readable_text
Make printable and virtual bingo cards

Make your own bingo cards with this free, simple app. Our bingo card generator randomizes your words or numbers to make unique, great looking bingo cards. Watch a demo.

To make customized 1-75 or 1-90 number bingo cards please use our 1-75 Bingo Generator or our 1-90 Bingo Generator.

Next Step "

# data[].attributes.attachment_link.title
myfreebingocards.com - free custom bingo card generator

# data[].attributes.attachment_link.description
Create randomized printable and virtual bingo cards for free in seconds with our bingo card generator. You can customize the title, background and content.

# data[].attributes.attachment_link.readable_text
&nbsp

Dieses Spiel ist mit einem Screenreader barrierefrei zugänglich. Wenn ein Screenreader aktiv ist, werden die Hinweise zu dem eingegebenen Wort mit folgenden Farbcodes vorgelesen: Grün für einen Buchstaben am richtigen Platz. Gelb für einen Buchstaben am falschen Platz und falsch für einen Buchstaben, der entweder gar nicht, oder kein zweites oder drittes Mal vorkommt. Mit den Zifferntasten eins bis sechs kannst du dir frühere Versuche noch einmal anhören. Am Ende kannst du das Lösungswort noch einmal mit der Zifferntaste Null abrufen. Mit der Leertaste kommst du immer zum Wortanfang. Mit den Tasten Pfeil links und rechts kannst du bei der Eingabe den Buchstaben-Platz auswählen. Nach dem Spiel kommst du mit der Taste, T, zum Teilen, und mit der Taste, S, zur Statistik.

Errate das Wort in 6 Versuchen!

Das Ziel des Spiels ist, ein Wort mit 5 Buchstaben zu erraten. Die Umlaute Ä, Ö und Ü wurden durch AE, OE bzw. UE ersetzt, und ẞ durch SS. Gib ein Wort ein und drück auf das Häkchen links unten, um es zu überprüfen.

Nach jedem Versuch erhältst du einen Hinweis dazu, wie viele Buchstaben du richtig erraten hast.

Wenn du den strikten Modus aktivierst, kannst du nur Wörter eingeben, die zu allen Hinweisen passen, die du bereits erhalten hast. Deine Freund:innen können am Sternchen hinter der geteilten Versuche-Anzahl (z.B. 4/6*) erkennen, dass du im strikten Modus gespielt hast.

Beispiel:

Das gesuchte Wort ist LEBEN. Das eingegebene Wort ist GERNE.

Diese Farbcodes helfen dir beim Finden des richtigen Wortes:

Grünes

E : Das E ist an der richtigen Stelle.

Gelbes

N : Das N ist im Lösungswort enthalten, aber an einer anderen Stelle. (Das gilt auch für das zweite E.)

Graues

G , R : G und R kommen im Lösungswort gar nicht vor.
Jeden Tag wartet ein neues Rätsel auf dich!

# data[].attributes.attachment_link.title
Gridgames - Das größte deutsche Wortrate-Spiel

# data[].attributes.attachment_link.description
Bei GridWords hast du jeden Tag 6 Versuche, um ein Wort mit 5 Buchstaben zu erraten. Die Farben zeigen dir, welche Buchstaben du bereits richtig erraten hast.

# data[].attributes.attachment_link.title
convert.io - The Ultimate File Converter

# data[].attributes.attachment_link.description
Drag and drop countries around the map to compare their relative size. Is Greenland really as big as all of Africa? You may be surprised at what you find! A great tool for educators.

# data[].attributes.attachment_link.readable_text
Performing image editing and applying picture effects to any image is a time consuming exercise that is fit only for an avid photoshop user. If you're looking for a quick and professional picture effects online service, then PhotoFunia is the solution you've been looking for.

With PhotoFunia you can edit photos online for free in a matter of seconds resulting in high quality photo collages. Not only you can edit pics online for free you can also have much fun doing so, by sharing them with your family and friends. So what are you waiting for? Start editing pictures online with PhotoFunia for free today.

# data[].attributes.attachment_link.description
PhotoFunia is a leading free photo editing site packed with a huge library of picture editor effects & photo filters. Edit pictures with online pic editor.

# data[].attributes.attachment_link.readable_text
Hintergrund

Die Optische Differenzierung ist die Leistung Gleiches und Ungleiches zu erkennen und auseinander zu halten.

Wissenschaftliche Forschungen haben ergeben, dass eine Verbesserung der Optische Differenzierung wesentlich zur Verbesserung der Schreib-, Lese- und Rechenleistungen beiträgt.

Computerspiele auf CD-Rom zur Förderung finden Sie hier:

# data[].attributes.attachment_link.readable_text
Text to Morse

Just type letters, numbers and punctuation into the top box and the Morse code will appear in the bottom box with a "#" if the character cannot be translated. This is not a great tool for learning Morse code as looking at the dots and dashes does not help. Instead, try one of the training tools.

Morse to Text

You can type Morse code into the top box using "." for a dot and "-" or "_" for a dash. Letters are separated by spaces and words by "/". The text translation will appear in the bottom box. If a letter cannot be translated a "#" will appear in the output.

Sound, Light & Vibration

The "Play", "Pause", "Stop" and "Repeat" buttons control the playback. You can choose between hearing the sound, seeing a flashing light, or having your phone vibrate using the "Sound", "Light" and "Vibrate" checkboxes. The "Configure" button reveals advanced options to control the frequency and speed and switch between telegraph and radio sound styles. The flashing light and download buttons do not currently work when in "Telegraph" mode.

Notes

This tool works in most browsers: please see the FAQ if you are having problems.

If you would like to see a list of all the Morse code characters please go to my Morse Code page. If you have any questions about Morse code or the translator, please read my FAQ first.

# data[].attributes.attachment_link.description
The translator can translate between Morse code and Latin, Hebrew, Arabic and Cyrillic alphabets. It can play, flash or vibrate the Morse code. You can also download the sound and share a link to use it to send messages to your friends. The speed, Farnsworth speed and frequency of the sound are all fully adjustable.

# data[].attributes.attachment_link.readable_text
How to do:

Please select on of the passport templates: U.S. passport, U.K. Passport, Italian passport, Argentina, Holland, etc.

Add your picture (icon ) and adjust it in the photo id section (you can resize or rotate it)

Add text clicking on icon . Double-click to edit text. You can resize it, or change fonts (), colour (), etc. You can add as many lines you like.

When completed, click on "Save" (icon ) to download or Share

Further tips:

To start again / rest: F5 button or scroll down if you are on mobile.

Use comment section to publish your photomontages or ask for further templates.

# data[].attributes.attachment_link.title
Passport Generator | Create, customize and print fake passports | Picturando.com

# data[].attributes.attachment_link.description
Create fake international passports. Select state, add picture and details, get your free passports in minutes

# data[].attributes.attachment_link.readable_text
Street Sign

There are a few more famous and iconic street names in the world than those of New York City. Traditionally street signs in New York, especially in prestigious areas, are named after important and influential people. Now you can also name a street after yourself or anything for that matter with the help from PhotoFunia. So even if you're not a former president, scientist, entertainer or a philosopher you can have the street sign in iconic New York City custom named, simply by typing the text for the street sign.

Advert

# data[].attributes.attachment_link.description
Create your own iconic New York street sign name

# data[].attributes.attachment_link.description
Use this free online newspaper generator to create your own spoof newspaper articles. Just upload a photo and add your own text. Enter newspaper title and headline Want to change the date, use a larger picture, or write multiple articles? Please try our premium newspaper page generator!

# data[].attributes.attachment_link.title
FreeTTS - Text to speech mp3 online free

# data[].attributes.attachment_link.description
FreeTTS - your go-to free online text-to-speech solution. Convert text into MP3, WAV, OGG, and ACC formats effortlessly. Enjoy additional features such as speech transcription, vocal removal, voice enhancement, and audio editing tools