H5P - interaktiv und OER: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
(→‎H5P in Beispielen: Transklusion)
Markierung: 2017-Quelltext-Bearbeitung
Zeile 219: Zeile 219:
== H5P in Beispielen ==
== H5P in Beispielen ==


=== Einfache H5P-Inhaltstypen ===
{{:H5P in Beispielen}}
 
Die meisten H5P-Inhaltstypen ermöglichen es, genau einen Typ an interaktiven Übungen zu erstellen, also z. B. einen Lückentext, eine Zuordnungsübung usw. Solche H5P-Inhaltstypen werden hier als „einfache“ H5P-Inhaltstypen bezeichnet, unabhängig davon, ob damit jeweils nur eine einzelne Übung oder einer Reihe gleichartiger Übungen erstellt werden kann.
 
==== Accordion - zwei Beispiele ====
 
===== Accordion - Steckbrief H5P =====
 
{{h5p-zum|id=6288}}
* [https://apps.zum.de/apps/6288 auf ZUM-Apps]
* erstellt mit: [[Accordion]]
 
===== Accordion - Fragen und Antworten zu H5P =====
 
{{h5p-zum|id=21438}}
* [https://apps.zum.de/apps/21438 auf ZUM-Apps]
* erstellt mit: [[Accordion]]
 
==== Audio Recorder - Projekt Schuluniform - Pro und Contra====
{{H5p-zum|id=507}}
* [https://apps.zum.de/apps/507 auf ZUM-Apps]
* erstellt mit: [[Audio Recorder]]
 
==== Dialog Cards - Komposita mit Erklärungen ====
 
{{h5p-zum|id=21171}}
* [https://apps.zum.de/apps/21171 auf ZUM-Apps]
* erstellt mit: [[Dialog Cards]]
 
==== Dictation - Es war eine Mutter ... ====
 
{{h5p-zum|id=18955}}
* [https://apps.zum.de/apps/18955 auf ZUM-Apps]
* Achtung: Funktioniert nur mit Chrome oder Edge!
* erstellt mit: [[Dictation]]
 
==== Drag and Drop - Zwei Beispiele ====
 
===== Drag and Drop - Großlandschaften Deutschlands =====
 
{{h5p-zum|id=20865}}
* [https://apps.zum.de/apps/20865 auf ZUM-Apps]
* erstellt mit: [[Drag and Drop]]
 
===== Drag and Drop - 5-Schritt-Lesemethode =====
 
{{h5p-zum|id=21195}}
* [https://apps.zum.de/apps/21195 auf ZUM-Apps]
* erstellt mit: [[Drag and Drop]]
 
==== Drag the Words - Präpositionen einsetzen ====
 
{{h5p-zum|id=8646}}
* [https://apps.zum.de/apps/8646 auf ZUM-Apps]
* erstellt mit: [[Drag the Words]]
 
==== Essay - Schreibübung: Mein Tag - Schwerpunkt Perfekt ====
 
{{h5p-zum|id=12427}}
* [https://apps.zum.de/apps/12427 auf ZUM-Apps]
* Achtung: Funktioniert nur mit Chrome oder Edge!
* erstellt mit: [[Essay - H5P]]
 
==== Find the Words - Schulsachen ====
 
{{h5p-zum|id=21127}}
* [https://apps.zum.de/apps/21127 auf ZUM-Apps]
* erstellt mit: [[Find the Words]]
 
==== Fill in the Blanks - Perfekt, Alltagswörter, B1 ====
 
{{h5p-zum|id=487}}
* [https://apps.zum.de/apps/487 auf ZUM-Apps]
* erstellt mit: [[Fill in the Blanks]]
 
==== Flashcards - Thema Familie, A1, lernen ====
 
{{h5p-zum|id=142}}
* [https://apps.zum.de/apps/142 auf ZUM-Apps]
* erstellt mit: [[Flashcards]]
 
==== Image Hotspots ZUM Edition - Komplexer Inhaltstyp - Weihnachten ====
 
{{h5p-zum|id=9143}}
* [https://apps.zum.de/apps/9143 auf ZUM-Apps]
* erstellt mit: [[Image Hotspots ZUM Edition]]
 
==== Image Pairing - Reimpaare finden ====
 
{{h5p-zum|id=8449}}
* [https://apps.zum.de/apps/8449 auf ZUM-Apps]
* erstellt mit: [[Image Pairing]]
 
==== Image Sequencing - Körperteile ordnen ====
 
{{h5p-zum|id=21253}}
* [https://apps.zum.de/apps/21253 auf ZUM-Apps]
* Tipp: Mit „Reuse“ leicht für eine andere Sprache zu nutzen.
* erstellt mit: [[Image Sequencing]]
 
==== Interactive Book Simple - Lasst uns fliegen ====
 
{{h5p-zum|id=18718|height=200}}
*[https://apps.zum.de/apps/18718 auf ZUM-Apps]
* erstellt mit: [[Interactive Book Simple]]
 
==== Mark the Words - Markiere die Verben ====
 
{{h5p-zum|id=12153}}
* [https://apps.zum.de/apps/12153 auf ZUM-Apps]
* erstellt mit: [[Mark the Words]]
 
==== Memory Game - Zwei Beispiele ====
 
===== Memory Game - Sportarten =====
 
{{h5p-zum|id=16883}}
* [https://apps.zum.de/apps/16883 auf ZUM-Apps]
* Hinweis: Dies ist eine Überarbeitung [https://apps.zum.de/apps/11151 einer anderen ZUM-App, in der nur Bilder verwendet wurden].
* erstellt mit: [[Memory Game]]
 
===== Memory Game - Bewegungen und Kommunikation =====
 
{{h5p-zum|id=21085}}
* [https://apps.zum.de/apps/21085 auf ZUM-Apps]
* Hinweis: Die Grafiken (Bilddateien) sind von einem anderen ZUM-Apps-Benutzer übernommen. Siehe dazu [https://apps.zum.de/apps/20980 hier], [https://apps.zum.de/apps/21079 hier] oder [https://apps.zum.de/apps/21108 hier].
* erstellt mit: [[Memory Game]]
 
==== Sort the Paragraphs - Nena und ihr Hund ====
 
{{h5p-zum|id=21182}}
* [https://apps.zum.de/apps/21182 auf ZUM-Apps]
* erstellt mit: [[Sort the Paragraphs]]
 
=== Komplexe H5P-Inhaltstypen ===
 
Als „komplexe“ H5P-Inhaltstypen gelten hier alle H5P-Inhaltstypen, mit denen innerhalb dieses Inhaltstyps mehrere (andere) unterschiedliche H5P-Inhaltstypen genutzt werden können.
 
==== Branching Scenatio - Komplexer Inhaltstyp - Spielbuch ====
Beispiel, das die Verwendung des H5P-Inhaltstyps [[Branching Scenario]] für spielerische Lernsituationen illustrieren soll.
 
{{h5p-zum|id=21508}}
* [https://apps.zum.de/apps/21508 auf ZUM-Apps]
* erstellt mit: [[Branching Scenario]]
 
==== Column - Komplexer Inhaltstyp - Zwei Beispiele ====
 
===== Column - Beispiel mit den wichtigsten Inhaltstypen =====
 
{{Information anzeigen|
{{H5p-zum|id=18856}}
|H5P-App anzeigen|H5P-App verbergen}}
* [https://apps.zum.de/apps/18856 auf ZUM-Apps]
* erstellt mit: [[Column]]
 
===== Column - Beispiel mit Einbettungen externer Tools =====
Die Einbettung externer Webinhalte funktioniert in Column über den H5P-Inhaltstyp [[IFrame Embedder]]. Diese ermöglicht es, externe Inhalte durch Eingabe der URL einzubetten.
 
{{Information anzeigen|
{{H5p-zum|id=16434}}
|H5P-App anzeigen|H5P-App verbergen}}
* [https://apps.zum.de/apps/16434 auf ZUM-Apps]
* erstellt mit: [[Column]]
 
==== Course Presentation - Komplexere Inhaltstyp - Zwei Beispiele ====
 
===== Course Presentation - Personalpronomen =====
 
{{h5p-zum|id=12577}}
* [https://apps.zum.de/apps/12577 auf ZUM-Apps]
* erstellt mit: [[Course Presentation]]
 
===== Course Presentation - EduBreakout / Escape Game - Mathematik =====
 
{{h5p-zum|id=21193}}
* [https://apps.zum.de/apps/21193 auf ZUM-Apps]
* erstellt mit: [[Course Presentation]]
* Alternative: [[Branching Scenario]]
 
==== Interactive Book - Komplexer Inhaltstyp - Journalistische Textformen ====
 
{{h5p-zum|id=21247}}
* [https://apps.zum.de/apps/21247 auf ZUM-Apps]
* erstellt mit: [[Interactive Book]]
 
==== Interactive Video - Komplexer Inhaltstyp - Zwei Beispiele ====
 
===== Interactive Video - Frühstück, A1 =====
 
{{H5p-zum|id=14482|height=200}}
*[https://apps.zum.de/apps/14482 auf ZUM-Apps]
* erstellt mit: [[Interactive Video]]
 
===== Interactive Video - Aktiv oder Passiv? =====
 
{{H5p-zum|id=14906|height=200}}
*[https://apps.zum.de/apps/14906 auf ZUM-Apps]
* erstellt mit: [[Interactive Video]]


== H5P-Apps selbst erstellen ==
== H5P-Apps selbst erstellen ==

Version vom 17. September 2022, 08:32 Uhr

Entwurf!!!


(Interaktive) Übungen im Fremdsprachenunterricht

Was ist das?

  • Übung = Anwendung, Wiederholung und Vertiefung
  • interaktiv:
    • mit Rückmeldung
    • hier: digital (offline oder online)

Warum?

Unabdingbar für erfolgreiches Sprachenlernen:

  • Anwendung
  • Wiederholung
  • Vertiefung (Transfer)

Interaktive Übungen

  • können gezielt spezifische Aspekte einer Sprache (im Wortschatz, der Grammatik ...) präsentieren und üben (lassen).
  • können in der Regel in kurzer Zeit bewältigt werden.
  • bieten eine Rückmeldung (richtig, falsch, Hinweise, Lob).
  • können eigenständig bearbeitet werden.
  • können ausgewählt, in unterschiedlichem Tempo bearbeitet, wiederholt oder auch übersprungen werden.

Umsetzungen

analog

  • Arbeitsblatt
  • Lehrbuch
  • Arbeitsheft

mit:

  • Lösungsblatt
  • Lösungen auf der Rückseite oder unten auf der Seite (auf auch "über Kopf zu lesen")
  • Hilfestellungen / Rückmeldungen von anderen Lernenden oder einer Lehrkraft

Vorteile:

  • in der Regel schnell selbst zu erstellen
  • datensicher, da nur innerhalb der eigenen Lerngruppe verfügbar

Probleme:

  • ggf. viele Blätter auszudrucken (sinnvolles Verhältnis von Aufwand und Nutzen?)
  • geringe Flexibilität in Auswahl, Bearbeitungstempo ...

digital

  • als Teil eines Lernprogramms
  • als eigenständige Lernsoftware
  • als einzelne Anwendungen, die ggf. in einen Lernpfad o. dgl. eingefügt werden können

mit:

  • Rückmeldungen in der Software/App integriert

Vorteile:

  • kein Verbrauchsmaterial
  • (im Idealfall) jederzeit und überall nutzbar

Probleme:

  • (bei Software) entsprechendes Betriebssystem und passendes Gerät Voraussetzung
  • (bei online aufrufbaren interaktiven Übungen) funktionierende Internet-Verbindung / WLAN Voraussetzung

Digitale interaktive Übungen

Hier soll es um digitale interaktive Übungen gehen, die online, in der Regel ohne Zugangsbeschränkungen sowie im Normalfall auch kostenlos und als Open Education Resources (OER) zur Verfügung stehen.

Hot Potatoes

Hot Potatoes ist ein JavaScript-basiertes Programmpaket der University of Victoria, Canada, für Windows mit sechs Anwendungen zur Erstellung interaktiver HTML-Seiten mit Übungen, die online verfügbar gestellt werden können. Letztes Update: 2019.

R-Quiz

Mit Hilfe des von Felix Riesterer entwickelten R-Quiz lassen sich Hot Potatoes-ähnliche Übungen in ZUM Deutsch Lernen und andere Wikis auf ZUM.de einbinden. Hierfür sind entsprechende Ergänzungen der MediaWiki-Installation vorgenommen worden.

Ursprünglich ist das R-Quiz für eine HTML-Umgebung entwickelt worden und lässt sich dort als Alternative zu Hot Potatoes einsetzen.

Linktipps:

LearningApps

„LearningApps.org unterstützt Lern-und Lehrprozesse mit kleinen interaktiven, multimedialen Bausteinen, die onlineerstellt und in Lerninhalteeingebunden werden. Für die Bausteine (Apps genannt) steht eine Reihe von Vorlagen zur Verfügung. Die Apps stellen keine abgeschlossenen Lerneinheiten dar, sondern müssen in ein Unterrichtsszenario eingebettet werden.“[1]

LearningApps bietet seit ca. 2012 die Möglichkeit, in einfacher Weise verschiedene Typen von interaktiven Lernelementen (Apps) zu erstellen. Inzwischen wurden weit über 20 Millionen Apps mit LearningApps erstellt, und zwar in mehreren Sprachen und vermutlich weltweit.

Vorteile:

  • LearningApps lässt sich sehr schnell verstehen und handhaben, sodass man einfach und schnell eine neue eigene App erstellen kann.
  • Es gibt sehr viele LearningApps, die man nutzen und/oder als Beispiel für eigenen interaktive Übungen nutzen kann

Nachteile:

  • Trotz zahlreicher Möglichkeiten, die LearningApps bietet, sind diese doch seit Jahren weitgehend gleich geblieben und haben sich technisch auch kaum weiterentwickelt.
  • Auch wenn LearningApps grundsätzlich frei zu nutzen sein sollen, ist doch echt immer sicher, dass die bestehenden Apps die Urheberrechte ausreichend beachten. Und so kann man nie ganz gewiss sein, dass man wirklich alles rechtlich einwandfrei nutzen darf. - Im Zweifelsfall sollte man sich dessen lieber noch einmal versichern und ggf. verwendete Materialien (in der Regel Bild-Dateien) entsprechend durch andere, eindeutig frei verwendbare ersetzen.

Tipps:

  1. Nutze den Button „ähnliche App erstellen" (links unterhalb jeder App, die man auf LearningApps.org aufruft), um sich den Quelltext der App anzuschauen und um ihn zu verstehen und um ggf. tatsächlich eine eigene, ähnliche App zu erstellen. - So hat man mit wenig Aufwand eine zwar ähnliche, aber doch eigene neue App.
  2. Denselben Button kann man dann auch nutzen, um weitere ähnliche Apps zu erstellen, wenn man erst einmal ein Muster gefunden hat, das einem gefällt.

Mehr Infos:

H5P

H5P (HTML 5 Package) ist eine freie, quelloffene Software zum Erstellen von Inhalten, speziell Lerninhalten, die auf h5p.org zur Verfügung gestellt wird. H5P basiert auf HTML5 und ermöglicht es, Inhalte in einfacher Weise zu erstellen, zu kopieren und weiterzuverwenden. Beliebte Übungen sind z. B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memo-Spiel.

Da mit H5P eine großen Zahl von unterschiedlichen Inhaltstypen erstellt und auch miteinander kombiniert werden können, stellt H5P derzeit wohl das flexibelste und vielfältigste Tools zur Erstellung von interaktiven Lerninhalten dar.

Gerade auch für das Sprachenlernen, insbesondere für den Anfangsunterricht, aber auch für fortgeschrittene Lerner:innen, bietet H5P zahlreiche sinnvolle Anwendungsmöglichkeiten. Das gilt auch für Deutsch als Fremdsprache (DaF) und als Zweitsprache (DaZ).

Mehr Infos:

  • H5P hier in ZUM Deutsch Lernen
  • H5P.org
  • H5P in der deutschsprachigen Wikipedia

Andere Tools

Es gibt verschiedene weitere frei verfügbare oder kommerziell zu erwerbende Tools zur Erstellung interaktiver Übungen, auf die aber hier nicht eingegangen werden soll.

Siehe auch:

H5P - genauer vorgestellt

Ursprung

H5P ist die Kurzform von HTML5 Package.

Um eine Alternative zu gängigen Autorensystemen wie Flash und Director von der Softwarefirma Adobe zur Verfügung zu stellen, suchte 2012 die mit öffentlichen Geldern finanzierte Norwegian Digital Learning Arena (NDLA) nach einer technischen Lösung, die folgende Rahmenbedingungen erfüllen sollte:

  • Kostenfreiheit
  • relativ niedriger technischer Aufwand für Lehrende
  • Plattform und Browser unabhängige Nutzung offene Standards wie HTML5
  • freie Bildungsmaterialien nach OER – Open-Educational-Ressources Richtlinien
  • Die norwegische Firma Joubel machte sich an die Umsetzung und stellte 2013 die erste Fassung der Software vor. Seitdem wird H5P stetig weiterentwickelt

Über H5P kann man sich auf der Homepage des Produkts, https://h5p.org, informieren. Dort erfährt man, dass dieses Programmpaket ein Produkt der Firma Joubel (http://joubel.com) ist und auch von dieser Firma als Registered Trademark eingetragen wurde. Das Programmpaket steht gleichwohl unter einer freien Lizenz (MIT License), über die man sich auf der Lizenz-Seite des Projekts informieren kann.

Vorteile von H5P

Vielfalt

Über 50 verschiedene H5P-Inhaltstypen erlauben eine große Vielzahl an unterschiedlichen Übungstypen zu erstellen.

Auf allen Geräten - responsiv

Die H5P-Apps sind responsiv, das heißt, sie passen sich in ihrer Darstellung automatisch an verschiedene Bildschirmgrößen an. H5P-Apps können also gleichermaßen auf großen Bildschirmen wie auch auf Laptops, Tablets und Smartphones genutzt werden.

Weiterentwicklung

Durch zahlreiche Entwickler:innen bei Joubel und von außerhalb.

Einbindung in WordPress, Moodle, Drupal u.a.

H5P-Apps können, nachdem sie erstellt worden sind, am Ort ihrer Erstellung belassen und dort genutzt bzw. von meiner anderen Adresse aus verlinkt werden.

H5P-Apps können aber auch in andere Plattformen eingebunden werden, sodass Nutzer:innen die jeweilige Plattform nicht verlassen müssen, wenn sie eine H5P-App nutzen.

Das passiert z.B. hier in „ZUM Deutsch Lernen“, einer Installation auf der Basis von MediaWiki.

H5P-Apps können auch leicht in Installationen auf der Basis folgender Plattformen eingebunden werden:

Abgerufen von „https://deutsch-lernen.zum.de/index.php?title=H5P_-_interaktiv_und_OER&oldid=53264“