{"id":9667,"date":"2020-09-19T08:18:33","date_gmt":"2020-09-19T06:18:33","guid":{"rendered":"https:\/\/wp-test.zum.de\/blog\/neuer-h5p-inhaltstyp-auf-zum-apps.html"},"modified":"2022-01-14T15:03:18","modified_gmt":"2022-01-14T14:03:18","slug":"neuer-h5p-inhaltstyp-auf-zum-apps","status":"publish","type":"post","link":"https:\/\/zum-portal.idea-sketch.com\/portal\/neuer-h5p-inhaltstyp-auf-zum-apps\/","title":{"rendered":"Neuer H5P-Inhaltstyp auf ZUM-Apps"},"content":{"rendered":"<p>Einige werden es schon bemerkt haben, auf <strong><a href=\"https:\/\/apps.zum.de\/\" target=\"_blank\" rel=\"noopener\">ZUM-Apps<\/a><\/strong> gibt es einen neuen Inhaltstyp: \u201eZUM ImageHotspots Erweiterung&#8220;.<\/p>\n<p>&#8212;<\/p>\n<p><em>Aktualisierung (im Juni 2021):<\/em><\/p>\n<p>Inzwischen wurde dieser Inhaltstyp umbenannt in &#8222;<strong>Image Hotspots ZUM Edition<\/strong>&#8222;.<\/p>\n<p>&#8212;-<\/p>\n<p>Wie der Name schon sagt, ist er eine Erweiterung des H5P-Inhaltsmoduls \u201eImageHotspots\u201c, mit dem man auf einem hochgeladenen Bild verschiedene sensitive Punkte, Hotspots, setzen kann. Ein Beispiel ist dieses interaktive Lernbild aus dem DaF\/DaZ-Unterricht:<\/p>\n<p><iframe loading=\"lazy\" allowfullscreen=\"allowfullscreen\" frameborder=\"0\" height=\"523\" src=\"https:\/\/apps.zum.de\/h5p\/5249\/embed\" width=\"705\"><\/iframe><\/p>\n<p>Bilder f\u00fcr das Erlernen einer Fremdsprache einzusetzen ist nicht neu. Comenius nutzte dies zum Beispiel schon im 17. Jahrhundert in seinem \u201eOrbis pictus\u201c. Interaktive Bilder jedoch stellen noch einmal eine andere Qualit\u00e4t dar. Dass der Inhaltstyp \u201eImageHotspots\u201c f\u00fcr den Fremdsprachenunterricht noch mehr kann, dies war die Motivation eine erg\u00e4nzende Programmierung zu versuchen.<\/p>\n<p>Im Rahmen des ZUM-Projekts \u201e<a href=\"https:\/\/deutsch-lernen.zum.de\/wiki\/Hauptseite\" target=\"_blank\" rel=\"noopener\">ZUM-Deutsch-Lernen<\/a>\u201c, das nach einer erfolgreichen Bewerbung im Rahmen der <a href=\"https:\/\/www.hoou.de\/blog\/hacks-tools-meets-oercamp-ein-rueckblick\" target=\"_blank\" rel=\"noopener\">Veranstaltung &#8222;Hacks&amp;Tools meets #OERcamp&#8220;<\/a> in Hamburg finanziell durch die <a href=\"https:\/\/www.hoou.de\/\" target=\"_blank\" rel=\"noopener\">HOOU<\/a>, Hamburg Open Online University, gef\u00f6rdert wird, konnte diese Programmierung durch <a href=\"https:\/\/www.olivertacke.de\/\" target=\"_blank\" rel=\"noopener\">Oliver Tacke<\/a> realisiert werden.<\/p>\n<p>Bis jetzt war es m\u00f6glich, hinter den Hotspots \u201eTexte\u201c (zum Beispiel Wort mit Artikel oder S\u00e4tze mit Erkl\u00e4rungen), \u201eVideos\u201c \u2013 aber auch Audioelemente (zum Beispiel f\u00fcr die Aussprache) und weitere Bilder (zur Veranschaulichung) zu verbergen. Um wirkliche \u201eLernbilder\u201c aus diesem Modul zu entwickeln, fehlten aber interaktive \u00dcbungen. Die Erweiterung schlie\u00dft nun diese L\u00fccke. Neben den oben genannten Inhalten k\u00f6nnen nun auch Links, \u201eSummary-Aufgaben\u201c, \u201eSingle Choice\u201c, \u201eMultiple Choice\u201c, \u201eWahr\/falsch-Fragen\u201c, \u201eW\u00f6rter in L\u00fccken einsetzen\u201c, \u201eText oder Bilder in L\u00fccken schieben\u201c (\u201eDrag and Drop\u201c, \u201eDrag Text\u201c) und \u201eSpeak the Words\u201c (nur mit Chrome) erstellt werden.<\/p>\n<p>Zus\u00e4tzlich zu den neuen integrierten Inhaltstypen gibt es durch die Erweiterung eine Ver\u00e4nderung der Funktionalit\u00e4t. Manchmal gab es bei der Nutzung der App Probleme mit der Gr\u00f6\u00dfe der angezeigten Hotspot-Symbole. Nicht selten sind diese f\u00fcr bestimmte Endger\u00e4te zu gro\u00df und verbergen so zu viel von dem eigentlichen Schaubild. Das, was eigentlich der Barrierefreiheit dienen soll, schr\u00e4nkte f\u00fcr viele Nutzer den Gebrauch des Inhaltstyps ein. Wir haben versucht, einen Kompromiss zu finden. Nun kann man neben einer festen Gr\u00f6\u00dfe, die die Barrierefreiheit unterst\u00fctzt, f\u00fcr die Hotspots auch individuelle Gr\u00f6\u00dfen w\u00e4hlen.<\/p>\n<p><strong>Hier nun einige Beispiele, was man mit dem erweiterten Inhaltstyp machen kann:<\/strong><\/p>\n<p>Das oben bereits vorgestellte Lernbild, findet man hier erweitert mit den Inhaltsmodulen:<\/p>\n<p>1. &#8222;drag&amp;drop&#8220;<\/p>\n<p>2. &#8222;True\/False Question (richtig\/falsch) Frage&#8220;<\/p>\n<p>3. &#8222;Mark the Words&#8220;<\/p>\n<p>4. &#8222;Summary&#8220;<\/p>\n<p>5. &#8222;Single Choice Set&#8220;<\/p>\n<p>6. &#8222;Fill in the Blanks&#8220; und<\/p>\n<p>7. &#8222;Speak the Words&#8220;:<\/p>\n<p><iframe loading=\"lazy\" allowfullscreen=\"allowfullscreen\" frameborder=\"0\" height=\"523\" src=\"https:\/\/apps.zum.de\/h5p\/8034\/embed\" width=\"705\"><\/iframe><\/p>\n<p>Die Einbindung des Inhaltsmoduls: \u201eSpeak the Words\u201c hat den Nachteil, dass es zurzeit nur mit Chrome funktioniert, aber es eignet sich sehr gut f\u00fcr das vernetzte Lernen von Wortschatz und Phonetik. Es kann zum Beispiel als Wissenskontrolle genutzt werden:<\/p>\n<p><iframe loading=\"lazy\" allowfullscreen=\"allowfullscreen\" frameborder=\"0\" height=\"471\" src=\"https:\/\/apps.zum.de\/h5p\/6909\/embed\" width=\"607\"><\/iframe><\/p>\n<p>Aber auch in Kombination mit anderen Inhaltstypen in der \u00dcbungsphase:<\/p>\n<p><iframe loading=\"lazy\" allowfullscreen=\"allowfullscreen\" frameborder=\"0\" height=\"471\" src=\"https:\/\/apps.zum.de\/h5p\/6915\/embed\" width=\"607\"><\/iframe><\/p>\n<p><strong>Wozu braucht man den Inhaltstyp \u201eEinen Link einf\u00fcgen\u201c?<\/strong><\/p>\n<p>Das klingt zwar simpel, aber es erm\u00f6glicht, auch externe Inhalte zug\u00e4nglich zu machen. Das k\u00f6nnen weitere Textinhalte, Medien oder Aktivit\u00e4ten mit digitalen Werkzeugen sein. Leider ist es nicht m\u00f6glich, letztere auch einzubetten, was zum Beispiel bei Mentimeter (Wortwolke beim Brainstorming oder Abfrage des Vorwissens) ganz n\u00fctzlich w\u00e4re. Im folgenden Bild verstecken sich verschiedene Lernschritte hinter den Hotspots. Dies eignet sich f\u00fcr Lernstationen und als Ausgangsbasis f\u00fcr WebQuests.<\/p>\n<p><iframe loading=\"lazy\" allowfullscreen=\"allowfullscreen\" frameborder=\"0\" height=\"401\" src=\"https:\/\/apps.zum.de\/h5p\/8096\/embed\" width=\"705\"><\/iframe><\/p>\n<p>Auch wenn die hier vorgestellten Beispiele aus dem Fremdsprachenunterricht entlehnt sind, eignet sich der erweiterte Inhaltstyp auch f\u00fcr andere F\u00e4cher.<\/p>\n<p>Nutzer*innen von ZUM-Apps k\u00f6nnen die \u00dcbungen dort direkt erstellen. Wer den Inhaltstyp in seine Lernumgebung installieren m\u00f6chte, kann das Programm (MIT-Lizenz) <strong><a href=\"https:\/\/gitlab.com\/zum-team\/apps.zum.de\/h5p-image-hotspots-zum\/-\/blob\/master\/H5P.ImageHotspotsZUM-1.9.h5p\" target=\"_blank\" rel=\"noopener\">hier<\/a><\/strong> herunterladen.<\/p>\n<p>Vielleicht habt ihr noch andere Ideen, was man mit dem Inhaltstyp machen k\u00f6nnte, dann schreibt bitte in das Kommentarfeld oder verlinkt dort eigene, mit dem Inhaltstyp erstellte, Apps.<\/p>\n<p>Auch \u00fcber <a href=\"https:\/\/www.zum.de\/portal\/blog\/ZUMTeam\/Die-Arbeit-der-ZUM-finanziell-unterst\u00fctzen\">Spenden f\u00fcr weitere Entwicklungen<\/a> w\u00fcrden wir uns freuen. (Ihr wisst ja wo &#8230; &#8211; bitte <a href=\"https:\/\/www.zum.de\/portal\/blog\/ZUMTeam\/Die-Arbeit-der-ZUM-finanziell-unterst\u00fctzen\">hier<\/a> oder oben rechts klicken.)<\/p>\n<p><a href=\"https:\/\/landeskunde.wordpress.com\/\">Ralf Kl\u00f6tzke<\/a> f\u00fcr das ZUMTeam<\/p>\n<div class=\"shariff shariff-align-flex-start shariff-widget-align-flex-start\" style=\"display:none\" data-services=\"facebook\" data-url=\"https%3A%2F%2Fzum-portal.idea-sketch.com%2Fportal%2Fneuer-h5p-inhaltstyp-auf-zum-apps%2F\" data-timestamp=\"1642172598\" data-backendurl=\"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/shariff\/v1\/share_counts?\"><div class=\"ShariffHeadline\">Teilen<\/div><ul class=\"shariff-buttons theme-round orientation-horizontal buttonsize-medium\"><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#32bbf5\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fzum-portal.idea-sketch.com%2Fportal%2Fneuer-h5p-inhaltstyp-auf-zum-apps%2F&text=Neuer%20H5P-Inhaltstyp%20auf%20ZUM-Apps\" title=\"Bei Twitter teilen\" aria-label=\"Bei Twitter teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#55acee; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 30 32\"><path fill=\"#55acee\" d=\"M29.7 6.8q-1.2 1.8-3 3.1 0 0.3 0 0.8 0 2.5-0.7 4.9t-2.2 4.7-3.5 4-4.9 2.8-6.1 1q-5.1 0-9.3-2.7 0.6 0.1 1.5 0.1 4.3 0 7.6-2.6-2-0.1-3.5-1.2t-2.2-3q0.6 0.1 1.1 0.1 0.8 0 1.6-0.2-2.1-0.4-3.5-2.1t-1.4-3.9v-0.1q1.3 0.7 2.8 0.8-1.2-0.8-2-2.2t-0.7-2.9q0-1.7 0.8-3.1 2.3 2.8 5.5 4.5t7 1.9q-0.2-0.7-0.2-1.4 0-2.5 1.8-4.3t4.3-1.8q2.7 0 4.5 1.9 2.1-0.4 3.9-1.5-0.7 2.2-2.7 3.4 1.8-0.2 3.5-0.9z\"\/><\/svg><\/span><\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fzum-portal.idea-sketch.com%2Fportal%2Fneuer-h5p-inhaltstyp-auf-zum-apps%2F\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span data-service=\"facebook\" style=\"color:#3b5998\" class=\"shariff-count shariff-hidezero\"><\/span>&nbsp;<\/a><\/li><li class=\"shariff-button whatsapp shariff-nocustomcolor shariff-mobile\" style=\"background-color:#5cbe4a\"><a href=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fzum-portal.idea-sketch.com%2Fportal%2Fneuer-h5p-inhaltstyp-auf-zum-apps%2F%20Neuer%20H5P-Inhaltstyp%20auf%20ZUM-Apps\" title=\"Bei Whatsapp teilen\" aria-label=\"Bei Whatsapp teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#34af23; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#34af23\" d=\"M17.6 17.4q0.2 0 1.7 0.8t1.6 0.9q0 0.1 0 0.3 0 0.6-0.3 1.4-0.3 0.7-1.3 1.2t-1.8 0.5q-1 0-3.4-1.1-1.7-0.8-3-2.1t-2.6-3.3q-1.3-1.9-1.3-3.5v-0.1q0.1-1.6 1.3-2.8 0.4-0.4 0.9-0.4 0.1 0 0.3 0t0.3 0q0.3 0 0.5 0.1t0.3 0.5q0.1 0.4 0.6 1.6t0.4 1.3q0 0.4-0.6 1t-0.6 0.8q0 0.1 0.1 0.3 0.6 1.3 1.8 2.4 1 0.9 2.7 1.8 0.2 0.1 0.4 0.1 0.3 0 1-0.9t0.9-0.9zM14 26.9q2.3 0 4.3-0.9t3.6-2.4 2.4-3.6 0.9-4.3-0.9-4.3-2.4-3.6-3.6-2.4-4.3-0.9-4.3 0.9-3.6 2.4-2.4 3.6-0.9 4.3q0 3.6 2.1 6.6l-1.4 4.2 4.3-1.4q2.8 1.9 6.2 1.9zM14 2.2q2.7 0 5.2 1.1t4.3 2.9 2.9 4.3 1.1 5.2-1.1 5.2-2.9 4.3-4.3 2.9-5.2 1.1q-3.5 0-6.5-1.7l-7.4 2.4 2.4-7.2q-1.9-3.2-1.9-6.9 0-2.7 1.1-5.2t2.9-4.3 4.3-2.9 5.2-1.1z\"\/><\/svg><\/span><\/a><\/li><li class=\"shariff-button mailto shariff-nocustomcolor\" style=\"background-color:#a8a8a8\"><a href=\"mailto:?body=https%3A%2F%2Fzum-portal.idea-sketch.com%2Fportal%2Fneuer-h5p-inhaltstyp-auf-zum-apps%2F&subject=Neuer%20H5P-Inhaltstyp%20auf%20ZUM-Apps\" title=\"Per E-Mail versenden\" aria-label=\"Per E-Mail versenden\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#999; color:#fff\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#999\" d=\"M32 12.7v14.2q0 1.2-0.8 2t-2 0.9h-26.3q-1.2 0-2-0.9t-0.8-2v-14.2q0.8 0.9 1.8 1.6 6.5 4.4 8.9 6.1 1 0.8 1.6 1.2t1.7 0.9 2 0.4h0.1q0.9 0 2-0.4t1.7-0.9 1.6-1.2q3-2.2 8.9-6.1 1-0.7 1.8-1.6zM32 7.4q0 1.4-0.9 2.7t-2.2 2.2q-6.7 4.7-8.4 5.8-0.2 0.1-0.7 0.5t-1 0.7-0.9 0.6-1.1 0.5-0.9 0.2h-0.1q-0.4 0-0.9-0.2t-1.1-0.5-0.9-0.6-1-0.7-0.7-0.5q-1.6-1.1-4.7-3.2t-3.6-2.6q-1.1-0.7-2.1-2t-1-2.5q0-1.4 0.7-2.3t2.1-0.9h26.3q1.2 0 2 0.8t0.9 2z\"\/><\/svg><\/span><\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Einige werden es schon bemerkt haben, auf ZUM-Apps gibt es einen neuen Inhaltstyp: \u201eZUM ImageHotspots Erweiterung&#8220;. &#8212; Aktualisierung (im Juni 2021): Inzwischen wurde dieser Inhaltstyp umbenannt in &#8222;Image Hotspots ZUM [&hellip;]<\/p>\n","protected":false},"author":278,"featured_media":9666,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"gastautor_name":"","gastautor_foto":"","gastautor_funktion":"","gastautor_beschreibung":"","gastautor_css":"","testimonial_foto":"","testimonial_funktion":"","testimonial_zitat":"","testimonial_css":"","zum_angebot_logo":"","zum_angebot_farbe":"","zum_angebot_link":"","zum_angebot_beschreibung":"","footnotes":""},"categories":[],"tags":[15774,16084,16358,16420,16432,16443,16442,16433],"class_list":["post-9667","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-daf","tag-daz","tag-h5p","tag-zum-deutsch-lernen","tag-zum-imagehotspots-erweiterung","tag-zum-edition","tag-image-hotspots","tag-zum-apps"],"acf":{"gastbeitrag":"0","titel_name":"","foto_gast":null,"beschreibung_des_gastautor":""},"_links":{"self":[{"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/posts\/9667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/users\/278"}],"replies":[{"embeddable":true,"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/comments?post=9667"}],"version-history":[{"count":1,"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/posts\/9667\/revisions"}],"predecessor-version":[{"id":10732,"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/posts\/9667\/revisions\/10732"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/media\/9666"}],"wp:attachment":[{"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/media?parent=9667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/categories?post=9667"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zum-portal.idea-sketch.com\/portal\/wp-json\/wp\/v2\/tags?post=9667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}