CS50

The online lecture with David J. Malan is as inspiring as it is exciting and I personally enjoy getting to know new concepts and finally understanding and exploring old, fleetingly familiar things in greater depth.
A basic understanding of the binary system according to which computers work and the logic of how content is translated into numbers in an abstract way are just as fascinating as looking at everyday tasks – such as searching in a telephone directory – in the form of simple algorithms.

Die Online-Vorlesung mit David J. Malan ist ebenso inspirierend wie spannend und ich persönlich genieße es, neue Konzepte kennenzulernen und alte, flüchtig bekannte Dinge endlich zu verstehen und tiefer zu erforschen.
Ein Grundverständnis für das Binärsystem, nach dem Computer arbeiten, und die Logik, wie Inhalte auf abstrakte Weise in Zahlen übersetzt werden, sind ebenso faszinierend wie die Betrachtung alltäglicher Aufgaben – wie die Suche im Telefonbuch – in Form einfacher Algorithmen.

I love Tangram and its simplicity to create endless possibilities with just seven geometric shapes – either according to a given scheme or through free creative exploration. I wanted to create a digital version that is as simple as it is aesthetically pleasing.

Ich liebe Tangram und seine Einfachheit, mit nur sieben geometrischen Formen endlose Möglichkeiten zu schaffen – entweder nach einem vorgegebenen Schema oder durch freies kreatives Ausprobieren. Ich wollte eine digitale Version schaffen, die ebenso einfach wie ästhetisch ansprechend ist.

Anticipated: I used the chatbot Quack (CS50.ai) for questions about Scratch, about the logic of my code and for debugging when nothing worked. I was also helped by numerous YouTube tutorials from, amusingly enough, many creators who could be my children in terms of age.

Vorweggenommen: Ich nutzte den Chatbot Quack (CS50.ai) für Fragen zu Scratch, zur Logik meines Codes und zur Fehlersuche, wenn nichts funktionierte. Außerdem halfen mir zahlreiche YouTube-Tutorials von – amüsanterweise – vielen Autoren, die vom Alter her meine Kinder sein könnten.

Once the first “knot had been untied”, the next step was to expand the functions of the parts and transfer them to all seven other parts. As copy-and-paste proved to be inefficient, the better choice was to keep the code blocks centralized and work with clones of the same part.

Nachdem der erste “Knoten gelöst” worden war, bestand der nächste Schritt darin, die Funktionen der Teile zu erweitern und sie auf alle sieben anderen Teile zu übertragen. Da sich das Kopieren und Einfügen als ineffizient erwies, war es die bessere Wahl, die Codeblöcke zentralisiert zu halten und mit Klonen desselben Teils zu arbeiten.

This first version of my digital Tangram consists of three main screens – a preview image, a start image and the actual playing field. The playing field can be changed between four motifs and a blank. Each time a new game starts, the Tangram pieces shuffle and remain in a random position.

Diese erste Version meines digitalen Tangrams besteht aus drei Hauptbildschirmen – einem Vorschaubild, einem Startbild und dem eigentlichen Spielfeld. Das Spielfeld kann zwischen vier Motiven und einem leeren Feld gewechselt werden. Jedes Mal, wenn ein neues Spiel beginnt, werden die Tangramteile neu gemischt und bleiben in einer zufälligen Position.

As a transition from Scratch and its prefabricated code blocks to C with more open code structures, various examples are compared with each other in which the same basic concepts of e.g. functions, conditions or Boolean expressions always play a role.
The different aspects of language also become clear, as there are different ways of expressing the same or similar things depending on the context and objective.

Als Übergang von Scratch und seinen vorgefertigten Codeblöcken zu C mit offeneren Codestrukturen werden verschiedene Beispiele miteinander verglichen, in denen die gleichen Grundkonzepte von z.B. Funktionen, Bedingungen oder booleschen Ausdrücken eine Rolle spielen.
Dabei werden auch die unterschiedlichen Aspekte der Sprache deutlich, da es je nach Kontext und Zielsetzung verschiedene Möglichkeiten gibt, gleiche oder ähnliche Dinge auszudrücken.

In order to write a simple program whose output is # symbols that imitate a staircase/pyramid, I used the common concept of describing the functional sequence in “pseudocode”, i.e. in words and mathematical terms, and then translating it into code in C .
The idea of “pseudocode” reminds me of, for example, sketching in design to quickly and easily describe variants before going into the details of the implementation.

Um ein einfaches Programm zu schreiben, dessen Ausgabe # Symbole sind, die eine Treppe/Pyramide imitieren, habe ich das gängige Konzept verwendet, den Funktionsablauf in “Pseudocode”, also in Worten und mathematischen Begriffen, zu beschreiben und ihn dann in Code in C zu übersetzen.
Die Idee des “Pseudocodes” erinnert mich beispielsweise an das Skizzieren im Design, um Varianten schnell und einfach zu beschreiben, bevor ich auf die Details der Implementierung eingehe.

For me as a designer, it’s exciting to understand new concepts and to see how programming creates analogies to concepts that are already common to me.
As already mentioned, I love the process of translating “pseudocode” into code on the one hand and comments on the other, which, among other form rules, make the code more readable. Methods that can certainly be applied to the design process.

Für mich als Designer ist es spannend, neue Konzepte zu verstehen und zu sehen, wie die Programmierung Analogien zu Konzepten schafft, die mir bereits vertraut sind.
Wie bereits erwähnt, gefällt mir der Prozess der Übersetzung von „Pseudocode“ einerseits in Code und andererseits in Kommentare, die neben anderen Formregeln den Code besser lesbar machen. Methoden, die sich sicher auch auf den Designprozess anwenden lassen.

The various degrees of abstraction of code language – from zeros and ones to assembly and source code – remind me of the structure of things in our physical world, from atoms to materials from which we form products, which is called compiling in computer science.
The creation of a program in source code can in turn be illustrated with the production process of a factory, existing tools (functions) from the internal inventory or from external libraries are included at the beginning, from which the program is then assembled.

Die verschiedenen Abstraktionsgrade der Code-Sprache – von Nullen und Einsen bis hin zu Assembly und Quellcode – erinnern mich an die Struktur der Dinge in unserer physischen Welt, von Atomen bis hin zu Materialien, aus denen wir Produkte formen, was in der Informatik als Kompilieren bezeichnet wird.
Die Erstellung eines Programms im Quellcode kann wiederum mit dem Produktionsprozess einer Fabrik veranschaulicht werden, wobei zu Beginn vorhandene Werkzeuge (Funktionen) aus dem internen Bestand oder aus externen Bibliotheken eingebunden werden, aus denen dann das Programm zusammengesetzt wird.

We learned about different basic algorithms that can be used to perform tasks with different levels of efficiency, such as sorting by the size of different values.
The so-called binary search, which breaks down the large problem into many small and therefore easily manageable ones, usually performed best.

Wir haben verschiedene grundlegende Algorithmen kennengelernt, mit denen sich Aufgaben mit unterschiedlichem Effizienzgrad lösen lassen, z. B. das Sortieren nach der Größe verschiedener Werte.
Die so genannte binäre Suche, die das große Problem in viele kleine und damit leicht zu bewältigende Probleme zerlegt, hat in der Regel am besten funktioniert.

As with product design, a lot of programming seems to be about making the most efficient use of resources such as time and storage space. The perfect solution for a single problem may not solve another. So here too, you have to weigh up which resources you use to build a system as modularly as possible, or be satisfied with leaner but less flexible solutions. It is a compromise and one solution seems to be the standardization of components, similar to standardized components and suitable tools for industrial production.

Wie beim Produktdesign scheint es auch bei der Programmierung um die effizienteste Nutzung von Ressourcen wie Zeit und Speicherplatz zu gehen. Die perfekte Lösung für ein einzelnes Problem löst ein anderes möglicherweise nicht. Auch hier muss man also abwägen, welche Ressourcen man einsetzt, um ein System so modular wie möglich aufzubauen, oder sich mit schlankeren, aber weniger flexiblen Lösungen zufrieden geben. Es ist ein Kompromiss, und eine Lösung scheint die Standardisierung von Komponenten zu sein, ähnlich wie bei standardisierten Komponenten und geeigneten Werkzeugen für die industrielle Produktion oder in einem Baumarkt.