{"id":388,"date":"2020-06-16T20:18:18","date_gmt":"2020-06-16T18:18:18","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/h5pblog\/?page_id=388"},"modified":"2025-11-25T14:50:48","modified_gmt":"2025-11-25T13:50:48","slug":"einleitung","status":"publish","type":"page","link":"https:\/\/blogs.fu-berlin.de\/h5pblog\/einleitung\/","title":{"rendered":"Was ist H5P?"},"content":{"rendered":"

H5P ist eine Open-Source-Software, mit der Sie Wissen aufbereiten<\/a>, Studierende aktivieren<\/a> und Wissen abfragen<\/a> k\u00f6nnen. Mit H5P k\u00f6nnen didaktisch sinnvolle und visuell ansprechende Lerneinheiten schnell umgesetzt werden.<\/p>\n

Anwendung<\/strong><\/h3>\n

An der Freien Universit\u00e4t k\u00f6nnen Sie H5P-Elemente im Rahmen eines eigenen WordPress-Blogs<\/a> \u00fcber das dort installierte Plugin erstellen. Nach der Erstellung im Plugin verfassen Sie einen Beitrag im Blog und verkn\u00fcpfen den gew\u00fcnschten H5P-Inhalt \u00fcber den Button \u201eH5P hinzuf\u00fcgen\u201c.<\/p>\n

Die Einbindung eines H5P-Inhalts in anderen FU-Systemenen ist als Link ebenfalls m\u00f6glich.<\/p>\n

Um das H5P-Plugin zu installieren muss zun\u00e4chst eine Webseite erstellt werden. Zudem k\u00f6nnen Sie einzelne Werkzeuge f\u00fcr Ihre Arbeit ausw\u00e4hlen und in Ihrem Plugin installieren.<\/p>\n\n\n

\n
\"\"<\/a>
Neue Webseite anlegen<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
H5P-Plugin aktivieren<\/figcaption><\/figure>\n<\/figure>\n\n\n

H5P-Inhalte erstellen und im Blog einbinden<\/h3>\n

1 H5P-Inhalte erstellen<\/em><\/h3>\n

Es ist ratsam zun\u00e4chst mit der Erstellung eines H5P-Inhalts zu beginnen. <\/p>\n

W\u00e4hlen Sie zun\u00e4chst in der linken Navigationsleiste den H5P-Button<\/strong> und anschlie\u00dfend Erstellen<\/strong>.<\/p>\n

W\u00e4hlen Sie danach den ben\u00f6tigten Inhaltstypen f\u00fcr das Lernmaterial und f\u00fcllen die vorgegebenen Felder aus.<\/p>\n

Nach einem Klick auf Erstellen<\/strong> oben rechts, erh\u00e4lt Ihr H5P-Inhalt eine ID und ist unter Alle H5P-Inhalte<\/strong> in der linken Navigation zu finden. Im hier hinterlegten Beispiel ist die ID [ h5p id=“23″ ], da es sich um den 23. H5P-Inhalt im Blog handelt. <\/p>\n

\"\"<\/p>\n

2 Blog Beitrag erstellen und H5P-Inhalt einbinden<\/em><\/h3>\n

Im zweiten Schritt wird ein Blogbeitrag oder eine Blogseite erstellt. Dies geschieht \u00fcber Beitr\u00e4ge > Erstellen<\/strong> oder Seiten > Erstellen<\/strong> in der linken Navigationsleiste.<\/p>\n

Bei beiden Varianten erscheint der neue Editor. Hier muss ein Titel eingegeben werden. Im Schreibfeld („Schreibe etwas…“) kann nun der H5P-Code eingegeben werden. Anschlie\u00dfend Ver\u00f6ffentlichen<\/strong> oben rechts klicken Alternativ kann \u00fcber das Pluszeichen ein Block hinzugef\u00fcgt werden. Hierbei die Variante Classic ausw\u00e4hlen. Im Textfeld dann den H5P-Code eingeben und ver\u00f6ffentlichen.<\/p>\n\n\n

\n
\"\"<\/a>
Beitrag erstellen Teil 1<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
\n
\"\"<\/a>
Beitrag erstellen Teil <\/em>2<\/figcaption><\/figure>\n<\/figure>\n\n\n

Einsatzgebiete<\/h3>\n

Lerninhalte in H5P sind nicht daf\u00fcr geeignet Veranstaltungen vollst\u00e4ndig digital abzubilden. Die umfassende Darstellung eines Sachverhaltes in zahlreichen H5P-Inhalten ist nicht zielf\u00fchrend. Vielmehr geht es darum vorhandene und erprobte Lehr- und Lernprozesse mit H5P zu erg\u00e4nzen. Dies k\u00f6nnen alternative Vermittlungsformen sein (Accordion, Agamotto, Branching-Szenario), die Aktivierung von Studierenden durch kurze, formative Assessment-Elemente (Multiple-Choice, Drag and Drop, Fill in the Blanks) oder sogar die Verbindung dieser beiden Formate (Interactive Video).<\/p>\n

Aktivierende Elemente in der Lehre sollten lernzielorientiert und nicht als Selbstzweck eingesetzt werden. Wenn es darum geht alternative Lernwege f\u00fcr die Studierenden zu gestalten oder kurze Phasen der Wissens\u00fcberpr\u00fcfung zu erm\u00f6glichen, bietet H5P eine Vielzahl von Werkzeugen. Es empfiehlt sich H5P-Inhalte mit anderen Elementen in Lehr-Lernszenarien zu mischen. Dazu geh\u00f6ren auch klassische, frontalere Vermittlungsformen, wie aber auch digital-unterst\u00fctzte, kooperative Phasen, in denen Studierende mit dem vermittelten Wissen die kreative Probleml\u00f6sungen erarbeiten und dokumentieren m\u00fcssen.<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n","protected":false},"excerpt":{"rendered":"

H5P ist eine Open-Source-Software, mit der Sie Wissen aufbereiten, Studierende aktivieren und Wissen abfragen k\u00f6nnen. Mit H5P k\u00f6nnen didaktisch sinnvolle und visuell ansprechende Lerneinheiten schnell umgesetzt werden. Anwendung An der Freien Universit\u00e4t k\u00f6nnen Sie H5P-Elemente im Rahmen eines eigenen WordPress-Blogs \u00fcber das dort installierte Plugin erstellen. Nach der Erstellung im Plugin verfassen Sie einen Beitrag … \u201eWas ist H5P?\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":3797,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/h5pblog\/wp-json\/wp\/v2\/pages\/388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.fu-berlin.de\/h5pblog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.fu-berlin.de\/h5pblog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/h5pblog\/wp-json\/wp\/v2\/users\/3797"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/h5pblog\/wp-json\/wp\/v2\/comments?post=388"}],"version-history":[{"count":53,"href":"https:\/\/blogs.fu-berlin.de\/h5pblog\/wp-json\/wp\/v2\/pages\/388\/revisions"}],"predecessor-version":[{"id":1354,"href":"https:\/\/blogs.fu-berlin.de\/h5pblog\/wp-json\/wp\/v2\/pages\/388\/revisions\/1354"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/h5pblog\/wp-json\/wp\/v2\/media?parent=388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}