{"id":28,"date":"2018-07-19T09:54:06","date_gmt":"2018-07-19T09:54:06","guid":{"rendered":"https:\/\/zuugs.ch\/showcase\/handbuch\/chapter\/interaktive-module-h5p\/"},"modified":"2021-02-05T14:23:16","modified_gmt":"2021-02-05T14:23:16","slug":"interaktive-module-h5p","status":"publish","type":"chapter","link":"https:\/\/zuugs.ch\/showcase\/handbuch\/chapter\/interaktive-module-h5p\/","title":{"raw":"Interaktive Module H5P","rendered":"Interaktive Module H5P"},"content":{"raw":"<h1 id=\"z6446a0544534\" class=\"not-in-list\">Interaktive Module (H5P) erstellen<\/h1>\r\nZuerst muss man ein Modul erstellen, sp\u00e4ter kann man es an Ort und Stelle einf\u00fcgen. Lese die zwei folgenden Aufgabenstellungen und finde jeweils den gesuchten Ort auf dem Bild (Find the Hotspot)!\r\n<div class=\"textbox\">\r\n\r\n[h5p id=\"2\"]\r\n\r\n<\/div>\r\n<div class=\"textbox\">\r\n\r\n[h5p id=\"1\"]\r\n\r\n<\/div>\r\n<h1 id=\"z14a8100177c0\" class=\"not-in-list\">Beispiele<\/h1>\r\nAuf der Website <a href=\"https:\/\/h5p.org\/content-types-and-applications\" target=\"_blank\" rel=\"noopener noreferrer\">h5p.org<\/a> (Examples and Downloads) k\u00f6nnt ihr euch inspirieren lassen! Die Erstellung der allermeisten Module ist unglaublich einfach. Wenn ihr ganz neu seid, versucht es zuerst mit einer L\u00fcckentextaufgabe (Fill in the Blanks)!\r\n<h1 id=\"zbe73fc5001db\" class=\"not-in-list\">D&amp;D<\/h1>\r\nDas Drag&amp;Drop-Modul ist eines der anspruchsvolleren Module, hier eine l\u00e4ngere\u00a0<a href=\"https:\/\/wp-prd.let.ethz.ch\/WP0-CIPRF9711\/back-matter\/h5p-dragdrop-how-to\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anleitung<\/a> (auf Englisch).\r\n<div class=\"textbox learning-objectives\">\r\n<h3 id=\"z70ca9051008a\" class=\"in-list\">Kurz gefasst<\/h3>\r\nMan f\u00fcge optional ein Hintergrundbild ein (Step 1, Einstellungen) und wechsle zur Aufgabenstellung (Step 2, Aufgabe).\r\n<ol>\r\n \t<li>Definiere jetzt\u00a0<strong>alle<\/strong> Drop-Zones\/Felder mittels erstem Icon.<\/li>\r\n \t<li>Definiere alle Textelemente (verschiebbare Elemente \/ draggable items; zweites Icon) und w\u00e4hle bei jedem Textelement <strong>alle<\/strong> Drop-Zones, wo das Textelement ge-dropped werden k\u00f6nnte (nicht nur die Richtige).<\/li>\r\n \t<li>Gehe zu jeder Drop-Zone zur\u00fcck und w\u00e4hle die jeweilige korrekte Antwort. Und w\u00e4hle auch \u2018Enable Auto-Align\u2019 (es ist schlicht sch\u00f6ner).<\/li>\r\n<\/ol>\r\n<\/div>","rendered":"<h1 id=\"z6446a0544534\" class=\"not-in-list\">Interaktive Module (H5P) erstellen<\/h1>\n<p>Zuerst muss man ein Modul erstellen, sp\u00e4ter kann man es an Ort und Stelle einf\u00fcgen. Lese die zwei folgenden Aufgabenstellungen und finde jeweils den gesuchten Ort auf dem Bild (Find the Hotspot)!<\/p>\n<div class=\"textbox\">\n<div id=\"h5p-2\">\n<div class=\"h5p-content\" data-content-id=\"2\"><\/div>\n<\/div>\n<\/div>\n<div class=\"textbox\">\n<div id=\"h5p-1\">\n<div class=\"h5p-content\" data-content-id=\"1\"><\/div>\n<\/div>\n<\/div>\n<h1 id=\"z14a8100177c0\" class=\"not-in-list\">Beispiele<\/h1>\n<p>Auf der Website <a href=\"https:\/\/h5p.org\/content-types-and-applications\" target=\"_blank\" rel=\"noopener noreferrer\">h5p.org<\/a> (Examples and Downloads) k\u00f6nnt ihr euch inspirieren lassen! Die Erstellung der allermeisten Module ist unglaublich einfach. Wenn ihr ganz neu seid, versucht es zuerst mit einer L\u00fcckentextaufgabe (Fill in the Blanks)!<\/p>\n<h1 id=\"zbe73fc5001db\" class=\"not-in-list\">D&amp;D<\/h1>\n<p>Das Drag&amp;Drop-Modul ist eines der anspruchsvolleren Module, hier eine l\u00e4ngere\u00a0<a href=\"https:\/\/wp-prd.let.ethz.ch\/WP0-CIPRF9711\/back-matter\/h5p-dragdrop-how-to\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anleitung<\/a> (auf Englisch).<\/p>\n<div class=\"textbox learning-objectives\">\n<h3 id=\"z70ca9051008a\" class=\"in-list\">Kurz gefasst<\/h3>\n<p>Man f\u00fcge optional ein Hintergrundbild ein (Step 1, Einstellungen) und wechsle zur Aufgabenstellung (Step 2, Aufgabe).<\/p>\n<ol>\n<li>Definiere jetzt\u00a0<strong>alle<\/strong> Drop-Zones\/Felder mittels erstem Icon.<\/li>\n<li>Definiere alle Textelemente (verschiebbare Elemente \/ draggable items; zweites Icon) und w\u00e4hle bei jedem Textelement <strong>alle<\/strong> Drop-Zones, wo das Textelement ge-dropped werden k\u00f6nnte (nicht nur die Richtige).<\/li>\n<li>Gehe zu jeder Drop-Zone zur\u00fcck und w\u00e4hle die jeweilige korrekte Antwort. Und w\u00e4hle auch \u2018Enable Auto-Align\u2019 (es ist schlicht sch\u00f6ner).<\/li>\n<\/ol>\n<\/div>\n","protected":false},"author":5,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-28","chapter","type-chapter","status-publish","hentry"],"part":19,"_links":{"self":[{"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/pressbooks\/v2\/chapters\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/wp\/v2\/users\/5"}],"version-history":[{"count":6,"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/pressbooks\/v2\/chapters\/28\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/pressbooks\/v2\/chapters\/28\/revisions\/45"}],"part":[{"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/pressbooks\/v2\/parts\/19"}],"metadata":[{"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/pressbooks\/v2\/chapters\/28\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/wp\/v2\/media?parent=28"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/pressbooks\/v2\/chapter-type?post=28"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/wp\/v2\/contributor?post=28"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/zuugs.ch\/showcase\/handbuch\/wp-json\/wp\/v2\/license?post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}