der hess » information design http://blog.derhess.de am medialen werkeln Wed, 01 Feb 2012 12:00:38 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 My most important Twitter Messages #12 http://blog.derhess.de/2011/11/26/my-most-important-twitter-messages-12/ http://blog.derhess.de/2011/11/26/my-most-important-twitter-messages-12/#comments Sat, 26 Nov 2011 20:45:57 +0000 admin http://blog.derhess.de/?p=1723
  • My most important Twitter Messages #6
  • My most important Twitter Messages #10
  • My most important Twitter Messages #11
    • ]]>     Twitter von der hess
    A small summary of my Twitter messages from August - November 2011:

    Allgemein (General)

    Generative Art:

    • Our lecture from the "Design the Future" series at Carnegie Mellon University is now online

    Info Design and Visualization

    UX and Interaction Design:

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Physical Computing

    Game Developing:

    Flash and Flex

    Related posts:

    1. My most important Twitter Messages #6
    2. My most important Twitter Messages #10
    3. My most important Twitter Messages #11

    flattr this!

    ]]>     http://blog.derhess.de/2011/11/26/my-most-important-twitter-messages-12/feed/ 0 "     My most important Twitter Messages #11 http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/ http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/#comments Wed, 31 Aug 2011 10:00:29 +0000 admin http://blog.derhess.de/?p=1683
  • My most important Twitter Messages #6
  • My most important Twitter Messages #4
  • My most important Twitter Messages #5
    • ]]>     Twitter von der hess
    A small summary of my Twitter messages from June - August 2011:

    Allgemein (General)

    Generative Art:

    Info Design and Visualization

    UX and Interaction Design:

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Physical Computing

    Game Developing:

    Flash and Flex

    Related posts:

    1. My most important Twitter Messages #6
    2. My most important Twitter Messages #4
    3. My most important Twitter Messages #5

    flattr this!

    ]]>     http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/feed/ 0 "     My most important Twitter Messages #10 http://blog.derhess.de/2011/06/09/my-most-important-twitter-messages-10/ http://blog.derhess.de/2011/06/09/my-most-important-twitter-messages-10/#comments Thu, 09 Jun 2011 10:27:54 +0000 admin http://blog.derhess.de/?p=1585
  • My most important Twitter Messages #5
  • My most important Twitter Messages #6
  • My most important Twitter Messages #12
    • ]]>     Twitter von der hess
    A small summary of my Twitter messages from March - June 2011:

    Allgemein (General)

    Generative Art:

    Info Design and Visualization

    UX and Interaction Design:

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Physical Computing

    Game Developing:

    Flash and Flex

    Related posts:

    1. My most important Twitter Messages #5
    2. My most important Twitter Messages #6
    3. My most important Twitter Messages #12

    flattr this!

    ]]>     http://blog.derhess.de/2011/06/09/my-most-important-twitter-messages-10/feed/ 0 "     My most important Twitter Messages #9 http://blog.derhess.de/2011/03/24/my-most-important-twitter-messages-9/ http://blog.derhess.de/2011/03/24/my-most-important-twitter-messages-9/#comments Thu, 24 Mar 2011 12:03:53 +0000 admin http://blog.derhess.de/?p=1551
  • My most important Twitter Messages #6
  • My most important Twitter Messages #11
  • My most important Twitter Messages #4
    • ]]>     Twitter von der hess
    A small summary of my Twitter messages from January - March 2011:

    Allgemein (General)

    Generative Art:

    Info Design and Visualization

    UX and Interaction Design:

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Physical Computing

    Game Developing:

    Flash and Flex

    Related posts:

    1. My most important Twitter Messages #6
    2. My most important Twitter Messages #11
    3. My most important Twitter Messages #4

    flattr this!

    ]]>     http://blog.derhess.de/2011/03/24/my-most-important-twitter-messages-9/feed/ 0 "     Book review: Generative Gestaltung http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/ http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/#comments Mon, 14 Feb 2011 15:38:00 +0000 admin http://blog.derhess.de/?p=1535
  • Book review: Form + Code (Generative Art & Design)
  • Book Review: Laws of Simplicity
  • Book review: Designing Interactions
    • ]]>

    Fangen wir mit den harten Fakten an. Das Buch ist ziemlich großformatig und hat ein schönes stabiles Hardcover. Selten so ein gutes haptisches Erlebnis mit einem Fachbuch empfunden. Auch die verschiedenen Druck- und Papiermethoden in diesem Buch sind sehr gut ausgewählt. Die Projektsammlung ist im hochqualitativen Druck eingebunden, dagegen ist der normale Inhalt des Buches mit einem einfachen Farbdruck eingebunden. Die inhaltliche Struktur des Buches, das Buchdesign, selbst, sowie die zum Buch dazugehörige Website sind perfekt und sehr gut benutzbar umgesetzt. Ein durchaus 100% gelungenes Design und Konzept. Diese Qualität schlägt sich mit einer Preisspanne von 60-75 Euro ziemlich ins Budget nieder. Doch ist jeden Euro wert! Meine Begründungen folgen in einem Kapitel-basiertem Feedback und einem Schlussfazit:

    Einführung Processing:
    Die Einführung ist kurz und knapp geschrieben und bringt die Entwicklungsumgebung, sowie Processing ziemlich gut aus der Sichtweise eines Designers auf den Punkt.

    Einführung Kapitel 1 - Farbe:
    Anfänger werden hier mit sehr einfachen Codebeispielen zum Spielen mit Farbe animiert. Besonders die Abschnitte über das Arbeiten mit Farbpaletten ist sehr
    gut umgesetzt.

    Einführung Kapitel 2 - Form
    Nach den einfachen Farbbeispielen geht es um die Erzeugung von Formen. Grundlegende Zeichnen Methoden werden erklärt (wann und wo soll das Gezeichnete
    gelöscht werden). Besonders die Verwendung von Rasterlayouts, Agenten-basiertes Zeichnen, und „Zeichnen mit komplexen Modulen“ waren sehr inspirierend und sehr gut beschrieben.

    Einführung Kapitel 3 – Typo:
    Dieses Kapitel liefert ein solides Grundwissen über das gestalterische Arbeiten und Erzeugen von Typographie. Die mitgelieferten Klassen unterstützen zudem das Experimentieren (z.B. das Auflösen der Schriftkontur)

    Einführung Kapitel 4 – Bild:
    Liefert ein solides Anfangssortiment für das Arbeiten mit Bilddaten. Den Abschnitt über „Rückkopplung von Bildausschnitten“ fand ich persönlich nicht so interessant, dafür war der Abschnitt über das Generieren von Bildcollagen umso aufschlussreicher für mich. Auch der Abschnitt „Grafik aus Pixelwerten“ wird sich sicherlich in Zukunft als hilfreich erweisen.

    Fazit zu den Einführungsteil:
    Die Einführung ist sehr gut gelungen. Die Codebeispiele lassen sich sehr gut verstehen und auch erweitern. Es ist wirklich die beste Einführung, die ich bisher in diesem Bereich gelesen habe. So macht das Programmieren Lernen auch für Designer Spaß!

    Fortgeschritten Kapitel 1 – Zufall und Rauschen:
    Zufall und Rauschen sind zwei sehr einfach zu benutzende Werkzeuge in der Programmierung. Jedoch sorgen sie genau aus diesem Grund bei Anfängern immer wieder zu Verwirrung. Dieses Kapitel gibt eine sehr ausführliche Erläuterung welche Unterschiede zwischen diesen beiden Werkzeugen bestehen. Des weiteren erfolgen Tipps in welchen Kontext Rauschen und Zufall Sinn machen können. Für mich persönlich war dieses Kapitel mit der wertvollste Teil an diesem Buch.

    Fortgeschritten Kapitel 2 – Schwingfiguren
    Diese Kapitel erläutert die Erzeugung von Formen mit Hilfe von Sinus und Kosinus Funktionen. Diese Funktionen sind ein elementarer Bestandteil der visuellen Programmierung, daher ist die Behandlung in diesem Buch sehr gut gewählt. Die Erzeugung von Lissajous-Figuren als Codebeispiel können den ein oder anderen Designer ein wenig verwirren. Jedoch mit ein bisschen Grundlagenwissen in Mathe sollte es kein weiteres Problem sein (der mathematische Hintergrund wird in diesem Kapitel wiederholt ;-)

    Fortgeschritten Kapitel 3 – Formulierte Körper
    Bisher wurden die meisten Beispiele im 2D Raum angewandt. Dieses Kapitel behandelt die Manipulation von Körpern im 3D-Raum. Von der grundlegenden 3D Darstellung geht es hin zu Erzeugung von komplexen 3D Körpern. Die Codebeispiele sind gute erklärt und auch hier lädt die hinzugefügte Mesh-Klasse zu weiteren Experimentieren ein.

    Fortgeschritten Kapitel 4 – Attraktoren:
    Das Arbeiten mit Kräften im 2D oder 3D Raum ähnelt sicherlich ein wenig dem Einstiegskapitel „Zeichnen mit Agenten“. Nur ist in diesem Kapitel der Agent starr und Kräfte von Außen wirken auf ihn ein. In diesem Kapitel werden erstmals physikalische Kräfte zum Generieren von Grafiken benutzt.  Dieses Kapitel hält sich nicht lange mit den theoretischen physikalischen Methodiken auf, sondern wendet einfache physikalische Grundgesetze im praktischen Gestaltungskontext an. Daher wieder ein durchaus gelungenes äußerst interessantes Kapitel.

    Fortgeschritten Kapitel 5 und 6 – Baumdiagramme und Datenstrukturen

    Dieses Kapitel gefällt mir mit großen Abstand am wenigsten. Die Grafiken und Codebeispiele sehen zwar schön aus, sind aber irgendwie alle Nichtssagend für die Zukunft. Hier hätte mir eine generelle Einführung oder Übersicht über Informationsvisualierung a la „A Tour through the Visualization Zoo“ besser gefallen. Erklärungen wie man Baumdiagramme, oder ein Layoutverfahren anwendet, empfand ich als zu speziell. Es kam ein wenig der Hauch eines Internet Tutorials hoch...

    Anhang und Reflexion
    Dieser Abschnitt fasst nochmal das komplette Buch in 6 Seiten zusammen. Eine schöne geschriebene Reflexion, jedoch aus theoretischer Sicht zu wenig. Die Theorie hinter generativen Gestaltung bleibt ein wenig auf Strecke.

    Endresultat:
    Ein super Buch für den praktischen anwendungsorientierten Einstieg in die „Generative Gestaltung“. Die Codebeispiele sind vorbildlich umgesetzt und erklärt. Ich hätte mir solch ein Buch sehnsüchtig in meiner Anfängerzeit gewünscht, und dass dann auch noch in der Muttersprache deutsch! Von der praktischen Seite her gibt es rein gar nichts zu bemängeln. Von theoretischer Seite weißt das Buch leider ein paar Schwächen auf. Zwar zeigt die Projektsammlung eine schöne Auswahl, doch die Beschreibungstexte lesen sich manchmal wie ein Klappentext. Der theoretische Kontext und die Idee geht dadurch in manchen Projekten ein wenig verloren. Als Referenz in einer Thesis oder Abschlussarbeit würde ich dieses Buch nicht unbedingt erwähnen. Dafür finde ich das Buch „Form + Code“ von Casey Reas und Weiteren angebrachter. Es erwähnt und verdeutlicht nochmals die theoretischen Konzepte hinter Computer-generierten Designs (Repeat,Transform, Parameterize, Visualize, Simulate, usw.). Dafür hat es seine Schwächen in der praktischen Umsetzung. Wer sich ernsthaft in diese Thematik der „Generativen Gestaltung“ einarbeiten möchte, sollte sich unbedingt beide Bücher antun!

    Related posts:

    1. Book review: Form + Code (Generative Art & Design)
    2. Book Review: Laws of Simplicity
    3. Book review: Designing Interactions

    flattr this!

    ]]>     http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/feed/ 0 "     My most important Twitter Messages #6 http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/ http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/#comments Mon, 05 Jul 2010 13:13:36 +0000 admin http://blog.derhess.de/?p=1343
  • My most important Twitter Messages #11
  • My most important Twitter Messages #4
  • My most important Twitter Messages #5
    • ]]>     Twitter von der hess
    A small summary of my Twitter messages from March - June 2010:

    Allgemein (General)

    Generative Art:

    Info Design and Visualization

    UX and Interaction Design:

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Physical Computing

    Game Developing:

    Flash and Flex

    Related posts:

    1. My most important Twitter Messages #11
    2. My most important Twitter Messages #4
    3. My most important Twitter Messages #5

    flattr this!

    ]]>     http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/feed/ 0 "     My artwork at the Incuratable Art – Exhibition in Paris http://blog.derhess.de/2010/04/08/my-artwork-at-the-incuratable-art-exhibition-in-paris/ http://blog.derhess.de/2010/04/08/my-artwork-at-the-incuratable-art-exhibition-in-paris/#comments Thu, 08 Apr 2010 13:28:12 +0000 admin http://blog.derhess.de/?p=1283
  • My most important Twitter Messages #6
  • My most important Twitter Messages #5
  • My most important Twitter Messages #10
    • ]]>     I am glad to hear that my and Hennings artwork 100101 aka. "Binary Visualizer" is exhibited on the Incuratable Art exhibition at La Bellevilloise in Paris.  If you are in Paris from 7 to 16 April 2010, visit the exhibition and have fun with the Art Collider Project ;-)

    Related posts:

    1. My most important Twitter Messages #6
    2. My most important Twitter Messages #5
    3. My most important Twitter Messages #10

    flattr this!

    ]]>     http://blog.derhess.de/2010/04/08/my-artwork-at-the-incuratable-art-exhibition-in-paris/feed/ 1 "     My most important Twitter Messages #5 http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/ http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/#comments Thu, 04 Mar 2010 09:15:37 +0000 admin http://blog.derhess.de/?p=1235
  • My most important Twitter Messages #6
  • My most important Twitter Messages #10
  • My most important Twitter Messages #4
    • ]]>

    Twitter von der hess
    A small summary of my Twitter messages from Januar - February 2010:

    Allgemein (General)

    Generative Art:

    Info Design and Visualization

    UX and Interaction Design:

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Game Developing:

    Flash and Flex

    Related posts:

    1. My most important Twitter Messages #6
    2. My most important Twitter Messages #10
    3. My most important Twitter Messages #4

    flattr this!

    ]]>     http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/feed/ 0 "     Meine wichtigsten Twitter Messages #2 http://blog.derhess.de/2009/09/09/meine-wichtigsten-twitter-messages-2/ http://blog.derhess.de/2009/09/09/meine-wichtigsten-twitter-messages-2/#comments Wed, 09 Sep 2009 09:51:21 +0000 admin http://blog.derhess.de/?p=983
  • Meine wichtigsten Twitter Messages #1
  • My most important Twitter Messages #11
  • My most important Twitter Messages #6
    • ]]>     Twitter von der hess
    Hier eine kleine geordnete Zusammenfassung meiner wichtigsten Twittermeldungen:

    Allgemein (General)

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Game Developing:


    Mobile and Flash Lite

    Flash and Flex


    Related posts:

    1. Meine wichtigsten Twitter Messages #1
    2. My most important Twitter Messages #11
    3. My most important Twitter Messages #6

    flattr this!

    ]]>     http://blog.derhess.de/2009/09/09/meine-wichtigsten-twitter-messages-2/feed/ 1 "     Mastering the Flex Charts http://blog.derhess.de/2009/07/03/mastering-the-flex-charts/ http://blog.derhess.de/2009/07/03/mastering-the-flex-charts/#comments Fri, 03 Jul 2009 09:02:58 +0000 admin http://blog.derhess.de/?p=770
  • Getting Advanced in Flex
  • Book review: Adobe Flex – Training from the source
  • The new YouTube AS3 Chromeless API in Flex, Air, Flash
    • ]]>     Disclaimer Start:

    Please be pleasant with my English. I am not a native English speaker and the English language is one of my personal weaknesses. To improve my English skills, I am planning to write some blog posts in English. So if I wrote any bullshit in these blog posts, please correct me!

    Disclaimer End:

    At my work at Liip I had to work quite a lot with the Flex Chart API. At some point I was very disappointed about the lack of deeper documentations or advanced flex charts examples. In my mind the whole dashboard flex chart examples are not really helpful, because the examples are not very good real-life examples. But after a few months ago I found some very nice examples for the Flex Chart Advanced stuff and now I would like to give you a short guidance, how you can handle the complex and powerful Flex Chart API.

    First Step - Check your Skills

    Make sure that you understand the Flex Component Life Cycle and the rendering procedure behind the Flex Framework. The whole Chart Topic is very complex in handling data and handling a good rendering procedure. So that is the reason why it is very important that you understand the basics of the Flex Framework. If you have got some problems to understand the concepts behind the Flex Framework, no problem, I highly recommend the Adobe Max presentation Diving Deep with the Flex Component Lifecycle from Deepa Subramaniam. Otherwise have a look on my SFUG Presentation “Moving from AS3 to Flex”

    Second Step – Set up your documentation for the Flex Chart Basic Stuff:

    Yeah, the Flex Chart API is very huge. So you have to work a lot with the documentation. Fortunately, the basic Flex Chart stuff is documented very well. If you want to do some minor changes on your chart, please have a look on the Flex Data Visualization documentation (Livedocs) and on the Language Reference.  Sometimes you would not get a solution from this documentation, than have a look on the Flex Chart examples at flexexamples.com. Mostly I use the tags-Content overview and press the Buttons “CTRL+F” in Mozilla Firefox for the string search. After that I typed in “LineChart” for Line Chart examples or “Charting” for Flex charts in general. So I am quite fast and I always find the right code snippets. This procedure fits for the basic chart stuff very well.

    Third Step – Things are becoming complicated

    Oh no, our client wants to have some special item renderings and user interaction on the charts… At this point the Flex Chart could become a nightmare. Why?!

    • Because of the Flex Charts API Architecture is very complex. A lot of classes are related to each other and so on
    • The Adobe Livedocs documentation doesn’t really deliver any advanced flex charts examples and doesn’t explain the ideas behind the Flex Charts API Architecture
    • You don’t have access to the source code of the Flex Charts API, so it is always a black box for you
    • There are very less information (and blog post) about Advanced Flex Charts API stuff on the internet or you have to pay for this information (lectures in Flex Charts)

    These points sound very disappointed but I have some Flex Charts resources for you, which are able to solve these problems. To understand some complex Chart behaviors please download the Flex Chart Class diagram. It shows the relationship between the classes very well, so you should get the basic ideas behind the Flex Chart API. After that, you should go to quietlyscheming.com. It is a great resource for advanced chart examples and getting an orientation in the Advanced Flex Chart Stuff. Especially, these blog posts are very useful

    Unfortunately, all the examples are coded in Flex 2 and the source code doesn’t work very well with the Flex 3 SDK. So yeah, shit… For long time I thought there don’t exists another resource on the Flex Chart API… But last month I found this very helpful Adobe Max Presentation from Tom Gonzalez about Data Visualization with Flex 3(!). Yeah :-) And I have to say Tom is the new Flex Chart API man for the Flex 3.x SDK. His blog contains very helpful posts about Flex Charts and he posted the source code, too! So if you want to dive into Flex Chart API, you have to visit his blog (especially this post and try to understand the source code)

    Fourth Step – Flex Charts are nice but I want more….

    Flex Charts are nice but in some cases we need some extended functionality. Here are two nice extended Flex Chart Components and one recommendation:

    Otherwise in some cases Flex Charts are not the right data visualization tool. Fortunately, for Flex and Flash exist some more open source data visualization tools:

    The advanced data visualization ELIXIR from ILOG looks very cool, too, but it cost some money. The same money argument is valid for the FusionCharts. That is the reason why I don't know how interesting it is for you?! So that’s all what I could say about the basics and orientation of data visualization with the Flex (Chart API). I hope this blog post was helpful for you…


    Related posts:

    1. Getting Advanced in Flex
    2. Book review: Adobe Flex – Training from the source
    3. The new YouTube AS3 Chromeless API in Flex, Air, Flash

    flattr this!

    ]]>     http://blog.derhess.de/2009/07/03/mastering-the-flex-charts/feed/ 4 "