https://www.informatiktools.de/index.php?feed=atom&target=Ikg&title=Spezial%3ABeitr%C3%A4ge%2FIkg 2026-04-30T09:27:17Z Aus Informatiktools MediaWiki 1.16.2 https://www.informatiktools.de/index.php?title=Bildster 2012-05-05T21:28:28Z

<p>Ikg: Bildster ist ein Tool, um echte Bildverarbeitung ohne Einstiegshürden im Informatik-Anfangsunterricht nutzen zu können.</p> <hr /> <div>{{Infobox<br /> |Name = Bildster<br /> |Logo = [[Datei:BildsterThumbnail.png]]<br /> |Kurzbeschreibung = Tool für Bildverarbeitung in der Oberstufe<br /> |Schlagwoerter = Bildverarbeitung, Oberstufe, Anfangsunterricht, Lernumgebung<br /> |Altersgruppen = Sek. II<br /> |Erscheinungsjahr = 2012<br /> |AktuelleVersion = 1.0<br /> |Einfluesse = [[Hamstersimulator]]<br /> |Plattform = Linux<br /> |Lizenz = GPL 3<br /> |Lizenzkosten = keine<br /> |Bemerkungen = ermöglicht sofortigen Einstieg in das Schreiben eigener Bildverarbeitungsprogramme, setzt aber voraus, dass eine Linux-Umgebung zur Verfügung steht<br /> |Website = [http://sourceforge.net/projects/bildster/files]<br /> }}<br /> <br /> Bildster ist eine Lernumgebung für Bildverarbeitung. Bilder können auf einfache Art erstellt oder aber geladen und bearbeitet werden. Dafür stehen vordefinierte Variablen und Befehle zur Verfügung. Programmiersprache ist Java.<br /> Das hohe Anschauungspotential von Bildverarbeitung kann unmittelbar im Unterricht genutzt werden.<br /> <br /> == Ziele und Besonderheiten ==<br /> Um alle Hürden mit Bildverarbeitung zu vermeiden, wurde hier ein exterm leicht zu nutzendes Tool erstellt. Damit ist es möglich, im Anfangsunterricht tatsächlich eigene Bildverarbeitungsprogramme zu schreiben (während normalerweise nur Bildbearbeitung eingesetzt wird, um einige Fundamentale Ideen einzuüben). Es existieren die selbsterklärenden Befehle '''lade(bildname)''', '''zeige()''' und '''zoom()''' sowie die vordefinierten Variablen ''breite'' und ''hoehe'' sowie die Arrays ''pic[][]'' (hierhin überträgt '''lade(...)''' das geladene Bild, hier kann es manipuliert werden; hier können auch Bilder generisch erstellt werden, und sein Inhalt wird von '''zeige()''' angezeigt) sowie ''pic2[][]'' (für Zwischenkopien o.Ä., z.B. beim Bilddrehen).<br /> == Einfaches Beispiel / Screenshot ==<br /> [[Datei:Bildster01.png]]<br /> [[Datei:Bildster02.png]]<br /> <br /> == Technische Voraussetzungen und Hinweise ==<br /> Das Tool läuft unter Linux. Es nutzt den Editor '''gedit''' zur komfortablen Programmeingabe; zusammen mit dessen Funktion zum Aufruf externer Werkzeuge wird die Programmdatei '''ausfuehren''' ausgeführt, die den aktuellen Inhalt als Bildverarbeitungsdatei auffasst.<br /> <br /> Es wird das EmbeddedTk-Paket von Dr. R. Hipp verwendet, das kompiliert werden muss.<br /> <br /> Würde dieses Paket kompiliert vorliegen, liefe bildster sofort ohne Installation (ob das von der Lizenz her okay wäre, ist offenbar noch nicht geklärt, deshalb gibt es das noch nicht).<br /> <br /> Seine Dateien ''ausfuehren'' und ''bildster.c'' müssen im gleichen Verzeichnis liegen wie die Bildverarbeitungsdatei, die ein Schüler erstellt.<br /> <br /> == Schulischer Einsatz ==<br /> Bildster eignet sich für den Oberstufen-Anfangsunterricht. Man kann leicht eigene Bilddateien erzeugen oder vorhandene bearbeiten. Die Schüler können auf Datenseite die Codierung von Bildern erarbeiten (Farbwertzerlegung und -wiederzusammensetzung, Bild als Matrix) und auf Funktionsseite das Adressieren von Bildpunkten über geeignete (ineinandergeschachtelte) For-Schleifen verstehen üben und z.B. durch If-Konstrukte Wertüberläufe vermeiden. Das Tool eignet sich also auch zur Schulung von Fertigkeiten im Umgang mit Kontrollstrukturen.<br /> <br /> Seine syntaktischen Eigenheiten (z.B. dass die Hauptmethode mit ''void main()'' eingeleitet wird und dass Variablen vor Schleifenköpfen definiert werden müssen, sind vollständig dem Oldenburger Hamstersimulator angepasst.<br /> <br /> Bildster eignet sich als Nachfolgetool zum Hamstersimulator, für eine Sequenz, in der Programmierfertigkeiten und anschauliches Denken und Problemlösen weiter ausgebaut werden.<br /> === Korrespondierende Inhalts-/Prozessbereiche ===<br /> Inhaltsbereiche:<br /> ''Algorithmen''<br /> Prozessbereiche: <br /> ''Modellieren und Implementieren''<br /> ''Darstellen und Interpretieren''<br /> <br /> === Inhalte und Themen ===<br /> Bildverarbeitung<br /> === Ideen zum Unterrichtseinsatz===<br /> * einfache PNM-Bilder nach Typ P3 im Editor erstellen und in Bildster schirmfüllend anzeigen lassen<br /> * einfache Bilder in Bildster erstellen und das Ergebnis (P3-Datei) im Editor anschauen<br /> * Pixel einfärben<br /> * Bildränder einfärben lassen<br /> * Bildränder automatisch erkennen und entfernen lassen<br /> * Graustufenumwandlung programmieren lassen<br /> * Bilder invertieren lassen<br /> * Teilbereiche von Bildern bearbeiten (z.B. für einen Vorher-/Nachher-Vergleich wie im obigen Beispiel)<br /> * Farbstiche entfernen lassen<br /> * Falschfarbenbilder erzeugen (z.B. Luftbildaufnahmen der NASA nachbearbeiten)<br /> * Bilder drehen, Bilder skalieren<br /> * Aufhellen von Bildbereichen (Spotlighteffekt)<br /> * Umgebungsoperatoren programmieren, z.B. für Kantenerkennung nach verschiedenen Verfahren (Vergleich!) oder Weichzeichner etc.<br /> * Rendern in Bildern, z.B. geometrische Zeichenoperationen (Rechtecke, Kreise, Linien mit Bresenham-Algo), Rendern von Text etc.<br /> == Einschätzung/ Kritik == <br /> Die Installation unter Linux ist relativ kompliziert.<br /> <br /> Am IKG, wo es entstanden ist, wird es zusammen mit einem angepassten Knoppix auf einem Stick an die Schüler verteilt. Dann ist es natürlich sehr praktisch zu verwenden (portable Lernumgebung) und die Schüler können mit dem Stick auch Hausaufgaben erledigen.<br /> <br /> Im Unterrichtseinsatz erweist Bildster sich als sehr praktisch; die Schüler können damit praktisch aus dem Stand eigene Bildverarbeitungsprogramme erstellen und vor allem vom Start weg viel mit Bildfarbdaten und mit Kontrollstrukturen zur Pixeladressierung herumexperimentieren. Es lassen sich auch leicht Algorithmen zur Bilderzeugung schreiben.<br /> == Unterrichtsmaterialien und -beispiele ==<br /> ''to do''<br /> == Referenzen, weiterführende Literatur und Ansprechpartner ==<br /> [http://sourceforge.net/projects/bildster/files/ Bildster-Homepage für Download]<br /> &lt;!--== Kommentare ==<br /> {{:{{TALKSPACE}}:{{PAGENAME}}}}<br /> &lt;comments /&gt;<br /> --&gt;<br /> <br /> [[Category:Kreativität]]<br /> [[Category:Bildverarbeitung]]<br /> [[Category:Bildverarbeitung]]</div>

Ikg https://www.informatiktools.de/index.php?title=Datei:Bildster01.png 2012-05-05T21:21:48Z

<p>Ikg: Quelltext für Halbbildinverter im Editor -- mit F12 wird bildster gestartet.</p> <hr /> <div>Quelltext für Halbbildinverter im Editor -- mit F12 wird bildster gestartet.</div>

Ikg https://www.informatiktools.de/index.php?title=Datei:Bildster02.png 2012-05-05T20:36:56Z

<p>Ikg: Bildster mit Beispiel Halbbildinverter.</p> <hr /> <div>== Beschreibung ==<br /> Bildster mit Beispiel Halbbildinverter.<br /> == Lizenz ==<br /> {{cc-by-3.0}}</div>

Ikg https://www.informatiktools.de/index.php?title=Datei:BildsterThumbnail.png 2012-05-05T20:19:40Z

<p>Ikg: Thumbnail von Bildster nach Start eines Programms zur Halbbildinvertierung</p> <hr /> <div>== Beschreibung ==<br /> Thumbnail von Bildster nach Start eines Programms zur Halbbildinvertierung<br /> == Lizenz ==<br /> {{cc-by-3.0}}</div>

Ikg https://www.informatiktools.de/index.php?title=%C3%9Cbersicht 2012-05-05T20:12:47Z

<p>Ikg: /* B */</p> <hr /> <div>{{TOC}}<br /> <br /> == A ==<br /> *[[AgentSheets]]<br /> *[[Alice]]<br /> *[[Amazon EC2]]<br /> *[[AntMe! ]]<br /> *[[App Inventor]]<br /> *[[ArduBlock]]<br /> *[[Arduino]]<br /> *[[AtoCC]]<br /> *[[Augmented Reality Scratch]]<br /> *[[Aviary Tools]]<br /> <br /> == B ==<br /> *[[Baltie]]<br /> *[[BASIC]]<br /> *[[BASIC-256]]<br /> *[[Bildster]]<br /> *[[Blender]]<br /> *[[Blopp ]]<br /> *[[Bluefish]]<br /> *[[BlueJ]]<br /> *[[Bricx Command Center]]<br /> <br /> == C ==<br /> *[[CeeBot ]]<br /> *[[Chameleon ]]<br /> *[[CoLoBot]]<br /> *[[CrypTool]]<br /> <br /> == D ==<br /> *[[Delphi-Karel]]<br /> *[[DesignBlocksJS]]<br /> *[[Dia]]<br /> *[[Digitalsimulator]]<br /> *[[Django (Webframework)]]<br /> *[[Doodle]]<br /> *[[DrJava]]<br /> *[[Dropbox]]<br /> *[[DynaTraffic]]<br /> <br /> == E ==<br /> *[[EDDI-V ]]<br /> *[[Edusim]]<br /> *[[Electronic Blocks]]<br /> *[[E-Mail-Simulator]]<br /> *[[Enchanting]]<br /> *[[Etoys ]]<br /> *[[Evernote]]<br /> <br /> == F ==<br /> *[[FILIUS]]<br /> *[[Frosch ]]<br /> *[[Fujaba]]<br /> <br /> == G ==<br /> *[[Gambas]]<br /> *[[GameStudio]]<br /> *[[Gimp]]<br /> *[[Google Code Jam]]<br /> *[[Google Code Playground]]<br /> *[[Google SketchUp]]<br /> *[[GoogleDocs]]<br /> *[[Google Project Hosting]]<br /> *[[GoogleSites]]<br /> *[[Greenfoot]]<br /> *[[Guido van Robot]]<br /> <br /> == H ==<br /> *[[Hackety Hack!]]<br /> <br /> == I ==<br /> *[[Impromptu ]]<br /> *[[InfoTraffic]]<br /> *[[Inkscape]]<br /> *[[Intrade.com]]<br /> <br /> == J ==<br /> *[[Java-Hamster]]<br /> *[[JavaApp]]<br /> *[[Jaycut]]<br /> *[[Jeliot]]<br /> *[[Jeroo ]]<br /> *[[JFLAP]]<br /> *[[jGRASP]]<br /> *[[JPie]]<br /> *[[JUnit Tests]]<br /> <br /> == K ==<br /> *[[Kara]]<br /> *[[Karel D. Robot ]]<br /> *[[Karel the Robot]]<br /> *[[Karel++ (englisch]]<br /> *[[KidsPL]]<br /> *[[Kodu ]]<br /> *[[Kojo]]<br /> <br /> == L ==<br /> *[[Learn to Program BASIC]]<br /> *[[Lego Mindstorms]]<br /> *[[Lego Mindstorms NXT Simulator]]<br /> &lt;!-- http://schuelerlabor.informatik.rwth-aachen.de/simulator ---&gt;<br /> *[[leJOS]]<br /> &lt;!--http://lejos.sourceforge.net/--&gt;<br /> *[[Leo]]<br /> *[[Lively Kernel]]<br /> *[[Logic Simulator]]<br /> *[[LogicTraffic]]<br /> *[[Logo]]<br /> <br /> == M ==<br /> *[[Mama]]<br /> *[[Max/MSP/Jitter]]<br /> *[[Microsoft Small Basic]]<br /> *[[mindmeister]]<br /> *[[MODKIT]]<br /> *[[morphic.js]]<br /> <br /> == N ==<br /> *[[NetBeans / Java]]<br /> *[[NetBeans BlueJ Edition]]<br /> *[[newLISP]]<br /> *[[Niki ]]<br /> *[[NWERC Hockey league ]]<br /> <br /> == P ==<br /> *[[PeerWise]]<br /> *[[Phrogram]]<br /> *[[picnik]]<br /> *[[PicoCricket]]<br /> *[[pixlr]]<br /> *[[Povray]]<br /> *[[Processing ]]<br /> *[[ProgrammingWiki]]<br /> *[[Puck]]<br /> *[[Pure Data]]<br /> <br /> == Q ==<br /> *[[QueueTraffic]]<br /> *[[Quizmaker]]<br /> <br /> == R ==<br /> *[[RAPTOR]]<br /> *[[Revelation Natural Art]]<br /> *[[Roblox ]]<br /> *[[Robocode ]]<br /> *[[RoboLab]]<br /> *[[RoboMind]]<br /> *[[Robot Karol ]]<br /> *[[Ruby on Rails]]<br /> <br /> == S ==<br /> *[[Scheme]]<br /> *[[Scratch]]<br /> *[[Scratch for Arduino]]<br /> *[[ScribTEX]] &lt;!--Online Latex editor: https://www.scribtex.com/--&gt;<br /> *[[seeeduino]]<br /> *[[Sense]]<br /> *[[SGP Balties]]<br /> *[[SiMPLE]]<br /> *[[Small Basic]]<br /> *[[Solist ]]<br /> *[[Squeak]]<br /> *[[Stagecast Creator]]<br /> *[[Starlogo]]<br /> *[[StarLogo TNG ]]<br /> *[[Structorizer]]<br /> *[[Sumo Paint]]<br /> <br /> == T ==<br /> *[[ToonTalk]]<br /> *[[Torcs]]<br /> *[[Turtle Art]]<br /> *[[Turtle Blocks]]<br /> *[[Turtlegraphics ]]<br /> *[[Tux Paint]]<br /> *[[TYPOlight]]<br /> <br /> == U ==<br /> *[[Uppaal]]<br /> <br /> == V ==<br /> *[[Visual Basic .NET]]<br /> <br /> == W ==<br /> *[[Webvideo]]<br /> <br /> == X ==<br /> *[[xKarel]]<br /> *[[Xtranormal]]<br /> <br /> == Y ==<br /> *[[Yahoo Pipes]]<br /> <br /> <br /> {{TOC}}</div>

Ikg