• Allgemeines,  Technik,  Unterricht

    H5P Olé – Teil 6: Image Slider

    Wenn es um die reine Darstellung von Bildern geht, hat H5P einige Aktivitäten mit an Bord, um schnell und einfach zu vorzeigbaren Ergebnissen zukommen. Image Slider ist unter ihnen vermutlich die einfachste. Vielleicht sogar eine Funktion, die vielerorts als ein bisschen zu poplig angesehen wird, als dass sie es wert ist, in einem eigenen Beitrag behandelt zu werden. Aber was soll’s. Ich nutze den Image Slider gerne, da er eine komfortable Möglichkeit darstellt, eine Klasse schnell und einfach eine Bilderfolge sehen zu lassen, ohne dass man sich irgendwo einloggen oder Bildmaterial herunterladen muss. Einfach QR Code mit dem mobilen Gerät abscannen und es kann losgehen. Kein LogIn, kein Download, keine Zusatzprogramme. Es läuft einfach. Und geht in einem Minimum an Zeitaufwand.

    Wie geht’s?

    Simpelst. Bild hochladen, Alternativtext eingeben für den Fall, das das Bild nicht geladen werden kann und damit hat es sich auch schon. Wie schon in den letzten Aktivitäten besteht die Möglichkeit einen Hover-Text zu kreieren. Dieser wird eingeblendet, sobald man für eine bestimmte Zeit mit dem Mauszeiger über dem entsprechenden Bild bleibt. Nett, aber nicht zwingend nötig.

    Die typische Maske für Image Slider in H5P

    Möchte man weitere Bilder nutzen, wird über Add Item dieselbe Maske für das nächste Bild geöffnet und das Beschriften geht von Neuem los. Diese Schritte wiederholt man, bis man seine Schönheitengalerie zusammen hat.
    Der Rest ist eigentlich Kosmetik, den H5P eigentlich für den Nutzer selbständig erledigt. Wer aber das Szepter nicht aus der Hand geben möchte, hat unter den hochgeladenen Bildern am Ende ein kleines Menü, mit dem die Darstellungsoptionen noch einmal spezifiziert werden können.

    Über Aspect Ratio kann man festlegen, ob sich der Rahmen an das Format der Bilder anpasst (Automatic) oder sich das Format der Bilder den Rahmen beeinflusst (Not fixed). In erstem Fall bleibt der Rahmen damit konstant, sodass beim Wechsel von Bildern im Hoch- und Querformat z. B. Bilder im Querformat in den Rahmen eines Hochformates gequetscht werden müssen und so in der Regel verkleinert werden, damit alles rein passt. Im letzteren Fall wird für jedes neue Bild der Rahmen angepasst. Das bedeutet, dass der Rahmen zwischen Hoch- und Querformat hin- und herspringen kann, was mitunter für etwas Unruhe sorgen kann.
    Wer die maximale Kontrolle haben will, wählt die Option Custom. Unter ihr kann man ein festes Verhältnis zwischen Länge und Höhe des Rahmens festlegen (Aspect Ratio), dem sich alle Bilder unterordnen müssen.
    Den Unterschied erkennt man in beiden Beispielen
    Hier eine kleine Präsentation im fixed mode:

    Und hier eine not fixed…

    … der wir mit Hilfe der custom Option etwas Einhalt geboten haben (Aspect Ratio 5:3).

    Die Image Slider nutze ich gerne im Englischunterricht, um in der Klasse Sprechanlässe zu schaffen. Perfekt für die Vorbereitung auf eine mündliche Schulaufgabe, in der sie spontan auf Bildimpulse reagieren müssen. Die Schüler bekommen die Vorgabe, über jeden Bildimpuls ca. eine Minute zu sprechen. Nach Ablauf der Zeit für das erste Bild wird das zweite eingeblendet und der nächste in der Klasse muss eine Brücke zum vorigen Bild schlagen und gleichzeitig mit dem seinigen die Handlungskette für eine weitere Minute weiterführen. So geht es weiter, bis man mit dem Image Slider wieder an den Anfang der Geschichte kommt.

    Am kreativsten werden die Klassen natürlich mit ihrem eigenen Bildmaterial, das man im Vorhinein von den Schülern zu einem gewissen Thema fotografieren und an einen gemeinsamen Ort hochladen (Mebis, Dropbox, One Drive etc.) lässt und per Zufallsprinzip in einem Image Slider landet. Einfach mal ausprobieren!

    Wie die Aktivität von hier zu den Schülern kommt, lest ihr hier .

    Wenn ihr weitere Ideen für die Aktivität hat, schreibt mir in den Kommentaren.

    Und schon geht’s weiter mit Aktivität 7.

    Hast du eine Meinung dazu? Dann hinterlasse einen Kommentar oder eine Wertung.
    0
  • Allgemeines,  Technik,  Unterricht

    H5P Olé – Teil 5: Image Juxtaposition

    Unter den Aktivitäten, die mit H5P für Zuschauer am eindrucksvollsten sind, gehört definitiv die Aktivität Image Juxtaposition – eindrucksvoll deshalb, weil man sie in der Regel vor allem von professionellen Nachrichtenseiten kennt. Über einen Schieberegler kann man stufenlos zwischen zwei Bildern hin- und herschalten, sodass Gemeinsamkeiten und Unterschiede im direkten Vergleich zutage treten – perfekt für kontrastive Vorher-Nachher-Aufnahmen von Satelliten, Statistiken oder Kunstwerken, die sich so im Unterricht in Windeseile integrieren können.

    Wie geht’s?

    Alles, was man dazu braucht, sind zwei Bilder, die in die H5P-Maske geladen werden. Die einstellbaren Parameter beschränken sich hierbei auf ein Minimum und sind größtenteils optional:

    Die Optionen zu H5Ps Image Juxtaposition halten sich in angenehmen Grenzen
    • Titel ist buchstäblich namengebend und kann genutzt werden, um einen Arbeitsauftrag festzuhalten.
    • Das Feld Alternativtext muss mit einer Nachricht befüllt werden, für den Fall, dass das Bild nicht geladen werden kann. Das kann z. B. eine Kurzbeschreibung eines der beiden Bilder sein.
    • Hovertext (optional) zeigt Text an, sobald man mit dem Mauszeiger über längere Zeit über dem Bild unbewegt bleibt – zum Beispiel in Form eines versteckten Hinweises.
    • Beschriftung des ersten/zweiten Bildes (optional): Das ist ein Titel, der jeweils über den Bildern angezeigt wird. Dieser ist im Gegensatz zum Hovertext immer sichtbar.

    Das war’s an sich aber auch schon mit der Arbeit. Wer will, kann im darunter liegenden Menü Verhaltenseinstellungen noch die Startposition des Schiebereglers sowie dessen Schieberichtung und Farbe definieren. Muss aber nicht. Den Rest übernimmt die Software. Das fertige Produkt kann zum Beispiel so aussehen:

    Wie die Aktivität von hier zu den Schülern kommt, lest ihr hier.
    Wenn ihr weitere Ideen für die Aktivität hat, schreibt mir in den Kommentaren.

    Und schon geht’s weiter mit Aktivität 6.

    Hast du eine Meinung dazu? Dann hinterlasse einen Kommentar oder eine Wertung.
    5
  • Latein,  Pädagogik,  Prüfungen,  Technik,  Unterricht

    H5P Olé – Teil 4: Find the Hotspot

    Wer schon in Teil 3 meines kleinen H5P-Kurses in das Erstellen von Hotspots geschnuppert hat, wird mit der Aktivität find the hotspot überhaupt keine Probleme haben. Er ist nämlich der anderen sehr ähnlich. Der Name ist hierbei Programm: Auf einem vorgegebenen Bild soll ein gewisses Objekt gefunden werden.

    Wie geht’s?

    Die Erstellung von Hotspots ist der aus Teil 3 identisch. Auch hier lassen sich verschiedene Areale als richtig bzw. falsch definieren und auf dem Bild verteilen – Nur mit dem Unterschied, dass hier keine feste Anzahl an richtig zu erratenden Hotspots festgelegt wird. In der Aktivität geht es um reines Suchen und Finden. Kein Ausgeben von Noten.

    Für jeden Hotspot lässt sich definieren, ob er zur Lösung der Aufgabe richtig ist oder nicht.

    Für jeden Hotspot, den man als richtig oder falsch definiert – in letzterem Fall lässt man das Häkchen unter „korrekt“ einfach leer – lassen sich unter der Option „Rückmeldung“ (siehe Bild) Feedback-Statements definieren, die eingeblendet werden, sobald an diese Stelle geklickt wird. Auf diese Weise können die Schülerinnen und Schüler selbst dann etwas lernen, wenn sie auf dem Weg zur richtigen Lösung falsch liegen. Wie hier Beispiel weitere Bauwerke auf dem Forum Romanum als das tatsächlich gesuchte:

    Finde im folgenden Bild des Forum Romanum die Basilica Iulia:

    Wie die Aktivität von hier zu den Schülern kommt, lest ihr hier.
    Wenn ihr weitere Ideen für die Aktivität hat, schreibt mir in den Kommentaren.

    Und schon geht’s weiter in Aktivität 5.

    Hast du eine Meinung dazu? Dann hinterlasse einen Kommentar oder eine Wertung.
    0
  • Latein,  Technik,  Uncategorized,  Unterricht

    H5P Olé – Teil 3: Find multiple hotspots

    Nachdem wir in Teil 2 auf 1 einem Bild Zusatzinformationen angebracht haben, geht diese Aktivität den exakt umgekehrten: die Schüler sollen aus einem vordefinierten Bild-Informationen heraussuchen. Und das wortwörtlich. Letztendlich also so ein bisschen wie beim guten alten Wimmelbild. Nur dass wir nicht mehr notgedrungen Waldo suchen müssen. Sondern vielleicht die richtigen Bauwerke auf einem Stadtplan. Oder die richtigen Verbformen zu einem gewissen Grammatikphänomen. Oder Vokabeln, die einem gewissen Wortfeld angehören und unter falschen Lösungen herausgesucht werden müssen. Oder wie hier im Beispiel die richtigen Charakterköpfe unter einem Haufen von Denkerstirnen.


    Die Aktivität ist dabei ganz ähnlich erstellt wie die mit den Image Hotspots. Zuallererst wird ein Hintergrundbild erstellt, auf dem die Bildinformation unter vielen anderen zu finden ist (im Beispiel sind das hier Portraits von berühmten Römern). Nachdem das Bild hochgeladen ist, wird mithilfe von Rahmen jeweils die Stelle im Bild markiert, die es zu suchen gilt. Das kann ein Ort auf dem Bild sein, oder aber auch mehrere, wofür sich weitere Optionen ergeben (für nähere Erklärung jeweils die Fragezeichen anklicken):

    Wie die Aktivität von hier zu den Schülern kommt, lest ihr hier.
    Wenn ihr weitere Ideen für die Aktivität hat, schreibt mir in den Kommentaren.

    Und schon geht’s weiter mit Aktivität 4.

    Bildnachweise, sofern die Abbildungen nicht aus dem privaten Fundus stammen:

    Hast du eine Meinung dazu? Dann hinterlasse einen Kommentar oder eine Wertung.
    0
  • Allgemeines,  Technik,  Unterricht

    H5P Olé – Teil 2: Image Hotspots

    Image Hotspots sind bei H5P in Windeseile erstellt. Mit  Hilfe der Aktivität werden zu seinem zuvor hochgeladenen Hintergrundbild Informationen eingeblendet, sobald einer der darauf verteilten Hotspots geklickt wird.

    Wie geht’s?

    Dreh- und Angelpunkt der Aktivität ist ein hochauflösendes Bild, das zuallererst hochgeladen werden muss (unten zu sehen unter Background Image). Das kann eine Zeichnung sein, eine Landkarte, auf der später zu bestimmten Gegenden Zusatzinformationen aufklappen, oder aber auch ein Gemälde, in dem man auf gewisse Details aufmerksam machen möchte. Wie dieses „Aufmerksam machen“ aussieht, lässt sich zu Beginn festlegen:

    Derzeitige Auswahl aus Icons für die Image Hotspots

    Unter Predefined Icon lassen sich vordefinierte Symbole festlegen, die hinterher auf dem Hintergrundbild verteilt sind und auf die Zusatzinformationen aufmerksam machen sollen. Unter den verschiedenen Optionen ist im Bild aktuell ein Plus-Zeichen ausgewählt, das unter Hotspot color noch seinen entsprechenden Anstrich erhält (hier purpur). Wem diese Optionen nicht ausreichen, wählt unter Hotspot Icon kurzerhand die Option upload image auswählen und freut sich auf klickbare Athen-Eulen, Hello-Kitty-Kätzchen oder das Konterfei von Napoleon. Und das war’s eigentlich auch schon mit dem Vorgeplänkel. Es kann losgehen.

    Auf dem Hintergrundbild lassen sich nun unter Hotspot position verschiedene Hotspots anbringen, die man mit einem grünen Punkt markiert. Dieses Areal wird später mit dem vorhin definierten Icon versehen (also bei uns aktuell das alliterarische Purpur-Plus), auf das für weitere Informationen zu klicken ist.

    Welche Informationen eingeblendet werden sollen, wird in den Kategorien Header und Popup content festgelegt. Ersteres beihaltet die Möglichkeit einer Überschrift für das klickbare Fenster, zweiteres das tatsächliche Zusatzmaterial, das geöffnet wird. Das kann entweder ein Text, ein Video oder ein Bild sein. Tja, und damit hat sich’s eigentlich auch schon. Wenn es nicht bei einem Image Hotspot bleiben soll, klickt man einfach auf Add Item und wiederholt die Erstellungsschritte von vorne. Kurz und schmerzlos!

    Wie die Aktivität von hier zu den Schülern kommt, lest ihr hier.
    Wenn ihr weitere Ideen für die Aktivität hat, schreibt mir in den Kommentaren.

    Und schon geht’s weiter mit Aktivität 3.

    Hast du eine Meinung dazu? Dann hinterlasse einen Kommentar oder eine Wertung.
    0
  • Allgemeines,  Technik,  Unterricht

    H5P Olé – Ein Prolog

    Willkommen im wunderbaren H5P-Universum, das wir gemeinsam erforschen werden! Stück für Stück und in handlichen Kapiteln, die sich explizit immer nur einer der derzeit 41 erhältlichen Aktivitäten widmen (Stand Dezember 2019). Gewisse Handgriffe beim Erstellen und Veröffentlichen von H5P-Aktivitäten sind dabei routinemäßig immer dieselben. Um daher Redundanzen zu verhindern, möchte ich vor die einzelnen Beiträge zu H5P gerne diesen vorschalten – als Grundsatztutorial sozusagen. Zeit ist ja bekanntlich Geld. Und beides tendenziell zu knapp…

    Wo finde ich H5P?

    Grundsätzlich steht die H5P-Software auf der Seite des Herstellers h5p.org für jeden zur Verfügung, der sich einen Account dort erstellt, um die Software nach Lust und Laune auszuprobieren. Allerdings ist Homepage derzeit im Umbau, sodass es gerne mal zu längeren Wartezeiten auf der Seite kommen kann, wenn Zusatztraffic anfällt. Am schnellsten würde es daher gehen, wenn man die Software auf selbstgehosteten Seiten über WordPress laufen ließe. Bevor jetzt aber jeder panisch Webspace kapert und jährlich einen Obolus entrichtet, schaut lieber mal bei https://h5p.zum.de/ vorbei, die eine eigene Plattform hosten, auf der User ihre erstellten H5P-Aktivitäten zur freien Verfügung stellen. Und nicht nur das: Ähnlich wie bei LearningApps.org kann man auf der Seite verschiedene Filter einstellen, um schnell genau die Aktivität zu seinem Fach zu finden, die man gerade benötigt. So viel Eigeninitiative verdient es gehört zu werden!
    In Bayern findet sich H5P zusätzlich auch als Aktivität in der Lernplattform Mebis. Dazu später mehr.

    Wie kommen die Apps aber nun in den Unterricht?

    Grundsätzlich sollen die Apps schnellstmöglich aus dem virtuellen Äther ins Klassenzimmer gelangen. Am besten eignet sich hierzu ein QR-Code-Reader, der die Internetadresse der H5P-Aktivität beinhaltet, wie sie im Browser in der Adresszeile dargestellt ist. Internetdienste, die einen derartigen Service anbieten, gibt’s wie Sand am Meer. Am überzeugendsten, da ohne irgendwelchen Werbeschnickschnack, ist aktuell http://goqr.me . Hier wird die Adresse der H5P-Aktivität einfach in ein Textfeld eingefügt und der erzeugte QR-Code kann mit Rechtsklick kopiert werden. Kein Download nötig, kein Klicken von Werbebannern oder Wartezeiten.

    QR-Codes kinderleicht erstellt

    Die Kinder müssen den Code lediglich per Smartphone abfotografieren (die neueren Modelle bieten eine automatische QR-Funktion über die Kamera-App, ansonsten im PlayStore bzw. AppleStore einfach einen kostenlosen QR-Scanner runterladen. Die gibt’s wie Sand am Meer).

    Wie kommen die Apps in Mebis?

    Wer in den bayerischen Gefilden wandelt, kann H5P auch einfach in Mebis nutzen, ohne einen externen Service beanspruchen zu müssen. Die reguläre Mebis-Kennung reicht aus. Alles, was nötig ist, ist ein eigener Kurs, in dem man eine neue Aktivität anlegt. Von hier aus kann man loslegen…

    H5P findet sich bei Mebis auch einfach als Aktivität

    Wer bei H5P.org oder https://h5p.zum.de/ schon Inhalte abgelegt hat oder die von anderen Autoren in seinem Mebis-Kurs nutzen möchte: auch kein Problem. Über den Reuse-Button am unteren linken Rand besteht bei jeder H5P-Aktivität die Möglichkeit, den Inhalt als Datei herunterzuladen und zu bearbeiten (es sei denn, der Autor hat die Option deaktiviert). Auch in Mebis.

    H5P in Mebis zu importieren geht kinderleicht.

    Von dort kann man mit einem Klick auf Benutzen den Inhalt sofort für seinen Kurs nutzen… oder vorher noch ein paar Änderungen vornehmen, um ihn für die Anforderungen an die Lerngruppe anzupassen. Das war’s aber auch schon.

    Lust bekommen loszulegen? Dann fangen wir doch gleich mit der ersten Aktivität an: Drag Text

    P. S.: Die Abbbildungen sind aus einer Powerpoint-Präsentation, die ich dieses Jahr in Ingolstadt gehalten habe. Wer ein bisschen weiter schnupper möchte, kann sie sich hier herunterladen.

    Hast du eine Meinung dazu? Dann hinterlasse einen Kommentar oder eine Wertung.
    0
  • Latein,  Prüfungen,  Technik,  Unterricht

    H5P Olé – Teil 1: Drag the Words

    H5p galt für mich lange als eines dieser unattraktiven, nichtssagenden Nerdkürzel wie PHP oder CSS (nix für ungut!). Dass man damit wirklich tolle Sachen mit Minimalaufwand erstellen kann, musste ich erst durch eine Fortbildung von Christian Mayr auf der diesjährigen Digitale Schule Bayern in Gauting erfahren. Letztendlich handelt es sich hierbei um eine Plattform, mit der interaktive Lernaktivitäten möglich sind. Das komplette Spektrum an Möglichkeiten mag zu Beginn etwas überfordern. Deswegen würde ich vorschlagen, sich zu Beginn erstmal auf ein paar wenige Aktivitäten zu beschränken und damit zu experimentieren. Und ich werde dabei ein bisschen helfen (hoffe ich zumindest). Deswegen stelle ich regelmäßig meine ersten Erfolge mit H5P hier auf diesem Blog zu Demo und Download vor1. Den Anfang macht die Aktivität Drag the Words.
    Der Name ist hierbei Programm. Bewegliche Textfelder lassen sich auf einen vordefinierten Bereich schieben. Somit lassen sich zusammengehörige Begriffe zusammenführen. Das lässt sich im Handumdrehen für Übungen ganz wunderbar nutzen. Zum Beispiel für Formenlehre.

    Wie geht’s?

    Zu Beginn sollte man seine Übung unter Title benennen und unter Description eine Arbeitsanweisung für die Klasse angeben, die zu Beginn angezeigt wird.


    In der Übung selbst sind vorentlastend Vokabeln des zu übersetzenden Lektionstextes in den Kasus eingetragen, wie sie im Text vorkommen. Die Schülerinnen sollen aus einer Liste von gegebenen Adjektiven und Pronomina die dazugehörigen Formen finden, die zu den Nomina in Kasus, Numerus und Genus übereinstimmen. Diese zuzuordnenden Formen sind die beweglichen und sind im Code-Fenster jeweils mit einem * am Anfang und Ende an ihrem zugewiesenen Platz markiert. Auf diese Weise weiß H5P, welche Formen zusammengehören.

    Und das war’s eigentlich auch schon. Die Übung steht.

    Und? Wie war ich?

    Wer den Schülern ein gesondertes Feedback geben will, hat dank H5P auch die Möglichkeit dazu. Unter Overall Feedback lassen sich „Notengrenzen“ definieren inklusive eines Feedback-Kommentars, der nach der Aufgabe gegeben wird.

    Wer selbst die Buttons in der Fremdsprache haben will, kann unter der Rubrik Text override and translations den einzelnen Knöpfen eigene Bezeichnungen vergeben.

    So einfach geht’s.

    Wie die Aktivität von hier zu den Schülern kommt, lest ihr hier.
    Wenn ihr weitere Ideen für die Aktivität hat, schreibt mir in den Kommentaren.

    Und schon geht’s weiter mit Aktivität 2.

    1 Die Übungen sind alle selbst-gehostet und können für den eigenen Gebrauch heruntergeladen und weiter genutzt werden.

    Hast du eine Meinung dazu? Dann hinterlasse einen Kommentar oder eine Wertung.
    0