{"componentChunkName":"component---src-templates-post-tsx","path":"/recode-remix-design/","result":{"data":{"logo":{"childImageSharp":{"fixed":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADCAYAAACTWi8uAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA8klEQVQI12P4/+vTrf+fHn76/+p0/P+L/Qz///4W/v/vL8P///9ZgBhEM/z794/33+8fPM+tGRg+TlDl/jRRQ+TTVH2+Py8vM/5+fJLx82wrjk+TtAS+bctnYfh7ZfGJX/MNz/9c5poH1Cz578/PYKAByUCcCeQXAnEcEEf8+/snDUhn/rq5JeJdMYPvhybO6A/NPLHvaxkcPzRx531oZI95X8fkzfDn6ZnHP88v/PRte3HilyW+DEAD5YGGSQA1g7AxEMsAsei/P79EgLTqnze3XH+cme3869o6t++H2m1+Xlzm8uPUdOdfV9fa/bqyxgUAdeCirCisXrAAAAAASUVORK5CYII=","width":400,"height":57,"src":"/static/436e1be45f9ee5faeefd57d5b063266d/497c6/logo-white.png","srcSet":"/static/436e1be45f9ee5faeefd57d5b063266d/497c6/logo-white.png 1x"}}},"markdownRemark":{"html":"

Kunst Codieren durch visuelle Programmierung mit Snap!

\n

Die Ausstellung Recode. Remix. Design. in den Räumlichkeiten der Computing Education Research Group an der Freien Universität Berlin ist eine Hommage an die Pioniere der frühen Computerkunst der 1960er-Jahre. Mit seinen Exponaten knüpft der Unterrichtstechnologe und Mediendidaktiker Joachim Wedekind an deren Arbeiten an und interpretiert ihre Themen mit den Technologien der Gegenwart neu.

\n

\n \n \n \n \n

\n

Von Logo zur Computerkunst: Bereits Anfang der 1980er-Jahre lernte Joachim Wedekind die Programmiersprache Logo kennen. Für einen Studienbrief zur Schildkrötengrafik entwickelte er erste eigene Programme mit ihrer ganz eigenen Ästhetik. Später entdeckte er überraschende Parallelen zur frühen Computerkunst: Beide arbeiten mit einfachen Grundelementen wie Linien, Polygonzügen, Quadraten, Kreisen und Ellipsen. Durch Wiederholung, Variation und gelenkten Zufall entstehen vielfältige ästhetische Strukturen.

\n

\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n

","htmlAst":{"type":"root","children":[{"type":"element","tagName":"h1","properties":{},"children":[{"type":"text","value":"Kunst Codieren durch visuelle Programmierung mit Snap!"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Die Ausstellung "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Recode. Remix. Design."}]}]},{"type":"text","value":" in den Räumlichkeiten der Computing Education Research Group an der Freien Universität Berlin ist eine Hommage an die Pioniere der frühen Computerkunst der 1960er-Jahre. Mit seinen Exponaten knüpft der Unterrichtstechnologe und Mediendidaktiker "},{"type":"element","tagName":"a","properties":{"href":"http://konzeptblog.joachim-wedekind.de/zur-person/"},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Joachim Wedekind"}]}]},{"type":"text","value":" "}]},{"type":"text","value":" an deren Arbeiten an und interpretiert ihre Themen mit den Technologien der Gegenwart neu."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1170px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/static/6fbba50664a8717f64f0e1e989372c87/38f65/rrd_turtle.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 4.436860068259385%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAYAAADeko4lAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAJUlEQVQI12M4eXg76wkgPomCt6HwT2ARQ+avXT6XjQEIZGSkFAA1xSktPAtDhwAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"rrd turtle","title":"rrd turtle","src":"/static/6fbba50664a8717f64f0e1e989372c87/463a7/rrd_turtle.png","srcSet":["/static/6fbba50664a8717f64f0e1e989372c87/8890b/rrd_turtle.png 293w","/static/6fbba50664a8717f64f0e1e989372c87/1f316/rrd_turtle.png 585w","/static/6fbba50664a8717f64f0e1e989372c87/463a7/rrd_turtle.png 1170w","/static/6fbba50664a8717f64f0e1e989372c87/e1fbe/rrd_turtle.png 1755w","/static/6fbba50664a8717f64f0e1e989372c87/38f65/rrd_turtle.png 2054w"],"sizes":["(max-width:","1170px)","100vw,","1170px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]},{"type":"text","value":"\n "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Von Logo zur Computerkunst:"}]}]},{"type":"text","value":" Bereits Anfang der 1980er-Jahre lernte Joachim Wedekind die Programmiersprache "},{"type":"element","tagName":"a","properties":{"href":"https://en.wikipedia.org/wiki/Logo_(programming_language)"},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Logo"}]}]}]},{"type":"text","value":" kennen. Für einen Studienbrief zur Schildkrötengrafik entwickelte er erste eigene Programme mit ihrer ganz eigenen Ästhetik. Später entdeckte er überraschende Parallelen zur frühen Computerkunst: Beide arbeiten mit einfachen Grundelementen wie Linien, Polygonzügen, Quadraten, Kreisen und Ellipsen. Durch Wiederholung, Variation und gelenkten Zufall entstehen vielfältige ästhetische Strukturen."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1170px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/static/41a32f9c0620cfd2774a665a38e1af52/916cf/rrd_turtle_logo.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 19.453924914675767%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAYAAACOXx+WAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABT0lEQVQY0wFEAbv+AA4iOcEDGTK7HC9GwVtoeMBOXW+5S1ttuUpZa78QJDzADB81ywAbPZTveg2A9HoIyPJ4Bb3zhyLB+J9NvvqfSrz3nUi+84AVwfJ4B8HyegrAAAAEHxdMVWNbQ1FkKYGNmhmHi49ljY+TaHqDjyRlbHRWXmRrZF5qdzroizEYrX1QSqx8Tkb4lDYco4lwOoZzYVSkh2w6k1woN2hDIV9rRSFYAJWVnDaBg43tfoCKUK+mlQ6IiIiph4eGqJaUkSuJiIVJgYB+a6Cclil/jZkid3+GcHR/iUpdjboOMzpBLz9DR2c8Q0k1AhcpJB0lLG8ZIipfAHR3f057foibc3Z/YpiXkAWLi4txioqKdKOjpBCMjY04hISFRpubmyOimY0Pf359bIB+fVDOs5gEVFJPJVBPTkVZV1QmNDAsIS8tK1EtKypIcS2Fu/yGEHYAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"rrd turtle logo","title":"rrd turtle logo","src":"/static/41a32f9c0620cfd2774a665a38e1af52/463a7/rrd_turtle_logo.png","srcSet":["/static/41a32f9c0620cfd2774a665a38e1af52/8890b/rrd_turtle_logo.png 293w","/static/41a32f9c0620cfd2774a665a38e1af52/1f316/rrd_turtle_logo.png 585w","/static/41a32f9c0620cfd2774a665a38e1af52/463a7/rrd_turtle_logo.png 1170w","/static/41a32f9c0620cfd2774a665a38e1af52/e1fbe/rrd_turtle_logo.png 1755w","/static/41a32f9c0620cfd2774a665a38e1af52/916cf/rrd_turtle_logo.png 2238w"],"sizes":["(max-width:","1170px)","100vw,","1170px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]},{"type":"text","value":"\n "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"Was ist Codierte Kunst?"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Codierte Kunst entsteht auf der Grundlage von Algorithmen. Diese werden in einer Programmiersprache formuliert und erzeugen daraus Bilder. Das Kunstwerk lässt sich daher zugleich als Bild, Idee und Programmcode verstehen. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Der kreative Prozess"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Auch der kreative Prozess wird in der Ausstellung nachvollziehbar:\n"},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"1. Analyse"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Am Anfang steht die genaue Analyse einer Bildvorlage oder einer eigenen Bildidee. Welche Grundelemente sind erkennbar? Welche Farben, Muster und Strukturen wiederholen sich? Welche Rolle spielen Variation und Zufall?\n"},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"2. Algorithmus"}]}]},{"type":"text","value":"\nIm zweiten Schritt wird beschrieben, wie die Bildelemente und die Bildstruktur erzeugt werden sollen. Dabei werden zentrale Kenngrößen festgelegt – etwa Anzahl, Position, Größe, Ausrichtung und Farbe der grafischen Elemente.\n"},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"3. Implementierung"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Erst im letzten Schritt wird programmiert.Joachim Wedekind verwendet dafür die visuelle Programmierumgebung "},{"type":"element","tagName":"a","properties":{"href":"https://computingeducation.de/algorithmen-mit-snap/"},"children":[{"type":"text","value":"Snap!"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Begleitend zur Ausstellung ist unter "},{"type":"element","tagName":"a","properties":{"href":"https://gallery.computingeducation.de"},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"gallery.computingeducation.de"}]}]}]},{"type":"text","value":" die Online-Gallery verfügbar. Dort finden sich die gezeigten Kunstwerke mit Hintergrundinformationen, Beschreibungen und den zugehörigen "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Snap!-Programmen"}]}]},{"type":"text","value":" zum Anschauen, Ausprobieren und Remixen.\nDie Ausstellung versteht sich damit als Einladung, die Arbeiten nicht nur zu betrachten, sondern sie nachzuvollziehen, zu verändern und eigene Varianten zu entwickeln."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"Einblicke in die physische Ausstellung"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1170px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/static/c841df544ba4896a3d0e79317db0fee0/4c495/rrd_gallery_1.jpg","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 75.08532423208192%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMFAgT/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAAB6Mrny3RRL//EABsQAQEAAQUAAAAAAAAAAAAAAAECAwAEESEi/9oACAEBAAEFAmino1LNGWyDb5PY8H//xAAVEQEBAAAAAAAAAAAAAAAAAAAQEf/aAAgBAwEBPwGn/8QAFhEBAQEAAAAAAAAAAAAAAAAAARAR/9oACAECAQE/AQcn/8QAGxAAAwACAwAAAAAAAAAAAAAAAAERAiExQVH/2gAIAQEABj8CeE4L4VoeU2R9mj//xAAcEAACAwADAQAAAAAAAAAAAAAAAREhMUFhgaH/2gAIAQEAAT8hqI4CmxrD7uWIOncYtat6LgSEf//aAAwDAQACAAMAAAAQay//xAAXEQEBAQEAAAAAAAAAAAAAAAABABEh/9oACAEDAQE/EEaFy//EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQIBAT8QQmNzt//EABsQAQEAAwADAAAAAAAAAAAAAAERACExYXHx/9oACAEBAAE/EK2BVLR0Ojp3L1odRdn3JN1WIpMp8ANNrwyhFqLs0e+y4K8AM//Z'); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"rrd gallery 1","title":"rrd gallery 1","src":"/static/c841df544ba4896a3d0e79317db0fee0/58f70/rrd_gallery_1.jpg","srcSet":["/static/c841df544ba4896a3d0e79317db0fee0/3c01f/rrd_gallery_1.jpg 293w","/static/c841df544ba4896a3d0e79317db0fee0/e1991/rrd_gallery_1.jpg 585w","/static/c841df544ba4896a3d0e79317db0fee0/58f70/rrd_gallery_1.jpg 1170w","/static/c841df544ba4896a3d0e79317db0fee0/6a16d/rrd_gallery_1.jpg 1755w","/static/c841df544ba4896a3d0e79317db0fee0/18670/rrd_gallery_1.jpg 2340w","/static/c841df544ba4896a3d0e79317db0fee0/4c495/rrd_gallery_1.jpg 5712w"],"sizes":["(max-width:","1170px)","100vw,","1170px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]},{"type":"text","value":"\n "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1170px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/static/d55e7937991b488242232a061dc230f9/4c495/rrd_gallery_2.jpg","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 75.08532423208192%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAEDBAX/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABq5uXpGYH/8QAGhABAAIDAQAAAAAAAAAAAAAAAQARAhIhIv/aAAgBAQABBQJbRN7nJXoyn//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABkQAAIDAQAAAAAAAAAAAAAAABARAAEhQf/aAAgBAQAGPwK87Eix/8QAGRAAAwEBAQAAAAAAAAAAAAAAAAERIUEx/9oACAEBAAE/IVNcQJXV5aLBW87omxfDA//aAAwDAQACAAMAAAAQ3O//xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAgBAwEBPxBH/8QAFhEBAQEAAAAAAAAAAAAAAAAAAAEx/9oACAECAQE/EKuv/8QAHBABAQEAAQUAAAAAAAAAAAAAEQEAITFBUWFx/9oACAEBAAE/EB+acvWik0JOmkTiZNsCR3vnUMoh8wirN//Z'); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"rrd gallery 2","title":"rrd gallery 2","src":"/static/d55e7937991b488242232a061dc230f9/58f70/rrd_gallery_2.jpg","srcSet":["/static/d55e7937991b488242232a061dc230f9/3c01f/rrd_gallery_2.jpg 293w","/static/d55e7937991b488242232a061dc230f9/e1991/rrd_gallery_2.jpg 585w","/static/d55e7937991b488242232a061dc230f9/58f70/rrd_gallery_2.jpg 1170w","/static/d55e7937991b488242232a061dc230f9/6a16d/rrd_gallery_2.jpg 1755w","/static/d55e7937991b488242232a061dc230f9/18670/rrd_gallery_2.jpg 2340w","/static/d55e7937991b488242232a061dc230f9/4c495/rrd_gallery_2.jpg 5712w"],"sizes":["(max-width:","1170px)","100vw,","1170px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]},{"type":"text","value":"\n "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1170px; "},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/static/06bc17b55b6ea35a97ac254f4c985eca/4c495/rrd_gallery_3.jpg","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 75.08532423208192%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAQFAv/EABUBAQEAAAAAAAAAAAAAAAAAAAEC/9oADAMBAAIQAxAAAAHbCqkNEnlH/8QAGhAAAgMBAQAAAAAAAAAAAAAAAAECBBESA//aAAgBAQABBQJyyTOdGuyz6ELOR//EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAgBAwEBPwGtf//EABcRAQADAAAAAAAAAAAAAAAAAAABAhH/2gAIAQIBAT8BqyX/xAAaEAACAgMAAAAAAAAAAAAAAAAAARAREiKB/9oACAEBAAY/AhNQjBdNrs//xAAaEAEAAwEBAQAAAAAAAAAAAAABABEhMUFh/9oACAEBAAE/IaoTKuVSgJ2CSq9l5DQYypOZv0wQMHp7P//aAAwDAQACAAMAAAAQXD//xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQMBAT8QYG2L/8QAFhEBAQEAAAAAAAAAAAAAAAAAARAR/9oACAECAQE/EArkv//EAB0QAQEAAgIDAQAAAAAAAAAAAAERACExgUFRkbH/2gAIAQEAAT8QUgdRsTBYyNtDwn7iKTVmR4EpN9ZxMI93gvUwLkEQ+s//2Q=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"rrd gallery 3","title":"rrd gallery 3","src":"/static/06bc17b55b6ea35a97ac254f4c985eca/58f70/rrd_gallery_3.jpg","srcSet":["/static/06bc17b55b6ea35a97ac254f4c985eca/3c01f/rrd_gallery_3.jpg 293w","/static/06bc17b55b6ea35a97ac254f4c985eca/e1991/rrd_gallery_3.jpg 585w","/static/06bc17b55b6ea35a97ac254f4c985eca/58f70/rrd_gallery_3.jpg 1170w","/static/06bc17b55b6ea35a97ac254f4c985eca/6a16d/rrd_gallery_3.jpg 1755w","/static/06bc17b55b6ea35a97ac254f4c985eca/18670/rrd_gallery_3.jpg 2340w","/static/06bc17b55b6ea35a97ac254f4c985eca/4c495/rrd_gallery_3.jpg 5712w"],"sizes":["(max-width:","1170px)","100vw,","1170px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n "}]},{"type":"text","value":"\n "}]}]}],"data":{"quirksMode":false}},"excerpt":"Kunst Codieren durch visuelle Programmierung mit Snap! Die Ausstellung Recode. Remix. Design. in den Räumlichkeiten der Computing Education…","timeToRead":2,"frontmatter":{"title":"Recode.Remix.Design.","userDate":"23 June 2026","date":"2026-06-23T10:00:00.000Z","tags":["Outreach"],"image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAABuvAAAbrwFeGpEcAAABt0lEQVQoz5WQz0sbQRTHX9YexLQm2ewms5tN4q67m+yvmZ11Ny2tzQ8jcTWISDF4C4JQCsVLUeihhxbsoafau4f2UtpbqSf/ur6NEKUXET48ZvjO9817X6gbVNGZQBJB6QhKMqOTwyuJb8jNyFTSuXmGamWFrVgBtGxft6hQDqEQgBiCyKBIocxBTkCagQc5hhLLwAeoSlFtlbXbHlgtKmtOJ50+Gx8pQdqIxvHWVPU2htw27NB1mGN7NX9j8OqNFu543YmzflCyB6Tpu+0AfDcQ1dbe9N3331dv3385/Xhx+fPv8cmH1y8qn3eVs5F20ifj/vPzbz/Ov16efbr49ed6/+hU0lzLpoCjawZ9pD4tWIOi1S8gZr/qj+LhQW/7MBlOXqaH7WSraPWerPbKzqbbneT1rmpww/ShaVKxEUIlBonjMhllvkAS2RtV/LTqp1iXzQHIEcg8qxgK7qxT3aSgGUxqhhjgHAw8V40BI5wjR4ISz1UgSanBFYMB0VmhzrOfq7eg+W475K6KiE2uohl75GvRf9q9PNaibNnlOl96oBnnWlSjYoMDOhfVtQeZBbKG5rwW/QNReWEnE9fhpwAAAABJRU5ErkJggg==","aspectRatio":1.7782026768642447,"src":"/static/703ae167c2834da0075c22940c2b80ff/0ef64/rrd_header.png","srcSet":"/static/703ae167c2834da0075c22940c2b80ff/c5c6c/rrd_header.png 930w,\n/static/703ae167c2834da0075c22940c2b80ff/fe828/rrd_header.png 1860w,\n/static/703ae167c2834da0075c22940c2b80ff/0ef64/rrd_header.png 2400w","sizes":"(max-width: 2400px) 100vw, 2400px"}}},"author":[{"id":"ralf","twitter":null,"mail":"ralf.romeike@fu-berlin.de","bio":null,"name":"Prof. Dr. Ralf Romeike","avatar":{"children":[{"__typename":"ImageSharp","fixed":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAeABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAQCAwUG/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAWVoZ0bYuUVPakc+RK//xAAcEAACAwADAQAAAAAAAAAAAAABAgMEEgARITL/2gAIAQEAAQUCtfS965dlGmlJFdi0ZUkGD0YTjMA4Hlkbsf/EABcRAQADAAAAAAAAAAAAAAAAABABETH/2gAIAQMBAT8BjCz/xAAVEQEBAAAAAAAAAAAAAAAAAAAQEf/aAAgBAgEBPwEh/8QAHxAAAgICAgMBAAAAAAAAAAAAAAECERJhITEQIjNx/9oACAEBAAY/AoaO7T8KMXyhaPZibxuSs+V/hWWOmY10qNEtcH//xAAdEAEAAgICAwAAAAAAAAAAAAABABEhQTFhEFGx/9oACAEBAAE/IQqmyxV58i9eO8DTUolpys9yxWI1NKkEd9xizR3uZwWd0MR6GLBw04lxdvif/9oADAMBAAIAAwAAABDsx87/xAAXEQEBAQEAAAAAAAAAAAAAAAABABAx/9oACAEDAQE/EEdYKb//xAAWEQEBAQAAAAAAAAAAAAAAAAABEBH/2gAIAQIBAT8QR2In/8QAHxABAQABBAIDAAAAAAAAAAAAAREAITFBcWGhUYHR/9oACAEBAAE/EICNUesrkQgO7cmJibqhzDx3hemuaDib6tO803xNHAGhWkXjxkplLS9CPrGNkoMjD56y2Sgv0fmANIIIwqwgDwDP/9k=","width":200,"height":300,"src":"/static/5eeab3356a65b6c7b846861c39ad733d/4fa6c/ralf.jpg","srcSet":"/static/5eeab3356a65b6c7b846861c39ad733d/4fa6c/ralf.jpg 1x"}}]}},{"id":"konstantin","twitter":null,"mail":"konstantin.oltmann@fu-berlin.de","bio":"Computing Education Research @FUB","name":"Konstantin Oltmann","avatar":{"children":[{"__typename":"ImageSharp","fixed":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAYABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAQDAgX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAB2x4gl9NgqaYKBH//xAAZEAADAQEBAAAAAAAAAAAAAAAAAQIDEhH/2gAIAQEAAQUCHPOhrrwVrTFfS1qaGmlD8n//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAeEAACAQMFAAAAAAAAAAAAAAAAARECEDESIUFRYf/aAAgBAQAGPwIUNxzbbLKfCR51IT7t/8QAHBAAAwEAAgMAAAAAAAAAAAAAAAERMSFBUWGh/9oACAEBAAE/IYOobYY9JUkvwN1H2uipB03hehpJMckFH//aAAwDAQACAAMAAAAQrA8D/8QAFxEBAQEBAAAAAAAAAAAAAAAAARARMf/aAAgBAwEBPxAQHZ2f/8QAFxEBAQEBAAAAAAAAAAAAAAAAARARMf/aAAgBAgEBPxBHZyf/xAAcEAEAAgIDAQAAAAAAAAAAAAABABEhQTFRgfD/2gAIAQEAAT8QMcRaFUWINXZ9uIIc8E1fA7gaEMu62dwiSXyOmXYKVKyBhKgrwK+ajbpy+z//2Q==","width":400,"height":477,"src":"/static/9da437059fc6056d281b915b940f0c53/64b17/konstantin.jpg","srcSet":"/static/9da437059fc6056d281b915b940f0c53/64b17/konstantin.jpg 1x,\n/static/9da437059fc6056d281b915b940f0c53/39f27/konstantin.jpg 1.5x,\n/static/9da437059fc6056d281b915b940f0c53/a1eb1/konstantin.jpg 2x"}}]}}]}},"relatedPosts":{"totalCount":5,"edges":[{"node":{"id":"16fc446d-bd16-51e6-bf21-8ac74287bdff","timeToRead":1,"excerpt":"3D-Druck als Kontext Dreidimensionale Druckverfahren sind heute keine Neuheit mehr, die Industrie hat die Verfahren schon lange für sich…","frontmatter":{"title":"Informatik trifft Design"},"fields":{"slug":"/proj-3d-art/"}}},{"node":{"id":"d18ea9a0-e317-5575-9c53-e28387739f08","timeToRead":2,"excerpt":"3D-Druck und Programmierung. Unter dem Motto “Scare the kids to Computer Science” haben wir eine Reihe gruseliger Aktivitäten entwickelt…","frontmatter":{"title":"Happy Halloween – 3D-Druck und Programmierung "},"fields":{"slug":"/proj-halloween/"}}},{"node":{"id":"97d2205a-1408-5136-8eb4-fe0315f4b36b","timeToRead":1,"excerpt":"Studium Lehramt Informatik: Zukunft gestalten – digital und kreativ Informatikunterricht bedeutet nicht nur Programmieren lernen, sondern…","frontmatter":{"title":"Lehramtsstudium Informatik"},"fields":{"slug":"/proj-lehramt-marketing/"}}}]}},"pageContext":{"slug":"/recode-remix-design/","prev":{"excerpt":"Zentrale Konzepte Großer Sprachmodelle Große Sprachmodelle (LLMs) sind die Grundlage moderner Anwendungen, aber gleichzeitig sind sie für…","timeToRead":1,"frontmatter":{"title":"TINAs Lernreise","tags":["KI"],"date":"2025-09-15T10:10:55.000Z","draft":false,"image":{"childImageSharp":{"fluid":{"aspectRatio":1.712707182320442,"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAABYlAAAWJQFJUiTwAAADNUlEQVQozy2S3U8bZBTG37UDxib9oN/QlkoHKR1fKbSsJF3YxlgLbWn5kJQCnbAO2KDiSBxM7WLoBy1LEdElS3B3zmSKGq5m4sUSkyXqhUa90j/AP+PnW/Til/ecvMl58pznCM3VLC2xXWxjeRzRIvZIAXu4cNo3h3aoH3yI0vuAmsvb1Pi3Oevb+q++vEVttR/YOqVaK30PEPobH9ERK2Gb3sMaK9KaqGCfLONKVnDPH6CP72CYymGeKGCOFzFN5zHFCpiiBZqndjFEcxgjOZonSqiuP0JYBjaZTD9BmJPUGmdQWGYRuhlMrXMEKodYPi7iqJRo2S/TslfC8UkZa0U6Khax7hUxl6VQLoellEeR3EKohzO0ZkvobAk8ziV67POYdRMIMYRoj6FZyqBOZ1DF06gX19BMLdMYS6MPLqK+dgvl2NucnV6ldnwVhX8F4eq+Sy6SZ63jXQZ71njTs0LbpSUcrgW02ih6fRSNdhSdKoReNyaF/BKvZOB/riDqRhEX4igapxD+3nf4IfkEm2UBZ+cyHf4Mrr4VXD23uehewCVxOme42J7A5UpiMIapq7/GGWUAoagiB9YOIxqkmHoc4e3J8G28gjBM09R1B2P7LeoNk2gsU1js07yhCqLTjdJkjqBWBzl/YZhGbQiTehSlHFb9VzdGqGmQfXVof9c6Xwd3ZSgJ9O47+ILvo3XMSdUbuHvT+AfvIpRD6FsSdHenMGhCeHxpmq7exuyUFs8EaOtK4Q2so6wfQQx0ZjgZysm4E5hGcrz64x+Ojl4ykSjw7Pg1O/snXLm+SfDeEan7zwgnHlF++g2frx1SSh+QDG3z88MX/Ln9Ff0Dq4hLzhU+bN1AWOdwj2R5+fovsp8e0yH3ePDiJ0beytPnXWX/y19IbTylq3eR589f8f3xj+zvfMHy0mN+/e43/j75nZHgewi3Z4P1+UNqm+c51zSLs/8eqs4USnWYvsH10x2dawie2rfKQIzWGMnsZ3iWP8DRMYvKNk5/eJPEYonzDTer4dynJV9GY03S1p5G25ZCb01gsM2gNY5jtMQxGiNoNDfRG8IYTBEM8q2rnovwSQYl/RKPJMC/dTiy/AE0AXwAAAAASUVORK5CYII=","sizes":"(max-width: 2608px) 100vw, 2608px","src":"/static/fc80aafb39458a91d231b940273a8f67/aafe1/tina_poster_header.png","srcSet":"/static/fc80aafb39458a91d231b940273a8f67/c5c6c/tina_poster_header.png 930w,\n/static/fc80aafb39458a91d231b940273a8f67/fe828/tina_poster_header.png 1860w,\n/static/fc80aafb39458a91d231b940273a8f67/aafe1/tina_poster_header.png 2608w"}}},"author":[{"id":"ralf","bio":null,"avatar":{"children":[{"fixed":{"src":"/static/5eeab3356a65b6c7b846861c39ad733d/4fa6c/ralf.jpg"}}]}}]},"fields":{"layout":"","slug":"/TINA/"}},"next":null,"primaryTag":"Outreach"}},"staticQueryHashes":["3217746354","3651960450","794779027"]}