Massendaten Visualisierung

Lehrveranstaltung FH Trier Intermedia Design
Ein weiterer Crossmedia integrierte Kommunikation Blogs Blog

Minim Beispiel

Minim Beispiel Code:
MinimSampel

MP3 für Minim

MP3 zum rumspielen mit Minim:
mp3

PolarPoint

Code Beispiel zum PolarPoint._30_PolarPoint

Die nächsten Schritte

Speziell nochmal an die die Samstag nicht dabei waren.

1. Daten sammeln und mir als Excel-Datei schicken.
2. Programmierung eures Prototypen anfangen.

Ihr bekommt dann im Laufe der nächsten Woche die Daten als XML zurück und könnt sie mit dem Beispielcode in eure Sketche laden.

Bis zum 03.06.2011 hätte ich dann gerne von euch einen ersten funktionierenden Processing Sketch zu eurer Visualisierung per Email. Schickt mir bitte auch eure bis dahin entstandenen Experimente oder alternativen zu.

Beispiele vom 07.05.2011

Anbei die Beispiel Sketches aus der Vorlesung:
processing_infovis.zip

Viz-Brainstorm




Schleifen III

Eine einfache while-Schleife:



void setup(){
 size(200, 200);
 smooth();
}

void draw(){
background(0);
 //variable i definieren und auf "0" setzen
 int i = 0;
 //while(zustand während dessen die schleife ausgeführt wird)
 while(i < 10){
   fill(255);
   ellipse(i*10, 10, 5, 5);
   //i um eins erhöhen
   i++;
 }
}

Schleife II

Eine verschachtelte For-Schleife:



void setup(){
 size(200, 200);
 smooth();
}

void draw(){
background(0);
 for(int i=0; i < 10; i++){
   //jede Variable darf nur einmal im script genutzt werden, deshalb hier j statt i
  for(int j=0; j < 10; j++){
   fill(255);
   ellipse(i*10, j*10, 5, 5);
  }
 }
}

Schleife I

Eine einfache For-Schleife:



void setup(){
 size(200, 200);
 smooth();
}

void draw(){
 //background(grauwert (0=schwarz bis 255=weiß)
 //füllt den Hintergrund mit einer Farbe
background(0);
//for(startwert der variable i; zustand während dessen die Schleife ausgeführt wird; was passiert am ende eines schleifen durchlaufs){
// inhalt der schleife
//}
 for(int i=0; i < 10; i++){
  //fill(grauwert (0=schwarz bis 255=weiß)
  //definiert die Füll-Farbe für alle folgenden Objekte
  fill(255);
  //ellipse(x-position, y-position, breite, höhe)
  //zeichnet einen Kreis
  ellipse(i*10, 10, 5, 5);
 }
}

Hausaufgabe

Bis zum 22.04 eine (handgezeichnete) Skizze des Visualisierungskonzeptes sowie einen kurz erklärenden Text zu eurem Konzept (welche Daten, was wollte ihr aufzeigen, etc.) Bitte per Mail bis zum 22.04 an mich:

contact@sebastianmeier.eu

Bis zum nächsten Termin am 06.05/07.05 experimentiert bitte mit den Formen- und Farbfunktionen, sowie den Schleifen (for) die wir bisher durchgenommen haben. Ich möchte, das jeder zum nächsten Termin 3 Sketche mitbringt, in denen er mit den bekannten (oder neuen) Funktionen experimentiert hat. Schaut euch zur Vertiefung auf processing.org folgende Tutorials an:

Overview

Points and Lines (und folgende)

Coordinate System and Shapes

Colors

für die die neu dabei sind, auch nochmal diese Einführung:

Getting Started

Wenn ihr nach Inspiration sucht, schaut auch im Blog vom letzten Semester in die Sketche die die Studenten hochgeladen haben:

processing.crossmedia-integrierte-kommunikation.de

Kursinfo

Massendatenvisualisierungen zum Thema Automobil und Social-Media. mehr erfahren

Autoren

Meta