{"id":19,"date":"2023-04-12T15:36:07","date_gmt":"2023-04-12T13:36:07","guid":{"rendered":"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/?page_id=19"},"modified":"2023-05-11T11:12:06","modified_gmt":"2023-05-11T09:12:06","slug":"spielwiese","status":"publish","type":"page","link":"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/spielwiese\/","title":{"rendered":"Schritt-f\u00fcr-Schritt Anleitungen"},"content":{"rendered":"\n<h3>Grundlagen zur Nutzung von H5P<\/h3>\n\n\n\n<p>Es gibt zwei grundlegende Fakten, die du zu H5P wissen solltest: <\/p>\n\n\n\n<ul><li>Du brauchst eine Webseite, um die erstellten Inhalte online verf\u00fcgbar zu machen und<\/li><li>bei jedem H5P-Inhalt handelt es sich um ein einzelnes &#8222;Paket&#8220;, das auf einer Seite eingebettet und zwischen Webseiten transportiert werden kann. <\/li><li><a href=\"https:\/\/h5p.org\/\" data-type=\"URL\" data-id=\"https:\/\/h5p.org\/\">H5P ist eine frei verf\u00fcgbare Software<\/a> und alle erstellten Inhalte stehen der Community zur Verf\u00fcgung: Create &#8211; Share &#8211; Reuse.<\/li><\/ul>\n\n\n\n<p>Anders als andere digitale Anwendungen ist H5P nicht als alleinstehendes Programm nutzbar. Um H5P nutzen zu k\u00f6nnen, brauchst du eine Webseite, auf der du das H5P-Plugin installieren kannst. Der <a href=\"https:\/\/blogs.urz.uni-halle.de\/\" data-type=\"URL\" data-id=\"https:\/\/blogs.urz.uni-halle.de\/\">Blogdienst der Martin-Luther-Universit\u00e4t<\/a> bietet genau diese M\u00f6glichkeit kostenfrei f\u00fcr Lehrende und Studierende an. Im <strong>ersten Tutorial<\/strong> wird das Erstellen eines Blogs Schritt f\u00fcr Schritt erkl\u00e4rt. <\/p>\n\n\n\n<p>Um die Aufgabe dann online auf einer Seite anzuzeigen, muss der Shortcode dieses Inhalt-Pakets auf der jeweiligen Seite eingebettet werden. H5P steht f\u00fcr &#8222;HTML5-Paket&#8220; und kann als solches in Form einer Datei heruntergeladen und der Inhalt zwischen verschiedenen Webseiten &#8222;bewegt&#8220; werden. Das klingt komplizierter, als es ist und wird im <strong>zweiten Tutorial<\/strong> ganz genau erkl\u00e4rt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" width=\"1024\" height=\"310\" src=\"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/files\/2023\/04\/Webseite-H5P-Uebersicht-zu-den-Tutorials-1024x310.png\" alt=\"\" class=\"wp-image-130\" srcset=\"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/files\/2023\/04\/Webseite-H5P-Uebersicht-zu-den-Tutorials-1024x310.png 1024w, https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/files\/2023\/04\/Webseite-H5P-Uebersicht-zu-den-Tutorials-300x91.png 300w, https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/files\/2023\/04\/Webseite-H5P-Uebersicht-zu-den-Tutorials-768x232.png 768w, https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/files\/2023\/04\/Webseite-H5P-Uebersicht-zu-den-Tutorials-1536x465.png 1536w, https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/files\/2023\/04\/Webseite-H5P-Uebersicht-zu-den-Tutorials.png 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3>Tutorial 1: Installation von H5P auf dem Blogdienst <br>und erstellen erster Inhalte<\/h3>\n\n\n\n<p>H5P ist ein <strong>Plugin<\/strong>. Das bedeutet, dass es sich um eine optionale Komponente eines WordPress-Blogs handelt, die von den Nutzenden hinzugef\u00fcgt werden kann. Um sie zu nutzen, muss sie zun\u00e4chst installiert werden. H5P stellt eine Vielzahl an <strong>Inhaltstypen<\/strong> bereit (z.B. interaktive Videos, Multiple Choice, L\u00fcckentexte u.v.m.). Es handelt sich hierbei um Vorlagen, die durch die Erstellenden mit eigenen Inhalten gef\u00fcllt werden k\u00f6nnen. Auch diese m\u00fcssen installiert werden. Im ersten Tutorial erf\u00e4hrst du, wie du H5P-Inhalte auf deiner Website oder deinem Blog im Blogdienst der MLU installierst, Inhaltstypen ausw\u00e4hlst und interaktive Inhalte erstellen kannst.<\/p>\n\n\n\n<p><strong>Tipp:<\/strong> Einen guten Einstieg im Umgang mit dem Blogdienst der Martin-Luther-Universit\u00e4t bietet der <a href=\"https:\/\/ilias.uni-halle.de\/goto.php?target=cat_161277\" data-type=\"URL\" data-id=\"https:\/\/ilias.uni-halle.de\/goto.php?target=cat_161277\">Selbstlernkurs &#8222;Blogs in der Lehre einsetzen&#8220;<\/a> des Zentrums f\u00fcr multimediales Lehren und Lehren (<a href=\"https:\/\/www.llz.uni-halle.de\/\" data-type=\"URL\" data-id=\"https:\/\/www.llz.uni-halle.de\/\">LLZ<\/a>) an der MLU. Hier wird Schritt-f\u00fcr-Schritt gezeigt, wie ein Blog oder Homepage aufgesetzt und angepasst werden kann.  <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How To: H5P im Blogdienst installieren und Inhalte erstellen | Digital kompetent im Lehramt\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/DLdrf7ZpRrQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:28px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3>Tutorial 2: Einbetten von H5P-Inhalten und<br>Wiederverwenden auf anderen Webseiten<\/h3>\n\n\n\n<p>Wie bereits angesprochen, wird mit jedem H5P-Inhalt ein &#8222;Paket&#8220; erstellt. Dieses Paket besteht aus dem gew\u00e4hlten Inhaltstypen, wie z.B. der Funktion &#8222;L\u00fcckentext&#8220; und dem (fach-)spezifischen Inhalt, der durch die Erstellenden eingef\u00fcgt wurde. Als solch ein Paket liegt der H5P-Inhalt &#8222;verborgen&#8220; auf deiner Website. Erst, wenn du den Inhalt auf einer deiner Seiten oder in deinen Beitr\u00e4gen einbettest, wird er online sichtbar. Das Einbetten, also das Sichtbar-machen des Inhalts, erfolgt \u00fcber den <strong>Shortcode<\/strong>, den WordPress automatisch generiert. <\/p>\n\n\n\n<p>Wenn du eine weitere Website hast und nun diesen Inhalt auch dort einf\u00fcgen m\u00f6chtest, kann dein Paket auch &#8222;umziehen&#8220;. Daf\u00fcr muss es als <strong>Datei<\/strong> von Webseite 1 runtergeladen, lokal gespeichert und dann auf Webseite 2 hochgeladen werden. Auch hier ist es zun\u00e4chst verborgen und muss \u00fcber den Shortcode auf der entsprechenden Seite hochgeladen werden. Viele gute Beispiele aus der Community findest auch auf der Homepage von H5P (https:\/\/h5p.org\/). <\/p>\n\n\n\n<p>Da H5P eine freie und quelloffene Software ist, steht dahinter auch der Gedanke des Teilens und Weiternutzens im Sinne einer <strong>offenen Bildungsressource<\/strong> (engl.: Open Educational Ressources, OER). Das bedeutet, dass du H5P-Inhalte von anderen Webseiten runterladen und selbst nutzen darfst. Gleichzeitig k\u00f6nnen auch deine Inhalte von anderen weiterverwendet werden. Achte also unbedingt darauf, dass du offen lizensierte Medien in deinen Inhalten nutzt! Wenn dieses Thema f\u00fcr dich noch neu ist, bietet der Kurs &#8222;<a href=\"https:\/\/einstiegoer.de\/willkommen.html\" data-type=\"URL\" data-id=\"https:\/\/einstiegoer.de\/willkommen.html\">Einsteiger in OER<\/a>&#8220; von Nele Hirsch einen guten ersten Einblick. <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How To: H5P-Inhalt einbetten und wiederverwenden | Digital kompetent im Lehramt\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/bDz20Oo2-aU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<p>Hier geht es weiter zu den <a href=\"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/praxisbeispiele-2\/\" data-type=\"URL\" data-id=\"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/praxisbeispiele-2\/\">Einsatzszenarien<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Grundlagen zur Nutzung von H5P Es gibt zwei grundlegende Fakten, die du zu H5P wissen solltest: Du brauchst eine Webseite, um die erstellten Inhalte online verf\u00fcgbar zu machen und bei jedem H5P-Inhalt handelt es sich um ein einzelnes &#8222;Paket&#8220;, das auf einer Seite eingebettet und zwischen Webseiten transportiert werden kann. H5P ist eine frei verf\u00fcgbare [&hellip;]<\/p>\n","protected":false},"author":4835,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/wp-json\/wp\/v2\/pages\/19"}],"collection":[{"href":"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/wp-json\/wp\/v2\/users\/4835"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":10,"href":"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/wp-json\/wp\/v2\/pages\/19\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/blogs.urz.uni-halle.de\/interaktiveinhalteh5p\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}