{"id":857,"date":"2021-04-08T11:29:22","date_gmt":"2021-04-08T09:29:22","guid":{"rendered":"https:\/\/klassenkarte.de\/?page_id=857"},"modified":"2021-05-18T22:42:53","modified_gmt":"2021-05-18T20:42:53","slug":"kdm","status":"publish","type":"page","link":"https:\/\/klassenkarte.de\/index.php\/tools\/kdm\/","title":{"rendered":"KDM"},"content":{"rendered":"\n<p class=\"has-medium-font-size\"><strong>KDM &#8211; Konfigurierbarer-Diagramm-Modellierer<\/strong><\/p>\n\n\n\n<p>Der KDM erlaubt Sch\u00fclerinnen und Sch\u00fcler Klassen- bzw Objektdiagramme im Rahmen des Informatikunterrichts an Schulen zu erstellen. Das Programm ist in Javascript entwickelt worden und l\u00e4uft rein clientseitig auf dem Webbrowser. Au\u00dfer die \u00fcblichen Daten, die im Rahmen eines HTTP-Requests gesendet werden, werden somit nicht auf dem Server verarbeitet.<\/p>\n\n\n\n<p>Da die Sch\u00fclerinnen und Sch\u00fcler, in Abh\u00e4ngigkeit vom Unterrichtsgeschehen, nicht alle M\u00f6glichkeiten, die der KDM bereitstellt, ben\u00f6tigen, kann man anhand der URL die anzuzeigenden Kontrollelemente konfigurieren. Der URL-Parameter lauter <em>config<\/em>. Jedes Kontrollelement hat eine ID. Um den Config-Parameter zu erstellen, muss man lediglich die IDs der gew\u00fcnschten Kontrollelemente aufaddieren. Den KDM kann man dann \u00fcber diese URL\u00f6ffnen:<\/p>\n\n\n\n<p>https:\/\/klassenkarte.de\/kdm\/index.html?config=<em>CONFIGPARAMETER<\/em><\/p>\n\n\n\n<p>Der Link kann mit dem Konfigurationstool bequem online erstellt werden: <a href=\"https:\/\/klassenkarte.de\/kdm\/configure.html\">https:\/\/klassenkarte.de\/kdm\/configure.html<\/a><\/p>\n\n\n\n<p><strong>IDs der Kontrollelemente<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter valigncenter td { border: 2px #2b2b2b solid; width: 25%; }\"><table><thead><tr><th>ID<\/th><th>Button<\/th><th class=\"has-text-align-left\" data-align=\"left\">Beschreibung<\/th><\/tr><\/thead><tbody><tr><td>1<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-860\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/newclasswam.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Klasse ohne Attribute und Methoden<\/td><\/tr><tr><td>2<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-861\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/newclasswm.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Klasse ohne Methoden<br>Beginnt ein Attribut mir einem Unterstrich _<br>so wird dieses unterstrichen.<\/td><\/tr><tr><td>4<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-859\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/newclass.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Klasse<\/td><\/tr><tr><td>8<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-869\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/newabstractclass.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Abstrakte Klasse<\/td><\/tr><tr><td>16<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-870\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/newinterfaceclass.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Schnittstelle (Interface)<\/td><\/tr><tr><td>262144<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-907\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/erattribut.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Attribut f\u00fcr ER-Diagramm<\/td><\/tr><tr><td>131072<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-908\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/errelation.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Beziehung f\u00fcr ER-Diagramm<\/td><\/tr><tr><td>32<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-863\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/newobjectwa.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Objekt (nur Bezeichner)<\/td><\/tr><tr><td>64<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-862\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/newobject.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Objekt mit Attributen<\/td><\/tr><tr><td>524288<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-914\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/newmethodeobject.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Objekt mit Attributen und Methoden<\/td><\/tr><tr><td>65536<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-909\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/null.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Null-Referenz<\/td><\/tr><tr><td>128<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-866\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/connection.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Verbindungslinie, Beziehung<\/td><\/tr><tr><td>256<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-865\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/relationwk.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Beziehung mit Beschriftung<\/td><\/tr><tr><td>512<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-864\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/relation.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Beziehung mit Kardinalit\u00e4t<\/td><\/tr><tr><td>1024<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-871\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/has1.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Beziehung mit zwei Beschriftungen<\/td><\/tr><tr><td>2048<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-872\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/hasn.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Beziehung mit zwei Beschriftungen <br>und dickem Punkt am Ende<\/td><\/tr><tr><td>4096<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-867\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/aggregation.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Aggregation<\/td><\/tr><tr><td>8192<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-889\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/inheritance2.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Vererbung<\/td><\/tr><tr><td>16384<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-873\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/inheritance.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Pfeil mit ausgef\u00fcllter Pfeilspitze<\/td><\/tr><tr><td>32768<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"60\" class=\"wp-image-891\" style=\"width: 80px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/04\/arrowopen.png\" alt=\"\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">Alternativer Pfeil<\/td><\/tr><\/tbody><\/table><figcaption>IDs der jeweiligen Kontrollelemente<\/figcaption><\/figure>\n\n\n\n<p><strong>Optionen<\/strong><\/p>\n\n\n\n<p>colormode<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>Wert<\/td><td>Wirkung<\/td><\/tr><tr><td><em>whitebg<\/em><\/td><td>Der Hintergrund (Zeichenfl\u00e4che) ist nicht mehr in einem leichten Gelbton gehalten sondern in einem reinen wei\u00df<\/td><\/tr><tr><td><em>nocolor<\/em><\/td><td>Zus\u00e4tzlich zum wei\u00dfen Hintergrund der Zeichenfl\u00e4che haben Klassen und Objekte nun auch einen wei\u00dfen Hintergrund.<\/td><\/tr><\/tbody><\/table><figcaption>Beispiel: https:\/\/klassenkarte.de\/kdm\/index.html?config=1216&amp;colormode=nocolor<\/figcaption><\/figure>\n\n\n\n<p><strong>Vorgefertigte Konfigurationsvorschl\u00e4ge<\/strong><br>&#8211; orientiert an den Lehrb\u00fcchern des Informatikunterrichts an bayerischen Gymnasien<\/p>\n\n\n\n<p><em>6. und 7. Jahrgangsstufe<\/em> <em>(G9)<\/em><br><a rel=\"noreferrer noopener\" href=\"https:\/\/klassenkarte.de\/kdm\/index.html?config=1184\" target=\"_blank\">Objektdiagramme ohne Attribute<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/klassenkarte.de\/kdm\/index.html?config=1216\" target=\"_blank\">Objektdiagramm mit Attribute<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/klassenkarte.de\/kdm\/index.html?config=3073\" target=\"_blank\">Klassendiagramme ohne Attribute und Methoden<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/klassenkarte.de\/kdm\/index.html?config=3076\" target=\"_blank\">Klassendiagramme mit Attribute und Methoden<\/a><\/p>\n\n\n\n<p><em>9. Jahrgangsstufe (G8)<\/em><br><a rel=\"noreferrer noopener\" href=\"https:\/\/klassenkarte.de\/kdm\/index.html?config=642\" data-type=\"URL\" data-id=\"https:\/\/klassenkarte.de\/kdm\/index.html?config=642\" target=\"_blank\">Klassendiagramme f\u00fcr Datenbankmodellierung<\/a><br><a href=\"https:\/\/klassenkarte.de\/kdm\/index.html?config=393857\">ER-Diagramme<\/a><\/p>\n\n\n\n<p>ab 10. Jahrgangsstufe (G8)<br><a href=\"https:\/\/klassenkarte.de\/kdm\/index.html?config=901\" target=\"_blank\" rel=\"noreferrer noopener\">Klassendiagramme mit Attribute und Methoden<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/klassenkarte.de\/kdm\/index.html?config=8845\" target=\"_blank\">Klassendiagramme mit Vererbung<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/klassenkarte.de\/kdm\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">&#8222;Einfach alles&#8220;-Konfiguration<\/a><\/p>\n\n\n\n<p><strong>Feedback, Hilfe und Fragen zum Programm<\/strong><\/p>\n\n\n\n<p>Der KDM wurde sehr z\u00fcgig entwickelt, um Sch\u00fclerinnen und Sch\u00fclern w\u00e4hrend der Corona-Pandemie beim Homeschooling zu unterst\u00fctzen. Da das Programm optimal durchgetestet wurde, sind vielleicht noch die ein oder anderen Fehler enthalten. \u00dcber R\u00fcckmeldung w\u00fcrde ich mich daher freuen. Gerne kann ich auch noch die eine oder andere Erg\u00e4nzung durchf\u00fchren, wenn es meine Zeit erlaubt.<\/p>\n\n\n\n<p><strong>Kontakt<\/strong><br> <img loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"38\" class=\"wp-image-813\" style=\"width: 283px;\" src=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/01\/grafik-1.png\" alt=\"\" srcset=\"https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/01\/grafik-1.png 320w, https:\/\/klassenkarte.de\/wp-content\/uploads\/2021\/01\/grafik-1-300x40.png 300w\" sizes=\"auto, (max-width: 283px) 100vw, 283px\" \/><br>Oder klassisch per Post: <br>Christoph Gr\u00e4\u00dfl, Donau-Gymnasium Kelheim, Rennweg 61, 93309 Kelheim, Germany<\/p>\n","protected":false},"excerpt":{"rendered":"<p>KDM &#8211; Konfigurierbarer-Diagramm-Modellierer Der KDM erlaubt Sch\u00fclerinnen und Sch\u00fcler Klassen- bzw Objektdiagramme im Rahmen des Informatikunterrichts an Schulen zu erstellen. Das Programm ist in Javascript entwickelt worden und l\u00e4uft rein clientseitig auf dem Webbrowser. Au\u00dfer die \u00fcblichen Daten, die im &hellip; <a href=\"https:\/\/klassenkarte.de\/index.php\/tools\/kdm\/\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":543,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-857","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/klassenkarte.de\/index.php\/wp-json\/wp\/v2\/pages\/857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/klassenkarte.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/klassenkarte.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/klassenkarte.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/klassenkarte.de\/index.php\/wp-json\/wp\/v2\/comments?post=857"}],"version-history":[{"count":24,"href":"https:\/\/klassenkarte.de\/index.php\/wp-json\/wp\/v2\/pages\/857\/revisions"}],"predecessor-version":[{"id":919,"href":"https:\/\/klassenkarte.de\/index.php\/wp-json\/wp\/v2\/pages\/857\/revisions\/919"}],"up":[{"embeddable":true,"href":"https:\/\/klassenkarte.de\/index.php\/wp-json\/wp\/v2\/pages\/543"}],"wp:attachment":[{"href":"https:\/\/klassenkarte.de\/index.php\/wp-json\/wp\/v2\/media?parent=857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}