Filtern

App 16993 - 17016 von 17046

Performance Verbesserungen & neue Fächer im Bereich Berufliche Bildung

ZUM-Apps ist auf eine komplett neue Serverinfrastruktur umgezogen und ist jetzt viel schneller.
Außerdem stehen im Bereich berufliche Bildung sieben neue Fächer zu Verfügung.
27.05.2025

Wir haben in den letzten Tagen sehr viel im Hintergrund getan: ZUM-Apps ist auf einen schnelleren Server umgezogen und zusätzlich wurde viel am Code gearbeitet, um ZUM-Apps weiter zu beschleunigen. An verschiedenen Stellen wurde alter Code durch neuen ersetzt, um ZUM-Apps fit für künftige Updates & Erweiterungen zu machen. Kleinere Bugfixes wurden hier und da auch gemacht.

Im Bereich der beruflichen Bildung wurden sieben neue Fächer hinzugefügt, so dass nun zehn Fächer zur Verfügung stehen:

  1. Berufsorientierung (BO)
  2. Bau-, Holz und Farbtechnik (Bau, ehem. Bautechnik)
  3. Elektrotechnik (ETK)
  4. Fahrzeugtechnik (FTK)
  5. Hauswirtschaft & Lebensmittelhandwerk (HL, ehem. Hauswirtschaft)
  6. Metalltechnik (MTK)
  7. Pflege, Pädagogik & Soziales (PPS, ehem. Pflege)
  8. Textil- & Mediengestaltung (TM)
  9. Verkehr & Logistik (VL)
  10. Wirtschaft & Verwaltung (WV)

In deinen Profileinstellungen kannst du entsprechend auch die neuen Fächer auswählen, um dich den zugehörigen Fachschaften anzuschließen.

Ergänzt wird das Update durch ein leicht überarbeitetes Formular für die App-Erstellung, in dem deutlischer wird, was direkt zum H5P-Inhalt gehört und was Teil der ZUM-Apps spezifischen Eingaben ist.

Entschuldigen möchen wir uns noch einmal dafür, dass das Update länger gedauert hat als gedacht.

Sollten dir Fehler auffallen, z.B. fehlende Inhalte oder eine "zerschossene" Anzeige, so teile uns das möglichst zügig unter info@zum.de mit. Danke!

Dein ZUM-Apps Team
 

Abgestufte Hilfen mit H5P

Mit H5P lassen sich unterschiedliche Arten von abgestuften Hilfen erstellen, die das selbstgesteuerte und eigenverantwortliche Lernen hervorragend fördern. Je nach Thema und Komplexität der Inhalte eignen sich verschiedene H5P-Inhaltstypen zur Bereitstellung von Hilfsmaterialien. Die Lernenden können mit diesen Angeboten selbstständig den für sie passenden Grad an Unterstützung wählen und sich schrittweise – von Hilfe zu Hilfe – bis hin zur vollständigen Musterlösung vorarbeiten.

 

In diesem Abschnitten werden unterschiedliche Möglichkeiten mit H5P zur Bereitstellung von abgestuften Hilfen vorgestellt. 

Aktuelle Angebote:

Accordion

Course Presentation

Image Hotspots (ZUM Edition)

Information Wall (in Arbeit)

Über weitere Idee und Anregungen freuen wir uns sehr!

 

zurück zur Übersicht - klick HIER


Abgestufte Hilfen mit Accordion

Mit dem Inhaltstypen Accordion ist eine schnelle und einfach Bereitstellung von Hilfstexten möglich. Bereitstellungen von Bildern bzw. Audios ist leider nicht möglich. Dank des erweiterten Texteditors können aber Links eingefügt werden, welche auf die andere Medien weiterleiten (Achtung Datenschutz).

Außerdem ermöglicht der Editor mediendidaktische Anpassen, wie z.B. Schriftgrößen oder Farben verändern.

16.05.2025 - Patrick Oberdörfer

 

zurück zur Übersicht - klick HIER


 

Abgestufte Hilfen mit Course Presentation

Die Course Presentation gehört zu der Gruppe der komplexen Inhaltstypen und bietet ein unglaubliches Repertoire an Möglichkeiten an.

Eine Möglichkeit ist "Slide-Funktion" um aus einer Übersicht heraus die Lernenden auf die gewünschte Hilfe zu führen. 

Technisch umgesetzt wird das mit der Option "geh zu Folie", welches sich hinter dem Acker-Icon versteckt. 

Das folgende Beispiel zeigt eine Sammlung von den häufigsten Fragen im Umgang mit dem Cloudspeicher der BayernCloud Schule (Webtool für die bayerische Schulgemeinschaft). Diese Hilfen werden über einen QR-Code im Klassenzimmer geteilt.

Bei diesem Beispiel wurden Bilder ganz einfach auf einer Präsentationsoftware erstellt, beschriftet, per Screenshot gespeichert und in die H5P-Datei eingefügt.

16.05.2025 - Patrick Oberdörfer

 

zurück zur Übersicht - klick HIER


Abgestufte Hilfen mit Image Hotspots (ZUM Edition)

Die Inhaltstypen Image Hotspots (4 Elemente) und Image Hotspots ZUM Edition (13 Elemente) gehören ebenfalls zur Gruppe der komplexen Inhaltstypen und vereinen zahlreiche H5P-Elemete in sich.

Die Positionierung der Hotspots ist frei und ermöglicht im Vergleich zur Variante Course Presentation eine flexiblere Gestaltung der Hilfen-Übersicht. 

Das dargestellte Beispiel nutzt die immer gleichbleibende Vorlage, womit die Lernenden sich an die Struktur und Vorgehensweise gewöhnen können. Für die erstellenden Personen reduziert dies zudem der Arbeitsaufwand, weil in der Vorlage nur die Aufgabenstellung verändert werden muss. Die abgestuften Hilfen ergeben sich aus der schrittweisen Dokumentation der Musterlösung. Auch hier sind klare und gleichbleibende Rituale (z.B. Farben, Icons, Operatoren) für die Lernen von großer Bedeutung.

16.05.2025 - Patrick Oberdörfer

 

zurück zur Übersicht - klick HIER


 

Differenzierung mit Filmen - Interactive Video

Das Interactive Video ist nicht nur ein Media-Player, sondern bietet zahlreiche Möglichkeiten für differenzierte Angebote.

Je nach Leitungsfähigkeit Ihrer Schülerinnen und Schüler gibt es z. B. drei Varianten zur Strukturierung von Unterrichtsfilmen.

Variante schwer - Lesezeichen

https://apps.zum.de/apps/29294

Variante mittel - Interaktives Inhaltsverzeichnis (Crossroads)

https://apps.zum.de/apps/28985

Variante leicht - Interaktives Inhaltsverzeichnis mit Aufgaben und Schleife

https://apps.zum.de/apps/21710
In Arbeit: Erklärvideo zur schnellen Erstellung

 

 

17.01.2024 - Patrick Oberdörfer
letzte Aktualisierung 16.05.2025 (neue Gliederung)

 

Differenzierung mit Texten Teil 1 - Wortschaftzarbeit

Variante 1 - Wortschatzarbeit

Bei den meisten textorientierten H5P-Typen erfolgt die Eingabe über den Texteditor. Der große Vorteil dabei, die Erstellung geht sehr schnell und einfach.

Texteditor Mark the Words
Texteditor.png

Dabei gibt es noch eine ganze Reihe an Inhaltstypen, die neben der üblichen Eingabemaske auch "In Textfeld eingeben" unterstützen und somit ebenfalls sehr zugänglich sind.

Eingabemaske Summary
Eingabemaske Summary.png
In Textfeld eingeben
In Textfeld eingeben Summary.png


Mit Hilfe von Chatbots geht das natürlich noch viel schneller. Die passenten Anleitungen gibt es hierfür in der Rubrik H5P mit KI - klicke HIER

Im aktuellen Angebot "Differenzierung mit Texten - Wortschatzarbeit" sind die folgenden Inhaltstypen aufgeführt.

  • Mark the Words
  • Drag the Words
  • Fill in the Blanks
  • Summary

Die ersten drei Beispiele sind bei der Formatierung absolut identisch, weshalb über copy & paste ganz schnell Variationen erstellt werden können. Und zugleich bietet sich z. B. bei Vorgangsbeschreibungen auch der Inhaltstyp Summary an. Hier können die vorhandenen Textbausteine ebenfalls sehr schnell eingegeben werden.

Beispiele und weitere Variationen der Inhaltstypen (z. B. Wortkasten) stehen aktuell noch unter einem ZUM-Projekt zur Verfügung: klick HIER

 

10.05.2024 - Patrick Oberdörfer

Differenzierung mit Bildern - Dialog Cards

Beim Inhaltstyp Dialog Cards können neben Texten auch Bilder eingebunden werden. Somit steht mit diesem H5P-Inhaltstypen eine gute Möglichkeit für die Erstellung von Karteikarten zur Verfügung. Interessant ist auch die zusätzlichen Möglichkeiten Tipps und Audiodateien einzufügen. Diese zwei Optionen machen den Inhaltstypen für eine Differenzierung interessant.

Die Möglichkeiten der Differenzierung mit den Dialog Cards

Unterschiedliche Komplexitätsgrade der Bilder

Neben Fotos, kann auch der Grad der Komplexität gezielt mit der Ausführung des Bilder gesteuert werden. Technische Zeichnungen nutzen i.d.R. eine eigene Fachsprache, Abstraktionen und Skizzen verlangen eine analytische Kompetenz, Icons und Piktogramme beschränken sich oft auf die zentralen Aussagen. Welches Bild, für welche Unterrichtssituation genutzt wird, sollte also gut überlegt sein.

Tipps anbieten

Die Dialog Cards bieten die Option Tipps an, womit gezielt Hilfestellungen den Lernenden angeboten werden können. Erkennbar am weißen Buchstaben I in der blauen Sprechblase.

Audiodateien einbinden

Mit der Bereitstellung von Audiodateien können Sie unterschiedliche Sinneskanäle (multisensorisches Lernen) ansprechen. Dies ist speziell für das Lernen von Fremd- oder Fachsprachen eine sehr hilfreiche Option.

 

Beispiele Dialog Cards

In den folgenden drei Beispielen werden dies Möglichkeiten vorgestellt.

Die Vorstellung beginnt mit dem geringsten Erstellungsaufwand und der höchsten Komplexität für die Lernenden.

Flash Cards - Differenzierung schwer

 

<iframe src="https://apps.zum.de/h5p/41513/embed" width="991" height="667" frameborder="0" allowfullscreen="allowfullscreen" lang="de" title="LF02 Gründungsarten - Flash Cards - Differenzierung mittel"></iframe><script src="https://apps.zum.de/modules/contrib/h5p/vendor/h5p/h5p-core/js/h5p-resi…" charset="UTF-8"></script>

<iframe src="https://apps.zum.de/h5p/41514/embed" width="991" height="667" frameborder="0" allowfullscreen="allowfullscreen" lang="de" title="LF02 Gründungsarten - Flash Cards - Differenzierung leicht"></iframe><script src="https://apps.zum.de/modules/contrib/h5p/vendor/h5p/h5p-core/js/h5p-resi…" charset="UTF-8"></script>

 

Erstellung 19.10.2024 - Patrick Oberdörfer
letzte Aktualisierung 16.05.2025
 

Advanced Fill in the Blanks

Liebe H5P-Community in den H5P-Workflows gibt es zwei neue Beiträge zum Inhaltstypen Advanced Fill in the Blanks.


16.04.2025

- Der erste Beitrag beschäftigt sich mit den Möglichkeiten der Differenzierung mit H5P.
- Der zweite Beitrag stellt euch schnellere und einfachere Erstellung vor.

 

Erstellung von Advanced Fill in the Blanks

Advanced Fill in the Blanks ist ein ganz toller Inhaltstyp und sollte häufiger genutzt werden.
Wie das jetzt einfach und schnell möglich ist, wird hier vorgestellt!

Die zahlreichen Variationen und Einstellungsmöglichkeiten sind im Abschnitt Differenzierung der H5P-Workflows zu finden.
Advanced Fill in the Blanks
Advanced Fill in the Blanks.jpg
 

Einleitung

Im Rahmen der Arbeiten am Angebot Differenzierung ist ein stärker Fokus auf den Inhaltstypen Advanced Fill in the Blanks gefallen.

Leider ist die Erstellung verhältnismäßig aufwendig, weshalb der Versuch gestartet wurde, die Erstellung via CSV-Vorlage und Python zu optimieren.

Das Ergebnis scheint ganz erfolgreich zu sein.

Was brauchen wir hierfür auf dem PC?

Hierfür benötigen wir Python und es muss (z.B. via Windows PowerShell - geht sicher auch auf Apple - das Paket pandas installiert sein – das ist eine sehr beliebte Bibliothek, die zum Einlesen von CSV-Dateien verwendet wird.)

Wie installiere ich das pandas Paket?

Öffne deine Eingabeaufforderung / Terminal / PowerShell und gib dort ein: pip install pandas

Wenn du mehrere Versionen von Python installiert hast, und das nicht klappt, versuche stattdessen: python -m pip install pandas

Oder falls du Python 3 mit explizitem Befehl aufrufen musst: python3 -m pip install pandas

Wenn du die Meldung bekommst Requirement already satisfied, ist es schon drauf – alles gut!

Dann muss das Python-Skript und die CSV-Vorlage mit den aktuellen Eingaben in einen Ordner. Über die Windows-Eingabeaufforderung muss jetzt im passenden Ordner

dieser Befehl ausgeführt werden: python generate_content_json.py

 

Komplett automatisierte H5P-Datei-Erstellung mit Python


Der Ablauf des Python-Skripts:

  1. Die CSV-Datei wird gelesen
  2. Die content.json automatisch generiert
  3. Eine vorhandene H5P-Datei (deine Vorlage) genutzt
  4. Die content.json austauscht
  5. Eine neue und fertige .h5p-Datei erzeugt

Die CSV-Vorlage

Satz Lösung Tipp Vom Nutzer eingegebene falsche Antwort 1 Rückmeldung Vom Nutzer eingegebene falsche Antwort 2 Rückmeldung Vom Nutzer eingegebene falsche Antwort 3 Rückmeldung Vom Nutzer eingegebene falsche Antwort 4 Rückmeldung
Der *Deutsche Bundestag* ist das Parlament der Bundesrepublik Deutschland und repräsentiert das Volk auf Bundesebene. Deutsche Bundestag D _ _ _ _ _ _ _ B _ _ _ _ _ t _ _ Deutscher Bundesrat Der Bundesrat ist die Länderkammer. Bayerische Landtag Das ist das Landesparlament des Freistaats Bayern. Deutsche Bundesversammlung Die Deutsche Bundesversammlung setzt sich aus dem Bundestag und der Vertretungen des Bundesrates zusammen.
Die Abgeordneten des Bundestages werden alle *vier* Jahre gewählt – in der Regel durch eine allgemeine, unmittelbare, freie, gleiche und geheime Wahl. vier Kürzer als fünf Jahre zwei Zwei Jahre sind zu wenig. drei Drei Jahre sind zu wenig. fünf Auf fünf Jahre wird der/die Bundespräsident:in gewählt.
                     
Eine zentrale Aufgabe des Bundestages ist die *Gesetzgebung*, also das Beschließen neuer Gesetze oder das Ändern bestehender Gesetze. Gesetzgebung siehe Nebensatz Lobbyarbeit Nein, die Lobbyarbeit versucht Einfluss zu nehmen. Die Wahl der Verfassungsorgane. Dies sind auch Aufgaben, aber nicht die zentrale Aufgabe. Die Vertretung Deutschlands im Ausland. Nein, das macht das Auswertige Amt und der/die Bundespräsident:in
                     
Der Bundestag wählt den/die *Bundeskanzler:in*, der bzw. die anschließend vom Bundespräsidenten ernannt wird. Bundeskanzler:in Diese Amt hat die Richtlinienkompetenz. Bundespräsident:in Nein, diese Verfassungsorgan wird durch die Bundesversammlung gewählt. Die Ministerpräsident:innen Nein, die werden durch die Landesparlamente gewählt. Die Bundesminster:innen Nein, diese werden durch die/den Bundespräsident:in ernannt.
                     
Der Bundestag kontrolliert die *Regierung*, unter anderem durch Anfragen, Debatten und Untersuchungsausschüsse. Regierung Wird idR durch eine Koalition gebildet. Bundesversammlung Nein, diese wählt die/den Bundespräsident:in. Landesregierung Das ist die Aufgabe der Landesparlamente. Oppositon Die Hauptaufgabe der Opposition ist Kontrolle!

Das Ergebnis sieht so aus: https://apps.zum.de/apps/40765

Die Schritt-für-Schritt-ErstellungBearbeiten

Schritt 1: Was brauchen wir hierfür:Bearbeiten

  • Einen eigenen leeren Ordner
  • Die angepasste CSV-Datei dort speichern
  • Eine H5P-Vorlagendatei, also z. B. eine .h5p, die du manuell erstellt hast (mit dem richtigen Typ: Advanced Fill in the Blanks)

Schritt 2: Die Vorlage umbenennen in: vorlage.h5pBearbeiten

Diese im selben Ordner wie das Skript und die CSV abspeichern.

Schritt 3: Das Python-SkriptBearbeiten

import pandas as pd
import json
import zipfile
import shutil
import os

# === Pfade definieren ===
csv_path = "Eingabe Advanced Fill in the Blanks - Tabelle.CSV"
h5p_vorlage = "vorlage.h5p"
neue_h5p = "mein_output.h5p"
temp_dir = "temp_h5p"

# === Schritt 1: CSV einlesen und content.json erzeugen ===
df = pd.read_csv(csv_path, sep=';', encoding='utf-8')
df.columns = df.columns.str.strip()

def create_blanks_text(s):
    return s.replace("*", "____")

content = {
    "blanksText": "",
    "blanksList": []
}
blanks = []
texts = []

for _, row in df.iterrows():
    if pd.isna(row['Satz']):
        continue

    texts.append(f"<p>{create_blanks_text(row['Satz'])}</p>")
    correct = row['Lösung']
    hint = row.get('Tipp', None)

    incorrects = []
    for i in range(1, 5):
        wrong = row.get(f'Vom Nutzer eingegebene falsche Antwort {i}')
        feedback = row.get(f'Rückmeldung.{i-1}')
        if pd.notna(wrong):
            incorrects.append({
                "showHighlight": False,
                "highlight": "-1",
                "incorrectAnswerText": wrong,
                "incorrectAnswerFeedback": f"<div>{feedback or ''}</div>"
            })

    entry = {
        "correctAnswerText": correct,
        "incorrectAnswersList": incorrects
    }
    if pd.notna(hint):
        entry["hint"] = hint

    blanks.append(entry)

content["blanksText"] = "\n".join(texts)
content["blanksList"] = blanks

full_data = {
    "content": content,
    "behaviour": {
        "mode": "selection",
        "selectAlternatives": "alternatives",
        "selectAlternativeRestriction": 1,
        "spellingErrorBehaviour": "mistake",
        "caseSensitive": False,
        "autoCheck": False,
        "enableSolutionsButton": False,
        "showSolutionsRequiresInput": True,
        "enableRetry": True,
        "enableCheckButton": True
    },
    "showSolutions": "Lösung anzeigen",
    "tryAgain": "Wiederholen",
    "checkAnswer": "Überprüfen",
    "notFilledOut": "Bitte fülle alle Lücken aus, um die Lösung zu sehen",
    "tipLabel": "Tipp",
    "scoreBarLabel": "Du hast :num von :total Punkten erreicht."
}

# === Schritt 2: Vorlage entpacken ===
if os.path.exists(temp_dir):
    shutil.rmtree(temp_dir)

with zipfile.ZipFile(h5p_vorlage, 'r') as zip_ref:
    zip_ref.extractall(temp_dir)

# === Schritt 3: content.json ersetzen ===
with open(os.path.join(temp_dir, "content", "content.json"), "w", encoding="utf-8") as f:
    json.dump(full_data, f, ensure_ascii=False, indent=2)

# === Schritt 4: Alles wieder einpacken ===
with zipfile.ZipFile(neue_h5p, 'w', zipfile.ZIP_DEFLATED) as zipf:
    for root, _, files in os.walk(temp_dir):
        for file in files:
            abs_path = os.path.join(root, file)
            rel_path = os.path.relpath(abs_path, temp_dir)
            zipf.write(abs_path, rel_path)

print("✅ Neue H5P-Datei erfolgreich erstellt:", neue_h5p)

Schritt 4: Skript speichern und AusführenBearbeiten

Das Skript in einen Texteditor einfügen und mit der Dateiendung .py im gemeinsamen Ordner mit der CSV-Datei und der H5P-Vorlage abspeichern.

Durch einen Doppelklick wird das Skript ausgeführt und die neue H5P-Datei erstellt.

Der extra Ordner und seine Inhalte
Der extra Ordner und seine Inhalte

 

 

 

 

 

 

 

 

 

 

 

 

Fertig:-)

 

14.05.2025 - Patrick OberdOERfer

H5P und Moodle Fragensammlung im Zusammenspiel

Erstellung: H5P und Moodle Fragensammlung im Zusammenspiel

H5P und Moodle gehören irgendwie zusammen und dank der super Plugins können in beide Richtungen Fragen, Quizze und Aufgaben hin- und hergeschoben werden. Hier liegt das Hauptaugenmerk auf den Import von H5P-Inhaltstypen in Richtung Moodle.

Damit die OER-Community geeignete Inhaltstypen schnell und einfach findet, bitten wir um eine klare 
Kennzeichnung mit Tags: Fragensammlung (nicht das "n" vergessen) und Moodle.

Folgende H5P-Inhaltstypen werden beim Import in Moodle unterstützt!

  • Single Choice Set - Auszüge in einzelne Multiple-Choice-Fragen
  • Dialog-/Karteikarten – erstellt aus jeder Karte eine Frage mit kurzer Antwort
  • Errate die Antwort - erstellt eine Frage mit kurzer Antwort aus der Karte
  • Multiple-Choice-Frage - erstellt eine Multiple-Choice-Frage
  • Richtig/Falsch-Frage - erstellt eine Richtig-Falsch-Frage
  • Drag-and-Drop-Frage – erstellt eine Drag-and-Drop-Frage auf einem Bild
  • Essay - erstellt eine Essayfrage
  • Lückentextfrage - erstellt eine Lückentextfrage mit eingebetteter Kurzantwort
  • Erweiterte Lückentextfrage - erstellt eine Lückentextfrage mit eingebetteten Antworten und eingebetteten Unterfragen mit Kurzantworten oder Multiple-Choice-Fragen
  • Ziehen Sie die Textfrage - erstellt eine Drag-and-Drop-In-Text-Frage
  • Mark The Words - Erstellt eine Wortauswahl, wenn dieser Fragetyp installiert ist
  • Bildsequenzierung - Erstellt eine Ordnungsfrage, wenn dieser Fragentyp
  • Hotspot/Mehrere Hotspots finden - Erstellt eine Drag & Drop-Marker-Frage
  • Kreuzworträtsel - Erstellt separate Fragen mit Kurzantworten aus den Hinweisen mit dem Rätselwort als Antwort

und alle der oben genannten, die in Verzweigungsszenario, Kolumne, Kurspräsentation, interaktivem Buch, interaktivem Video oder Quiz (Fragensatz) enthalten sind.

Quelle: https://github.com/dthies/moodle-qformat_h5p

Wenn Sie Fragen in H5P konvertieren möchten, verwenden Sie das Inhaltstyp-Plugin „Repurpose-Ressourcen“  

https://moodle.org/plugins/contenttype_repurpose

Tags: Fragensammlung und Moodle
Tags: Fragensammlung und Moodle
Fragensammlung und Moodle

Vielen Dank für die Unterstützung: @PhilippMemmel@bildung.social & @fusion@mastodon.social 

Stand: 18.01.2025

zurück zur Übersicht - klick HIER 

Differenzierung mit Texten Teil 1

In diesem Beitrag werden die Möglichkeiten der Differenzierung durch die Kombination
von drei unterschiedlicher Inhaltstypen vorgestellt:

DRAG THE WORD,
MARK THE WORD und
FILL IN THE BLANKS
Differenzierung mit Texten Teil 1
Teaserbild Wortschatzarbeit 1.png

Warum eignen sich diese drei Inhaltstypen für eine Verknüpfung?

1. Sie ermöglichen eine stufenweise Anpassung der Komplexität.

2. Die Erstellung erfolgt absolut identisch: "Lücken werden mit einem Sternchen (*) vor und hinter dem richtigen Wort markiert."

 

Zurück zu Differenzierung mit H5P - klicken Sie HIER


Mark the Words mit Wortkasten - leicht

Die zu erlernenden Begriffe befinden sich im korrekten Kontext und müssen "nur" markiert werden. Dies ermöglicht weitere Variationsmöglichkeiten. 

a) keine Hilfe  
b) Wortkasten leicht,  
c) Wortkasten mittel und  
d) Wortkasten schwer  

Beispiele für die Variation der Wortkasten stehen beim Inhaltstypen "FILL IN THE BLANKS" zur Verfügung.

Mark the Words mit einer Variante des Wortkastens
Mark the Words mit Wortkasten.png

Quelle: https://apps.zum.de/apps/32020


 

Drag the Words - leicht

Der zu erlernende Wortschatz wird präsentiert und muss mit drag & drop korrekt zugeordnet werden. Die Fokussierung liegt somit hier ausschließlich auf der inhaltliche Zuordnung der neuen Begriffe.

Drag the Words - einfach
Drag the Words .png

Quelle: https://apps.zum.de/apps/28720


Fill in the Blanks mit Workkasten - leicht

Auch hier wird der zu erlernende Wortschatz präsentiert, allerdings muss dieser jetzt zudem korrekt übernommen werden, um die Aufgabe richtig zu erfüllen. Die Reproduktion der Fachwörter steigert die Komplexität.

 

Fill in the Blanks mit Wortkasten
V3 Fill in the Blanks mit Workasten 1.png

Quelle: https://apps.zum.de/apps/28721

Differenzierung mit Advanced Fill in the Blanks

Hier stellen wir unterschiedliche Möglichen vor, wie Sie Advanced Fill in the Blanks für Ihre Differenzierung einsetzen können.
Über weitere Idee und Anregungen freuen wir uns!

Hinweis zur Gliederung:
Die Vorstellungen beginnt mit den für die Lernenden "schweren Varianten". Diese sind i.d.R. schneller und einfacher zu erstellen.

Zurück zur Differenzierung mit H5P - klicken Sie HIER

Lückentexte in H5P und ihre Möglichkeiten zur Differenzierung

In H5P gibt zwei unterschiedliche Varianten des Lückentextes, den Klassiker "Fill in the blanks", welcher auch in allen komplexen Inhaltstypen Question Set, Course Presentation, Interactive Book und in den zwei ZUM-Editionen Image Hotspots und Virtuale Tour verfügbar ist und die Version Advanced Fill in the Blanks.

Der Klassiker ist dank seiner sehr einfachen und leicht verständlichen Erstellung sehr beliebt. Seit 2022 geht das dank von KI-Chatbots auch noch schneller via Copy & Paste. Auf ZUM-Apps stehen aktuell 1563 Dateien zur Verfügung (Stand März 2025) . Wie das geht, wird auf https://apps.zum.de/fill-blanks vorgestellt.

Hinweis zur Gliederung des Beitrags

An dieser Stelle muss ich eine Hinweis zur Gliederung geben. Die Einschätzung "schwer, mittel und einfach" ist immer aus Sichtweise der Lernenden. Der Aufwand bzw. die Komplexität für die Erstellung ist in der Regel immer gegenläufig, d.h. eine "einfache Variante" enthält für Schülerinnen und Schüler Tipps, Hilfestellungen, Feedback oder mediale Unterstützung und bewirkt zugleich einen oftmals größeren Aufwand bei der Konzeption und Erstellung.

Zusammenfassung Vor- und Nachteile

Typ "Advanced fill in the blanks" soll, wie es der Name schon sagt, eine fortschrittliche Version sein. Leider wurde bzw. wird dieser Inhaltstyp von der Community nur sehr schwach angenommen (132 Dateien am 29.03.2025). Dies ist eigentlich sehr schade, da dieser Inhaltstyp ganz tolle Optionen und Erweiterungen hat, welche ich auf dieser Seite bzw. bei den H5P-Workflows vorstellen möchte. Eine persönliche Anmerkung, wer das Glück einer Moodle-Instanz hat, dann diese Vorteile auch über die Aktivität Test und die Fragensammlung nutzten. Hierfür gibt es auf ZUM-Apps auch den Tag "Fragensammlung" bzw. "Moodle".


 

Variante 1 - schwer - freie Texteingabe mit Tipps

Unterschiedliche Möglichkeiten der Unterstützung
Variante01 Ansicht.png


 Quelle: https://apps.zum.de/apps/40548

Variante 2 - schwer - freie Texteingabe mit Warnung zur Rechtschreibung

Bei der freien Texteingabe erfolgt bei fehlerhafter Rechtschreibung eine Warnung.
Variante02 Warnung vor Rechtschreibung.png


Quelle: https://apps.zum.de/apps/40549

Variante 3 - mittel - freie Texteingabe mit Wortkästen

Wortkasten erleichtern die Eingebe
Variante03 mit Wortkasten.png


Quelle: https://apps.zum.de/apps/40550

Variante 4 - einfach - mit automatischer Dropdown Auswahl

Aus den richtigen Antworten wird automatisch eine Dropdown-Auswahl erzeugt
Variante04 Dropdown Auswahl mit richtigen Antworten.png


Quelle: https://apps.zum.de/apps/40551

Variante 5 - einfach - mit individueller Dropdown Auswahl

Es können hier individuell falsche Antworten eingegeben werden
Variante 5 mit Individuell falschen Antworten.png


Quelle: https://apps.zum.de/apps/40552

Variante 6 - einfach - mit Dropdown-Auswahl und formativem Feedback

Bei falschen Antworten kann ein formatives Feedback eingegeben werden
Variante 6 formatives Feedback.png


Quelle: https://apps.zum.de/apps/40553

Variante 7 - einfach - Mediendidaktische Variationen mit Hilfe des Editors

Die Texte mit dem Editor gestalten
Variante 7 Texteditor nutzen.png


Quelle: https://apps.zum.de/apps/40554

Zurück zur Differenzierung mit H5P - klicken Sie HIER

05.04.2025 - Patrick Oberdörfer

Was passiert, wenn?

ZUM-Apps erfreut sich immer größerer Beliebtheit.
Das freut uns sehr und zugleich müssen wir unsere Abläufe anpassen!
24.03.2025

Im Rahmen des ZUM-Workshops 2025 wurde die Rubrik „Was passiert, wenn?“ unter den Hilfen eingefügt. 

Hier die vier Punkte in der Voransicht!

  • Test-Apps
  • Fehlende, falsche und/oder unvollständige Urheberrechtsangaben
  • Grobe Missachtung des Urheberrechts
  • Beleidigungen, extremistische Äußerungen usw.

 Mehr dazu steht HIER.
 

Was passiert, wenn?

Folgen von fehlenden oder fehlerhaften Angaben, von Urheberrechtsverletzungen u.a.

Test-Apps

Apps, die dem kurzzeitigen Ausprobieren von neuen ZUM-Apps dienen, sollen zeitnah nach dem Testen gelöscht werden.

Die Admins können offensichtliche Test-Apps und Apps ohne erkennbare Schöpfungshöhe und ohne Nutzung nach zwei Monaten ohne weitere Rückmeldung löschen.

Tipp: Nutze EinstiegH5P zum Testen! Dort werden die Test-Apps nach wenigen Stunden automatisch wieder gelöscht. 

 

Fehlende, falsche und/oder unvollständige Urheberrechtsangaben

Eine solche App kann automatisch oder durch die Admins auf „nicht veröffentlicht“ gesetzt werden.

Bitte die fehlenden oder fehlerhaften Angaben ergänzen bzw. korrigieren.

Die betreffende App kann ansonsten ohne weitere Erinnerung durch die Admins gelöscht werden.

 

Grobe Missachtung des Urheberrechts

Eine grobe Missachtung des Urheberrechts ist z.B. die Verwendung von urheberrechtlich geschützten Lehrbuchinhalten. 

In einem solchen Fall kann die betreffende ZUM-App sofort gelöscht werden!

Bitte unbedingt die FAQ zu Urheberrechten beachten!!!

 

Beleidigungen, extremistische Äußerungen usw.

Solche Äußerungen können zu einer sofortigen Löschung einer App und des Benutzerkontos führen!

Bitte die im Internet übliche Netiquette (Regeln für gutes Benehmen im Internet) beachten!

H5P-Workflows - neuer Beitrag

Neuer Beitrag in der Rubrik Erstellung
18.01.2025

In den H5P-Workflows unter Erstellung gibt es einen neuen Beitrag über das Zusammenspiel zwischen H5P und Moodle.

Weitere Infos finden Sie HIER
 

H5P-Python-Dialog-Cards

Anwendungsfall: Sie haben eine Zeichnung oder ein Bild und stellen dazu unterschiedliche Fragen.

Problem: Eine angelegte Karte kann nicht einfach dupliziert werden. Diese Funktion ist leider in diesem Inhaltstypen nicht verfügbar.

Idee und Lösung: Mit einem Python-Skript eine Kartenvorlage beliebig oft kopieren lassen. Wichtig für OER-Fans! Auch die Metadaten und Quellen werden dabei übernommen. So spart man sich viel Zeit bei der Erstellung von OER-Content.

Hinweis: Am Anfang wollte ich das für die Flashcards testen, bin aber dann auf die Dialog Cards umgestiegen. Leider habe ich dabei vergessen an manchen Stellen den Namen des Inhaltstypen zu ändern. Also bitte nicht irritieren lassen!

 

  1. Wie gehe ich vor?

Damit das alles klappt werden unterschiedliche Programme und Vorbereitungen benötigt.

Natürlich einen H5P-Editor für die Erstellung der H5P-Vorlage mit der ersten Dialog Card

  1. Wo finde ich überall H5P-Editoren?

Natürlich bietet die ZUM e.V. einen unter https://apps.zum.de/ an.

Eine ganz tolle Desktop-Version gibt es unter https://lumi.education/de/lumi-h5p-desktop-editor/

Zum Testen und Spiel: https://einstiegh5p.de/

oder natürlich im LMS, wie Moodle

  1. Python auf dem Rechner installieren

Hier gibt es immer die aktuellsten Versionen: https://www.python.org/downloads/

  1. Einen Zielordner anlegen

Es gibt nichts digital persönlicheres als die Logik einer Ordnerstruktur. Kurz um, einen Ordner am passenden Ort anlegen.

  1. Zielordner befüllen und Skript ausführen

Damit das Skript auch funktioniert, muss jetzt der Ordner passend befüllt werden.

Woher bekomme ich das Skript? Siehe weiter unten: Kopie des Skripts erstellen

Wichtig: Es müssen das Python-Skript und die H5P-Vorlage drin sein. Doppelklick auf das Skript und fertig!

Bild
Bild
Übersicht Zielordner

Kopie des Skripts erstellen

Kopie der Skript-Vorlage (siehe unten) in einen Texteditor einfügen.

Speichern unter wählen und die Endung .py hinzufügen.


 

import zipfile
import json
import os
import shutil

# Funktion zum Vervielfältigen der Flashcards
def duplicate_flashcards(content_data, num_duplicates=15):
    original_card = content_data['dialogs'][0]  # Originale Karte
    for i in range(num_duplicates):
        # Dupliziere die Karte
        new_card = original_card.copy()
        new_card['text'] = f'<p style="text-align: center;"><strong>Vorderseite {i+2}</strong></p>\n'
        new_card['answer'] = f'<p style="text-align: center;">Rückseite {i+2}</p>\n'
        content_data['dialogs'].append(new_card)
    return content_data

# Pfade zur Original-H5P-Datei und zum Extraktionsort
h5p_file_path = 'interactive-content-mehr.h5p'
extract_path = 'h5p_extract/'

# Extrahiere die H5P-Datei
with zipfile.ZipFile(h5p_file_path, 'r') as zip_ref:
    zip_ref.extractall(extract_path)

# Pfad zur content.json und Bilderordner
content_json_path = os.path.join(extract_path, 'content', 'content.json')
with open(content_json_path, 'r', encoding='utf-8') as json_file:
    content_data = json.load(json_file)

# Flashcards vervielfältigen (z.B. 15 mal)
updated_content_data = duplicate_flashcards(content_data, num_duplicates=15)

# Speichere die aktualisierte content.json
with open(content_json_path, 'w', encoding='utf-8') as json_file:
    json.dump(updated_content_data, json_file, ensure_ascii=False, indent=4)

# Nur die erlaubten Dateien (JSON, Bilder) in die neue H5P-Datei packen
def zipdir(path, ziph):
    # Gehe durch alle Dateien und füge nur zulässige Dateitypen hinzu
    allowed_extensions = ['.json', '.png', '.jpg', '.jpeg', '.gif', '.bmp', '.tif', '.tiff', '.svg', 
                          '.eot', '.ttf', '.woff', '.woff2', '.otf', '.webm', '.mp4', '.ogg', '.mp3', 
                          '.m4a', '.txt', '.pdf', '.rtf', '.doc', '.docx', '.xls', '.xlsx', '.ppt', 
                          '.pptx', '.odt', '.ods', '.odp', '.xml', '.csv', '.diff', '.patch', '.swf', 
                          '.md', '.textile', '.wav', '.gltf', '.glb']
    
    for root, dirs, files in os.walk(path):
        for file in files:
            if any(file.endswith(ext) for ext in allowed_extensions):
                file_path = os.path.join(root, file)
                ziph.write(file_path, os.path.relpath(file_path, path))

# ZIP die erlaubten Dateien in eine neue H5P-Datei
output_h5p_file = 'duplicated_flashcards_neu15.h5p'
with zipfile.ZipFile(output_h5p_file, 'w') as zipf:
    zipdir(extract_path, zipf)

print(f'H5P-Datei erstellt: {output_h5p_file}')

Wie geht das, auch wenn ich keine Ahnung von Programmieren habe?

Einen Eindruck bekommt man HIER

Fill in the Blanks

Update 2024/10 - verbesserte Prompt

Welche Inhalte haben sich verbessert?

Technische Merkmale

Der normale Chatbot hat mit der originalen H5P-Anleitung nicht wirklich gut gearbeitet.
Deshalb wurde der Abschnitt "Wichtige Hinweise" ausführlicher beschrieben.
In der ersten Version fehlte auch ein Beispiel. Dies wurde jetzt aus der H5P-Anleitung übernommen.

Inhaltliche Merkmale

Länge: Neben der Anzahl der Sätze wurde auch die Menge der Zeichen angegeben.
Qualität der Lücken: Da es sich um einen Vorgangsbeschreibung handelt, sollen speziell Fachwörter mit den Lücken abgefragt werden. In diesem Fall die passenden Nomen und Verben.

 

<Prompt>

Ich benötige einen Lückentext für die H5P-Aktivität "Fill in the Blanks".

Wichtige Hinweise: Lücken werden mit einem Sternchen (*) vor und hinter dem richtigen Wort markiert. Alternative Antworten können jeweils mit einem Schrägstrich (/) angefügt werden. Mit einem Doppelpunkt direkt nach dem richtigen Wort oder der Alternativen Antwort wird ein Tipp erzeugt.

Also befinden sich das richtige Wort, die alternative Antwort und der Tipp sich zwischen den zwei Sternchen (*).

Hier ein Beispiel: H5P-Inhalte können mit einem *Browser/Web-Browser:Etwas, das du jeden Tag nutzt* betrachtet werden.

Der Lückentext darf kein Plagiat sein. Falls ein Zitat genutzt wird, gib die Quelle an.

Aufgabe: Erstelle mir einen Lückentext inkl.

Hinweise zu folgenden Kriterien:

Schulart: Berufsschule

Klasse: 10 Fach:

Deutsch Sprache: einfache Sprache

Thema: Vorgangsbeschreibung für das Wechseln von Autoreifen

Länge: 10 Sätze mit maximal 500 Zeichen.

Die Lücken sollen speziell bei den Fachwörtern (Nomen und Verben) passend zum Thema gesetzt werden! Die Wörter aus der Lücke dürfen sich nicht wiederholen!

Gib mir den Lückentext als Code aus, sodass ich ihn inkl. Sternchen kopieren kann.

</Prompt>

 

Das Ergebnis finden Sie hier: https://apps.zum.de/apps/35570

Erstellung Flashcards und Dialogcards

Dies ist die Dokumentation von Sandra Flory:

Quelle: https://github.com/sr258/h5p-cli-creator
Run
• Install NodeJS (Installieren, alles Drumherum mit installieren und „Warnings“
ignorieren.)
• clone this repository into a directory on your computer (Zip-Datei herunterladen
und in eigenen Ordner extrahieren)
• Execute these commands from the command line at the directory you've cloned
into: (In dem Verzeichnis öffnet sich Windows Shell. Dort kann man nacheinander
die Befehle eingeben)
• npm install to install dependencies
• npm run build to transpile typescript to javascript
Das folgende fand ich nicht hilfreich
• node ./dist/index.js --help to get help
• node ./dist/index.js flashcards --help to get help for creating flashcards
• node ./dist/index.js dialogcards --help to get help for creating flashcards
Ende der Installation.
Danach die entsprechende Excel-Datei im Ordner Test öffnen und die Wortlisten
reinkopieren. (Bei Quizlet ist Umweg über Word nötig)
Dann wie unten (Example Cards) beschrieben die obere Befehlszeile für Flashcards, die
untere für Dialog Cards verwenden:
Example calls
node ./dist/index.js flashcards ./tests/flash1.csv ./outputfile.h5p -l=de
-t="Meine Karteikarten" --description="\"Schreibe die Übersetzungen in das
Eingabefeld.\""
Reads the file flash1.csv in the tests directory and outputs a h5p file with the
filename outputfile.h5p in the current directory. The language strings will be set to
German, the title 'Meine Karteikarten' and the description displayed when studying the
flashcards will be 'Schreibe die Übersetzungen in das Eingabefeld.'
node ./dist/index.js dialogcards ./tests/dialog1.csv ./outputfile.h5p -l=de
-n="Meine Karteikarten" -m="repetition"
Reads the file dialog1.csv in the tests directory and outputs a h5p file with the
filename outputfile.h5p in the current directory. The language strings will be set to
German and the title to 'Meine Karteikarten'.
Für Dialog Cards diesen Befehl verwenden:
node ./dist/index.js dialogcards ./tests/dialog1.csv ./outputfile.h5p -l=de
-n="Meine Karteikarten" -m="repetition"
Die so kreierte h5p-Datei hochladen und falls nötig noch Umlaute korrigieren.

Gamification

Gamification mit H5P
Gamification 300.jpg

IN ARBEIT

Du hast tolle Beispiele? Dann teile diese doch mit uns?
Wir freuen uns über Tipps und Ideen.
info@zum.de

GAMES

Gamification mit H5P
Wer wird Millionär?


 

 


 

 

 

 

 

 

 

 

 

 

 

 

EduBreakOuts 

in Arbeit...

zurück zur Übersicht - klick HIER

zurück zur Übersicht - klick HIER

Erstellung

H5P Workflow
H5P Workflow 300.jpg

Tipps zur schnelleren ERSTELLUNG

Du hast einen guten Workflow? Dann teile ihn doch mit uns!
Wir freuen uns über Tipps und Ideen.
info@zum.de

zurück zur Übersicht - klick HIER

Neuer Beitrag:

Advanced Fill in the Blanks - schneller mit Python

Der extra Ordner und seine Inhalte
Der extra Ordner und seine Inhalte

Es ist ein ganz toller Inhaltstyp und sollte eigentlich viel häufiger genutzt werden!

Wie kann er aber schnelle und einfach erstellt werden? 

Lösung: Mit Python und einer CSV-Vorlage: 

Mehr dazu gibt es 👉 HIER

Tipp: Welche Möglichkeiten Advanced Fill in the Blanks bietet und die zahlreichen Variationen und Einstellungsmöglichkeiten findest du im Abschnitt Differenzierung der H5P-Workflows.

 

Stand: 16.04.2025 

Patrick OberdOERfer
zurück zur Übersicht - klick HIER 



 

Erstellung: H5P und Moodle Fragensammlung im Zusammenspiel

H5P und Moodle gehören irgendwie zusammen und dank der super Plugins können in beide Richtungen Fragen, Quizze und Aufgaben hin- und hergeschoben werden. Hier liegt das Hauptaugenmerk auf den Import von H5P-Inhaltstypen in Moodle 👉 klicken Sie HIER

Damit die OER-Community geeignete Inhaltstypen schnell und einfach findet, bitten wir um eine klare 
Kennzeichnung mit Tags: Fragensammlung (nicht das "n" vergessen) und Moodle.

Vielen Dank für die Unterstützung: @PhilippMemmel@bildung.social & @fusion@mastodon.social 

Stand: 18.01.2025 

Patrick OberdOERfer

zurück zur Übersicht - klick HIER 


Erstellung: Tipp - weniger Arbeit mit den Metadaten 

Du willst schnell und einfach Medien in deine H5P einbinden und nicht ewig mit den Metadaten beschäftigt sein? 
Hier zeigen wir dir, wie leicht das geht!

Stand: 17.05.2024
Patrick OberdOERfer
zum Video klick HIER


Erstellung: H5P Python-Kopierer für die Dialog Cards 

Anwendungsfall: Sie haben eine Zeichnung oder ein Bild und stellen dazu unterschiedliche Fragen.

Problem: Eine angelegte Karte kann nicht einfach dupliziert werden. Diese Funktion ist leider in diesem Inhaltstypen nicht verfügbar.

Idee und Lösung: Mit einem Python-Skript eine Kartenvorlage beliebig oft kopieren lassen. Wichtig für OER-Fans! Auch die Metadaten und Quellen werden dabei übernommen. So spart man sich viel Zeit bei der Erstellung von OER-Content.

👉👉👉 klick HIER


Erstellung: „Flashcards“ und „Dialog Cards“

Auf GitHub gibt es ein Befehlszeilenprogramm zur schnellen Erstellung von Flashcards und Dialog Cards.

Hier geht es zur Anleitung von Sandra Flory - klick HIER

Vielen Dank für die Unterstützung


Erstellung: H5P flash- und dialog-cards mittels scripting auf der Kommandozeile.h5p

https://apps.zum.de/apps/35401

Vielen Dank an @villon@bildung.social

zurück zur Übersicht - klick HIER