abstractmachine

10 August, 2010

Multi-touch demo reel

Filed under: abstractmachine, atelier hypermedia, code, collaborators, design, hypertable, media design, student, workshop — Douglas Edric Stanley @ 19:18 pm

Monolithe - 2001 A Space Odyssey

Over the past year I have been working for Seconde Nature designing a public multi-touch platform via my Atelier Hypermédia in Aix-en-Provence. It’s a fairly ambitious project and involves many partners and most importantly, a whole bunch of students and researchers from five different schools/departments exploring interactivity from the perspectives of art, design, architecture or some combination therein. While I’ve been tooling away at the project in some form or another over the past 12 months, the production team was officially formed at the beginning of 2010 and still has about 6 months to go before completing the project with an exhibition planned for early 2011 in Aix-en-Provence and Marseille. In other words, we’re only at the half-way point and anything you see here should be considered highly work-in-progress, and purely experimental/speculative in nature.

That said, we have amassed enough material from the exploratory/workshop phase of the project to create the following document which can be considered a collection of ideas that we found interesting enough to record and group into this 20-minute demo reel. There were actually far more ideas explored than those you will see in this reel but they were unfortunately either lacking decent documentation or were simply too preliminary/unpolished. That said, many if not all of these ideas will need to be completely reworked during the production phase of the project. Only a few will be retained and most of those will be redesigned in collaboration with our content partners.

All of the projects were built within one of the four workshops, with each workshop lasting either 1 or 2 weeks. In total, this reel represents the accumulation of about 6 weeks of direct prototyping.

Download Video: HD quality: Mur Communicant.m4v iPhone compatible: Mur communicant iPhone.m4v Firefox compatible: MurCommunicant.ogv

4 June, 2010

Mur communicant

Filed under: atelier hypermedia, code, feed — Douglas Edric Stanley @ 10:00 am

- workshop DataFlow : 7 au 11 juin 2010
- workshop Communication : 23 mars au 2 avril 2010
- workshop Toucher : 8 au 19 février 2010
- workshop Mobilité : 1 au 5 décembre 2009
- années concernées : 3°/4°/5°
- avec la participation de Seconde Nature + FING + PACA Labs + ZINC + Digital Deluxe + villes d'Aix-en-Provence et de Marseille + Studio Lentigo ENSBAM + École Spéciale d'Architecture + École National Supérieure des Arts Décoratives + Media Design HEAD

- invités : Guillaume Stagnaro, Elizabeth Guyon, Stéphane Cousot, Pascal Chirol, Julien Gachadoat, Memo Akten

Objectif

Construire des usages et oeuvres innovants sur un support multi-touch urbain, le « Mur communicant ».

Contenu

Le mur communicant est un dispositif collectif d'exploration et de découverte. Il s'agit d'un grand écran interactif. Grace à son système de capture « multi-touch » on peut littéralement toucher l'image et en modifier ainsi son contenu. Le mur récolte des informations depuis de multiples sources (téléphone, Internet, capture vidéo, borne de saisie, etc) et les re-transforme en des visualisations tactiles. De cette façon le mur n'est pas hermétique ; au contraire il s'agit d'un carrefour d'informations, d'une carte temps-réel qui simplifie et rend tangible certaines informations et relations complexes (locales/globales) qui seraient trop difficiles à représenter sur l'espace réduit d'un ordinateur personnel ou d'un ordinateur de poche (smartphone). C'est un mur/écran urbain, qui crée des relations informationnelles adaptées à l'échelle du corps humain et qui relie des corps à leurs territoires.

Pendant l'année scolaire 2009-2010, trois workshops sont proposés autour de trois thèmes : mobilité (décembre), toucher (février), communication (mars). Des étudiants, chercheurs et artistes multimédia expérimenteront pendant cette période sur les contenus de ce nouveau type de support. A la suite des expérimentations, le mur sera construit dans sa forme définitive (été), avec des contenus adaptés (novembre), terminant avec une exposition (février/mars 2011) aux bibliothèques Méjanes (Aix-en-Provence) et Alcazar (Marseille). Divers suites du projet MP2013, divers festivals, etc. sont également envisagées, mais ne seront décidés qu'à la fin de la première année de développement du projet.

Partenaires du projet : Région PACA (financement) ; Seconde Nature (production) ; Atelier Hypermédia / École Supérieure d'Art d'Aix-en-Provence (rélisation) ; ZINC / La Friche (étude) ; Ville 2.0 / FING (expertise conseil) ; villes d'Aix-en-Provence et de Marseille (soutien) ; Studio Lentigo / École Supérieure des Beaux-Arts Marseille (expérimentation) ; École Spéciale d'Architecture, Paris (expérimentation) ; École National Supérieure des Arts Décoratives, Paris (expérimentation) ; Media Design / Haute École d'Art et de Design Genève (expérimentation).

Références bibliographiques

- Myron Krueger, "Videoplace", vidéo (http://www.youtube.com/watch?v=dmmx...)
- "Jeff Han demos his breakthrough touchscreen", vidéo (http://www.ted.com/talks/redirect?k...)
- "Multitouch Cell", vidéo (http://www.multitou.ch/)
- "8=8", vidéo (http://www.youtube.com/watch?v=Z8yF...)

- Douglas Edric Stanley, "Mur Communicant", document PDF (http://www.abstractmachine.net/docu...)

7 May, 2010

Paramkebi

Filed under: atelier hypermedia, code, feed — Douglas Edric Stanley @ 10:25 am

Ce programme démontre comment faire passer la souris à la partie opposée de l'écran, afin de pouvoir utiliser des trackball ou des souris hackés comme des roues qui peuvent tourner infiniment dans un sens ou dans un autre. Pour illustrer ce principe, nous utilisons la forme d'un paramkebi.

16 March, 2010

Two Line Element Sets

Filed under: atelier hypermedia, code, feed — Douglas Edric Stanley @ 17:15 pm

Voici un exemple vite-fait d'un globe avec des satellites autour. Cet exemple se base sur l'exemple Cop15 mais rajoute les positions des satellites via le site Celestrak en utilisant le principe des Two Line Element Sets. Cet exemple Processing a été créé pour illustrer un concept exploré lors du projet Mining The ElectroMagnetic Spectrum par Alejandro Duque et les étudiants en 2ème année (Morgane Guiard & Nicolas Durand).

8 February, 2010

Multitouch Experiences en vrac

Filed under: atelier hypermedia, code, feed — Douglas Edric Stanley @ 17:36 pm

Voici purgatoire des programmes perdus lors du workshop Toucher du projet Mur communicant.

7 February, 2010

Dessin génératif (AOC Hypermédia)

Filed under: atelier hypermedia, code, feed — Douglas Edric Stanley @ 18:24 pm

- 7,8,28,29 janvier + 4,5 février 2010 (impression papier)
- 15-19 mars 2010 (impression 3D)
- AOC Hypermédia : Dessin génératif
- Années concernées : 2°
- Equipe : Douglas Edric Stanley, Antoine Bollasina
- Invité : Marius Watz

Objectifs

Atelier pratique de dessin numérique. Apprentissage des techniques algorithmiques. Création de programmes informatiques. Impression des dessins sur support papier, puis par extrusion avec des formes physiques en relief/3D lors du projet Anti-datamining.

Contenu

L'Atelier Hypermédia propose aux étudiants en 2ème année une exploration du dessin numérique par le biais de la programmation informatique. Contrairement à la vision expansive du workshop Eniarof de l'année dernière, cet Apprentissage des Outils de la Création sera focalisé sur un seul aspect de l'hypermédia : le dessin génératif. Nous ne travaillerons ni l'interactivité, ni l'animation ; nous ne fabriquerons aucun gadget. L'idée est plutôt d'acquérir le plus rapidement possible les bases techniques pour focaliser sur une approche plastique de la génération de formes.

L'outil de base sera l'environnement open-source Processing, un outil conçu par des artistes et enseignants et art pour donner aux artistes et designers un accès plus rapide aux réelles capacités de nos machines contemporaines. Nous apprendrons ensuite comment préparer ces dessins pour l'impression, avec un travail en imprimerie pendant la phase finale.

Les techniques acquises pendant de ce AOC seront ensuite utilisés par les étudiants lors du workshop en mars avec l'artiste Marius Watz, où il sera question de la génération de formes physiques en relief, mais toujours en se servant du même outil (Processing) pour la génération des formes.

Particularités

Les machines sont fournies par l'atelier, et les logiciels entièrement gratuits. Nous recommandons néanmoins aux étudiants d'apporter leurs ordinateurs portables s'ils en possèdent.

Méthode d'enseignement

Démonstration, cours techniques, expérimentation, création

Méthode d'évaluation

Chaque étudiant doit créer une impression à partir d'un programme informatique généré dans environement de développement Processing.

Références bibliographiques

- "Processing", site (http://www.processing.org/)
- "OpenProcessing", code dépot (http://www.openprocessing.org/)
- "Processing", cours en-ligne (http://www.ecole-art-aix.fr/rubriqu...)

- "Processing Exhibition", blog (http://www.processing.org/exhibition/)
- "Creative Applications", blog (http://www.creativeapplications.net/)
- "Information Aesthetics", blog (http://infosthetics.com/)
- "Generator.x", blog (http://www.generatorx.no/)
- "Code & Form", blog (http://workshop.evolutionzone.com/)

- Casey Reas, "Software Structures" (http://artport.whitney.org/commissi...)

- "Manfred Mohr", site (http://www.emohr.com/)
- "Roman Verostko", site (http://verostko.com/)
- "Harold Cohen", site (http://www-crca.ucsd.edu/ hcohen/)
- "Casey Reas", site (http://reas.com/)
- "Ben Fry", site (http://benfry.com/projects/)
- "Marius Watz", site (http://www.evolutionzone.com/)
- "Robert Hodgin", site (http://www.flight404.com/)
- "Turux", site (http://www.turux.org)
- "Lia", site (http://www.liaworks.com/)
- "Jer Thorpe", site (http://www.blprnt.com/)

- Daniel Shiffman, "Learning Processing", 9780123736024
- Casey Reas, "Processing : A Programming Handbook for Visual Designers", 978-0262182621
- Kostas Terzidis, "Algorithms for Visual Design Using the Processing Language", 978-0470375488
- Ira Greenberg, "Processing : Creative Coding and Computational Art", 978-1-59059-617-3

- Ben Fry, "Visualizing Data", 978-0596514556
- Charles Csuri, "Charles A. Csuri Beyond Boundaries, 1963 - Present", 978-0978727505
- R. Klanten, N. Bourquin, S. Ehmann, F. van Heerden, "Data Flow", 978-3-89955-217-1
- Sol LeWitt, "Wall Drawings", 978-8889431597
- Sol LeWitt, "100 Views", 978-0300152821
- Nicholas Baume ed., "Sol LeWitt : Incomplete Open Cubes", 978-0262523110
- John Maeda, "Design by Numbers", 978-0262632447
- John Maeda, "Maeda@Media", 978-2878111866
- Edward R. Tufte, "Beautiful Evidence", 978-0961392178
- Edward R. Tufte, "Envisioning Information", 978-0961392116
- Edward R. Tufte, "The Visual Display of Quantitative Information", 978-0961392147
- Edward R. Tufte, "Visual Explanations : Images and Quantities, Evidence and Narrative", 978-0961392123
- Edward R. Tufte, "Visual & Statistical Thinking : Displays of Evidence for Decision Making", 978-0961392130

15 January, 2010

Cop15

Filed under: atelier hypermedia, code, feed — Douglas Edric Stanley @ 18:40 pm

Voici une petite animation Processing qui montre à peu près comment reproduire le célèbre logo du malheureux sommet écolologique Cop15. Le logo original a été construit également avec Processing.

11 December, 2009

Retranscription automatique

Filed under: atelier hypermedia, code, feed — Douglas Edric Stanley @ 16:40 pm

Cet exemple montre comment transcrire caractère par caractère un texte dans Processing. L'exemple kiwi tiré du Manifeste communiste peut être remplacé sans avarie.

Crénage

Filed under: atelier hypermedia, code, feed — Douglas Edric Stanley @ 15:29 pm

Cet exemple montre comment calculer la distance entre les caractères dans Processing. Il utilise les indications de crénage de la police, telles qu'elles auraient été écrites par le/la typographe.

30 November, 2009

ofxiphone+MapKit

Filed under: abstractmachine, atelier hypermedia, code, collaborators, student, workshop — Douglas Edric Stanley @ 22:33 pm

Today we began our week-long « Mobility » workshop at the Aix-en-Provence Art School. We kicked off the session this afternoon with a conference from Thierry Marcou, director of the Villes 2.0 project at Fing who gave a general overview of the major issues facing the city as it evolves in the current networked era, as well as techno-social experiments, services and creations illustrating these tendencies.

Then, starting tomorrow, we’ll be working in two groups exploring the question of Mobility from an artistic point of view, using either the iPhone/iPodTouch platform via OpenFrameworks, a specifially-designed GPS platformed designed by the Atelier 3D, or some combination of both.

While Memo Akten couldn’t be here this week (cf. Decode), he nevertheless was able to come two weeks ago to the Atelier Hypermédia and help me (actually, the other way around) write a MapKit addon for the ofxiPhone project. This is a pretty cool little addition which allows you to run the standard Apple+Google MapKit library from within OpenFrameworks, and (magically) without breaking either. This addon is already sitting in the current svn/git of ofxiphone if you’re geek enough, otherwise it should be available within the next few weeks when the OpenFrameworks download is updated.

ofxiPhone MapKit Addon Example

Next Page »