1. links for 2008-03-18



  2. links for 2008-03-16



  3. links for 2008-03-15



  4. links for 2008-03-12



  5. links for 2008-03-08



  6. links for 2008-02-25



  7. links for 2008-02-17



  8. links for 2008-02-12



  9. Analog color selection, tangible interface and live performance

    colors-collection.png

    Today I helped Amandine to take some pictures in London Field for her work – at some point I asked her to take a picture with my hand, in front of it, selecting an object’s colour: this was a proper analog color selection. (The setup was for one of her work which should be published on her sketchbook this week)

    stuff-rainbow_1.jpg

    I would like to use this pink, please.

    Delicious Library let’s you scan your books’ barcodes to generate your collection (it gets the isbn out of it, and from the isbn, the software grabs the title and cover from the internet), using simply the iSight of your Mac.

    A bit in the same fashion, we could select a color by simply showing it to the computer. Clic! ColorBooth would let you then finetune the hue, saturation and brightness…

    delicious-library.png

    Somehow this idea of tangible interface is related with this video from Bob Dylan filmed by Pennebaker in 1965 where the text is displayed by the main characters of the music video story; the storytelling is essentially textual and I like it a lot. (thanks Patrick for the link)
    [youtube:http://youtube.com/watch?v=PedxiosPF8U]

    minorityreport.png

    Even when we first saw the movie Minority Report, the idea of having tangible interface was nothing new. Nonetheless this idea excited my mind quite recently, especially since I saw the various hacks and experiments using a wii controler – one of those is by Johnny Lee, in the video below he explain you how to track your fingers in the same fashion as Minority Report.

    [youtube:http://youtube.com/watch?v=0awjPUkBXOU]

    Another one, in a TED talk, by Jeff Han who shows a high-resolution multi-touch computer screen and the various new interactions modalities ipod/iphone like.

    touchscreen.png

    A few weeks ago, I have been invited by Maki to a talk he and Kajsa were organising at RCA for their student of visual communication. The talk was by Aurélien Froment, he was presenting a live film project – so it was like a performance. A bit like a scenario mixed with a storyboard, projected live in front of the audience amongst which Aurélien was sitting.

    aurelien_froment-setup.jpg

    The setup was quite simple: from the ceiling a hung camera was filming Aurélien’s desk where the show was taking place.

    [youtube:http://www.youtube.com/watch?v=qFd_bOjFgZg]

    Here is a picture of the desk after the performance with all the elements of the film’s project :

    aurelien_froment_desk.jpg

    He then showed a film he realised: a magician selecting images from a collection, playing around with them, in the same fashion as the Minority Report movie.
    Meeting Aurélien was quite exciting since his work and what he shown at RCA this afternoon was really close from questions and pieces I have been developping for sometimes now.



  10. links for 2008-02-03

    links20080203.png

    CountPosts v 1.0 – WordPress Plugin – Đukijev blog count visits on wp for each post (not when loged-in as admin) (tags: plugin wordpress statistics)

    Google (XML) Sitemaps Generator for WordPress (tags: wordpress xml google sitemaps)

    Street fashion photos from street style blogs. Feedshion collect the best street fashion photos from all the greatest street style blogs for your viewing pleasure. (tags: blog clothes fashion feed)

    r-echos » Blog Archive » Would-be skyscraper structure (tags: architecture volume preview)

    Latest Post from each Category plugin for WordPress · Dagon Design show the latest post for each category (tags: wordpress plugin category)

    r-echos » Beta version A new interface for R-Echos, with featured republished articles, most read articles and a visual zaitgeist (tags: internal interface beta r_echos visualisation project info_hub)

    YouTube – The Singing, Ringing Tree Blowing wind is making music (tags: art music sculpture outdoor)

    Objets livres [design éditorial] The printed thing considered as object. In french (tags: accessibility book design typography edition editorial_design)

    robotlab – art | installation | research Some very nice pictures of a factory’s robot used to draw portrait: the performance enlighten proprerties of both universe: automated production and art of portraiture (tags: robot drawing portrait representation art performance)

    Numéro deux – Wikipedia, the free encyclopedia ‘Am I a landscape or a factory’ Godard, via Amandine, about the industrial robot which draw portraits (tags: godard quote movie relationship)

    DesignNotes by Michael Surtees » 3 Sites That Had Me Thinking a nice way of introducting links and thoughts – the selected websites are very interesting too. (tags: site link blog)



  11. Time (mis-)conception and discoveries

    Recently I have been asked to create a non obstrusive interface for a kind of GTD – a 5 items list time elapsed representation.

    tasp-15112007.jpg
    (I am still on it – it should be coming soon…)

    I decided to use this a sa pretext to teach myself a bit of Java and to pull the gears on Processing – much more suitable for people like me to learn and develop things.
    This was also the occasion for a brilliant personnal discovery:

    The Time

    As I was programming a bit of server side things, I knew aleady a bit about Unix timestamp, and how it is used, and why we need such time representation. What I did not know is that Unix Timestamp is not the only one out there:

    * January 1, 1 – Symbian epoch (using microseconds) and Microsoft .NET’s DateTime epoch. Also used as base date in REXX counting days. This epoch is known as Rata die.
    * January 1, 1601 – Windows’ Win32 file time-stamp epoch (using 100-nanosecond ticks). COBOL date/time function epoch.
    * November 17, 1858 – VMS epoch and the base date of the Modified Julian Day used in celestial ephemerides by the United States Naval Observatory and other astronomy organizations.
    * December 31, 1899 – Microsoft Excel epoch, using the Julian calendar leap year rule for 1900 (hence with leap day February 29, 1900) and the Gregorian calendar for the years 1901 – 9999 ; thus for dates from 1 March 1900 a time is stored as the number of days in the Gregorian calendar from December 30, 1899, 00:00; optionally Microsoft Excel can also use the Apple Macintosh epoch, which avoids the complication by starting later; its count of days is 1462 less.
    * January 1, 1900 – Network Time Protocol epoch. IBM CICS epoch. Microsoft Excel (and Lotus 1-2-3) technically consider the epoch of December 31, 1899 as January 0, 1900 or a serial date of zero (consequently, December 31, 1899 cannot be used). January 0, 1900 can be processed and formatted in Excel Worksheets, just as any other date.
    * January 1, 1904 (local time) – Apple Macintosh epoch, through Mac OS 9. Palm OS epoch. According to Martin Minow,[4]

    January 1, 1904, was chosen as the base for the Macintosh clock because it was the first leap year of the twentieth century. [...] This means that by starting with 1904, Macintosh system programmers could save a half dozen instructions in their leap-year checking code.

    * January 1, 1960 – S-Plus
    * January 1, 1970 – Unix epoch, Mac OS X, Java.
    * January 1, 1978 – AmigaOS epoch [1]
    * January 1, 1980 – MS DOS, OS/2, and other environments supporting a FAT file system encoding dates from 1980 up to 2107 in 16 bits.
    * January 6, 1980 – Qualcomm BREW and the GPS epoch.[5]

    (Retrieved from Epoch#Computing on Wikipedia)

    Each of those epoch represent or more exactly are the result of a decision process which is argued, logical and aimed at solving specific issues (apart maybe the FAT16, but that might be purely a personnal hate since the morning I lost all my work for my Bachelor – it’s also why I switched to Apple, so maybe I should be a bit more grateful to FAT-whatever-its-number).

    While I was googling on the topic in the search of date/time conversion for processing/java, I came across a very nice ressource I enjoyed reading:
    Date and time in Java – http://www.odi.ch/prog/design/datetime.php which I am quoting below:

    UNIX time stamps are the number of seconds that have elapsed since midnight 1.1.1970 UTC. Uh… here appears a “date”. Never mind, we’ll get to that in a minute. Java’s java.util.Date class effectively encapsulates a UNIX time stamp. It represents a point in time by a millisecond counter in a 64 bit long variable. While 32 bit representation on UNIX will overflow in 2038 the 64 bit signed long will last for roughly another 18 billion years. Please note that the all the deprecated methods and constructors of the Date class should never be used. They are from a time when the Sun people were confused about time themselves. javax.management.timer.Timer has some convenient constants for the most used millisecond values.

    As Unix Timestamp is a 32 bits based time encoding – its overflow limit (the kind of y2k bug) is in 2038. You can spread the word and advertise this fact by wearing this:
    tshirt.jpg

    There’s not that many useful info about date and time on processing.org website (I might be wrong however – I am certainly, please correct or update in the comment), so I thought I would share a bit of my diggings and notes:

    Basics of time in Processing:
    int NOW = year()+month()+day()+hour()+minute()+second();

    Here are a few class you might like to check – they contain essential things when you want to talk Time with Processing
    import java.util.Date;
    import java.util.Calendar;

    it’s usefull to have this in hand:
    int ONE_HOUR = 3600000;
    int ONE_MINUTE = 60000;
    int ONE_SECOND = 1000;

    This let’s you write “in 8 hours”:
    Date in8Hours = new Date(now.getTime() + 8L * ONE_HOUR);



  12. I wish this ceiling would be connected to parameters.

    light_13-09-07_0958.jpg
    I wish this ceiling would be connected to parameters.

    I am sure you know already about the Nabaztag.

    This device reacts to information, it acts as a tangible filters to information flows on your network and transform them into a audio or visual signal, diffused into your real world – allowing you to go away from the computer to focus on your ‘analog’ things and come back only when this very email you were waiting for has arrived: you are alerted by the bunny on your desk.

    To be honnest: this little rabbit that talks to me or glow in the dark… it just makes me feel stupid. To me it’s not really something I would like to have to interact with. It really feels like being in Disneyland – except it’s at my home, on my desk… sounds like a nightmare!

    But, despite my reluctance I have to recognise I am completely amazed by the gigantic potentials of the brand new applications which arise with intelligent objects.

    On the other hand we could imagine subtle yet meaningful modification of our direct environment, (light coloring or dimming, for example) depending on alteration of our electronic presence. Design and culture to the rescue if I could say so: in fact, I just saw a few pictures from the exhibition of lamp by Ingo Maurer on lightscapes on http://maxspace.funporium.com/ which inspired me to share these reflections.

    One of the first thing which came to my mind is the LightHives project by Alex Haw (another Bunkerer), even if Light Hive goes more about surveillance and community, while those application I’m referring to are more attached to the personal sphere and are a private representation – both share the basic principle of an abstract representation of a live activity

    I wrote a bit about electronic presence and digital objects a little while ago on my personnal hub – but not as much as I talk about those topic everyday when working at Electronest; we should definitely write more about the ideas, concepts and projects that emerged since we started those discussions with Pierre.

    Refering to electronic presence and digital objects is all about expanding conceptual boundaries and design process:

    using terms like ‘electronic presence’ or ‘digital objects’ which are going beyond the simple scope of the web page design. The term ‘electronic presence’ does not only refer to an url with fancy images and well designed logotypes. ‘Electronic presence’ is closer to a global attitude towards digital mediums and cultures embrassing from the simple home page to the electronic installation (tangible computing) through customized content managment systems, home made software, generative application, etc.
    An essential curiosity glues all the separates aspects of a digital communication together and supports the communication expertise background. A website can be an extension or a representation of an activity in real life.

    Lights or simple lamps could then be connected to the local network, and represent events that otherwise coul go unnoticed. It could be a violent reminder, or simple and discreet light dimming. By using light reflection on color, we could use the ceiling as a silent echo of what is happening on the other side of the screen.


    LED Benches
    Ingo Maurer, 2002
    Glass, LEDs.



    LED Wallpaper
    Ingo Maurer, 2007
    Plastic film with conductive circuits, LEDs.

    note: People behind the Nabaztag seems to be more clever than the aesthetic and culture their rabbit promotes; they have a Nabaztag API. Maybe I just should remove the plastic shell of that hideous thing and play with it a little bit…

    edit: roof is the outdoor bit, ceiling the interior one – well well…



  13. r-echos – micro map – information/interface design

    r-echos

    Inside the side bar a sort of micro-map of the page has been inserted; it works as follow:

    - the color are representative of categories, it gives a glimpse of the repartition of the topics on the page , with no clear indications about what the topic is (point to work around and fix)
    - on roll over, if an image is present in the post, it’s displayed along with the title of the post
    - by clicking on the expanded coloured surface you expand the corresponding article on the left

    The ideas it brings: The multi-categorised post should possess many colours, or – maybe – a gradient fill. The tags used for each post could modify the hue of the post as well – but on a more subtle way (there it needs a kind of semantic bundles of tags – à la delicious). Also it needs a more restrictive set of rules to distinct and establish colour’s categories.
    The access to the information leads almost directly to the researched article’s page because of the link directly on the title – might be a good idea to move the link to the post inside the layer, and use the javascript which extend the layer there as well, instead. The sidebar should follow the scroll, meta-information should be removed from it and transfered to a place right under the Header (where there’s already 3 of them recently displaced) – in an unique layer which would be opened/close and populated by some h2 button in the sidebar; the sidebar remaining a simple navigation tool with no content at all inside.
    On another hand, an ajax-like interface might be useful to populate article on the fly instead of (hard) loading everything from the beginning. This might allow the interface to incorporate much more articles at once. The sidebar could then remains permanent and host some specific tools – like note taking, bookmarking, etc.



  14. Beautifully simple: Maureen Paley website and information’s layers

    maureenpaleycom1.png

    A re-interpretation of the traditionnal tree representation by Damien Poulain and I – this design pushed the tree listing representation a bit further, adding simple yet effective visual enhancement of information’s layers and sub menues.

    maureenpaleycom2.png

    The minimalism and apparent classical simplicity trough the choice of colors and typography is counter balanced by the menu elements coming on top when hovered.

    picture-1.png



  15. Beautifully simple: Maureen Paley website and information’s layers

    maureenpaleycom1.png

    A re-interpretation of the traditionnal tree representation by Damien Poulain and I – this design pushed the tree listing representation a bit further, adding simple yet effective visual enhancement of information’s layers and sub menues.

    maureenpaleycom2.png

    The minimalism and apparent classical simplicity trough the choice of colors and typography is counter balanced by the menu elements coming on top when hovered.

    picture-1.png



  16. Beautifully simple: Maureen Paley website and information’s layers

    maureenpaleycom1.png

    A re-interpretation of the traditionnal tree representation by Damien Poulain and I – this design pushed the tree listing representation a bit further, adding simple yet effective visual enhancement of information’s layers and sub menues.

    maureenpaleycom2.png

    The minimalism and apparent classical simplicity trough the choice of colors and typography is counter balanced by the menu elements coming on top when hovered.

    picture-1.png