Raketenblog » Code http://www.raketentim.de/blog Wed, 10 Aug 2011 00:56:38 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Infractor http://www.raketentim.de/blog/index.php/2009/11/04/infractor/ http://www.raketentim.de/blog/index.php/2009/11/04/infractor/#comments Tue, 03 Nov 2009 22:09:10 +0000 raketentim http://www.raketentim.de/blog/?p=2476 Till hat mir heute das Projekt Infractor geschickt und es ist sehr cool:

Infractor ist eine interaktive, künstlerische Anwendung, die für einen Multitouch-Tisch entwickelt wurde. Als Grundlage wurden Daten der New York Times Online verwendet. Mittels physischer Objekte, die auf die interaktive Oberfläche gelegt werden, können die Daten spielerisch gesucht, gefiltert und gelesen werden.

Entwickelt und gestaltet wurde Infractor von Stefanie Elsholz, Martin Schissler und Tillmann Dierichs – eine Gruppe von Studenten der Fachhochschule Potsdam.

infractor von siwamat auf Vimeo.

Interaktion

Infractor steht metaphorisch für Licht und dessen Brechung durch Prismen. Die damit verbundenen Interaktionen werden verwendet um Artikel zu recherchieren, zu filtern und anzuzeigen. Über physische Objekte aus Plexiglas wird mit dem Tisch interagiert. Jedes Objekt wird entsprechend seiner Funktion durch eine eigene Interaktionsform verwendet.

Auf dem leeren Tisch sind zunächst alle verfügbaren Artikel ungeordnet in Form von Partikeln vorhanden. Jeder Partikel beinhaltet Informationen wie Überschrift, den Artikeltext und weitere Medien wie Bilder oder Videos. Diese Informationen sind zu diesem Zeitpunkt noch nicht sichtbar.

Um die losen Daten zu bündeln, wird ein Quellobjekt an einer beliebigen Stelle auf den Tisch platziert. Das Objekt nimmt nun alle Partikel auf und gibt sie in Form eines Strahls wieder aus. Innerhalb dieses Strahls bewegen sich die Partikel ungeordnet. Um sie zu filtern und näher selektieren zu können wird mit Hilfe der Prismen der Strahl weiter aufgeteilt. Durch Reglerobjekte wurden den Prismen Werte zugewiesen, die dann thematisch dazugehörige Artikel ausgeben. Jedes Reglerobjekt besitzt bestimmte Werte einer Kategorie, z. B. Personen oder Länder. Wird ein solcher Regler in die Nähe eines Prismas geschoben, erscheint ein Menü. Durch Drehen des Reglers lassen sich verschiedene Werte aus einer Kategorie, z.B. Kategorie: Person; Wert: Obama auswählen. Der ausgewählte Wert wird dem Strahl zugewiesen.

Ein weiteres Objekt, das Magnet, dient dazu, mehr Informationen zu sehen, oder sich den Artikel anzeigen zu lassen. Wird er auf den Strahl gestellt, stauen sich alle Partikel und es werden weniger Partikel am Ende durchgelassen. Auf Grund der verringerten Menge an Daten, steigt der sichtbare Informationsgehalt eines Partikels. Die Überschriften werden für den User sichtbar und er kann konkreter entscheiden welche Artikel für ihn interessant sein könnten. Um einen Artikel zu lesen, wird der Magnet an den Strahl gelegt. Dadurch wird ein Partikel angezogen und der Artikel wird sichtbar. Der Nutzer kann den Artikel heranziehen und lesen. Wird der Magnet vom Tisch entfernt wird, verschwindet der Artikel wieder.

Wird jedoch die falsche Seite des Objekts an den Strahl gehalten, werden die Partikel abgestoßen. Diese Funktion dient dazu, dem Nutzer die Funktionsweise dieses Objekts spielerisch nahe zu bringen.

Das simple und logische Konzept dieser Anwendung lässt sich durch den User sehr schnell und spielerisch erlernen. Er kann mit anderen Personen gemeinsam am Tisch arbeiten und nach Informationen recherchieren. Der erste Eindruck von Infractor lässt nicht direkt auf ein Tool zur Recherche von Nachrichten schließen, doch genau darin liegt der Reiz dieser Anwendung.

Technologie

Die Anwendung greift auf die API der New York Times zu, die alle Daten von 1985 bis heute zur Verfügung stellt. Das Projekt wurde vollständig in Java realisiert. Für das Tracking der Objekte konnte die reacTIVision-Software verwendet werden.

Der interaktive Tisch, den wir für unser Projekt nutzen konnten, wurde von Studenten und Mitarbeitern der Fachhochschule Potsdam für die mæve-Installation entwickelt.

]]> http://www.raketentim.de/blog/index.php/2009/11/04/infractor/feed/ 0 Body-Klasse aus URL generieren http://www.raketentim.de/blog/index.php/2009/10/30/body-klasse-aus-url-generieren/ http://www.raketentim.de/blog/index.php/2009/10/30/body-klasse-aus-url-generieren/#comments Fri, 30 Oct 2009 12:24:30 +0000 raketentim http://www.raketentim.de/blog/?p=2454 Ich brauchte gerade eine Möglichkeit, um einfachen PHP-Dokumenten eine Body-Klasse mit Informationen aus dem URL-Pfad hinzuzufügen. Herausgekommen ist dabei dieses kleine PHP-Script:

<?php $domainparts = explode('.',$_SERVER['HTTP_HOST']); list($bodyclass) = explode('.',str_replace('/',' ',$_SERVER['SCRIPT_NAME'])); ?>

Und so kann man dem Body-Tag dann die Informationen als Klasse hinzufügen.

<body class="<?php echo "$bodyclass"; ?>">

Vielleicht kann das ja noch jemand außer mir gebrauchen.

Nachtrag:
Ganz vergessen – die Funktionsweise. Angenommen der Link zur Seite ist „http://example.com/hund/katze/maus.php“ dann würde das Body-Tag so aussehen:
<body class=" hund katze maus">

]]> http://www.raketentim.de/blog/index.php/2009/10/30/body-klasse-aus-url-generieren/feed/ 2