{"id":729,"date":"2021-12-30T14:39:41","date_gmt":"2021-12-30T14:39:41","guid":{"rendered":"https:\/\/gigers.com\/blog\/?p=729"},"modified":"2024-06-24T17:33:33","modified_gmt":"2024-06-24T17:33:33","slug":"moodle-generico-filter","status":"publish","type":"post","link":"https:\/\/gigers.com\/blog\/moodle-generico-filter\/","title":{"rendered":"Moodle: Generico-Filter"},"content":{"rendered":"<p>Die Generico-Erweiterung erlaubt das flexible Anpassen von Inhalten in Moodle durch abrufbare Vorlagen (Filter). Die Erweiterung kann hier heruntergeladen werden: <a href=\"https:\/\/moodle.org\/plugins\/filter_generico\" target=\"_blank\" rel=\"noopener\">https:\/\/moodle.org\/plugins\/filter_generico<\/a>. Generico-Filter funktionieren in den meisten Textfeldern von Moodle, jedoch nicht in der Datenbank-Aktivit\u00e4t.<\/p>\n<h2>Anwendungen f\u00fcr die Generico-Erweiterung<\/h2>\n<p>Falls in einem Moodlekurs eine pers\u00f6nliche Ansprache gew\u00fcnscht wird, tippt man in einem Textfeld folgenden Befehl ein:<\/p>\n<pre>{GENERICO:type=\"firstname\"}<\/pre>\n<p>Im entsprechenden Text wird dann der Vorname des entsprechenden Benutzers angezeigt. Durch Anpassung des Filters (oder einer Variante) davon, kann auch der Nachname oder der volle Name angezeigt werden.<\/p>\n<p>Auch der Einbau eines QR-Codes kann mittels Generico einfach umgesetzt werden, sofern die entsprechende Vorlage vorhanden ist. Dazu schreibt man beispielsweise:<\/p>\n<pre>{GENERICO:type=\"qrcode\",data=\"https:\/\/www.gigers.com\/blog\",size=\"12\"}<\/pre>\n<p>Woraus Generico dann folgendes Webelement erzeugt:<\/p>\n<figure id=\"attachment_730\" aria-describedby=\"caption-attachment-730\" style=\"width: 431px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-730\" src=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_143135.png\" alt=\"\" width=\"431\" height=\"441\" srcset=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_143135.png 431w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_143135-293x300.png 293w\" sizes=\"auto, (max-width: 431px) 100vw, 431px\" \/><figcaption id=\"caption-attachment-730\" class=\"wp-caption-text\">Die Gr\u00f6sse des QR-Codes kann \u00fcber einen Parameter angepasst werden. Der Link unter dem QR-Code wird ebenfalls automatisch eingef\u00fcgt.<\/figcaption><\/figure>\n<p>Auch die einfache Gliederung von einzelnen Seiten in Moodle kann durch Generico-Filter erreicht werden. Reiter erstellt man beispielsweise wie folgt:<\/p>\n<pre>{GENERICO:type=\"tabs\"}\r\n{GENERICO:type=\"tabitem\",title=\"Reiter 1\"}\r\nBeliebiger Inhalt f\u00fcr Reiter 1\r\n{GENERICO:type=\"tabitem_end\"}\r\n{GENERICO:type=\"tabitem\",title=\"Reiter 2\"}\r\nBeliebiger Inhalt f\u00fcr Reiter 2\r\n{GENERICO:type=\"tabitem_end\"}\r\n{GENERICO:type=\"tabitem\",title=\"Reiter 3\"}\r\nBeliebiger Inhalt f\u00fcr Reiter 3\r\n{GENERICO:type=\"tabitem_end\"}\r\n{GENERICO:type=\"tabs_end\"}<\/pre>\n<figure id=\"attachment_731\" aria-describedby=\"caption-attachment-731\" style=\"width: 833px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-731\" src=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_143642.png\" alt=\"\" width=\"833\" height=\"179\" srcset=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_143642.png 833w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_143642-300x64.png 300w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_143642-768x165.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption id=\"caption-attachment-731\" class=\"wp-caption-text\">Unter den einzelnen Reitern k\u00f6nnen beliebige Inhalte angezeigt werden.<\/figcaption><\/figure>\n<p>Auch das Einbinden externer Werkzeuge \u00fcber ein IFrame ist m\u00f6glich. Soll beispielsweise ein Kanban-Board eingebunden werden, so reicht folgender Text aus:<\/p>\n<pre>{GENERICO:type=\"kanban\",height=\"700\",boardid=\"Mein eigenes Kanban-Board\"}<\/pre>\n<figure id=\"attachment_732\" aria-describedby=\"caption-attachment-732\" style=\"width: 525px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-732\" src=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_145316-1024x681.png\" alt=\"\" width=\"525\" height=\"349\" srcset=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_145316-1024x681.png 1024w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_145316-300x199.png 300w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_145316-768x511.png 768w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_145316.png 1286w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><figcaption id=\"caption-attachment-732\" class=\"wp-caption-text\">Das Kanban-Bord wird mittels eines entsprechenden Generico-Filters automatisch erzeugt und in die eigene Moodle-Instanz eingebunden.<\/figcaption><\/figure>\n<h2>Vorteile der Generico-Erweiterung<\/h2>\n<p>Filter f\u00fcr die Generico-Erweiterung k\u00f6nnen von Moodle-Administratoren entweder selbst geschrieben oder als Vorlage \u00fcbernommen werden. Sie bieten gegen\u00fcber dem direkten Verwenden von HTML-Code in einer Moodleseite folgende Vorteile:<\/p>\n<ol>\n<li>Die Nutzer ben\u00f6tigten keine Webkenntnisse (HTML, CSS, JavaScript), sondern k\u00f6nnen die entsprechenden Befehle direkt im eigentlichen Text eintippen.<\/li>\n<li>Die Programmierung der einzelnen Elemente wird zentral verwaltet. Falls Anpassungen notwendig werden, k\u00f6nnen diese zentral an einer Stelle durchgef\u00fchrt werden. Das Anpassen zahlreicher Einzelseiten entf\u00e4llt.<\/li>\n<li>Die Sammlung der Filter kann beliebig angepasst und erweitert werden.<\/li>\n<\/ol>\n<p>\u00dcbrigens: Wenn zus\u00e4tzlich das Atto-Plugin installiert ist, k\u00f6nnen diese auch \u00fcber ein Men\u00fc abgerufen werden, was den Einsatz noch einmal erleichtert.<\/p>\n<figure id=\"attachment_733\" aria-describedby=\"caption-attachment-733\" style=\"width: 466px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-733\" src=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_150011.png\" alt=\"\" width=\"466\" height=\"451\" srcset=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_150011.png 466w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_150011-300x290.png 300w\" sizes=\"auto, (max-width: 466px) 100vw, 466px\" \/><figcaption id=\"caption-attachment-733\" class=\"wp-caption-text\">Benutzer m\u00fcssen sich die Schreibweise der einzelnen Filter nicht merken, wenn diese \u00fcber das entsprechende Atto-Plugin zu Verf\u00fcgung gestellt werden.<\/figcaption><\/figure>\n<p>Beispiel f\u00fcr einen Generico-Filter<\/p>\n<p>Anhand des QR-Codes soll gezeigt werden, wie ein entsprechender Filter geschrieben werden kann. Dazu wird das Administrationsmen\u00fc aufgerufen und dort unter Plugins &gt; Filter die Vorlagen f\u00fcr Generico ausgew\u00e4hlt. Geht es darum, einen entsprechenden Filter zu bearbeiten, klickt man auf den Namen des Filters, ansonsten auf eine der noch freien Zahlen. Standardm\u00e4ssig stehen 20 verschiedene Filterpl\u00e4tze zu Verf\u00fcgung. Diese kann man in den Einstellungen aber auch noch erh\u00f6hen.<\/p>\n<p>Damit gelangt man in das eigentliche Men\u00fc zum Schreiben der Filter.<\/p>\n<figure id=\"attachment_734\" aria-describedby=\"caption-attachment-734\" style=\"width: 525px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-734\" src=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_151035-658x1024.png\" alt=\"\" width=\"525\" height=\"817\" srcset=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_151035-658x1024.png 658w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_151035-193x300.png 193w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_151035-768x1195.png 768w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_151035.png 870w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><figcaption id=\"caption-attachment-734\" class=\"wp-caption-text\">Die Generico-Filter lassen sich sehr flexibel programmieren, wobei nicht bei jedem Filter alle M\u00f6glichkeiten ausgesch\u00f6pft werden m\u00fcssen.<\/figcaption><\/figure>\n<p>Ganz oben links findet sich ein gr\u00fcner Knopf &#8222;Bundle&#8220;, \u00fcber den man bestehende Filter als Textdatei herunterladen und in andere Moodle-Instanzen \u00fcbernehmen kann.\u00a0Danach folgt ein Auswahlmen\u00fc f\u00fcr vordefinierte Filter.<\/p>\n<p>Unter &#8222;Schl\u00fcssel&#8220; legt man die interne Bezeichnung f\u00fcr den Filter fest, der bei der Verwendung des Filters mit type=&#8220;bezeichnung&#8220; verwendet wird, unter &#8222;Name der Vorlage&#8220; die Bezeichnung, welche sp\u00e4ter im Atto-Men\u00fc erscheint. Es folgen die Versionsnummer und eine Anweisung, wie der Filter zu verwenden ist.<\/p>\n<p>In &#8222;Inhalt der Vorlage&#8220; wird festgelegt, welchen Code der Filter sp\u00e4ter in die Webseite einbaut. Im Falle des QR-Codes ist dies ein DIV-Element mit einer ID, wobei @@AUTOID@@ daf\u00fcr sorgt, dass automatische eine ID vergeben wird, die nicht zu Konflikten mit anderen IDs f\u00fchrt. Ausserdem wird in diesem Fall noch der Link erg\u00e4nzt, der unter dem QR-Code steht.<\/p>\n<figure id=\"attachment_735\" aria-describedby=\"caption-attachment-735\" style=\"width: 525px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-735\" src=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_151931-1024x879.png\" alt=\"\" width=\"525\" height=\"451\" srcset=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_151931-1024x879.png 1024w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_151931-300x257.png 300w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_151931-768x659.png 768w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2021\/12\/Bild_2021-12-30_151931.png 1331w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><figcaption id=\"caption-attachment-735\" class=\"wp-caption-text\">Die eigentliche Programmierung findet durch das Festlegen von Variablen statt und die daf\u00fcr eventuell notwendigen JavaScript-Befehle.<\/figcaption><\/figure>\n<p>Sind die notwendigen Variablen definiert, k\u00f6nnen diese und die IDs falls notwendig \u00fcber entsprechende JavaScript-Befehle angesprochen werden, wobei externe Bibliotheken eingebunden, lokale Befehle ausgef\u00fchrt oder entsprechende Dateien hochgeladen werden k\u00f6nnen. In weiteren Feldern ist es dann auch m\u00f6glich, entsprechenden CSS-Code zu hinterlegen.<\/p>\n<p>Sind alle Bestandteile des Filters korrekt ausgef\u00fcllt, steht dieser unter der vergebenen Bezeichnung nun allen Nutzern zu Verf\u00fcgung.\u00a0 Werden Filter selbst entwickelt, lohnt es sich, die entsprechende Programmierung ausserhalb des Filters vorzunehmen und erst die funktionierende Version einzuf\u00fcgen und allenfalls mit lokalen Variablen von der Form @@variable@@ zu erg\u00e4nzen.<\/p>\n<h2>Weitere Informationen zu Generico<\/h2>\n<p>Anleitungen und weitere Informationen zu Generico findet man hier:<\/p>\n<ul>\n<li>Foren zu Generico (Englisch): <a href=\"https:\/\/moodle.org\/mod\/forum\/discuss.php?d=324771\" target=\"_blank\" rel=\"noopener\">https:\/\/moodle.org\/mod\/forum\/discuss.php?d=324771<\/a><\/li>\n<li>Beschreibung der einzelnen Elemente (Englisch): <a href=\"https:\/\/docs.moodle.org\/31\/en\/filter_generico\" target=\"_blank\" rel=\"noopener\">https:\/\/docs.moodle.org\/31\/en\/filter_generico<\/a><\/li>\n<\/ul>\n<p>St\u00f6sst man bei der Entwicklung eigener Filter auf Schwierigkeiten, lohnt es sich auf jeden Fall, sich im oben genannten Forum zu melden. Oft erh\u00e4lt man dort schnell und unkompliziert Hilfe.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die Generico-Erweiterung erlaubt das flexible Anpassen von Inhalten in Moodle durch abrufbare Vorlagen (Filter). Die Erweiterung kann hier heruntergeladen werden: https:\/\/moodle.org\/plugins\/filter_generico. Generico-Filter funktionieren in den meisten Textfeldern von Moodle, jedoch nicht in der Datenbank-Aktivit\u00e4t. Anwendungen f\u00fcr die Generico-Erweiterung Falls in einem Moodlekurs eine pers\u00f6nliche Ansprache gew\u00fcnscht wird, tippt man in einem Textfeld folgenden Befehl ein: &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/gigers.com\/blog\/moodle-generico-filter\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eMoodle: Generico-Filter\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-729","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/posts\/729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/comments?post=729"}],"version-history":[{"count":2,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/posts\/729\/revisions"}],"predecessor-version":[{"id":737,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/posts\/729\/revisions\/737"}],"wp:attachment":[{"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/media?parent=729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/categories?post=729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/tags?post=729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}