der hess

A small summary of my Twitter messages from August - November 2011:

Read more...

A small summary of my Twitter messages from August - November 2011: Allgemein (General) some nice talks http://vimeo.com/eyeofestival/videos #visual #media #art #design insideAR 2011 talks (Augmented Reality Conference) are online RT Our first title in the Maker Press series: DIY Bookbinding. Download the PDF book, bind it, and win a prize startnext.de ist die Crowdfunding Plattform für deutsche Projekte in Deutschland. Link via mein Bruder Lorenz Device Art: A New Form of Media Art from a Japanese Perspective Generative Art: Our lecture from the "Design the Future" series at Carnegie Mellon University is now online Info Design and Visualization Sense of Patterns, visualizing mobility data in public spaces (via @moritz_stefaner) RT Great talk by @mbostock on the smooth d3 force layout | interactive slides Linz published some local data about their area - Linz Open Data project via @mkalten RT http://pachube.com (platform for internet of things) is now free. No excuses now not to use it! RT If you are into big data streams, this service should get you excited: http://datasift.com/ (now if they had some nice visualizations... ;) Royal Society journal archive made permanently free to access. UX and Interaction Design: nice article about problems of gesture based interaction  reminds me on my old paper very nice: TapSense: Enhancing Finger Interaction on Touch Surfaces Touch Vision Interface has a really nice interaction approach for augmented reality apps Between the Tag and the Screen - A PHD Thesis by Kjetil Nordby sweet but not cheap: International Journal of Creative #Interfaces and Computer Graphics (IJCICG) Projekte und Experimente (Projects and experiments) "An Urban Sensation" overlay live CCTV footage to a 3D model of the urban environment nice project openpaths.cc by the New York Times Lab Neue Technologie (new Technologies) Another tool and software for 3d projection mapping http://www.madmapper.com their blog is also pretty informative nice resource and software for 3D projection #mapping #visual #design #interactive #installation #art Amazing! Render 3D objects into photos: Rendering Synthetic Objects into Legacy Photographs KinectFusion - a research project that lets users generate high-quality 3-D models in real time using Kinect. Some nice development is going on... Augmented realtiy #tracking for #mobile devices Publication: Future Textiles Programmierung und Software Design (Programming) Seems to be an interesting article: Ladder Of Abstraction by Bret Victor RT In case you want to work with maps in processing, here is your open source library: unfolding by @tillnm RT iGeo is free and open source 3D modeling software library for processing for architecture and product design RT Google Mapper for Processing is a library that enables you to download images of any size from Google Maps. RT howto use svg for rigged 2D-animations in processing RT a new HTTP Library for processing for GET,POST,oAuth and more RT Finally a good overview of all openFrameworks addons: Physical Computing Nice resources and inspiration for fixing and repairing (electronic) objects via @make Fab@home is working on a decentralized factory approach for your home Infrared 101 Game Developing: Very nice collection of old school Game title screens RT Photo-realistic game engine from Square Enix Citrus Game Engine Now Free and Open Source Create Flash and iOS Games via Editor Stencil  via @andremichelle and @jensfranke looks nice! Construct 2 - A visual HTML5 game development tool Very good blog about Game Design! http://www.lostgarden.com/ Flash and Flex RT AIR Developer Center | Using Flash Builder 4.5 to package applications for Apple iOS devices Fast and easy! The Flex 4 Spark Framework Architecture for (ui) component development by David Deraedt Great article on #Flex 4 skin programming by @mraad . Focusing on #performance and reducing boilerplate code Talking Trash – An overview of #Flash Player Garbage collection RT Introducing opensource evoSpicyParticleEngine RT Particle Editor for #Starling. Blog Post | Tool (cc @leebrimelow @thibault_imbert ) RT Check out this incredible Stage3D AGAL sandbox by @li_palebluedot - a fun way to learn AGAL shaders. some nice generator tool for enum and value objects That's sound cool vor enhancing your personal workflow: Creative Suite Extension Builder Not so new but still interesting whitepaper comparing AJAX and Flex in terms of productivity and etc via flexlabs Nice article for identifying the best web target platform. If it is Flash or HTML5

A small summary of my Twitter messages from June - August 2011:

Read more...

A small summary of my Twitter messages from June - August 2011: Allgemein (General) OFF TOPIC: Another great Tumblr blog. Awesome People Hanging Out Together great interview about a brazilian (art) #DIY movement #gambiologia http://www.gambiologia.net/blog/ #repair #hack #culture guter Artikel: Das Zusammenspiel von Wissensarbeit und Wissensarchitektur in Beziehungsnetzen und räumlichen Strukturen Interesting article: #Design #Research – A Failure of Imagination? by Andy Polaine Maybe I already mentioned this #funding platform... http://www.indiegogo.com/ RT A couple of great resources for free math & comp sci courses: http://www.khanacademy.org/ & http://www.openculture.com/ RT Designers: Google released hundreds of free, open-source fonts yesterday for the web. http://www.google.com/webfonts/v2 RT “@subblue: Students and teachers can now get all Autodesk software for free - wow!” < smart move. RT Version control for designers Generative Art: Just added this interesting sounding book The Visual Mind: #Art and #Mathematics Johannes Keplers book "The harmony of the world" looks like a treasure for #generative #art(ists) perfect inspiration for #visual #programming via @rdrb really nice and inspiring blog about sound programming and other stuff Info Design and Visualization Cinemetrics - Film #Visualization Project Breaks - is a really great #Info Vis project! check Land surface #climate station records from the last 150 years published great resource for an info design art project link via @JoshuaDavis UX and Interaction Design: Font focus: Making ideas harder to read may make them easier to retain #research another #mobile interaction #design pattern website RT Interesting presentation about web design patterns on chinese web sites nice article: Five Lessons from a Year of Tablet UX Research fake texture and tangible feedback for #multitouch devices http://www.teslatouch.com Fucking interesting exhibition at the MoMa(New York) Talk to Me: Design and the Communication between People and Objects Great example of a #tangible #interface: Humanoid USB Posing Mannequin for Skeletal Animation Leaf++ is a nice example how humans can interact with nature Wacom inkling device Projekte und Experimente (Projects and experiments) it seems to be a nice resource - http://linkeddata.org/faq - organizing links and data... #semanticweb #rdf #information #architecture QR codes and cooking... QKies combines it perfectly via @mkalten QR Codes in Fashion Design - nice idea - Beaded QR Code Garment RT Flipping flip! Google Swiffy reckons it can turn Flash into HTML5! Try it out! RT The open source LightScythe is a device for writing text and images frozen in midair Cheap swarm robots Swarmanoid. modular swarming scary robots out to read your books and outsmart you Interesting project: Electronic Origami by Jie Qi | tutorial | website Pixel Knitting is a real nice effect for photography-transform you photo to a cartoon like landscap wow, very interesting projection mapping and view of Leonardo's Last Supper via @memotv see historical #art in new ways Nice visuals and mapping by Amon Tobin 'ISAM' Live via @david_bru Neue Technologie (new Technologies) RT Fancy chips for dinner? Edible RFID tags could tell you what's in your food some great tutorials on #projectionmapping from the kings of projections (and mapping), http://1024d.wordpress.com/ One day this #software might help  making life for media #facade designer easier #3d #mapping #tracking Impressing #3d reconstruction via #kinect Great round-up of wearable electronics from the past and present RT (almost) bulletproof human skin made from spider silk - amazing art+science project. Algorithm for extracting a resolution-independent vector representation from pixel art RT gutted I'm not at #SIGGRAPH2011 http://www.youtube.com/watch?v=KwGK6lGnu90 http://www.youtube.com/watch?v=JK9EEE3RsKM Programmierung und Software Design (Programming) Cool website and resource for #JavaScript RT FireQuery: a Firebug extension for jQuery development. /via @rem RT pdf.js - rendering PDF with HTML5 and JavaScript.. still beta but sounds good RT @PaperJS: After five months in the making, @juerglehni and @jonathanpuckey are very happy to release Paper.js RT Oh my, #vvvv is being ported to the web RT Olé! @toxiclibs for Javascript! (via @blprnt, @peterpaulrubens) RT @tillnm: Search Geometry, a Processing library for isometric contours and surfaces First look on the #Blobscanner library for #processing was great. Very easy going and well documente RT new version 0.1.4 of the GML Library @gml4u: releasedMinor additions + fix for the TUIORecorder example issue RT Drop Processing is an app for quickly batch processing image RT Processing Tutorial about how to save audio data to text files RT Non-Commercial Kinect for Windows SDK from Microsoft Research released TopBraid Composer is mabye the first real nice editor for #rdf #owl and other tasks #semanticweb OF v007 is now released - Thanks to the community and @creativeinquiry for helping make it happen! RT #yUML (yuml.me) is really cool for creating quick UML diagrams. I love the scruffy ones. Intel have released Embree an open-source photo-realistic ray tracer for Windows, OSX and Linux Qualcomm #Augmented Reality #SDK for #iPhone OS some really nice #Red5 tutorials #flash #streaming #multiplayer #java Physical Computing Amazing resource for hacking your #canon photo camera! http://chdk.wikia.com/wiki/CHDK #hack #programming #firmware Nice online shop and resource for #wearable technology #physical #computing #mobile iPhone iPad iPod talks to #Arduino RT Tutorial: Maximising your Arduino’s I/O ports nice tutorial and interface for #wearable technology: Polar #Heart Rate Monitor #Interface + #Arduino Game Developing: RT The creator of TexturePacker also has a tool called PhysicsEditor that has a Flash export option. Looks interesting! Added Citrus Level #Editor link to my #flash #game libs blog pos RT Opinion: Analog Input Processing And Delivering Great Controls RT Gaming Developer Center | Resource page for gaming engines, 3D, and Stage 3D RT great article about #flash #flixel #game #engine in combination with other flash libraries Added http://playerio.com/ Games API to my #Flash #Game Framework post Very interesting article about game loops in physics and game engines #gamedev #programming #algorithm Flash and Flex RT uploaded short Alternativa3D AR tutorial including qtrack, FLARManager & #IN2AR examples (via @makc3d) RT some useful geom & algebra stuff added: Affine/Homography/Fundamental/LevMar #asfeat RT Very nice (and smooth) fire+smoke animation in Flash using blitting (source available) (via @elsassph) Big pdf about: Developing ACTIONSCRIPT Extensions for ADOBE AIR AS3MemoryWatcher - hacky toolkit for tracking ALL SWF allocs via Apparat RIATest looks like a very useful tool for automate your GUI testings #flex #ui #testings #quality RT Online UML modeling application for #AS3 & Flex programmers, Crocus Modeller is free (for now) and full of features If you are working with huge data amount in #flex, this might be helpful: Working with large #data sets in #flash player Really useful for developing mobile apps: Detecting the network connection type with #Flex 4.5 #wifi #mobile #network RT Multi-Touch Charts for iOS, Android, and PlayBook: Source Code Available on GitHub RT @mraad: ArcGIS API for #Flex Version 2.0 is released (Arabic locale & #iOS and #Android friendly:-) 10 tips from @FlashGen: developing for multiple devices #mobile #multiscreen How to create a #Flex mobile project with #Flash Builder, and publish it as a classic web app flexponential is a good resource for some flex framework issues and code snippets #flex #skinning #mobile #code #tips

A small summary of my Twitter messages from January - March 2011:

Read more...

A small summary of my Twitter messages from January - March 2011: Allgemein (General) RT When buildings start to tweet: Good overview of recent media architecture examples (Via @strg_n, @Heuserkampf) Kurzes schönes Videoportrait über Julis von Bismarck Starting to upload FOTB2010 videos: Brendan Dawes - more going up regularly. (via @FOTB) Great Master thesis by Tim Devine about Device Shifting and #Design #mobile Sabine is talking about Functional Aesthetics book in TEDx Vienna Maybe an interesting book: Web Aesthetics - How Digital Media Affect Culture and Society #Arte präsentiert ein Netzwerk für Künstler, Kulturproduzenten und alle anderen Moving talk by Jonathan Harris on his work and the absurdities of digital livestyle Mendeley is a free reference manager and academic social network via Henning Schulze Die Qual der Wiki-Wahl - #Wikis für #Wissensmanagement in Organisationen  #dokumentation #vergleich Nice articles about #urban based #computing & #design No. 1 | No. 2 | No. 3 The Museum of Lost Interactions - very interesting and nice videos, too #media #archeology #art #design RT open culture http://bit.ly/9qQrQD 340 free movies. Sounds interesting: Kickstarter is a funding platform for creative projects Generative Art: More new great #generative #art tutorials from Nicolas Barradeau #flash #design RT Fantastic geometry blog. http://moniker.name/worldmaking/ Neuer Monat, neuer Live-Mitschnitt. Mario Klingemann aka Quasimondo über "Schönes aus Code" Info Design and Visualization Nice resource for #information visualization projects: #Crime Maps of England (London) #infovis #data #webservice Free-for-any-use ArcGIS Online map services: basemaps, demographic, reference, and specialty maps.  RT Vis JavaScript-toolkit by @mbostock: Data-Driven Documents / D3 (via @moritz_stefaner, @peterpaulrubens). UX and Interaction Design: RT Nice collection about small screen solutions: (via @minstyle) RT The Psychology of Web Performance:  (via @uxzentrisch) RT loads.in - test how fast a webpage loads in a real browser from over 50 locations worldwide: (via @janchriste) Nice read: The ABC of behaviour #interaction #design #ux #article #read Android UX Patterns via @richardleggett #interaction #interface #design KinectTouch: turns any surface into a #TUIO touchpad using #kinect rule based language for describing #multitouch #gestures by Lode Hoste Projekte und Experimente (Projects and experiments) Very cool body mapping #kinecthacks via @chrisoshea Interesting effect: Kinect Cloth Simulations #processing Newstweek: a device to manipulate news read by other people on wireless hotspots (cafes, libraries, airports) Really nice project: Esper Domino #senseware Nice Space Motion Design by Sebastian Neitsch Amazing work of Ryota Kuwakubo's - the installation The Tenth Sentiment Wow Legoplatformer looks so nice for some experimental prototypings... #interaction #tangible #ar Neue Technologie (new Technologies) some nice thoughts on Face Tracking & Face Recognition in AR #ar #tracking Biometric systems are developed for the detection of faces and gestures Programmierung und Software Design (Programming) RT EaselJS v0.2 is released! Focus for this release: making vector shapes & text on HTML5 canvas easier RT @blogblog: #ParticleSDK, a #crossplaform SDK to develop native #mobile apps from one codebase RT Let's take a look: Eloquent JavaScript is a guide to JavaScript that focuses on good programming techniques … Less Framework 4 is now out RT Oh lovely: CSS Easing Animation Tool by @matthewlein (via @@mrdoob) RT Hand detection with Blobscanner in Processing Nice tutorial how to work with #java + eclipse in #MaxMSP PixelWave - Native 2D iPhone framework based on the Flash API Physical Computing RT Arduino The Documentary (2010) by gnd Great! @make published a site only about #arduino projects. Nice resource of tutorials and articles http://makezine.com/arduino/ Nice tips and advices for perfect soldering. Especially for #physical #computing beginners like me via @make http://www.inventables.com is a great resource for new #hardware and materials in physical (computing) projects. Game Developing: RT New video tutorial on creating isometric 3D with @as3isolib Nice read for #gamedev: #Flash #Game #Monetization: Total revenue from last 3 years Interesting article: Indie #Flash #Game Development: 2010 by Josh Tynjala #gamedev #monetize Nice #paper about #modding and the impacts: Precarious Playbour: Modders and the Digital Games Industry A great #paper: Moving #Learning #games Forward by http://www.educationarcade.org #serious #gaming #design RT DAME is an awesome free tilemap editor for Flixel. Also extendable with Lua. Flash and Flex RT gskinner: Open source profiler for AS3. Definitely worth checking out. RT nice list of #Flash #Compression Libraries RT Blogged: Using BlackBerry PaymentService with Adobe AIR for the #PlayBook RT Huge open-source gesture library released by @GestureWorks Nice tutorial: #Flash + #Alchemy Series Part 2: Environment Setup Nice implementation of SimpleStageVideo RT What can you do with bytes ? - Updated! #Flash media server 4 #whitepaper now available Nice tool for using #flash content: Resolume #VJ #Software Creating QR Codes in ActionScript via @riarockstars RT Check out the latest diagramming and #visualization libraries for #Flex and #Air apps by @KapLab RT AS3 API: AS3Square

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:
Read more...

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!

For several months I worked on technical paper about designing gestures for screen-based environments. Finally, it is finished and you can read it. Here is the abstract:

This paper analyses gesture design for pointing devices in screen-based environments. By exploring design patterns the analysis investigated the gesture design of five different end-user products: Desktop operating systems, mobile operating systems, 3rd Party software, small software products, and common hardware products. The beginning of the paper defines what a gesture is, and the various kinds of gestures. Afterwards the analysis merges the gesture design results with the basic commands for pointing devices. This approach points out which gestures are often used, and in which context they are used. The results give interaction designers and software engineers a guide for implementing gestures in their own products. Furthermore, the paper proposes solutions for gesture documentation, and a conceptual framework for complicated gestures. The last section takes an industrial design perspective on pointing devices as an input channel. It discusses the evolution of interface design from a hardware driven to a software driven approach.

Please note:

Unfortunately, I got sick on a long-term disease. Therefore it took me so long for writing this paper and that is also the reason why the data of the analysis is from January of 2010. However, in my opinion the results of my analysis are still valid. For more up-to-date data, please check the Touch Gesture Reference from LukeW.

Acknowledgement:

I am very happy about the support from my teachers, friends, and fellow students. Big thanks to Mahir M. Yavuz and Mathias Stäbler for the content feedback. Vesela Mihaylova for a great Adobe Illustrator and graphic design support. Tim Devine for transforming over 30 pages of my bad english in a readable form, and marking some unclear points of my paper. Dudes, thank you so much!

Download

web version |   print version

For several months I worked on technical paper about designing gestures for screen-based environments. Finally, it is finished and you can read it. Here is the abstract: This paper analyses gesture design for pointing devices in screen-based environments. By exploring design patterns the analysis investigated the gesture design of five different end-user products: Desktop operating systems, mobile operating systems, 3rd Party software, small software products, and common hardware products. The beginning of the paper defines what a gesture is, and the various kinds of gestures. Afterwards the analysis merges the gesture design results with the basic commands for pointing devices. This approach points out which gestures are often used, and in which context they are used. The results give interaction designers and software engineers a guide for implementing gestures in their own products. Furthermore, the paper proposes solutions for gesture documentation, and a conceptual framework for complicated gestures. The last section takes an industrial design perspective on pointing devices as an input channel. It discusses the evolution of interface design from a hardware driven to a software driven approach. Please note: Unfortunately, I got sick on a long-term disease. Therefore it took me so long for writing this paper and that is also the reason why the data of the analysis is from January of 2010. However, in my opinion the results of my analysis are still valid. For more up-to-date data, please check the Touch Gesture Reference from LukeW. Acknowledgement: I am very happy about the support from my teachers, friends, and fellow students. Big thanks to Mahir M. Yavuz and Mathias Stäbler for the content feedback. Vesela Mihaylova for a great Adobe Illustrator and graphic design support. Tim Devine for transforming over 30 pages of my bad english in a readable form, and marking some unclear points of my paper. Dudes, thank you so much! Download web version |   print version

A small summary of my Twitter messages from March - June 2010:

Read more...

A small summary of my Twitter messages from March - June 2010: Allgemein (General) Reading 'How To Market Your Mobile Application' (via @smashingmag) 175 free woodworking ebooks the Pop Sciences Archive is opened and for free! Free Paper: The Internet of things: Networked objects and smart devices really cool project! http://openmaterials.org/about/ and maybe helpful for some future projects (installations and tangible devices?!) RT @ben_fry is higher education a bubble that's about to burst? http://j.mp/cjf4Nh (via @humphd) RT @apolaine New on Playpen:: Interdisciplinarity vs Cross-Disciplinarity Adobe Story: A Collaborative Tool for Screenwriting - maybe useful in some future projects?! Interesting: Slow Media Manifesto Ole #Kristensen Homepage is a perfect resource for #stage-based #animations and #installations http://bit.ly/aHxX6T | http://bit.ly/d4a8Hn Generative Art: Mathematical Art and sculptures Really great particle experiment with good potential for generative art projects such a nice gallery: Complexification | Gallery of Computation #Generative #Art #Drawing Info Design and Visualization RT @DesignerDepot: 14 Visually Stunning Animated Infographics Tim Berners-Lee: The Year Open Data Went Worldwide (TED Talk) Nice use and explanation of Jeff Heer's horizon charts (http://is.gd/a1MhQ ): "Hoe de kredietcrisis de beurs besmette" http://is.gd/a1Mfm Launch: The Google Public Data Explorer makes large datasets easy to explore, visualize and communicate A Tour through the Visualization Zoo - Great article!!! via @moritz_stefaner http://wefeelfine.org/book has included some very nice data generated graphics - nice inspiration for info visualizatzion and generative art RT @moritz_stefaner Put my presentation from Kassel last week up to slideshare: Information Aesthetics RT @seb_ly how did I miss this? London underground trains' live position on a map! UX and Interaction Design: please welcome our new and growing project compilation on vimeo (via @idpotsdam) Nice talk: Mike Kruzeniski-Poetry & Polemics in Creating Experience MultiTouchGesture stuff: Talk | Icons#1 Icons#2 Icons#3 Reading all the paper of Organic User Interfaces http://www.organicui.org/ Designing Kinetic Interactions for OUI is a great article and it mentioned why interactive art is and was important Some good thoughts on "natural" user interfaces by Don Norman: Natural User Interfaces are not Natural Two nice talks about #EMOTIONs and #HAPPINESS in #Design processes. Perfect for the afternoon break ;-) Projekte und Experimente (Projects and experiments) TouchDesigner, an authoring tool for building interactive 3D art, visualizations RT @creativeapps toneglue is a nice Music band visualization App [WebApp, Flash] Nice list: 11 Killer Apps for Microsoft Surface Mobile physical-digital dial interface - Tangible Controller for your next generation mobile?! Water-based touch screen interface - nice experiment-Dont know if it is helpful,at least it has a physical feedback Interactive cookies for AR Applications http://tinyurl.com/yd9et59 and http://tinyurl.com/333odbr via MultiModal Interface Lecture very nice media facade visualization great audio visual based drawing project: Nodal Genesis- I almost fall in love with the vis techniques Neue Technologie (new Technologies) Skinput: Appropriating the Body as an Input Surface RT @quasimondo: Awesome puppet locomotion paper & video boah shit sick  face capturing.  Much room for manipulation, like in the politic movie #WagTheDog More information how this sick face capturing and scanning works nice new PSD painting tools, especially in combination with http://bit.ly/2LcGnM and Coolpaint New Material: Programmable Origami - reminds me on nano technology or intelligent textils Programmierung und Software Design (Programming) Xuggler is the easy way to uncompress, modify, and re-compress any media file (or stream) from Java to a red5 server Live Screencast in Flash mit Red5 und Java Streaming Library VH Java Screen Capture SDK looks nice... Hopefully it will not become so expensive... Freeware: VH Screen Capture Driver supports C++, C#, Java, Delphi, etc Pogg: Processing Theora Ogg Videos - Working with ogg (Streaming) Videos // thx @david_bru kooaba’s image recognition web services API is public and their Query API is free! you can check Great tool and lib for web harvesting / scraping to extract data from web pages crazy Peter from Slovakia is an awesome visual animation programmer #processing. He rocks! RT @jensfranke Benedikt Gross just released vers. 1.2 of his Processing Animation/tweening Library ANI. (via @CedricKiefer) Very good resource for processing! http://wiki.processing.org/w/Main_Page Physical Computing Crazy LED clothes....  maybe hackable for something nice website with tutorials in wearable technology http://lilypond.media.mit.edu/ via @popkalab Hmm... this Amarino Project (Android meets Arduino) sounds interesting Arduino is now flexible- seems perfect for fashionable projects?! First Steps with Arduino - nice video tutorial for beginners  via @make Game Developing: Flash Game Developer: Announcing Mochi Social & the Mochi GAME Developer Fund Updated my FLash Game Lib Blog with some Links: PushButton Engine vs. Flixel Game Engine and other tutorial links Flash and Flex ASSURF by Eugene is an impressive image-based pattern recognition library for Flash Two great tutorials for particle effects with flint: Introduction | Flint in a Game RT Stevehoward999 nice bunch of Flash Catalyst and Flash Builder 4 tutorials from Adobe TV RT @mchaize: Yes ! Adobe Flex is open ! The AdvancedDataGrid and Charting components are open source Flash Builder 4 is still FREE for students and teachers Introduction to Flex 4 videos --> Good video links RT thibault_imbert Blogged : Optimizing Flash Ads whitepaper and some XFL Gourmet „Optimizing Performance for the Flash Platform.” Tipps für Flash Player 10.1. (pdf) Optimizing web content for Flash Player 10.1 - a nice video talk very cool article for MySQL + PHP and Flex Projects Added http://www.flashscope.com/ on my blogpost for selling and buying flash components Hm, I dont know why I found this http://flexbookmarks.com/ not ealier... But it seems to be a cool flex blog collection

A small summary of my Twitter messages from November - December 2009:

Read more...

A small summary of my Twitter messages from November - December 2009: Allgemein (General) Great homepage with top-level talks for creative coders, designer and other artists Very interesting media facade project. Partly based on Adobe Air Sorftware Nice article: Media Facades: Fundamental terms and concepts International Symposium on Computational Aesthetics in Graphics, Visualization, and Imaging Very interesting designer: http://www.waldemeyer.com/ especially for the domain of wearable technology fashion. Also his blog Some inspiration for your wishlist? Physical Computing Ahoi! Very cool!! Real SVN Functionality for Photoshop with PixelNovel Wiigee is a nice java library for working with gestures and the wiimote. a port for ActionScript would be nice :-) Reuters open MetaData (Semantic Web) Database looks interesting for webservice and information experiments Wow! The New York Times began to open their Information Archives! http://data.nytimes.com/ Nice Geo coding API for Web 2.0 services Interactive installations wanted for the FITC Amsterdam Found an archive database for Media Art.  Maybe it could be useful during my studies in interactive art Nice Graphic about Qualities of Information Design Great slides about a good business culture in a creative environment fascinated by the Theremin Music instrument and tv documentation (deutsch) Yale University's Psychology course on Youtube. **OFF TOPIC** Holy shit that is the best parkour action I have ever seen!!  **OFF TOPIC** Ziemlich interessante Präsentation über die Kombination von Mobile Art und Urban Displays von Jürgen Scheible Nett zu lesen: Digitale Nachhaltigkeit – ein Konzept mit Zukunft Generative Art: Interesting blog entry on 'Generative Art' via @Natzke Generative Art Tool - out of the box via @generatorx Ich bin nun überzeugt und werd mir das Buch kaufen. http://www.generative-gestaltung.de/ Visual Programming Lernen vom Feinsten :-) Umfangreiche Artikel Sammlung zum Thema Generative Tools für die digitale Medienkunst UX and Interaction Design: Free Sketching & Wireframing Kit via @fplag Great blog about interaction, architecture, space, user experience etc. Marking Menus are a very good concept for mouse gestures and menu navigation issues Must read article: Open for Business - Designing Social Interfaces -> degree of openness from a technical view Wow, very nice idea of a physical computing interface: VoodooIO Nice video list of Tangible User Interfaces Nice Blog and very good articles: Designing Kinetic and Organic User Interfaces Two great articles about User Experience in an Agile Development process (or in Scrum)  http://tinyurl.com/ycj5a32 Projekte und Experimente (Projects and experiments) Amazing sound sculptures from motors & more via @make Stumbled again about the lego Time Tracking thing. I really like this nerdy idea Should I really try it? http://suicidemachine.org/ a nice net (art) project idea Nice project: Ego search visualizer from MIT Lab: the project page MIT gestural computing makes multitouch look old hat - Interesting Project Looking for SenseWare: My Examples -> funktionide // LiquidWall // Poken Pimp your iPhone for RFID Wii remote for MAME on iPhone Nice experiment! iPhone controlled Arduino tank DIY accelerometer controlled USB gamepad wow, a 45m long multitouch wall via @jensfranke, @CedricKiefer, @memotv / Don't know if this useful... itsme the next generation of personal computing?! I don't know...  Very cool idea or app for an eyetracker approach Microsoft "Courier" secret tablet Neue Technologie (new Technologies) Wow the City Engine Software looks great for Science Fiction and other Urban Movie Post Production stuff Transform your real pictures into nice drawings: Research Project GradientShop Programmierung und Software Design (Programming) Frequently Forgotten Fundamental Facts about Software Engineering Uh nice topic for Computer Scientist in Media: Opportunistic Programming Game Developing: Blog article: Best Selling Augmented Reality Games of 2009 Interesting report: Indie Flash Game Development: A 2009 Year-End Retrospective A must read for all Flash Indie Game Developer: Badim's Total revenue from last 2 years blog post Playyoo is an interesting plattform for Flash Mobile and Flash Lite Game Developer http://blog.playyoo.com/ and http://playyoo.com/ Adobe starts "#Flash Platform #Gaming Technology Center" (Center) via @flashforum Some nice and useful video tutorials for the Flash Push Button Game Engine Thoughtful article from @GregLoire on Achievement Design 101 via @mochimedia Nice Blogpost: Creating a Game Design Document Nice article: Running a Game Studio: From Start-Up to Sustainability Flash and Flex Brain Computer Interface ActionScript 3.0 API library released by Sean Moore Blog post: 34 cool ActionScript Libraries by Sean Moore Great Voronoi open-source library for AS3 published Harmcrest is a nice Form and User Interface Input Validation Library and Framework for Flex Adobe #Flash and search engine optimization (#SEO): Techniques, issues, and strategies:  (via @marcthiele) Maybe the Flash Plattform gives P2P a new chance to establish in the area of network (streaming) technologies?! Tweetr AS3 Library 0.95 Released by @_sandro check out: //

The last blog post Flash Indie Developer Part 2 dealt with idealism and requirements. In this blog post we will discuss the most dangerous risks for your daily life.

A smaller or a bigger problem could be diseases. If you get sick you might not be able to work for short or longer periode. You have to pay some bills for the treatment and your income will normally decrease. You can reduce this risk with a health insurance. In Europe it is quite normal or it is even obligatory to have a health insurance. I think health insurances are the most important insurance you should have! For other important insurance please check some web-portals about "how I should start my own company" or something similiar.

Read more...

The last blog post Flash Indie Developer Part 2 dealt with idealism and requirements. In this blog post we will discuss the most dangerous risks for your daily life. [caption id="attachment_628" align="aligncenter" width="300" caption="Risks-Mind Map (Flash) Interaction Developer"][/caption]A smaller or a bigger problem could be diseases. If you get sick you might not be able to work for short or longer periode. You have to pay some bills for the treatment and your income will normally decrease. You can reduce this risk with a health insurance. In Europe it is quite normal or it is even obligatory to have a health insurance. I think health insurances are the most important insurance you should have! For other important insurance please check some web-portals about "how I should start my own company" or something similiar. OFF TOPIC: Everytime take care if the goverment would support your new business!!! Furthermore,  a creative trough can become also a serious problem. You as an (Flash) Independent Developer have normally a great creativity and this is one of your strong USPs compared to a normal Flash Developer employee. But what should you do if you run in a creative trough?! Keep cool! It is normal to have lack of creativity for a moment Relax! Do other things which don't have a strong connection to your work Try and use some creative methods (Brainstorming, Roleplaying or Six Thinking Hats) If you are still in a creative trough -> Keep cool! Find other opportunities which generates a new income, for instance: doing lectures! During the process of preparing a new income possibility, talk with many people. I am sure your creativity will come back after a while! For me it is totally normal to have high creative periods and very low creative periods It helps me a lot to write down all my ideas in a book, and everytime I have a creative trough I can look in my book of ideas and get some new inspiration. That is the reason, why I highly recommend to manage your ideas. In this way you will be able to use perfectly your high and low creative periods. The last and in my opinion a very often underestimated issue is the  topic of inefficient working. Nobody or no person put a real pressure on you, and because of this situation we can easily appropriate  inefficient working routines. Especially, for doing a research in a special topic, we can easily lost in the huge space of the web. Another point is the managing your daily life. For instance, you have to go shopping (buy some food or something else), after this you do a sleep, because shopping was so exhausting ;-). After the sleep you are little bit tired and you decided to watch a movie or a episode of nice TV-serie. Finally, after all these nice chill activities you realize, that almost nothing is done and the day is also almost gone... That is one example, the pyramide of digital distraction describes very clearly one of our other biggest risk of inefficient working. I don't say that you should not use social communities or chat systems (skype, twitter), but please define a outline for you! For instance, you spend the first hour of the morning for reading blogs and answering / writing e-mails. Then you started programming or working on complicated tasks. After that you will go to lunch. After lunch you start checking your e-mails for 30-60 minutes ones more and after that you go ahead with your complicated or less complicated tasks... Porter wrote a nice blog post about being your own boss and the problems with the motivation. Please feel free to read it! Thanks and congratulation, who stayed until this end of the blog post. The next blog posts discuss the really interesting topics of an (Flash) Independent Developer life. Therfore, the next article will discuss our product portfolio and what is possible with each product. The blog articles after this article describes the topic  "how you can use these products for generating  your income" in a more detail. So stay tuned! //

A small summary of my Twitter messages from September - October 2009:

Read more...

A small summary of my Twitter messages from September - October 2009: Allgemein (General) Wow! nice black-white photography compilation Sadly... but it is so true... the hierarchy of digital distractions - nice info graphic Nice Blog Post: How I find good folks to collaborate with Readin the paper: What is Generative Art? Complexity Theory as a Context for Art Theory RT @scene360 Is it made with Paint or Code? — Illusion 360 - World's Most Amazing Art, Design, Technology, Video Freaky pictures on Nikon Small World Gallery Wow!!! Bullet impacts at 1,000,000 frames per second I like the web app Tilt-Shiftmaker! http://tiltshiftmaker.com/ Tracks on a Map - A nice data visualization example http://www.tracksonamap.com/ Emperor's Castle amazing papercraft and here more amazing photos Nice essay for dealing with the topic of interactive art: FEEDBACK: FROM OBJECT TO PROCESS AND SYSTEM Another nice essay: Interaction, Participation, Networking: Art and Telecommunication really nice! Combo: A collaborative animation by Blu and David Ellis Nice talk: The Wizard of Data Art, Aaron Koblin Please read the important words from Jonathan Harris: World Building in a crazy world! and think about it Interested in generative drawing?! watch this :-) (Reading: Swarm Theory Article) UX and Interaction Design: Really nice presentation Slides: Interacting with the Semantic Web UX topic: understanding experience of social-network-sites nice article How to Understand Your Users with Personas - A nice comic explanation Nice blog article: Creating a Timeless User Experience interesting interview: Drawing Ideas and Communicating Interaction Reading the paper: Emerging Frameworks for Tangible User Interfaces Projekte und Experimente (Projects and experiments) Delta bot a nice roboter for mouse interaction via processing and arduino Very nice Flash Augmented Reality Experiment Idea: Augmented Reality Texture Extraction very nice vector-based drawing tool with very nice brushes!! http://www.livebrush.com/ via @fplag ACME – Augmented Collaboration in Mixed Environments - Impressive project! G-speak The Spatial Operating Environment - Minority Report Interface System Yeah the future has begun ;-) 2d Sketches Become 3d Reality Could be a nice interface for games -> electric stimulus to face Video: Strategy Game R.U.S.E. with Multitouch Interaction Nice product for ubiquitous blackboard installation: IdeaPaint!!  Maybe also nice for hack the social space The piece was created to explore a sense of connection and playfulness in multiple urban open spaces" via @jensfranke Neue Technologie (new Technologies) Parallax Photography: Creating 3D Cinematic Effects from Stills Amazing!!... Reconstructing Building Interiors from Images WOW!!! ILoveSketch, a gesture-based 3D sketchpad. Amazing! Markerless camera tracking (via @alexmilde) via @jensfranke Amazing Mobile AR Videos from Graz PhotoSketch as new compositing and photo search engine tool for pictures looks unbelievable! Totally insane, crazy, nuts, mad and anything else. The CryEngine 3 Shape Recognition and Pose Estimation for Mobile (!) Augmented Reality Next generation of image manipulation!!! Content-Aware Fill from Adobe -  more info That AR stuff rocks! Probabilistic Feature-based On-line Rapid Model Acquisition Hi-speed robotic hand - impressive: via @Quasimondo Muscle-Computer Interfaces (muCIs) from Microsoft Programmierung und Software Design (Programming) The Duct Tape Programmer - the new programmer boheme?! I really like the idea of: Fifth-generation programming language Game Developing: Great news. The unity Game Engine is now free for Indie Game Developer Do you need sounds for your (Flash) Game? Then check this cool app Thx to 8bitRocket.com Flash and Flex Away3d released a very lite version of their Flash 3D Engine. nice generative sound library for Flash. Looks greate for some interaction stuff like games etc! I think Flex Charts for data visualization is yesterday, Axiis will become the new tool! ;-) Read this and try Almost all Max 2009 presentations on AdobeTV  thx @_sandro New post: Eclipse Plug-in: Download AS3 libraries straight to your Eclipse/Flex Builder/FDT project http://bit.ly/10egz0 (via @Powerflasher) Reading: AIR 2 Enhancements Complete Overview... Sounds nice for Software Developer and maybe also for digital aritists Watching Advanced Data Visualization with Flex at Adobe Max 2009 Fall in love with http://www.liquidjourney.com/ such a greate resource for creative visual coding! watching the talk: What is new in Flex 4 Found a new great blog about physical computing with Flash and Flex!! FLash Particle Engine Stardust Video Tutorials! Nice Flash Framework Hype for creative coding is in progress. The first examples looks very great

After the first blog post of the blog (Flash) Independent Developer was a little bigger, this article will be smaller and I will discuss the requirements for an (Flash) Independent Developer. These requirements are not very Flash oriented, they deal more with the idealism attitude of the new way and what do you have to consider in the beginning phase.

When you decide to work as an Independent Developer, you will risk a lot. And this high degree of risk is, of course, strongly connected with a high degree of  uncertainness in your working life. You should be able to handle this risky life, otherwise you should not choose the way as an (Flash) Independent Developer.

Another very strong point , if you can become an (Flash) Independent Developer is, which degree of responsibility do you have?!  Read more...

After the first blog post of the blog (Flash) Independent Developer was a little bigger, this article will be smaller and I will discuss the requirements for an (Flash) Independent Developer. These requirements are not very Flash oriented, they deal more with the idealism attitude of the new way and what do you have to consider in the beginning phase. When you decide to work as an Independent Developer, you will risk a lot. And this high degree of risk is, of course, strongly connected with a high degree of  uncertainness in your working life. You should be able to handle this risky life, otherwise you should not choose the way as an (Flash) Independent Developer. [caption id="attachment_612" align="aligncenter" width="300" caption="Mindmap - Requirements (Flash) Independent Developer"][/caption] Another very strong point , if you can become an (Flash) Independent Developer is, which degree of responsibility do you have?!  Do you have a family?! Do you have a loan?! Which kind of obligation do you have towards other people?! All these responsibilities could be some obstacles, but it is dealable. All the things you have to do, prepare you for this independent life and consider that your income and your spare time will be very very low in the next one or two years. So you should spare some money for this time and prepare your friends and family for this way. So that at the end of your preparation time all people in your familiar surroundings know what is going on in your life and expection not to much from you in your business start time. Last point and in my mind the most strongest point is the degree of idealism. Do you really want to do it? Yeah, it sounds very cool to be an Independent Developer, but it is a hard life (and of course one of the interesting life forms in our digital age). You must have a very high degree of idealism and love the things you do, so that you survive the pressure of learning new things all the time and work a lot. Maybe your usual standard of living will decrease, a car can become a luxury good or other consum goods like a big Flat-Screen can as well as become a luxury good. I think the lifestyle of an (Flash) Independent Developer has lot of similarties with the german movement of digitial bohemianism (German Homepage). I think or I hope the opening stages is the hardest time and when you pass this period, your life should become more stable. In general, I think you should have a few years (working) experiences before you start such a big project. If you are studying at the moment, try to get some experience and prepare your for this way. The years of study are very good, because you have an amount of spare time, you meet a lot of people (for doing networking) and you are familiar with a low standard of living. In this period of life it is easier for you to make sacrifices. ;-) The next blog post will deal with the risks of an (Flash) Indepentend Developer life. We will discuss which risks exist and how we can manage these risks :-)