CodeMyPic

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

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]

Funktionsweise

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

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

Einzelnachweise

  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/

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.