Procedural Design

Procedural Design – A cours of the study-programm Digital Media

Procedural Design is a course of the study-program Digital Media at the Rhine-Waal University of Applied Science. During that course we had to do a lot of tasks. All the results of these tasks are presented on my website as a delivery for the examination.

Here you can see the results of our tasks:

    Coding und Programmierung

    Coding und Programmierung – Webseiten, Apps und mehr

    Während meines Studiums an der Hochschule Rhein-Waal sind viele Projekte im Bereich Coding und Programmierung entstanden. Dazu gehören Webseiten, Apps, Spiele und Ähnliches. Diese sind meistens in Teamarbeit entstanden.

    In diesem Bereich gibt es viele Projekte, die nicht veröffentlicht worden sind. Daher werden einige nur berechtigten Personen angezeigt. Aus diesem Grund bitte ich Sie sich anzumelden, wenn Sie mehr Projekte dieses Bereiches einsehen möchten.

    Meine Projekte in diesem Bereich sind folgende:

    Animationen

    Animationen – Zwei- & Dreidimensional

    Animationen können sowohl zwei- als auch dreidimensional sein. Für meine dreidimensionalen Animationen verwende ich 3DS Max von Autodesk, während ich die zweidimensionalen Animationen mit Adobe Illustrator und Adobe Photoshop erzeuge.

    Meine Projekte in diesem Bereich sind folgende:

    Digitale Kunst

    Digitale Kunst – Kunst mit dem Computer

    Digitale Kunst ist Kunst, die mit dem Computer erstellt wird. Hierzu zähle ich zum Beispiel Arbeiten, wie Kolorierungen oder Montagen, die ich mit Adobe Photoshop anfertige. Außerdem zähle ich Illustrationen und Fraktale dazu.

    Meine Projekte in diesem Bereich sind folgende:

    • Fraktale
      Fraktale

      Fraktale sind sich selbst wiederholende Muster. Sie können vom Computer erzeugt werden, kommen aber auch in der Natur vor. Ein Beispiel für ein natürliches Fraktal ist der Romanesco. Die Bilder im obigen Slider sind mit Adobe Photoshop erstellt worden.

      Weiterlesen
    • Illustrationen
      Illustrationen

      Die Bilder zeigen Illustrationen, die ich mit Adobe Illustrator erstellt habe. Was ursprünglich als Erkundung der Funktion von Illustrator begann, ist heute eine ganze Sammlung von den Aktivitäten der Schnecken.

      Weiterlesen
    • Photoshop-Kolorierungen
      Photoshop-Kolorierungen

      Die beiden Bilder sind Photoshop-Kolorierungen, da ich einige meiner Zeichnungen mit Adobe Photoshop koloriert habe.

      Weiterlesen
    • Photoshop-Montage
      Photoshop-Montage

      Dieses Bild ist eine Photoshop-Montage und zeigt einen Drachen, der Feuer speit. Es besteht aus insgesamt vier verschiedenen Bildern, die mit Adobe Photoshop zu einem zusammengefügt worden sind.

      Weiterlesen

    Zeichnungen

    Zeichnungen mit verschiedenen Mitteln

    Zum Erstellen meiner Zeichnungen nutze ich gerne verschiedene Mittel. Neben dem klassischen Zeichnen mit dem Bleistift nutze ich in erster Linie gerne Kohle und Kreide. Darüber hinaus verwende ich ab und an auch Buntstifte und Fineliner.

    Meine Projekte in diesem Bereich sind folgende:

    • Sonstige Zeichnungen
      Sonstige Zeichnungen

      Sonstige Zeichnungen verschiedener Motive: Die Bilder im Slider sind mit verschiedenen Werkzeugen, wie Finelinern, Bleistiften und Buntstiften, erzeugt.

      Weiterlesen
    • Kreide-Zeichnungen
      Kreide-Zeichnungen

      Kreidezeichnungen verschiedener Motive: Die beiden Bilder im Slider , Hochzeitstauben und Leuchtturm am Meer, sind Kreidezeichnungen.

      Weiterlesen
    • Kohle-Zeichnungen
      Kohle-Zeichnungen

      Kohle-Zeichnungen verschiedener Motive: Die Bilder im Slider sind Kohle-Zeichnungen. Kohle ist das Mittel, mit dem ich am liebsten zeichne.

      Weiterlesen

    InfoVis

    InfoVis – Visualisierung von Informationen

    InfoVis steht für die Visualisierungen von Information und erfolgt mit so genannten Informationsgrafiken (kurz Infografiken). Diese Grafiken können auch interaktiv gestalten sein, um dem Nutzer zu ermöglichen sich eigenständig mit der entsprechenden InfoVis auseinander setzen zu können.

    Dazu verwende ich einerseits die Programmiersprache R mit dem R-Package „Shiny“. Damit können die Infografiken direkt als Webseite aus R heraus erzeugt werden, wie beispielsweise in meiner Bachelor-Arbeit. Andererseits habe ich in meiner Master-Arbeit mit HTML, CSS und JavaScript, insbesondere mit der JavaScript Library „D3“, gearbeitet.

    Meine Projekte in diesem Bereich sind folgende:

    • Knowledge Discovery & Visual Data Mining
      Knowledge Discovery & Visual Data Mining

      Meine Masterarbeit befasst sich mit dem Prozess des Knowledge Discovery & Visual Data Mining. Sie enthält eine Fallstudie für Kurse eines Master-Studiums. Diese Fallstudie zielt darauf ab, Studenten zu befähigen den Prozess mit d3.js durchzuführen, der in einer Website resultiert.

      Weiterlesen
    • Bevölkerung in Deutschland 2010-2015
      Bevölkerung in Deutschland 2010-2015

      In der Arbeit „Mit Shiny visualisieren – Die Bevölkerungsverteilung in Deutschland“ geht es um die Verwendung des R-Packages Shiny von RStudio als „Web Application Framework“01 für R, in das eine Einführung gegeben werden soll.

      Weiterlesen
    • Digitalisierung in Deutschland – Tweets
      Digitalisierung in Deutschland - Tweets

      In meiner Bachelor-Arbeit geht es um die Implementierung einer Web-Applikation (App) mit R und Shiny. Diese App dient der Visualisierung in Form einer interaktiven, kartographischen Infografik. Hiermit wird der Grade der (gesellschaftlichen) Digitalisierung in Deutschland und den Bundesländern visualisiert. Dazu erfolg die Visualisierung am Beispiel von Twitter-Nachrichten.

      Weiterlesen