{"id":27197,"date":"2020-05-06T10:17:44","date_gmt":"2020-05-06T08:17:44","guid":{"rendered":"https:\/\/blog.hwr-berlin.de\/elerner\/?p=27197"},"modified":"2023-08-28T13:22:44","modified_gmt":"2023-08-28T11:22:44","slug":"moodle-quickeasy-einbettung-von-h5p-elementen","status":"publish","type":"post","link":"https:\/\/blog.hwr-berlin.de\/elerner\/moodle-quickeasy-einbettung-von-h5p-elementen\/","title":{"rendered":"Moodle Quick&Easy: Einbettung von H5P-Elementen"},"content":{"rendered":"

[et_pb_section fb_built=“1″ prev_background_color=“#ffffff“ next_background_color=“#ffffff“ admin_label=“section“ _builder_version=“4.16″ background_color=“#F0F0F1″ custom_padding=“100px||100px||false|false“ top_divider_style=“mountains2″ bottom_divider_style=“mountains2″ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_row column_structure=“2_3,1_3″ admin_label=“row“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_column type=“2_3″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“ theme_builder_area=“post_content“][et_pb_text admin_label=“Text“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“ theme_builder_area=“post_content“]<\/p>\n

\n
\n
<\/div>\n
\n
\n
\n
\n

 <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\n

Eine H5P-Bank anlegen<\/h3>\n

Zun\u00e4chst empfehlen wir das Anlegen einer H5P-Bank, in welchem alle H5P-Aktivit\u00e4ten, die Sie gerne in Ihrem Kurs einbetten m\u00f6chten, ‚gelagert‘ werden. Dazu k\u00f6nnen Sie zum Beispiel den allerletzten Abschnitt innerhalb Ihres Moodlekurses verwenden. Dort benennen Sie den entsprechenden Abschnitt in „H5P-Bank“ um (oder Sie erfinden einen eigenen Namen f\u00fcr Ihre H5P-Ablage).<\/p>\n

Erstellen Sie im Anschluss daran Ihre H5P-Aktivit\u00e4ten innerhalb des Abschnitts „H5P-Bank“.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=“1_3″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“ theme_builder_area=“post_content“][et_pb_image src=“https:\/\/blog.hwr-berlin.de\/elerner\/wp-content\/uploads_elerner\/2023\/08\/h5pbank1.gif“ title_text=“h5pbank1″ show_in_lightbox=“on“ use_overlay=“on“ overlay_icon_color=“#FFFFFF“ hover_overlay_color=“rgba(91,91,91,0.68)“ hover_icon=“U||divi||400″ _builder_version=“4.16.0″ _module_preset=“default“ hover_enabled=“0″ global_colors_info=“{}“ theme_builder_area=“post_content“ sticky_enabled=“0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=“1″ admin_label=“section“ _builder_version=“4.16″ custom_padding=“100px||100px||false|false“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_row column_structure=“2_3,1_3″ admin_label=“row“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_column type=“2_3″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“ theme_builder_area=“post_content“][et_pb_text admin_label=“Text“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“ theme_builder_area=“post_content“]<\/p>\n

\n
\n
<\/div>\n
\n
\n
\n
\n

Die H5P-Bank f\u00fcr Teilnehmende ausblenden und den Einbettungscode finden<\/h3>\n

In der Regel m\u00f6chten die Lehrenden Ihre H5P-Aktivit\u00e4ten, die Sie einbetten m\u00f6chten, nicht nochmal extra im Kurs angezeigt bekommen, da dies ggf. zu Verwirrungen f\u00fchren k\u00f6nnte. Daher empfehlen wir Ihnen, Ihre H5P-Bank f\u00fcr Teilnehmende auszublenden. So bleibt dieser Bereich nur f\u00fcr Sie als Lehrkraft sichtbar. Dies k\u00f6nnen Sie innerhalb der Abschnitts-Einstellungen anpassen: Klicken Sie auf „Abschnitt ausblenden“.<\/p>\n

Nun k\u00f6nnen Sie auf Ihre bereits erstellte H5P-Aktivit\u00e4t innerhalb des Abschnittes klicken. Dort finden Sie direkt unterhalb dieser Aktivit\u00e4t das Wort „Einbetten“. Klicken Sie darauf. Kopieren Sie sich den HTML-Einbettungscode.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=“1_3″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“ theme_builder_area=“post_content“][et_pb_image src=“https:\/\/blog.hwr-berlin.de\/elerner\/wp-content\/uploads_elerner\/2023\/08\/h5pbank2.gif“ title_text=“h5pbank2″ show_in_lightbox=“on“ use_overlay=“on“ overlay_icon_color=“#FFFFFF“ hover_overlay_color=“rgba(91,91,91,0.68)“ hover_icon=“U||divi||400″ _builder_version=“4.16.0″ _module_preset=“default“ hover_enabled=“0″ global_colors_info=“{}“ theme_builder_area=“post_content“ sticky_enabled=“0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=“1″ prev_background_color=“#ffffff“ next_background_color=“#ffffff“ admin_label=“section“ _builder_version=“4.16″ background_color=“#F0F0F1″ custom_padding=“100px||100px||false|false“ top_divider_style=“mountains2″ bottom_divider_style=“mountains2″ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_row column_structure=“2_3,1_3″ admin_label=“row“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_column type=“2_3″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“ theme_builder_area=“post_content“][et_pb_text admin_label=“Text“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“ theme_builder_area=“post_content“]<\/p>\n

\n
\n
<\/div>\n
\n
\n
\n
\n

Die H5P-Aktivit\u00e4t in ein Textfeld einbetten<\/h3>\n

Eine M\u00f6glichkeit f\u00fcr die Einbettung Ihrer H5P-Aktivit\u00e4t w\u00e4re nun innerhalb eines Abschnitts. Die Studierenden sehen dann direkt in diesem Abschnitt Ihre erstellte H5P-Aktivit\u00e4t ohne extra auf einen Button zu klicken.<\/p>\n

W\u00e4hlen Sie daf\u00fcr die Aktivit\u00e4t „Textfeld“ aus und \u00e4ndern Sie Ihren Text-Editor in die HTML-Ansicht (s. Grafik). Dort f\u00fcgen Sie nun Ihren Einbettungscode der H5P-Aktivit\u00e4t ein. Speichern Sie dies nun ab. Schon wird Ihnen Ihre H5P-Aktivit\u00e4t direkt in dem Abschnitt angezeigt.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=“1_3″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“ theme_builder_area=“post_content“][et_pb_image src=“https:\/\/blog.hwr-berlin.de\/elerner\/wp-content\/uploads_elerner\/2023\/08\/h5pbank3.gif“ title_text=“h5pbank3″ show_in_lightbox=“on“ use_overlay=“on“ overlay_icon_color=“#FFFFFF“ hover_overlay_color=“rgba(91,91,91,0.68)“ hover_icon=“U||divi||400″ _builder_version=“4.16.0″ _module_preset=“default“ hover_enabled=“0″ global_colors_info=“{}“ theme_builder_area=“post_content“ sticky_enabled=“0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=“1″ admin_label=“section“ _builder_version=“4.16″ custom_padding=“100px||100px||false|false“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_row column_structure=“2_3,1_3″ admin_label=“row“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_column type=“2_3″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“ theme_builder_area=“post_content“][et_pb_text admin_label=“Text“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“ theme_builder_area=“post_content“]<\/p>\n

\n
\n
<\/div>\n
\n
\n
\n
\n

Eine H5P-Aktivit\u00e4t innerhalb einer anderen Aktivit\u00e4t einbetten<\/h3>\n

Nat\u00fcrlich k\u00f6nnen Sie Ihre H5P-Aktivit\u00e4t auch direkt in eine andere Aktivit\u00e4t einbetten – hier exemplarisch in der Aktivit\u00e4t „Buch“. Dazu f\u00fcgen Sie in einen Abschnitt des Kurses die Buch-Aktivit\u00e4t ein und nehmen Sie alle weiteren f\u00fcr Sie wichtigen Einstellungen vor. Innerhalb eines Kapitels haben Sie nun die M\u00f6glichkeit durch Umstellung des Texteditors in die HTML-Ansicht ebenfalls diesen Einbettungscode Ihrer vorher erstellten H5P-Aktivit\u00e4t einzuf\u00fcgen. Speichern Sie alles ab und schauen Sie sich Ihr Ergebnis an. Nun haben Sie erfolgreich Ihre H5P-Aktivit\u00e4t in eine andere Aktivit\u00e4t eingebunden.<\/p>\n

Nat\u00fcrlich k\u00f6nnen Sie das gleiche Prozedere auch mit anderen Aktivit\u00e4ten ausprobieren und so die Darstellung der interaktiven H5P-Inhalte direkt im Kurs oder innerhalb einer anderen Aktivit\u00e4t erm\u00f6glichen.<\/p>\n

Viel Spa\u00df beim Ausprobieren!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=“1_3″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“ theme_builder_area=“post_content“][et_pb_image src=“https:\/\/blog.hwr-berlin.de\/elerner\/wp-content\/uploads_elerner\/2023\/08\/h5pbank4.gif“ title_text=“h5pbank4″ show_in_lightbox=“on“ use_overlay=“on“ overlay_icon_color=“#FFFFFF“ hover_overlay_color=“rgba(91,91,91,0.68)“ hover_icon=“U||divi||400″ _builder_version=“4.16.0″ _module_preset=“default“ hover_enabled=“0″ global_colors_info=“{}“ theme_builder_area=“post_content“ sticky_enabled=“0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Sie m\u00f6chten wissen, wie Sie Ihre erstellten H5P-Aktivit\u00e4ten z.B. in eine andere Aktivit\u00e4t oder direkt in der Kursoberfl\u00e4che einbetten k\u00f6nnen und so eine unmittelbare Darstellung des Inhaltes erm\u00f6glichen k\u00f6nnen? Dann sollte dieser Beitrag genau das Richtige f\u00fcr Sie sein!<\/p>\n","protected":false},"author":138,"featured_media":26858,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"

[siteorigin_widget class=\"SiteOrigin_Widget_Image_Widget\"]\",\"after_widget\":\"<\/div>\",\"before_title\":\"

\",\"after_title\":\"<\/h3>\",\"widget_id\":\"widget-0-0-0\"}}\" \/>[\/siteorigin_widget]<\/div><\/div>
\r\n
\r\n\t

H5P-Elemente in der Moodle-Kursoberfl\u00e4che einbetten
\r\n<\/strong><\/p>\r\n

Sie m\u00f6chten wissen, wie Sie Ihre erstellten H5P-Aktivit\u00e4ten z.B. in eine andere Aktivit\u00e4t oder direkt in der Kursoberfl\u00e4che einbetten k\u00f6nnen und so eine unmittelbare Darstellung des Inhaltes erm\u00f6glichen k\u00f6nnen?
\r\nDann sollte dieser Beitrag genau das Richtige f\u00fcr Sie sein!<\/p>\r\n

\u00a0<\/p>\r\n<\/div>\r\n<\/div><\/div><\/div><\/div>

\r\n
\r\n\t

Eine H5P-Bank anlegen<\/h3>\r\n

Zun\u00e4chst empfehlen wir das Anlegen einer H5P-Bank, in welchem alle H5P-Aktivit\u00e4ten, die Sie gerne in Ihrem Kurs einbetten m\u00f6chten, 'gelagert' werden. Dazu k\u00f6nnen Sie zum Beispiel den allerletzten Abschnitt innerhalb Ihres Moodlekurses verwenden. Dort benennen Sie den entsprechenden Abschnitt in \"H5P-Bank\" um (oder Sie erfinden einen eigenen Namen f\u00fcr Ihre H5P-Ablage).<\/p>\r\n

Erstellen Sie im Anschluss daran Ihre H5P-Aktivit\u00e4ten innerhalb des Abschnitts \"H5P-Bank\".<\/p>\r\n<\/div>\r\n<\/div><\/div><\/div>

[siteorigin_widget class=\"SiteOrigin_Widget_Image_Widget\"]\",\"after_widget\":\"<\/div>\",\"before_title\":\"

\",\"after_title\":\"<\/h3>\",\"widget_id\":\"widget-1-1-0\"}}\" \/>[\/siteorigin_widget]<\/div><\/div><\/div>
\r\n
\r\n\t

Die H5P-Bank f\u00fcr Teilnehmende ausblenden und den Einbettungscode finden<\/h3>\r\n

In der Regel m\u00f6chten die Lehrenden Ihre H5P-Aktivit\u00e4ten, die Sie einbetten m\u00f6chten, nicht nochmal extra im Kurs angezeigt bekommen, da dies ggf. zu Verwirrungen f\u00fchren k\u00f6nnte. Daher empfehlen wir Ihnen, Ihre H5P-Bank f\u00fcr Teilnehmende auszublenden. So bleibt dieser Bereich nur f\u00fcr Sie als Lehrkraft sichtbar. Dies k\u00f6nnen Sie innerhalb der Abschnitts-Einstellungen anpassen: Klicken Sie auf \"Abschnitt ausblenden\".<\/p>\r\n

Nun k\u00f6nnen Sie auf Ihre bereits erstellte H5P-Aktivit\u00e4t innerhalb des Abschnittes klicken. Dort finden Sie direkt unterhalb dieser Aktivit\u00e4t das Wort \"Einbetten\". Klicken Sie darauf. Kopieren Sie sich den HTML-Einbettungscode.
\r\n<\/em><\/p>\r\n<\/div>\r\n<\/div><\/div><\/div>

[siteorigin_widget class=\"SiteOrigin_Widget_Image_Widget\"]\",\"after_widget\":\"<\/div>\",\"before_title\":\"

\",\"after_title\":\"<\/h3>\",\"widget_id\":\"widget-2-1-0\"}}\" \/>[\/siteorigin_widget]<\/div><\/div><\/div>
\r\n
\r\n\t

Die H5P-Aktivit\u00e4t in ein Textfeld einbetten<\/h3>\r\n

Eine M\u00f6glichkeit f\u00fcr die Einbettung Ihrer H5P-Aktivit\u00e4t w\u00e4re nun innerhalb eines Abschnitts. Die Studierenden sehen dann direkt in diesem Abschnitt Ihre erstellte H5P-Aktivit\u00e4t ohne extra auf einen Button zu klicken.<\/p>\r\n

W\u00e4hlen Sie daf\u00fcr die Aktivit\u00e4t \"Textfeld\" aus und \u00e4ndern Sie Ihren Text-Editor in die HTML-Ansicht (s. Grafik). Dort f\u00fcgen Sie nun Ihren Einbettungscode der H5P-Aktivit\u00e4t ein. Speichern Sie dies nun ab. Schon wird Ihnen Ihre H5P-Aktivit\u00e4t direkt in dem Abschnitt angezeigt.<\/p>\r\n

\u00a0<\/p>\r\n<\/div>\r\n<\/div><\/div><\/div>

[siteorigin_widget class=\"SiteOrigin_Widget_Image_Widget\"]\",\"after_widget\":\"<\/div>\",\"before_title\":\"

\",\"after_title\":\"<\/h3>\",\"widget_id\":\"widget-3-1-0\"}}\" \/>[\/siteorigin_widget]<\/div><\/div><\/div>
\r\n
\r\n\t

Eine H5P-Aktivit\u00e4t innerhalb einer anderen Aktivit\u00e4t einbetten<\/h3>\r\n

Nat\u00fcrlich k\u00f6nnen Sie Ihre H5P-Aktivit\u00e4t auch direkt in eine andere Aktivit\u00e4t einbetten - hier exemplarisch in der Aktivit\u00e4t \"Buch\". Dazu f\u00fcgen Sie in einen Abschnitt des Kurses die Buch-Aktivit\u00e4t ein und nehmen Sie alle weiteren f\u00fcr Sie wichtigen Einstellungen vor. Innerhalb eines Kapitels haben Sie nun die M\u00f6glichkeit durch Umstellung des Texteditors in die HTML-Ansicht ebenfalls diesen Einbettungscode Ihrer vorher erstellten H5P-Aktivit\u00e4t einzuf\u00fcgen. Speichern Sie alles ab und schauen Sie sich Ihr Ergebnis an. Nun haben Sie erfolgreich Ihre H5P-Aktivit\u00e4t in eine andere Aktivit\u00e4t eingebunden.<\/p>\r\n

Nat\u00fcrlich k\u00f6nnen Sie das gleiche Prozedere auch mit anderen Aktivit\u00e4ten ausprobieren und so die Darstellung der interaktiven H5P-Inhalte direkt im Kurs oder innerhalb einer anderen Aktivit\u00e4t erm\u00f6glichen.<\/p>\r\n

Viel Spa\u00df beim Ausprobieren!<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

\u00a0<\/p>\r\n

Bildnachweis: @EdwardSamuel - Fotolia.com<\/em><\/p>\r\n<\/div>\r\n<\/div><\/div><\/div>

[siteorigin_widget class=\"SiteOrigin_Widget_Image_Widget\"]\",\"after_widget\":\"<\/div>\",\"before_title\":\"

\",\"after_title\":\"<\/h3>\",\"widget_id\":\"widget-4-1-0\"}}\" \/>[\/siteorigin_widget]<\/div><\/div><\/div><\/div>","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[413,1292,2785],"tags":[],"class_list":["post-27197","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-moodle","category-nicht-kategorisiert-de","category-quick-easy"],"_links":{"self":[{"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/posts\/27197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/comments?post=27197"}],"version-history":[{"count":22,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/posts\/27197\/revisions"}],"predecessor-version":[{"id":40069,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/posts\/27197\/revisions\/40069"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/media\/26858"}],"wp:attachment":[{"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/media?parent=27197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/categories?post=27197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/tags?post=27197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}