Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Programme entwerfen: Muster

Kursergebnisse Programme entwerfen WS 2011/2012

Aufgabe 1: Zeichentool

Unbenannt-13.pngUnbenannt-13.png

Eine der ersten Aufgaben bzw. Übungen war, ein eigenes Zeichentool zu programmieren.

Als Thema wählte ich die „Nyan-Katze-Animation“. Mit dem Programm kann man „Regenbogen“-Linien und Kreise zeichnen.

[Hier](kunden.netzpulsen.de/simonstaib/meme-brush.app.zip „App“) kann man die (nicht all zu ernstgemeinte) App laden

Aufgabe 2: Muster generieren

Unbenannt-13.pngUnbenannt-13.png

In der zweiten Aufgabe ging es darum, ein Muster zu generieren. Als Vorlage/Inspiration wählte ich Fraktale.

Fraktale sind in sich wiederkehrende Formen die dabei immer kleiner werden und gleichzeitig neue Formen bilden ([genaue Definition hier)](http://de.wikipedia.org/wiki/Fraktal „Wikipedia: Fraktal“).

Fraktale werden in der Mathematik benutzt, aber kommen auch in der Natur vor (siehe Bildergalerie).

Als App habe ich Muster mit [Kreisen](http://incom.org/action/download-file/95126/ellipse-muster.app „Ellipse-Muster“) und [Quadraten](http://incom.org/action/download-file/95125/rect-muster.app „Rectangle-Muster“) generiert.

Bildschirmfoto 2012-03-18 um 18.55.10.pngBildschirmfoto 2012-03-18 um 18.55.10.png
Bildschirmfoto 2012-03-18 um 18.55.01.pngBildschirmfoto 2012-03-18 um 18.55.01.png
Bildschirmfoto 2012-03-18 um 18.54.55.pngBildschirmfoto 2012-03-18 um 18.54.55.png
Bildschirmfoto 2012-03-18 um 18.54.46.pngBildschirmfoto 2012-03-18 um 18.54.46.png

Aufgabe 3: Muster interpretieren

Unbenannt-13.pngUnbenannt-13.png

In der dritten Aufgabe ging es darum, das in Aufgabe 2 erstellte Muster zu interpretieren und Beispiele in der Realität zu finden.

Mich erinnerten die Kreise stark an Bakterienwachstum in einer Petrischale und so suchte ich auf diesem Themenfeld nach einem geeigneten Datensatz. Auf Wikipedia wurde ich bei der [Klassifizierung der Viren](http://de.wikipedia.org/wiki/Virusklassifikation#Die_Baltimore-Klassifikation „Virusklassifikation“) fündig.

Ich übertrug die Daten in eine XML-Datei um diese in Processing auslesen zu können. [Die fertige App findet ihr hier.](http://incom.org/action/download-file/95139/Viro.app „Viro App“)

Die Darstellung in Kreisen repräsentiert meiner Meinung nach gut die hierarchische Ordnung der Klassifikation und man kann schnell die Zugehörigkeit des Virus erkennen.

Bildschirmfoto 2012-03-18 um 19.11.06.pngBildschirmfoto 2012-03-18 um 19.11.06.png
Bildschirmfoto 2012-03-18 um 19.10.55.pngBildschirmfoto 2012-03-18 um 19.10.55.png
Bildschirmfoto 2012-03-18 um 19.10.46.pngBildschirmfoto 2012-03-18 um 19.10.46.png
Bildschirmfoto 2012-03-18 um 19.10.36.pngBildschirmfoto 2012-03-18 um 19.10.36.png

Screendesigns aus der Entwurfsphase

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: JW

Entstehungszeitraum

Wintersemester 2011 / 2012