{"id":186,"date":"2025-01-10T15:11:14","date_gmt":"2025-01-10T14:11:14","guid":{"rendered":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/?post_type=chapter&#038;p=186"},"modified":"2025-11-19T16:29:51","modified_gmt":"2025-11-19T15:29:51","slug":"workshop-h5p-selber-erstellen","status":"publish","type":"chapter","link":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/chapter\/workshop-h5p-selber-erstellen\/","title":{"raw":"Workshop: H5P selber erstellen","rendered":"Workshop: H5P selber erstellen"},"content":{"raw":"<div class=\"textbox textbox--learning-objectives\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Ziel<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">Die Teilnehmenden k\u00f6nnen H5Ps selber erstellen.<\/div>\r\n<\/div>\r\n<h2>Aufgabe<\/h2>\r\n<ul>\r\n \t<li>Evtl. Installation und Instruktionen Lumi H5P Desktop Editor<\/li>\r\n \t<li>Auswahl eines H5P zum nachbauen<\/li>\r\n \t<li>Erstellung eines eigenen H5Ps oder bereits bestehende nachbauen<\/li>\r\n \t<li>Digi-Team assistiert<\/li>\r\n<\/ul>\r\n<h2>Material<\/h2>\r\n<h3>H5P Dokumentation<\/h3>\r\nDie offizielle Dokumentation ist bei <a href=\"https:\/\/h5p.org\/content-types-and-applications\" target=\"_blank\" rel=\"noopener\">h5p.org<\/a> zu finden.\r\n<h3>Lumi Editor<\/h3>\r\nDer Lumi Editor erm\u00f6glicht die Erstellung von H5Ps auf dem eigenen Laptop. Nach der lokalen Erstellung k\u00f6nnen die H5Ps in ILIAS oder Zuugs eingef\u00fcgt werden.\r\n\r\n<a href=\"https:\/\/lumi.education\/en\/lumi-h5p-offline-desktop-editor\/\" target=\"_blank\" rel=\"noopener\">Download Lumi Editor<\/a>\r\n<h3>Beispiele von H5P Elementen zum nachbauen<\/h3>\r\nDie Bilder, Videos und Audiodateien zum nachbauen der folgenden Beispiele liegen auf <a href=\"https:\/\/hfhch.sharepoint.com\/:f:\/s\/DLCTeam\/EiCJ8173QKtOg0fYxpJAHNQBvrgybkk0rbalhKaKIvgsnQ?e=zoSGYk\" target=\"_blank\" rel=\"noopener\">Onedrive zum download<\/a> bereit.\r\n<table style=\"width: 100%;\">\r\n<tbody>\r\n<tr>\r\n<th>H5P Beispiele<\/th>\r\n<th>Aufwand<\/th>\r\n<\/tr>\r\n<tr>\r\n<td><a href=\"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/chapter\/imagejuxtapositionagamotto\/\" target=\"_blank\" rel=\"noopener\">H5P Lookbook Beispiel Image Juxtaposition und Agamotto<\/a><\/td>\r\n<td>klein<\/td>\r\n<\/tr>\r\n<tr>\r\n<td><a href=\"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/chapter\/memory-game\/\" target=\"_blank\" rel=\"noopener\">H5P Memory Game<\/a><\/td>\r\n<td>mittel<\/td>\r\n<\/tr>\r\n<tr>\r\n<td><a href=\"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/chapter\/virtual-tour-360\/\" target=\"_blank\" rel=\"noopener\">H5P Virtual Tour<\/a><\/td>\r\n<td>gross<\/td>\r\n<\/tr>\r\n<tr>\r\n<td><a href=\"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/chapter\/interaktives-video\/\" target=\"_blank\" rel=\"noopener\">H5P Interactive Video<\/a><\/td>\r\n<td>gross<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\nEs k\u00f6nnen auch weitere Beispiele aus diesem Zuugs-Buch oder aus dem Internet zum Nachbau verwendet werden.\r\n<h3 class=\"p1\">Weitere Links<\/h3>\r\n<ul>\r\n \t<li><a href=\"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/chapter\/h5p-erstellen-und-einfuegen\/\" target=\"_blank\" rel=\"noopener\">H5P erstellen und einbetten<\/a><\/li>\r\n \t<li><a href=\"https:\/\/zuugs.hfh.ch\/ilias\/chapter\/ilias-h5p\/\" target=\"_blank\" rel=\"noopener\">H5P in ILIAS<\/a><\/li>\r\n \t<li class=\"p2\"><a href=\"https:\/\/zuugs.hfh.ch\/lehrszenarien\/chapter\/interaktives-material\/\" target=\"_blank\" rel=\"noopener\">HfH Lehrszenarien Kapitel Interaktives Material<\/a><\/li>\r\n \t<li class=\"p2\"><a href=\"https:\/\/zuugs.hfh.ch\/lehrszenarien\/chapter\/zuugs\/\" target=\"_blank\" rel=\"noopener\">HfH Lehrszenarien Kapitel Zuugs<\/a><\/li>\r\n \t<li class=\"p2\"><a href=\"https:\/\/kbss.site.phbern.ch\/db\/h5p-inhalte-kreieren\" target=\"_blank\" rel=\"noopener\">H5P Anleitung der PH Bern<\/a><\/li>\r\n \t<li class=\"p2\"><a href=\"https:\/\/h5p.org\/content-types-and-applications\" target=\"_blank\" rel=\"noopener\">H5P Alle Inhaltstypen mit Beispielen<\/a><\/li>\r\n \t<li class=\"p2\"><a href=\"https:\/\/lumi.education\/de\/\" target=\"_blank\" rel=\"noopener\">Lumi Desktop Editor<\/a><\/li>\r\n \t<li class=\"p3\"><a href=\"https:\/\/h5pstudio.ecampusontario.ca\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s1\">H5P Studio eCampusOntario<\/span>: Katalog mit \u00fcber 6000 Beispielen<\/a><\/li>\r\n \t<li class=\"p2\"><a href=\"https:\/\/ecampusontario.pressbooks.pub\/h5puwsession\/\" target=\"_blank\" rel=\"noopener\">H5P Workshop eCampusOntario<\/a><\/li>\r\n \t<li class=\"p2\"><a href=\"https:\/\/www.fh-muenster.de\/e-learning\/ilias\/h5p-nutzen.php\" target=\"_blank\" rel=\"noopener\">FH M\u00fcnster H5P nutzen<\/a><\/li>\r\n \t<li class=\"p2\"><a href=\"https:\/\/kitchen.opened.ca\/2021\/05\/21\/tagging-h5p-clutter\/\" target=\"_blank\" rel=\"noopener\">Tagging to Organize H5P Clutter (plus better metadata)<\/a><\/li>\r\n \t<li class=\"p2\"><a href=\"https:\/\/h5p.org\/node\/1288969\" target=\"_blank\" rel=\"noopener\">Various examples of using H5P content types in university context<\/a><\/li>\r\n<\/ul>","rendered":"<div class=\"textbox textbox--learning-objectives\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Ziel<\/p>\n<\/header>\n<div class=\"textbox__content\">Die Teilnehmenden k\u00f6nnen H5Ps selber erstellen.<\/div>\n<\/div>\n<h2>Aufgabe<\/h2>\n<ul>\n<li>Evtl. Installation und Instruktionen Lumi H5P Desktop Editor<\/li>\n<li>Auswahl eines H5P zum nachbauen<\/li>\n<li>Erstellung eines eigenen H5Ps oder bereits bestehende nachbauen<\/li>\n<li>Digi-Team assistiert<\/li>\n<\/ul>\n<h2>Material<\/h2>\n<h3>H5P Dokumentation<\/h3>\n<p>Die offizielle Dokumentation ist bei <a href=\"https:\/\/h5p.org\/content-types-and-applications\" target=\"_blank\" rel=\"noopener\">h5p.org<\/a> zu finden.<\/p>\n<h3>Lumi Editor<\/h3>\n<p>Der Lumi Editor erm\u00f6glicht die Erstellung von H5Ps auf dem eigenen Laptop. Nach der lokalen Erstellung k\u00f6nnen die H5Ps in ILIAS oder Zuugs eingef\u00fcgt werden.<\/p>\n<p><a href=\"https:\/\/lumi.education\/en\/lumi-h5p-offline-desktop-editor\/\" target=\"_blank\" rel=\"noopener\">Download Lumi Editor<\/a><\/p>\n<h3>Beispiele von H5P Elementen zum nachbauen<\/h3>\n<p>Die Bilder, Videos und Audiodateien zum nachbauen der folgenden Beispiele liegen auf <a href=\"https:\/\/hfhch.sharepoint.com\/:f:\/s\/DLCTeam\/EiCJ8173QKtOg0fYxpJAHNQBvrgybkk0rbalhKaKIvgsnQ?e=zoSGYk\" target=\"_blank\" rel=\"noopener\">Onedrive zum download<\/a> bereit.<\/p>\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<th>H5P Beispiele<\/th>\n<th>Aufwand<\/th>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/chapter\/imagejuxtapositionagamotto\/\" target=\"_blank\" rel=\"noopener\">H5P Lookbook Beispiel Image Juxtaposition und Agamotto<\/a><\/td>\n<td>klein<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/chapter\/memory-game\/\" target=\"_blank\" rel=\"noopener\">H5P Memory Game<\/a><\/td>\n<td>mittel<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/chapter\/virtual-tour-360\/\" target=\"_blank\" rel=\"noopener\">H5P Virtual Tour<\/a><\/td>\n<td>gross<\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/chapter\/interaktives-video\/\" target=\"_blank\" rel=\"noopener\">H5P Interactive Video<\/a><\/td>\n<td>gross<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Es k\u00f6nnen auch weitere Beispiele aus diesem Zuugs-Buch oder aus dem Internet zum Nachbau verwendet werden.<\/p>\n<h3 class=\"p1\">Weitere Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/zuugs.hfh.ch\/zuugsanleitungen\/chapter\/h5p-erstellen-und-einfuegen\/\" target=\"_blank\" rel=\"noopener\">H5P erstellen und einbetten<\/a><\/li>\n<li><a href=\"https:\/\/zuugs.hfh.ch\/ilias\/chapter\/ilias-h5p\/\" target=\"_blank\" rel=\"noopener\">H5P in ILIAS<\/a><\/li>\n<li class=\"p2\"><a href=\"https:\/\/zuugs.hfh.ch\/lehrszenarien\/chapter\/interaktives-material\/\" target=\"_blank\" rel=\"noopener\">HfH Lehrszenarien Kapitel Interaktives Material<\/a><\/li>\n<li class=\"p2\"><a href=\"https:\/\/zuugs.hfh.ch\/lehrszenarien\/chapter\/zuugs\/\" target=\"_blank\" rel=\"noopener\">HfH Lehrszenarien Kapitel Zuugs<\/a><\/li>\n<li class=\"p2\"><a href=\"https:\/\/kbss.site.phbern.ch\/db\/h5p-inhalte-kreieren\" target=\"_blank\" rel=\"noopener\">H5P Anleitung der PH Bern<\/a><\/li>\n<li class=\"p2\"><a href=\"https:\/\/h5p.org\/content-types-and-applications\" target=\"_blank\" rel=\"noopener\">H5P Alle Inhaltstypen mit Beispielen<\/a><\/li>\n<li class=\"p2\"><a href=\"https:\/\/lumi.education\/de\/\" target=\"_blank\" rel=\"noopener\">Lumi Desktop Editor<\/a><\/li>\n<li class=\"p3\"><a href=\"https:\/\/h5pstudio.ecampusontario.ca\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s1\">H5P Studio eCampusOntario<\/span>: Katalog mit \u00fcber 6000 Beispielen<\/a><\/li>\n<li class=\"p2\"><a href=\"https:\/\/ecampusontario.pressbooks.pub\/h5puwsession\/\" target=\"_blank\" rel=\"noopener\">H5P Workshop eCampusOntario<\/a><\/li>\n<li class=\"p2\"><a href=\"https:\/\/www.fh-muenster.de\/e-learning\/ilias\/h5p-nutzen.php\" target=\"_blank\" rel=\"noopener\">FH M\u00fcnster H5P nutzen<\/a><\/li>\n<li class=\"p2\"><a href=\"https:\/\/kitchen.opened.ca\/2021\/05\/21\/tagging-h5p-clutter\/\" target=\"_blank\" rel=\"noopener\">Tagging to Organize H5P Clutter (plus better metadata)<\/a><\/li>\n<li class=\"p2\"><a href=\"https:\/\/h5p.org\/node\/1288969\" target=\"_blank\" rel=\"noopener\">Various examples of using H5P content types in university context<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Ziel Die Teilnehmenden k\u00f6nnen H5Ps selber erstellen. Aufgabe Evtl. Installation und Instruktionen Lumi H5P Desktop Editor Auswahl eines H5P zum nachbauen Erstellung eines eigenen H5Ps oder bereits bestehende nachbauen Digi-Team assistiert Material H5P Dokumentation Die offizielle Dokumentation ist bei h5p.org zu finden. Lumi Editor Der Lumi Editor erm\u00f6glicht die Erstellung von H5Ps auf dem eigenen [&hellip;]<\/p>\n","protected":false},"author":2030,"menu_order":15,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"categories":[],"chapter-type":[],"contributor":[],"license":[],"class_list":["post-186","chapter","type-chapter","status-publish","hentry"],"part":28,"_links":{"self":[{"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/pressbooks\/v2\/chapters\/186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/wp\/v2\/users\/2030"}],"version-history":[{"count":12,"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/pressbooks\/v2\/chapters\/186\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/pressbooks\/v2\/chapters\/186\/revisions\/208"}],"part":[{"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/pressbooks\/v2\/parts\/28"}],"metadata":[{"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/pressbooks\/v2\/chapters\/186\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/wp\/v2\/media?parent=186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/wp\/v2\/categories?post=186"},{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/pressbooks\/v2\/chapter-type?post=186"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/wp\/v2\/contributor?post=186"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/zuugs.hfh.ch\/h5pgamipresslookbook\/wp-json\/wp\/v2\/license?post=186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}