<style> div.block { hyphens: auto; text-align:justify; } div.blue { hyphens: auto; text-align:justify; background: rgba(7, 60, 110, 0.3); padding-left:5px; padding-right: 5px; padding-top: 18px; padding-bottom: 10px; } div.orange { hyphens: auto; text-align:justify; background: rgba(222, 110, 6, 0.3); padding-left:5px; padding-right: 5px; padding-top: 18px; padding-bottom: 10px; } img.picturezoom { transition: transform 0.2s; } img.picturezoom:hover { transform: scale(2.0, 2.0); z-index: 100; } div.prefont { font-family: "Courier"; font-weight: bold; text-align: justify; background: rgba(255, 255, 255, 1.0); border: 10px solid white; padding-top:5px; padding-bottom: 5px; padding-left: 5px; padding-right: 10px; } div.quelle { font-size: 10px; text-align: right; } </style> # Erstellung eines (digitalen) Escape Rooms: ### **EINLEITUNG:** <div class = "block"> Spielen Sie zur Einführung den folgenden »Escape Room«: <a href="https://view.genial.ly/63319624bc2fba00116440df/game-breakout-flucht-aus-der-schule" target="_blank">Flucht aus der Schule</a> <br /> </div> ### **AUFGABE: ENTWERFEN SIE EINE GESCHICHTE** <div class = "block"> Entwerfen Sie eine Geschichte für einen »Escape Room«. Was ist die Ausgangssituation? Beschreiben Sie diese lebendig und spannend. Achten Sie dabei auch auf die (psycho-) logischen Komponenten. Würde ein:e verrückte:r Wissenschaftler:in wirklich so reden und Hinweise so offensichtlich präsentieren? **Tipp:** Nicht alles, was Sie jetzt aufschreiben, muss später im »Escape Room« als Text auftauchen. Überlegen Sie schon einmal, wo Bilder, Töne- oder Videoaufnahmen das Erzählerische übernehmen können. <div style="position: relative;z-index: 100;"> <img width="100%" src="https://cdn.pixabay.com/photo/2020/07/30/12/06/question-mark-5450223_960_720.jpg" alt="Minetest: Ansicht einer »Node« mit cyan-Textur" title="Escape Room: Schreiben einer Geschichte"><div class = "quelle">Quelle: <a href="https://cdn.pixabay.com/photo/2020/07/30/12/06/question-mark-5450223_960_720.jpg" target="_blank">pixabay</a></div> </div><br /> **UMFELD:** Zu welcher Tageszeit spielt die Geschichte, wie ist das Wetter? Welche Geräusche hört man? In welchem Zustand ist das Gebäude/der Raum? Gibt es auffällige Besonderheiten? **Tipp:** Fügen Sie gerne schon erste Gegenstände oder ähnliches ein, die für die späteren zu lösenden Rätsel eine Rolle spielen, ohne deren genau Funktion bereits zu verraten. **ANKUNFT:** Wie kommen die Personen zum Ausgangsort der Geschichte? Zu Fuß, mit dem Auto, angeschwemmt an einen Strand? **GRÜNDE:** Warum sind die Personen vor Ort? Wurden sie von ihnen bekannten Menschen oder Freund:innen eingeladen? Oder ist es ein geheimnisvoller Fremde? Was wurde als Grund der Einladung genannt oder bleibt er mysteriös? Sind die Personen auf der Suche nach Vermissten? In welcher Beziehung stehen sie zu den Vermissten? Oder betreten die Personen den Raum, weil sie einfach nur ein Telefon benötigen? Aber warum? **AUFTRAG:** Wie erfahren die Personen von ihrem »Auftrag«? Durch eine Off-Stimme? Ein Tonband? Ein Dokument? Was genau ist der »Auftrag«? **BEDROHUNG:** Was ist die Bedrohung, die es nötig macht, den »Auftrag« innerhalb einer festgelegten Zeit zu erledigen? Welche persönlichen oder äußeren Umstände hindern die Personen daran, den Ort einfach zu verlassen oder Hilfe von anderen anzufordern? **ENDE:** Wie endet die Geschichte? Gehen einfach alle? Gibt es eine:n Erzähler:in, die zum Schluss die Story zusammenfasst oder noch lose Enden erklärt? Wird eine mögliche Fortsetzung angedeutet? <br /> <div style="hyphens: auto;text-align:justify;background: rgba(124, 124, 124, 0.3);padding-left:5px;padding-right: 5px;"> **LINKLISTE: SCHREIBEN EINER ESCAPE-ROOM-GESCHICHTE:** * <a href="https://escaperoomspiele.com/missionen-fuer-deinen-diy-escape-room" target="_blank">escaperoomspiele.com</a> * <a href="https://pro.regiondo.com/de/escape-room-themenideen" target="_blank">pro.regiondo.com</a> * <a href="https://eee-einbisschenanders.jimdofree.com/erweck-die-geschichte-hinter-deinem-escape-game-zum-leben/" target="_blank">eee-einbisschenanders.jimdofree.com</a> * <a href="https://www.bz-niedersachsen.de/escape-room.html?file=files/bzn-c3/content/Materialien%20Apps%20und%20Tools/Mach-mal-Box_Escape%20Room_Arbeitshilfe.CC.Lizenz.pdf" target="_blank">bz-niedersachsen.de</a> * <a href="https://app.neuro-flash.com/free?fpr=roman75" target="_blank">app.neuro-flash.com</a> <br /> </div> <br /> </div> ### **ESCAPE ROOM: BEISPIELE FÜR RÄTSEL** <div class = "block"> Lassen Sie sich von den nachfolgenden Rätsel-Beispielen zu eigenen Ideen anregen. Sie sind eigentlich für eine analoge Variante eines »Escape Rooms« ausgelegt, aber mit etwas Fantasie lassen sie sich auch in einem digitalen »Escape Room« einsetzen: <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQSuI5Gv4KWEyoYqmGMMZwMo8t281mpYXVQZgWdqa53D2P47tj-_WtWC7AU03gY7EdauzgdtsNNJQZW/embed?start=false&loop=false&delayms=3000" frameborder="0" width="624" height="506" allowfullscreen="true" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe><br /> <div style="font-size: 12px;hyphens:auto;text-align:justify;background: rgba(124, 124, 124, 0.3);padding-left:5px;padding-right: 5px;"><b>Tipp:</b> Mit den drei Punkten oder der Tastenkombination STRG+SHIFT+F schalten Sie in den Vollbildmodus (beenden mit ESC-Taste). Am Ende jeder Folie wird die Lösung eingeblendet und bei Bedarf weitere Informationen bereitgestellt. </div> <br /> </div> ### **AUFGABE: DIGITALEN ESCAPE ROOM ERSTELLEN** <div class = "block"> Erstellen Sie auf Grundlage Ihrer zuvor geschriebenen Geschichte (in Gruppenarbeit) einen digitalen »Escape Room« mit der Web-Anwendung »<a href="https://genial.ly/de/" target="_blank">Genially</a>«. Arbeiten Sie entweder mit den von uns (temporär) zur Verfügung gestellten Genially-Accounts oder legen Sie sich einen eigenen kostenfreien Zugang zu: <a href="https://auth.genial.ly/de/signup" target="_blank">Account erstellen</a> <div style="position: relative;z-index: 100;"> <img width="100%" src="https://www.multimediamobile.de/fileadmin/Daten/Dokumente/sued/bilder/web-genially-sued.png" alt="Escape Room mit Genially erstellen" title="Escape Room mit Genially erstellen"><div class = "quelle">Screenshot: <a href="https://genial.ly/de/erstellen/gamification/" target="_blank">Genially</a></div> </div><br /> <br /> </div> ### **HINWEISE ZUR ARBEIT MIT GENIALLY:** <div class = "block"> **VORLAGEN:** Sie können nach dem Einloggen auf der Seite »Was du mit Genially erstellen kannst« in der Suchmaske nach einer <a href="https://support.genial.ly/de/support/solutions/articles/80000497121-wie-beginne-ich-eine-kreation-mit-genially" target="_blank">Vorlage</a> für »Escape Room« suchen. Mit einem gelben Sternchen markierte Einträge können Sie nur nutzen, wenn Sie einen Premium-Account abgeschlossen haben. Oft ist es jedoch einfacher, »Leere Kreation« rechts unten zu wählen und die Präsentation komplett händisch aufzubauen. Denn die Vorlagen enthalten immer auch viele Elemente, die Sie vielleicht gar nicht benötigen und immer erst löschen müssten. **FOLIEN:** Achten Sie darauf, dass alle Ihre Folien unter »Navigation« auf »Microsite« eingestellt sind, da man sonst einfach alle Seiten durchblättern kann, ohne ein einziges Rätsel zu lösen: <a href="https://support.genial.ly/de/support/solutions/articles/80001026180-navigation-zwischen-seiten-microsite-modus-in-genially" target="_blank">ANLEITUNG</a> **TEXT:** Vermeiden Sie große Schriftmengen oder verteilen Sie diese auf mehrere Folien. Aber muss es überhaupt Schrift sein? Vielleicht eignet sich ein Tondokument viel besser. Oder ein Bild sagt alles, was nötig ist ... **SCHRIFT:** Wählen Sie eine geeignete Schriftart. Achten Sie darauf, dass man die Schrift gut lesen kann. Verwenden Sie maximal drei verschiedene Schriftarten. **BILDER:** Sie können eigene Bilder hochladen. Falls Sie aber den kostenfreien Account verwenden, wird Ihr »Escape Room« bei der Freischaltung automatisch öffentlich sichtbar. Um Urheberrechtsprobleme zu vermeiden, wählen Sie die eingefügten Bilder daher möglichst von einer Plattform wie »<a href="https://pixabay.com" target="_blank">Pixabay</a>«. Hier stehen alle Bilder unter einer pixabay-eigenen »<a href="https://pixabay.com/service/license/" target="_blank">CC0-Lizenz</a>«, dürfen also problemlos weiterverbreitet werden (siehe auch Liste unten). **LAYOUT:** Achten Sie auf ein möglichst stimmiges und einheitliches Layout. Wiederkehrende Elemente sollten möglichst immer auf den Folien an der gleichen Stelle auftauchen. Hierfür klicken Sie das Objekt einfach mit rechter Maustaste an und wählen im Kontextmenü »Kopieren«. Wechseln Sie dann zur Ziel-Folie und fügen Sie mit Rechtsklick »Einfügen« das Objekt dort ein. Falls es sich um ein interaktives Element handelt, denken Sie daran, die Interaktivität anzupassen. **UMFANG:** Gestalten Sie eine Eingangsfolie. Dann mindestens eine Folie, die die Geschichte erzählt (je nach Umfang Ihrer Geschichte können es auch mehr werden). Anschließend folgen drei (einfache) Rätsel. Denken Sie daran, je nach Bedarf Buttons für »Weiter« oder »Zurück« einzubauen, so dass man nicht in ein »Dead End«, also eine Sackgasse läuft, aus der es kein Entkommen gibt. Überlegen Sie, ob es eine abschließende Seiten geben soll/muss. **INTERAKTIVITÄT:** Um ein beliebiges Objekt interaktiv zu machen, wählen Sie es an, und klicken Sie oben auf das kleine erscheinende Symbol für INTERAKTIVITÄT. Meistens wird die Funktion »Weiter zur Seite« benötigt: <a href="https://support.genial.ly/de/support/solutions/articles/80000497113" target="_blank">ANLEITUNG</a> Aber testen Sie auch gerne die anderen <a href="https://support.genial.ly/de/support/solutions/articles/80000497038-wie-du-interaktivit%C3%A4t-in-genially-einstellst" target="_blank">Funktionen</a>. Interessant für »Escape Rooms« ist auf jeden Fall in der linken Materialpalette unter INTERAKTIVE ELEMENTE ganz unten der Eintrag UNSICHTBARER BEREICH. Hiermit können Sie zum Beispiel in einem Bild ein unsichtbares Feld über eine Tür aufspannen und diese so anklickbar machen: <a href="https://support.genial.ly/de/support/solutions/articles/80000969600-interaktive-elemente-in-genially" target="_blank">ANLEITUNG</a> **FREMDE INHALTE EINBETTEN:** Gehen Sie zu einer externen Anwendung wie »<a href="https://learningapps.org/" target="_blank">LearningApps</a>«. Sie können hier nun eigene Inhalte erstellen oder nach vorhandenen <a href="https://learningapps.org/display?v=p7d97k79320" target="_blank">Beispielen</a> suchen. Entscheidend ist, dass die externe Anwendung einen Einbettungscode zur Verfügung stellt, den Sie dann in »Genially« unter EINFÜGEN | ANDERE einfügen oder direkt in ein Objekt auf der Folie mit INTERAKTIVITÄT und dem Symbol für CODE-ANSICHT verwenden: <a href="https://academy.genial.ly//mod/page/view.php?id=879" target="_blank">ANLEITUNG</a> (nur verfügbar, wenn man angemeldet ist) **FÜR MUTIGE:** »Genially« bieten die Möglichkeit, eigenen Quelltext aus HTML, CSS und JavaScript einzufügen. Damit stößt man in ganz neue Dimensionen vor und kann Interaktivitäten erzeugen, die die Anwendung von Haus aus nicht bietet. Leider sind die zur Zeit auffindbaren Informationen hierzu sehr dürftig: <a href="https://www.lugiland.de/javascript-mit-genially/" target="_blank">ANLEITUNG</a> **PASSWORT GESCHÜTZTE SEITE:** Auf diese Seite läuft alles hinaus. Hier muss man am Ende die Teillösungen der einzelnen Rätsel als Passwort eintragen, um den »Escape Room« verlassen zu können. Klicken Sie zum Anlegen des Passwortes in der linken Folienverwaltung auf die Folie und die drei Punkte (»Optionen«). Wählen Sie dann »Passwort zur Seite hinzufügen«. Es dürfen natürlich in Ihrem »Escape Room« mehrere geschützte Seiten vorkommen: <a href="https://support.genial.ly/de/support/solutions/articles/80000496972-wie-sicherst-du-eine-seite-deines-genially-mit-einem-passwort" target="_blank">ANLEITUNG</a> **INDIKATOR FÜR INTERAKTIVITÄT:** Standardmäßig zeigt »Genially« im Präsentationsmodus rechts oben das Symbol »Interaktive Elemente anzeigen«. Aktiviert man es, werden alle (versteckten) interaktive Schaltflächen hervorgehoben. Dies ist für einen »Escape Room« in den meisten Fällen natürlich sehr ungünstig. Sie können diese Funktion aber deaktivieren: <a href="https://support.genial.ly/en/support/solutions/articles/80000497084-enable-disable-the-indicator-of-interactive-elements" target="_blank">ANLEITUNG</a> **GEMEINSAMES ARBEITEN:** »Genially« bieten die Möglichkeit, dass mehrere Personen auf das selbe Dokument zugreifen und (zeitversetzt) daran arbeiten: <a href="https://support.genial.ly/de/support/solutions/articles/80000497076-kollaborationen-in-genially-verwalten" target="_blank">Kollaboration</a> **TESTEN:** Testen Sie Ihre Anwendung vor der Veröffentlichung ausgiebig. Am besten sind Beta-Tester:innen, die bei der Entwicklung des Spiels nicht beteiligt waren. Denn man neigt dazu, die eigenen (logischen) Fehler nicht zu erkennen ... **VERÖFFENTLICHEN:** Veröffentlichen und teilen Sie Ihren »Escape Room« per Link, über soziale Netzwerke oder als eingebettetes Element: <a href="https://support.genial.ly/de/support/solutions/articles/80000497117-teile-deine-kreationen-aus-genially" target="_blank">ANLEITUNG</a> <br /> <div width="100%"> <iframe width="100%" height="538" src="https://www.youtube.com/embed/9jbKGFVWl9c" title="Genially-Tutorial: Mini Escape Games / Edu Breakouts erstellen" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <br /><br /> </div> ### **MEHR ESCAPE-ROOM-BEISPIELE MIT GENIALLY:** <div class = "block"> * [Geschichts-Breakout](https://view.genial.ly/602d14e1a144db0d87bea29c/game-breakout-geschichte-breakout) * [Breakout-Room Detektive](https://view.genial.ly/6239f5c3239c7700189de650/interactive-content-breakout-aspekte-der-erzahltextanalyse) * [Adventure in the kitchen](https://view.genial.ly/606b8640a2b31e0d1f068031/interactive-content-adventure-in-the-kitchen) * [The Castle](https://view.genial.ly/5e9db03e8695b90d8736c47c/game-breakout-escape-rom) * [Mission Missing Grandpa](https://view.genial.ly/5cffcc4aa6ef4f0f6d0d6bb6/interactive-content-escape-room) <br /> </div> ### **WAS GENIALLY SONST NOCH ALLES KANN:** <div class = "block"> »Genially« ist nicht auf die Erstellung von »Escape Rooms« beschränkt. Sie können fast alle Arten von interaktiven Inhalten mit der Anwendung erstellen: * [Präsentation](https://genial.ly/de/erstellen/praesentationen/) * [Infografiken](https://genial.ly/de/erstellen/infografik/) * [interaktive Bilder](https://genial.ly/de/erstellen/interaktive-bilder/) * [Lehrmaterial](https://genial.ly/de/erstellen/lernmaterial/) * [Lernspiele](https://johannadaher.com/2021/02/18/mit-genially-ganz-einfach-lernspiele-erstellen/) Hier ein paar konkrete Beispiele: * [Deutschunterricht](https://view.genial.ly/5ea52e9d63183e0d942d89a9) * [Biologie](https://view.genial.ly/5fcd5366185a0d0d977cbda6/vertical-infographic-timeline-meilensteine-in-der-genetik) * [Kommunikationsmodelle](https://view.genial.ly/5d930c187e4d040f2640ef36) * [Urheberrecht](https://view.genial.ly/6073e5f1b50a9b0d60e3f397/interactive-content-bildrechte-fur-junge-jugendliche) * [Verschwörungstheorien](https://view.genial.ly/5ebfc3ca8e243b0d5a3309b6) Manchmal gibt es bei den Beispielen unten einen Button »Genially wiederverwenden«. Dann kann man die Anwendung per Klick in den eigenen Account laden und dort die Inhalte den eigenen Bedürfnissen anpassen. <br /> </div> ### **ANDERE SOFTWARE:** <div class = "block"> Mit »Genially« lassen sich schnell und einfach »Escape Rooms« erstellen. Aber, falls Ihnen die Anwendung nicht liegt oder Sie mehr oder andere Funktionen benötigen, schauen Sie sich die folgenden Möglichkeiten an: * Lumi: [Lumi](https://app.lumi.education) * h5p: [h5p](https://h5p.org/) – [einstiegh5p](https://einstiegh5p.de) – [apps.zum.de](https://apps.zum.de/apps) * deck.toys: [deck.toys](https://deck.toys/) * Twine: [Twine](https://www.multimediamobile.de/sued-twine) <br /> </div> ### **QUELLEN FÜR BILDER, VIDEOS, MUSIK UND GERÄUSCHE:** <div class = "block"> »Genially« selber bietet zahlreiche vorgefertigte Materialien an, die man direkt für seinen »Escape Room« verwenden kann. Sollte Ihnen die Auswahl nicht reichen, finden Sie hier ein paar weitere Downloadquellen: <!-- Linkliste Bilder --> <details style="background-color: #eeeeee; border: 1px solid grey;"> <summary style="padding: 4px; border: 4px;">Bilder:</summary> <p style="background-color: #dddddd; padding: 4px;"> http://pixabay.com https://wordpress.org/photos www.morguefile.com/archive http://commons.wikimedia.org www.freepik.com www.vecteezy.com www.freevectors.com www.dafont.com/de www.flaticon.com https://thenounproject.com https://openmoji.org https://illlustrations.co http://gaugan.org/gaugan2 https://www.craiyon.com </p> </details> <!-- Linkliste Videos --> <details style="background-color: #eeeeee; border: 1px solid grey;"> <summary style="padding: 4px; border: 4px;">Videos:</summary> <p style="background-color: #dddddd; padding: 4px;"> https://videos.pexels.com www.sitepoint.com/creative-commons-sources https://invideo.io </p> </details> <!-- Linkliste Musik --> <details style="background-color: #eeeeee; border: 1px solid grey;"> <summary style="padding: 4px; border: 4px;">Musik</summary> <p style="background-color: #dddddd; padding: 4px;"> http://dig.ccmixter.org https://musopen.org https://filmmusic.io </p> </details> <!-- Linkliste Geräusche --> <details style="background-color: #eeeeee; border: 1px solid grey;"> <summary style="padding: 4px; border: 4px;">Geräusche:</summary> <p style="background-color: #dddddd; padding: 4px;"> www.hoerspielbox.de www.soundalbum.de https://freesound.org www.audiyou.de www.auditorix.de http://soundbible.com www.geraeuschesammler.de https://sound-effects.bbcrewind.co.uk www.medienpaedagogik-praxis.de/kostenlose-medien </p> </details> <br /> **Aber Achtung:** Unbedingt die AGBs bzw. Lizenzbestimmungen auf den Webseiten lesen! Denn »<a href="https://de.wikipedia.org/wiki/Creative_Commons" target="_blank">Creative Commons</a>« oder »kostenfrei« heißt nicht, dass man alles mit dem Material machen darf. Bestimmte CC-Lizenzen erlauben z. B. nur die unveränderte Verwendung einer Datei. Kürzungen oder das Ausschneiden einzelner Passagen wären also nicht erlaubt. Fast immer muss der Namen des/der Künstler:in und der Titel des Stücks/Materials im Abspann genannt werden. <!-- Linkliste Recht --> <details style="background-color: #eeeeee; border: 1px solid grey;"> <summary style="padding: 4px; border: 4px;">Urheber- und Nutzungsrechte:</summary> <p style="background-color: #dddddd; padding: 4px;"> www.youtube.com/watch?v=JVJPH5axlgI <a href="https://www.arminhanisch.de/2018/10/bilder-finden" target="_blank">www.arminhanisch.de</a> <a href="https://www.playfair.hmtm-hannover.de/uploads/media/Fragenkatalog_UrhG_PDF_04.pdf" target="_blank">www.playfair.hmtm-hannover.de</a> <a href="https://www.internet-abc.de/lehrkraefte/praxishilfen/urheberrecht-in-der-schule" target="_blank">www.internet-abc.de</a> </p> </details> <br /> </div> ### **LUST AUF MEHR BEKOMMEN:** <div class = "block"> Wenn Sie mehr zum Thema »Escape Rooms« wissen wollen, schauen Sie sich unsere Materialsammlung an: <a href="https://www.multimediamobile.de/sued-escape-room" target = "_blank">www.multimediamobile.de</a> Hier finden Sie auch die Downloads zu unserem »Escape Room« in Präsenz. <br /> </div> ### **INTERESSIERT AN EINER KOSTENFREIEN FORTBILDUNG:** <div class = "block"> Sie wollen sich intensiver mit dem Einsatz digitaler Technik im Unterricht beschäftigen? Dann buchen Sie das »<a href="https://www.multimediamobile.de/sued/" target="_blank">multimediamobil</a>«. Wir bieten kostenfreie Fortbildungen zu fast allen Themen rund um Multimedia an. Falls Sie also wissen möchten, wie Sie Bilder, Töne, Videos, Animationen oder das Internet pädagogisch sinnvoll einsetzen können oder was sich mit Computerspielen, 3D-Modelling oder Autorensystemen, Tablets, Apps und interaktiven Tafeln im Schulunterricht, Studienseminar, in der Erwachsenenbildung und Jugendarbeit machen lässt, werden Sie bei uns bestimmt fündig. <br /> </div> <div style="font-size: 10px;hyphens: auto;text-align:justify;background: rgba(124, 124, 124, 0.3);padding-left:5px;padding-right: 5px;"> Verwendung dieser Inhalte im Schulunterricht, der Jugendarbeit oder im Bildungsbereich mit dem Vermerk »<a href="https://www.multimediamobile.de/workshops-sued" target="_blank">© multimediamobil – Region Süd</a>« erlaubt. </div>