Ricksmuseum

…en het is een campagne-site voor de hogescholen Van Hall Larenstein die ik in 2004 bouwde toen ik bij Fabrique werkte. Een ontwerp van Renate Frotscher.

Klik voor de interactieve versie

Als of mijn schema nog niet helemaal vol zat in augustus ben ik ook nog eens uitgenodigd voor het Adobe AIR Summer Camp. Precies tussen de opnamedagen van Het Lab door…. en de KRO heeft nog wel zo gezegd dat je die dagen moet gaan slapen… Ga ik zeker doen, maar dan wel in een kasteel in België omringt door mede programmeurs en guru’s. Hopelijk heb ik genoeg energie om een vette app neer te zetten want dat levert dan een reisje op naar Barcelona voor het Adobe MAX 2007 event in oktober :-) heeeeeeeeelp! ademhalen……. Laat ik eerst maar eens zorgen dat ik binnen twee dagen m’n huidige Flex projecten afrond zodat ik met een gerust hart naar Siggraph kan maandagochtend.

Afgelopen weekend deed ik mee aan een META Workshop in Amsterdam. META staat voor Making-Electronic-Thingies- in-Amsterdam. De workshop onder leiding van Tom Schouten ging over het genereren van televisie signaal met behulp van de programmeertaal Forth en een PIC chip. Bekijk het filmpje voor een sfeerimpressie.

http://www.makingelectronicthingiesinamsterdam.nl/

Date: 26th-27th of May
Time: 10.00h - 18.00h.
Place: Steim

Subject: Forth TV
This workshop will stand in the light of the forth interpreter on the pic chip. Forth enables you to program your pic life and thus edit and see the changes in behavior right away. By learning to control tv tubes with forth this workshop will cover..

1. introduction forth, the forth toolchain.
1. interactivity, giving commands and updates to a live system
2. modularity, solve problems in pieces and interactive testing
2. technical applied,
1. electronic 2 bit DAC with resistors for 4 levels (sync,b/w,grey)
2. logic, PAL sync & stuff
3. software, interrupts (hsync timer) & multitasking
3. individual project, build some pic powered visuals with the knowledge gained.

Forth on Wikipedia.

Teacher: Tom Schouten
Tom Schouten is an independent software developer and artist based in Leuven, Belgium. His main interests are in generative systems, more specificly programs and devices that produce artistic works. His current efforts are concentrated on creating a series of special purpose programming languages. One of them is based on FORTH and runs on a pic microcontroller.
Tom at goto10

Participants:

1. Niels Wolf
2. Heerko van der Kooij
3. Marc Boon
4. Joost Broersen
5. Sylvain Vriens
6. Rick Companje
7. Kwon Byung Jun
8. Dirk van Oosterbosch
9. Jan-Kees van Kampen
10. Aymeric Mansoux
11. Pieter Heremans
12. Roger Muskee
13. Sander Trispel
14. Marloes de Valk
15. Bart Gloudemans

ForthTVCode produced during the workshop.

Omdat het luciferspel één van de allereerste spelletjes was die ik schreef voor mijn destijds al 10 jaar oude Sanyo MBC 555 computer in 1994, heb ik een soort van nep-emulator gemaakt zodat je het luciferspel kunt spelen precies zo als ie toen ook werkte.

(als ie niet direct werkt, klik er dan even op met de muis)

Bekijk hier de originele source code.

Lees verder voor wat extra info over die oude Sanyo MBC 550/555 van me.

Lees verder…

In 2004 heb ik meegewerkt aan de website van Drugsweb. Een erg frisse informatieve website om jongeren te informeren over alcohol, drugs en gokken en de mogelijke gevolgen van het gebruik.
Het flitsende flash menutje die opzij scrollt zodra je klikt is van mijn hand.

Koningin Beatrix opent Beeld en Geluid gebouw
Hilversum – Vrijdagavond 1 december aanstaande opent Koningin Beatrix het nieuwe gebouw van het Nederlands Instituut voor Beeld en Geluid.
Het nieuwe gebouw huisvest de audiovisuele collectie van Nederland en de Beeld en Geluid experience, waar bezoekers de wereld van televisie, radio, film en muziek zelf kunnen ontdekken. Vanaf zaterdag 2 december is Beeld en Geluid open voor publiek… [www.beeldengeluid.nl]

De afgelopen tijd heb ik opdracht van ontwerpbureau Fabrique gewerkt aan een van de attracties voor de Beeld en Geluid experience. Het gaat om de “ScriptMachine“, een tool waarmee kinderen uit een hele berg multimedia materiaal een storyboard voor hun eigen film, documentaire of nieuwsuitzending kunnen samenstellen.

“Met beelden, teksten en geluiden je eigen verhaal vertellen: dat kan in de Scriptmachine! In zes stappen kies je de beelden, voeg je effecten toe en regel je dat het geluid goed staat. Het resultaat kun je direct online bekijken, doorsturen of uit je printer laten rollen.”

Tijdens het laatste half jaar van mijn bachelor Interaction Design in 2004 ontwikkelde ik “De tijdslijn” voor het Rijksmuseum. Toen der tijd een presentatie van de Nederlandse Meesterwerken uit de Gouden Eeuw, maar zo gebouwd dat ie zo weer van de plank gehaald kon worden. En dat is nu gebeurd. En hoe!

‘De Tijdslijn’ is weer helemaal terug, en als nooit tevoren! Ontwerpbureau Fabrique heeft ‘m nieuw leven ingeblazen. Op basis van mijn oude code en gedachtengoed, maar wel met aantal sterke verbeteringen. Zo is de filter nu een stuk prominenter maar vooral intuitiever, staan de scrollbalkjes voor het reizen door de tijd en het kiezen het detailniveau op een betere plaats en valt er per kunstwerk een heleboel te lezen en te zien.

Een visuele reis door de tijd, langs belangrijke personen, gebeurtenissen en thema’s: een combinatie van de canon en de presentatie in het nieuwe Rijksmuseum. Deze special van het Nederlandse verleden in internationale context zal met regelmaat uitgebreid worden. (www.rijksmuseum.nl)

De Rijksmuseum “tijdlijn, tijdbalk, tijdslijn of timeline”

Lees meer over de tijdslijn…

Haha, duikel ik zojuist hier mijn allereerste Flash filmpje op uit 2002:

Paul Neave heeft weer iets cools! Je kent ‘m misschien van Flash Earth (Google Earth in Flash). Nu heeft ie een TV zender via Flash met ‘live’ videofeeds van YouTube, Google Video en Blip.tv. Let op de fantastische distortion effects tijdens het kanalen switchen.

http://www.neave.tv

I started experimenting with the GMail API and it rocks!
We’re going to use this API in our Petri-Jungle E-volution project to create life-forms from e-mail. More info follows.

[code lang=”PHP”]$gmailer = new GMailer();
if ($gmailer->created) {
$gmailer->setLoginInfo($gmail_acc, $gmail_pwd, $my_timezone);
if ($gmailer->connect()) {
// $gmailer->fetchBox(GM_STANDARD, “inbox”, 0);
// $gmailer->fetchBox(GM_LABEL, “Globe4D”, 0);
// $gmailer->fetchBox(GM_CONTACT, “all”, 0);
$gmailer->fetchBox(GM_QUERY, “To:Nico”, 0);
$snapshot = $gmailer->getSnapshot(GM_STANDARD);
//echo print_r_xml($snapshot);
print_r($snapshot);
[/code]

The output is a snapshot object like this:
[code lang=”PHP”]
GMailSnapshot Object
(
[created] => 1
[gmail_ver] => cd4adb3001353850
[country] =>
[google_name] => Rick Companje
[have_invit] => 96
[quota_mb] => 1760

[quota_tot] => 2743
[quota_per] => 64
[quota_col] => #006633
[gmail_tip] => Shortcuts: …………

[personality] => Array
(
[0] => Array
(
[name] => Rick Companje
[email] => ……………….

[default] => 1
[reply-to] =>
[verified] => 1
)

)
[label_list] => Array
(
[0] => 3voor12
[1] => ARP Mailing
[2] => Cijfers.net
[3] => Domeinen
[4] => Events

[5] => Fabrique
[6] => Flash
[7] => FlexCoders
[8] => Globe4D
[9] => Hardware
[10] => HHS
[11] => Kamer zoeken

[12] => Lasergame
[13] => Links
[14] => Lowlands 2004
[15] => Lowlands 2005
[16] => Nieuwsbrieven
[17] => Nieuw Zeeland
……..
[view] => 11
[box_name] => Search results for: To:Nico
[box_total] => 190
[box_pos] => 0
[box_display] => 20
[box_query] => To:Nico

[queried_results] => 1
[box] => Array
(
[0] => Array
(
[id] => 10c67372660b17a8
[is_read] => 0
[is_starred] => 0

[date] => 10:28 am
[sender] => Draft
[flag] =>  
[subj] => goed nieuws gmail api
[snippet] =>

[msgid] => 10c67372660b17a8
[labels] => Array
(
[0] => ^r
)

[attachment] => Array

(
)

[long_date] => Thu Jul 13 2006
[long_time] => 10:28 AM
[is_chat] => 0
[chat_length] =>

)
[/code]

Ja joh die stress… Ik heb wat Flex en Flash klussen aangenomen… er moet immers geld binnenkomen voor eten enzo ;-). En eigenlijk zijn ze ook heel leuk en belangrijk.

En verder ben ik nog steeds uren per week bezig met Globe4D. We hebben een paper en video ingestuurd naar de ACM Multimedia 2006 conferentie in California. Heel erg benieuwd. Op www.globe4d.com staat een filmpje, maar dat is niet dezelfde die we ingestuurd hebben. Maar geeft je op zich wel een goed beeld.

Verder ben ik nog met een semester project bezig voor m’n studie. We maken een ‘Interactive Emerging Garden’ waarbij je je in een virtuele tuin (projectie) bevindt waar allemaal wezentjes/planten/dieren whatever zijn waar je interactie mee hebt. Die interactie is niet direct actie-reactie maar heeft een geschiedenis. Je wordt herkend door de wezentjes, die hebben dus bepaalde herinneringen aan je (of van de vorige keer dat je er was, maar ook van alle andere bezoekers). Ze zijn zelf-lerend en mogelijk nogal kritisch. Het emerging d’r aan is dus dat je op een gegeven moment de verbanden kwijt raakt. Het begint met simpele regeltjes maar het gedrag wordt hoe langer hoe complexer en onvoorspelbaarder, maar als het goed is wel heel verrassend…. Zoiets… dus…

Een ander ding waar nog een beetje tijd gaat zitten is het Making Art of Database vak dat ik heb gevolgd bij Joel Ryan. We schrijven op dit moment een paper over onze 3D-Morphogenesis die we gaan insturen naar Information Aesthetics… We hebben iets gedaan met op L-Systems gebaseerde vormen (boom-achtigen) die hun oorspronkelijke vorm krijgen door karakteristieken van omgevings-/en gegeneerde geluiden en daar vervolgens ook op bewegen (dans-achtig). Die bewegingen maken ook geluid en komen dus weer binnen bij het systeem, wat het cirkeltje weer rond maakt. Er ontstaat een interessante feedback-loop van geluidmakende vormen die op hun eigen geluid/bewegingen dansen en ook tegelijkertijd te beinvloeden zijn door geluid van buitenaf.

Pfoew… en dat is nog niet eens alles… Maar het is allemaal leuk en daar gaat t om :-)

Gisteren was ik trouwens naar V2 / Tentplaza in Rotterdam waar een tentoonstelling is over Electromagnetic bodies! Kunstwerken met als thema electromagnetisme. Super! Het duurt nog t/m zondag! Ga daar!

Wat een bizarre dag was dit zeg… Vroeg begonnen en lang doorgegaan, maar wel veel bereikt:

• Bezig met het opzetten van een docu-wiki website voor Globe4D
• Het Image-processing script verbetert. Zie [SmartImage-source] en [Continenten-source]
• Jaartallen en tijdperken toegevoegd rond om de bol (zie video)
• Gewerkt met Photoshop Scripting. Lekker in VBScript, JavaScript of AppleScript Photoshop aansturen! Veel meer mogelijkheden dan met Photoshop Actions. [Globe4D-Photoshop-Scripting-source]

Vandaag hebben Daniel en ik de tussenresultaten van TravelTrace gepresenteerd!

TravelTrace is een Rich Internet Application die wij ontwikkelen in Flex 2.0a.

Dit is tot nu toe even wat ik er over wil zeggen:

1. TravelTrace is behoorlijk cool aan het worden!
2. Flex 2 rules (hoewel nog wel buggy, maar dat mag bij een alpha)

Wie nu al meer wil weten mag mailen of een berichtje achter laten. :-)

ZOOM, Nederlands eerste magazine over digitale fotografie en video, gebruikt mijn open source PiPiView polaroid viewer voor de persoonlijke web fotoalbums van hun lezers!

http://album.zoom.nl/

Bekijk hier een willekeurig voorbeeld van PiPiView op iemands fotoalbum

Since two months now I am a happy Processing user. But at the Spark Europe 2005 event in Amsterdam I found out that Flash 8 has become a really good alternative…

So there is a chance that this will be my last Processing app… snif…

See it work
View the source

It uses a nice trick to leave an alpha trail. It doesn’t clear the screen with background(0) but it draws a rectangle with an alpha of 20. So it takes 5 frames to clear the screen.

fill(0,0,0,20); // 20 is alpha
rect(0,0,width,height);

The historical timeline for the website of Rijksmuseum Amsterdam was my first serious Flash project. At that time I was working for Design Studio Fabrique where I graduated on this project for my BSc study Interaction Design in The Hague in 2004.

Rijksmuseum wanted to present the information about the art-historical objects from their collection on their website in several different online presentations. It was important to make the relations between time, art-works, periods in time, historical events and artists visible for the users of the website in a very interactive way.

One of the presentations Fabrique suggested was a timeline. The Timeline should be very interactive and dynamic. Interactive for the users, dynamic for the editors at the museum so they could easily create new compositions of related information. Rijksmuseum was enthusiastic and the Timeline became my graduation project.

The timeline covers a period of time and shows pictures of art-works. These art-works are in direct relation with the important artists of that time as well with the historical periods and events. The relationship becomes even clearer when the user makes a data selection. The user can for example choose only the paintings to be visible or only the works of a certain artist. Furthermore the hall were an art-work is being exposed or the subject being painted can serve as selection criteria.

One of the most important functionalities of the time is the possibility to zoom in on a certain period. The editors of the museum can choose which level of detail is available for the users.

The zoom level with the least detail is the one when all art-work and periods are visible in one overview. On the most detailed level only a very small period of time is visible. At this level you get a precise view of which art-work has been made in which year, which artists were active and which historical events happened.

  

A detailed description is available of each art-work. Clicking on an object will show an enlargement of the picture with the description and extra details.

The timeline was developed while Flash MX 2004 just became available. Flash MX 2004 closed the gap between designers and developers. Flash had finally grown up and could now be used to create serious web applications.

The timeline consists of a set of interface components working closely together, but are separated according to the Model View Controller principle. The art-historic data is being retrieved from an enormous XML database. A thematic selection of this data is made by the editors and stored in the server’s cache. Users can apply filters to narrow the selection.

Technical challenges of this project were to create instantly a large amount of visual objects and to distribute these objects evenly over the screen. To let the timeline work smoothly it was necessary to use well considered structured and indexed data within Flash. Another challenge was the communication between the several interactive presentations. It had to be possible to switch easily between these presentations making use of the same data and filters. The hundreds of pictures the timeline uses are scaled by an advanced image server which takes care of all the pictures used on the Rijksmuseum website.

The website of the Rijksmuseum, with the timeline as an eye-catcher, has been awarded several times. Soon after the launch of the new website, Rijksmuseum won two German awards, an iF Award and a Red Dot Award. It also won an American ADC Award and was nominated at Europrix and SAM Awards. The website has also been added to the Dutch Design Selection 2005.

See it work:
http://www.rijksmuseum.nl/collectie/meesterwerken (click on ‘Timeline’ on the bottom of the Masterpieces popup window)

Rijksmuseum Timeline

About Rembrandt’s painting…

Ik heb een project van eind 2004 weer opgepakt, voorheen TrackLog, nu omgedoopt tot TravelTrace.

Samen met Daniel Kuster (student Computer Science) werk ik hieraan in opdracht voor het vak Human Computer Interaction. Het is een vrije opdracht waarbij het interface ontwerp centraal staat.

TravelTrace is een applicatie op internet waarmee een reiziger (doelgroep 1) het verloop van zijn reis kan bijhouden vanaf locatie, bijvoorbeeld een internetcafé. Op deze manier kan de reiziger ‘het thuisfront’ (doelgroep 2) op de hoogte houden.
Het uitgangsprincipe is een kaart van het land of gebied waar de reiziger zich bevindt. Op deze kaart wordt de afgelegde reisroute zichtbaar gemaakt door middel van ‘hotspots’ met daartussen verbindingslijnen. Een hotspot is een plek op de kaart waarbij bijvoorbeeld een verhaal of een aantal foto’s te zien is. In beeld bevindt zich een tijdbalk die loopt vanaf het begin van de reis tot aan de laatste update. Afhankelijk van de grootte van de kaart zal deze niet in zijn geheel zichtbaar zijn, maar worden bestuurd met behulp van een miniatuurweergave van de kaart. De besturing zal ook plaats kunnen vinden via de cursortoetsen op het toetsenbord.
De twee doelgroepen gebruiken de applicatie op een verschillende manier. Het ‘thuisfront’ beschikt over een interface waarmee ze de reis alleen kunnen volgen, de verhalen kunnen worden gelezen en de foto’s worden bekeken. De reiziger zelf heeft daarnaast de beschikking over ‘editing tools’, waarmee nieuwe hotspots (met bijbehorende foto’s en verhalen) aangemaakt kunnen worden.

Mogelijke uitbreidingen op de applicatie zijn het kunnen wijzigen van het detailniveau van de kaart (in- en uitzoomen) en een zoekfunctie naar tekst. Ondersteuning van geluidsfragmenten is ook een mogelijke functionaliteit. Laatstgenoemde functies worden enkel uitgewerkt wanneer er tijd over is.

Op Lowlands 2005 werd de eerste Texelse Boys SMS Roman gelanceerd. Op www.smsroman.nl lees je de laatste status, vorderingen, nieuwe plannen etc.

Dit was m’n plan met de site voor Nieuw Zeeland (www.nieuwzeeland.org).
Het is nooit afgekomen…

Life and Works gehad!!! [donderdag 16 december 2004, 10:09u]
Gisteren was ik jarig! 25 geworden! Het was een grandioze dag! M’n Life and Works bij Fabrique was een groot succes en de afterparty bij mij thuis was ook reuze!

Benieuwd naar m’n Life and Works???