CodeMyPic ist ein freier, didaktisierter, quelltextbasierter Grafikeditor, dessen Zielsetzung es ist, Schülerinnen und Schülern einen Einblick in den Aufbau sowie die Funktionsweise von einfachen, ASCII-basierten Bildkodierungen zu ermöglichen. Er ist in JavaScript programmiert und bietet unter anderem eine Seite-an-Seite-Darstellung, die den Quelltext sowie die Grafikdarstellung einer Bilddatei nebeneinander zeigt. Er unterliegt der Creative Commons BY-NC-SA-Lizenz.[1]

CodeMyPic

Das Logo von CodeMyPic
Basisdaten

Hauptentwickler Kevin Reuß
Entwickler Kevin Reuß
Erscheinungsjahr 2019
Betriebssystem Plattformunabhängig
Programmier­sprache JavaScript
Kategorie Bildeditor
Lizenz Creative Commons
deutschsprachig ja
https://codemypic.de

Funktionsweise

Bearbeiten

Das Hauptfenster des Editors besteht aus einem Quelltextfeld, einem Grafikfeld sowie einer Menüleiste, die typische Bedienmöglichkeiten bietet. Die Hauptfunktionalität besteht darin, dass die über das Quelltextfeld eingegebenen Quelltexte unterstützter Grafikformate simultan interpretiert und als Bild innerhalb des Grafikfeldes ausgegeben werden. Die Zielsetzung ist hier ganz klar das Vermitteln der Arbeitsweise einfacher Bildkodierungen und nicht die professionelle Bearbeitung von Grafikdateien.[1]

Produktives Arbeiten ist im Hinblick auf das Erstellen und Bearbeiten von SVG-Grafiken aber dennoch durchaus möglich. Hierzu bietet der Editor die in Quelltexteditoren für Auszeichnungssprachen üblichen Funktionalitäten der Autovervollständigung sowie des automatischen Einrückens der Auszeichner.

Didaktisches Konzept

Bearbeiten

Durch seine Funktionsweise vernetzt der Editor die symbolische Darstellungsebene von Bildkodierungen (Quelltext) mit deren ikonischer Darstellung (Grafik). Da Änderungen am Quelltext sich unmittelbar auf die dargestellte Grafik auswirken, ist das Arbeiten mittels CodeMyPic zudem enaktiv, da die Konsequenzen des Handels unmittelbar ersichtlich werden. Der Editor bildet somit das ursprünglich aus der Mathematikdidaktik stammende, aber inzwischen in den meisten Fachdidaktiken etablierte, E-I-S-Prinzip vollständig ab.[2][3][4]

Unterstützte Grafikformate

Bearbeiten
Bearbeiten

Einzelnachweise

Bearbeiten
  1. a b https://informatik.schule.de/comments.php?material_id=473
  2. https://www.josefleisen.de/downloads/sprachbildung/78%20Wechsel%20der%20Darstellungsformen%20Bili%202005,%209-11.pdf
  3. https://service.zfl.uni-kl.de/wp/glossar/eis-prinzip
  4. https://www.friedrich-verlag.de/mathematik/konzepte-methoden/das-eis-prinzip-sinnvoll-im-matheunterricht-umsetzen/