{"id":2601,"date":"2009-11-09T14:00:21","date_gmt":"2009-11-09T13:00:21","guid":{"rendered":"https:\/\/www.herr-rau.de\/wordpress\/?p=2601"},"modified":"2023-05-24T14:09:02","modified_gmt":"2023-05-24T12:09:02","slug":"einfach-verkettete-listen-meine-materialsammlung","status":"publish","type":"post","link":"https:\/\/www.herr-rau.de\/wordpress\/2009\/11\/einfach-verkettete-listen-meine-materialsammlung.htm","title":{"rendered":"Einfach verkettete Listen: meine Materialsammlung"},"content":{"rendered":"<div style='text-align:right;'><small>(<a href='https:\/\/www.herr-rau.de\/wordpress\/2009\/11\/einfach-verkettete-listen-meine-materialsammlung.htm#comments'>12 Kommentare.<\/a>)<\/small> <\/div>\n<p><em>Ich habe <a href=\"https:\/\/www.herr-rau.de\/wordpress\/2009\/10\/einfach-verkettete-liste-rekursion-und-entdeckungen-bei-powerpoint.htm\">schon mal<\/a> etwas \u00fcber Listen geschrieben, wo ich das Konzept etwas ausf\u00fchrlicher erkl\u00e4re. Ich wiederhole ein bisschen davon hier, will aber vor allem mein bisher erstelltes Material pr\u00e4sentieren, falls es jemand brauchen kann. (Zielgruppe: bayerische Informatiklehrer der 11. Klassen.)<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Einf\u00fchrung<\/h3>\n\n\n\n<p>Nehmen wir an, wir wollen ein Computerspiel programmieren. Im Spiel gibt es einen Helden, <strong>Threepwood<\/strong> genannt. Und es gibt viele <strong>Gegenst\u00e4nde<\/strong>, die Threepwood aufheben und mitnehmen und wieder loswerden kann, darunter: <strong>Schaufel, Klavier, Spielkarte<\/strong>.<\/p>\n\n\n\n<p>Diese Bausteine werden jeweils separat programmiert und man hat eine Welt voller Gegenst\u00e4nde mit einem Helden drin. Wie kommt der Held aber an die Gegenst\u00e4nde?<\/p>\n\n\n\n<p>Diese Verbindung wird durch eine <strong>Liste<\/strong> hergestellt. Threepwood hat neben der \u00fcblichen Spiel-Attributen wie <em>St\u00e4rke, Geschicklichkeit, Lebenspunkte<\/em> auch ein Attribut <em>Ausr\u00fcstung<\/em>. Die ersten drei Attribute sind vom Typ &#8222;ganze Zahl&#8220;, englisch <em>integer<\/em>, k\u00f6nnen also Werte von 0 bis 100 annehmen (genauer: von -2147483648 bis 2147483647, aber wir brauchen nur den kleinen mittleren Bereich). Das Ausr\u00fcstungsattribut ist vom Typ &#8222;Liste&#8220;.<\/p>\n\n\n\n<p>In Java sieht das so aus:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>int st\u00e4rke;\nint geschicklichkeit;\nint lebenspunkte;\nListe ausr\u00fcstung; <\/code><\/pre>\n\n\n\n<p>Das erste Wort ist der Daten<strong>typ<\/strong> des Attributs, das zweite Wort ein Bezeichner daf\u00fcr, den man sich selbst aussuchen kann.<\/p>\n\n\n\n<p>Typische Methoden einer Liste sind: etwas hinten einf\u00fcgen, etwas vorne einf\u00fcgen, nach etwas suchen, die Liste sortieren, etwas entfernen, das erste oder letzte Element entfernen und einige weitere.<\/p>\n\n\n\n<p>Im Spiel wird die Liste dann so eingesetzt:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>threepwood.ausr\u00fcstung.einf\u00fcgenVorn(schaufel);\nthreepwood.ausr\u00fcstung.einf\u00fcgenVorn(klavier);\nthreepwood.ausr\u00fcstung.einf\u00fcgenVorn(spielkarte);<\/code><\/pre>\n\n\n\n<p>Und schon tr\u00e4gt er drei Sachen mit sich herum. Soll er die Schaufel loswerden, dann schreibt man:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>threepwood.ausr\u00fcstung.entfernen(schaufel);<\/code><\/pre>\n\n\n\n<p>Und schon hat der die Schaufel nicht mehr, egal ob sie vorher am Anfang oder Ende der Liste oder irgendwo dazwischen war.<\/p>\n\n\n\n<p>Wie die Liste das genau macht, Gegenst\u00e4nde hinzuzuf\u00fcgen und zu entfernen, zu sortieren, zu durchsuchen, das muss den Programmierer dabei nicht interessieren. Den Informatiker und Elftkl\u00e4ssler schon, denn Listen sind ein zentraler Gegenstand im Informatikunterricht dieser Jahrgangsstufe.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Material zu den Listen<\/h3>\n\n\n\n<p>Einfach verkettete Listen sehen so aus:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/liste1.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Was da unten baumelt wie P\u00e4ckchen am Adventskalender sind die verwalteten Elemente, also im Spiel oben die Gegenst\u00e4nde. Die h\u00e4ngen an Knoten, weil die Liste die Knoten dazu benutzt, die ganze Arbeit zu erledigen (sortieren, einf\u00fcgen etc.). Das geht die verwalteten Elemente n\u00e4mlich nichts an.<\/p>\n\n\n\n<p>Die Methoden der Liste &#8211; Einf\u00fcgen vorn, hinten oder vor einem bestimmten zweiten Element; durchsuchen und sortieren &#8211; werden nach dem Lehrplan der 11. Klasse alle rekusiv programmiert. Um das f\u00fcr Sch\u00fcler verst\u00e4ndlicher zu machen, habe ich verschiedene Pr\u00e4sentationen angelegt, die ich hier zeigen will. Als Materialgrube f\u00fcr inzeressierte Lehrer und Sch\u00fcler, nicht als Einf\u00fchrung die rekursiven Methoden einer Liste. Wer also gar nichts \u00fcber Rekursion wei\u00df, wird mit die Folien allein m\u00f6glicherweise nicht weit kommen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pr\u00e4sentationen I<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Beispiel: Einf\u00fcgen eines Datenelements vor einem anderen<\/h4>\n\n\n\n<p>Wenn ein Datenelement vor einem bestimmten anderen eingef\u00fcgt werden soll, wird die Liste einmal durchlaufen bis zu dem gesuchten Element. (Oder bis zum Schluss, was auch immer zuerst kommt.) Dann wird das neue Datenelement mit einem neuen Knoten eingebaut. Danach wird die Liste wieder zur\u00fcck bis zum Anfang durchlaufen, da jeder Knoten aus technischen Gr\u00fcnden etwas zur\u00fcckmeldet.<\/p>\n\n\n\n<p>Das ist die erste Methode, die Sch\u00fclern Schwierigkeiten bereitet, finde ich. Der R\u00fcckgabewert wird dazu genutzt, den Nachfolger neu zu besetzen (wenn auch meist mit dem alten Wert).<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-3 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10259\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img0.png\" alt=\"\" class=\"wp-image-10259\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img0.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img0-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img0-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10260\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img1.png\" alt=\"\" class=\"wp-image-10260\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img1.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img1-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img1-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10261\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img2.png\" alt=\"\" class=\"wp-image-10261\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img2.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img2-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img2-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10262\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img3.png\" alt=\"\" class=\"wp-image-10262\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img3.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img3-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img3-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10263\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img4.png\" alt=\"\" class=\"wp-image-10263\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img4.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img4-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img4-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10264\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img5.png\" alt=\"\" class=\"wp-image-10264\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img5.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img5-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img5-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10265\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img6.png\" alt=\"\" class=\"wp-image-10265\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img6.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img6-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img6-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10266\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img7.png\" alt=\"\" class=\"wp-image-10266\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img7.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img7-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img7-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10267\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img8.png\" alt=\"\" class=\"wp-image-10267\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img8.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img8-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img8-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10268\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img9.png\" alt=\"\" class=\"wp-image-10268\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img9.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img9-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img9-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10269\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img10.png\" alt=\"\" class=\"wp-image-10269\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img10.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img10-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img10-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10270\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img11.png\" alt=\"\" class=\"wp-image-10270\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img11.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img11-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img11-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10271\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img12.png\" alt=\"\" class=\"wp-image-10271\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img12.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img12-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img12-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10272\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img13.png\" alt=\"\" class=\"wp-image-10272\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img13.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img13-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img13-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10273\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img14.png\" alt=\"\" class=\"wp-image-10273\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img14.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img14-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img14-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10274\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img15.png\" alt=\"\" class=\"wp-image-10274\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img15.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img15-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img15-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"384\" data-id=\"10275\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img16.png\" alt=\"\" class=\"wp-image-10275\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img16.png 512w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img16-150x113.png 150w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/img16-300x225.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Weitere Beispiele<\/h4>\n\n\n\n<p>Pr\u00e4sentationen in dieser Art gibt es noch zu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>allgemein: Funktion ohne R\u00fcckgabewert<\/li>\n\n\n\n<li>allgemein: Funktion mit R\u00fcckgabewert<\/li>\n\n\n\n<li>Berechnen der L\u00e4nge einer Liste<\/li>\n\n\n\n<li>Einf\u00fcgen eines Datenelements vor einem bestimmten anderen (s.o.)<\/li>\n\n\n\n<li>Einf\u00fcgen eines Datenelements ganz hinten<\/li>\n\n\n\n<li>Suchen nach einem bestimmten Datenelement in der Liste<\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/listeEinfachAbstrakt\/abstrakt_praesentationen.zip\">Hier gibt&#8217;s alle Pr\u00e4sentationen (odp) zum Herunterladen.<\/a> Technische Hinweise unten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pr\u00e4sentationen II<\/h3>\n\n\n\n<p>Angefangen habe ich aber nicht mit diesen abstrakten Pr\u00e4sentationen, sondern mit meinen Dschinn. Die Vorgeschichte:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Im Reich der Sch\u00e4tze und Dschinn<\/p>\n\n\n\n<p>Harun ar-Raschid, Kalif von Baghdad, der herrlichsten Stadt des Landes und aller anderen L\u00e4nder unter der Sonne, hatte viele Frauen, viele Pal\u00e4ste, viele Sch\u00e4tze. Eifers\u00fcchtig h\u00fctete er seinen Besitz und war stets voller Misstrauen, deshalb verf\u00fcgte er, dass jedes St\u00fcck durch einen Dschinn, einen Geist, bewacht werden sollte.<br>Jeder Dschinn erhielt eine Kiste f\u00fcr das Gut, das er bewachen konnte. So konnte es dem Dschinn egal sein, was er bewachte, Hauptsache, es passte in die Kiste.<br>Nun hatte Harun so viel Besitzt\u00fcmer, dass er sie nicht z\u00e4hlen konnte, so viele, dass er ihre Namen nicht wusste, so viele, dass er sie nicht zu finden wusste, wenn es ihm nach einem besonderen Kleinod verlangte.<br>Deshalb verf\u00fcgte er, dass sich in Zukunft Verwalter um die F\u00fclle seines Besitzes k\u00fcmmern sollten. Den ersten unter ihnen, Jaffar, ernannte er zum Herren \u00fcber die Sch\u00e4tze, also Juwelen und Perlen und Ringe und anderes Geschmeide.<br>Jaffar erhielt eine magische Lampe, in der ein Dschinn wohnte, der einen Schatz bewachte. Und dieser Dschinn hatte ebenfalls eine Lampe, und in dieser hauste ein weiterer Dschinn mit seinem Schatz, und auch der hatte wieder eine Lampe mit einem Dschinn darin.<br>Nur der letzte Dschinn, der bewachte zwar auch noch einen Schatz, er hatte auch eine Lampe, aber diese Lampe war leer und kein weiterer Dschinn wohnte darin.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\">Beispiel: Einf\u00fcgen eines Datenelements vor einem anderen<\/h4>\n\n\n\n<p>Das ist die gleiche Methode wie oben in der Diaschau, nur eben mit Dschinns. Aus technischen Gr\u00fcnden diesmal als Video ohne Bl\u00e4tterm\u00f6glichkeit oder Ton &#8211; fr\u00fcher war das Flash, aber das baue ich nach und nach aus dem Blog aus:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"768\" style=\"aspect-ratio: 1024 \/ 768;\" width=\"1024\" controls src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/dschinn_einfuegenVor.mp4\"><\/video><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Weitere Beispiele<\/h4>\n\n\n\n<p>Pr\u00e4sentationen in dieser Art gibt es noch zu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Berechnen der L\u00e4nge einer Liste (einfach)<\/li>\n\n\n\n<li>Berechnen der L\u00e4nge einer Liste (composite pattern)<\/li>\n\n\n\n<li>Suchen nach einem bestimmten Datenelement in der Liste (einfach)<\/li>\n\n\n\n<li>Einf\u00fcgen eines Datenelements vorn (einfach und composite)<\/li>\n\n\n\n<li>Einf\u00fcgen eines Datenelements vor einem bestimmten anderen (einfach, s.o.)<\/li>\n\n\n\n<li>Einf\u00fcgen eines Datenelements ganz hinten (einfach)<\/li>\n\n\n\n<li>Einf\u00fcgen eines Datenelements ganz hinten (composite pattern)<\/li>\n\n\n\n<li>Volle Listen, leere Listen, Vorteil des Datenelement-Interface<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Anmerkungen<\/h3>\n\n\n\n<p><strong>Einsatz im Unterricht: Powerpoint-Karaoke<\/strong><\/p>\n\n\n\n<p>Die Pr\u00e4sentationen habe ich zur Visualisierung eingesetzt, aber auch zum Ausfragen. Mit einer bekannten oder unbekannten Pr\u00e4sentation muss ein Sch\u00fcler eine (nat\u00fcrlich bekannte) Methode erkl\u00e4ren. Auch gut zur Wiederholung.<\/p>\n\n\n\n<p><strong>Die technische Seite<\/strong><\/p>\n\n\n\n<p>Die Dschinn-Bilder habe ich mit <a href=\"http:\/\/www.inkscape.org\/?lang=de\">Inkscape<\/a> und <a href=\"https:\/\/www.herr-rau.de\/wordpress\/2008\/05\/pen-spinning.htm\">meinem Grafiktablett<\/a> gezeichnet. (Tipp: Umrisse zeichnen, farbig ausf\u00fcllen, dann die Umrisslinien entfernen.) Um die Bilder in Pr\u00e4sentationen einbinden zu k\u00f6nnen, exportiere ich sie im Format PNG.<\/p>\n\n\n\n<p>Die Pr\u00e4sentationen mache ich mit Open Office Impress. Dabei sind alle Bilder als verkn\u00fcpfte Dateien gespeichert. Das hei\u00dft, es existiert zu jedem Motiv nur <em>eine<\/em> Bilddatei, die im selben Verzeichnis wie das Pr\u00e4sentationsdokument liegt. Der Nachteil: wenn ich schlaftrunken nur die Pr\u00e4sentation mit in die Schule nehme und die dazu geh\u00f6renden Bilddateien vergesse, dann kann ich mit dem Dokument wenig anfangen. Der Vorteil: wenn ich an den Grafiken etwas \u00e4ndern m\u00f6chte (Farbe \u00e4ndern, Turban verschieben), muss ich nur die externe Datei ver\u00e4ndern und &#8211; abrakadabra! &#8211; alle Pr\u00e4sentationen sind aktualisiert.<\/p>\n\n\n\n<p>Bei den anderen Pr\u00e4sentationen habe ich mit Formatvorlagen gearbeitet, wenn auch nicht ganz systematisch. Das hei\u00dft, es gibt die Vorlagen &#8222;Knoten aktiv&#8220;, &#8222;Knoten inaktiv&#8220; und &#8222;Knoten wartend&#8220;; wenn ich in der Vorlage zum Beispiel die Farbe \u00e4ndere, \u00e4ndert sich auch die Farbe bei allen entsprechend zugewiesenen Knoten.<\/p>\n\n\n\n<p>Die Dschinn-Filme erzeuge ich mit <a href=\"http:\/\/www.effectmatrix.com\/PowerPoint-Video-Converter\/index.htm\">E.M. PowerPoint Video Converter<\/a>. Das ist viel einfacher als das Abfilmen mit Video Capture, allerdings funktioniert das nur mit Microsoft Powerpoint, so dass ich daf\u00fcr meine Impress-Dateien auch mal in diesem Format speichere. Aber ein Film, mit der fehlenden Kontrolle \u00fcber die Geschwindigkeit des Voranschreitens, ist kein gutes Medium, sich mit diesen Inhalten zu besch\u00e4ftigen. Die Sicherheit, selbst entscheiden zu k\u00f6nnen, wann es weitergeht, gibt eben das: Sicherheit.<\/p>\n\n\n\n<p><strong>Was ich gerne h\u00e4tte<\/strong><\/p>\n\n\n\n<p>Ich h\u00e4tte gerne eine M\u00f6glichkeit, Pr\u00e4sentationen in HTML-Seiten (wie dieses Blog) einzubauen, so dass auch die einzelnen Objekte auf einer Folie der Reihe nach gezeigt und eben auch wieder verborgen werden. Reinfliegen muss ja gar nichts, einfaches Erscheinen und Verschwinden reicht. Mein zugegeben recht altes Powerpoint kennt zwar solch eine Funktion (als Webseite speichern\/Ver\u00f6ffentlichen\/Weboptionen\/Folienanimationen), das Ergebnis funktioniert aber nur unter dem Internet Explorer.<br>Bis jetzt kenne ich sonst nur L\u00f6sungen, die die vollst\u00e4ndige Folie als Grafik pr\u00e4sentieren, mit allen Elementen darauf, die jemals auf ihr gezeigt wurden. So eine Diaschau habe ich bei der ersten Pr\u00e4sentation oben benutzt; bei trickfilmartigen Folien f\u00fchrt das aber zu unbrauchbaren Ergebnissen.<\/p>\n\n\n\n<p>Denn: Diese Listen-Visualisierungen mit Dschinns sind keine Pr\u00e4sentationen im herk\u00f6mmlichen Sinn, sondern kleine Trickfilme. Vermutlich sollte ich gar nicht erst mit Pr\u00e4sentationssoftware anfangen. Viel lieber w\u00e4re mir, das in einer Programmiersprache schreiben zu k\u00f6nnen. Das g\u00e4be elegantere, flexiblere und leichter zu ver\u00e4ndernde Filme. (Ich k\u00f6nnte die Befehle zur grafischen Darstellung gleich in die Java-Listenmethoden hineinschreiben. Dann g\u00e4b&#8217;s keine separaten Filme mehr, sondern die Java-Klassen w\u00fcrden selbst die Filme produzieren.)<br>Leider habe ich kaum Erfahrung mit dem Einbinden von Grafiken oder \u00fcberhaupt GUI-Elementen in Java. Mir reicht eine Ein- und Ausgabezeile, die Darstellung reizt mich nicht. VBA kann ich auch nicht, das will ich aber auch nicht.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>(12 Kommentare.) Ich habe schon mal etwas \u00fcber Listen geschrieben, wo ich das Konzept etwas ausf\u00fchrlicher erkl\u00e4re. Ich wiederhole ein bisschen davon hier, will aber vor allem mein bisher erstelltes Material pr\u00e4sentieren, falls es jemand brauchen kann. (Zielgruppe: bayerische Informatiklehrer der 11. Klassen.) Einf\u00fchrung Nehmen wir an, wir wollen ein Computerspiel programmieren. Im Spiel gibt [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":10259,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[25],"tags":[227],"class_list":["post-2601","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informatik","tag-informatik"],"jetpack_featured_media_url":"https:\/\/www.herr-rau.de\/wordpress\/archiv\/img0.png","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/2601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/comments?post=2601"}],"version-history":[{"count":2,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/2601\/revisions"}],"predecessor-version":[{"id":57931,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/2601\/revisions\/57931"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/media\/10259"}],"wp:attachment":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/media?parent=2601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/categories?post=2601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/tags?post=2601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}