Totale extase was de juiste beschrijving van mijn  toestand na de bijeenkomst London calling van de Adobe User Group Nederland. In een uitverkocht pakhuis de zwijger hadden ze de  meest gerenommeerde  en toonaangevende bedrijven uitgenodigd uit London om een presentatie te geven. De uitgenodigde bureaus waren B-reel London , Unit 9,  the Mill en AkQA.  Elk Bureau liet in een uur zien waar ze mee bezig waren en dit was zeer indrukwekkend. Ik zal elk bureau met een project kort toe te lichten en wat mij het meest opviel.

B reel London
Voor Honda maakte B reel een HTML5 beleving waarbij je elementen aan elkaar moest verbinding om een ketting reactie te creëren. Tijdens de presentatie werd het publiek mee genomen tijdens het creatie proces. Ze gaven aan dat het bouwen van de applicatie in HTML5 de ontwikkelaars veel kopzorgen bezorgden door de updates van verschillende browsers. Bij elke update moest het werk weer aangepast worden om weer uitvoerbaar te worden op alle browsers. Ook moesten er vele video’s worden geschoten om de verschillende ketting reacties vast te leggen. De kip kreeg veel te verduren.

Klik hier om de embedded video te bekijken.

Unit 9
Voor een anti rook campagne voor de ministerie van gezondheid haalde unit 9 de legendarische Koji Morimoto (Akira, Animatrix )binnen om een campagne te maken. Anime is gigantisch in Frankrijk  en dit was de basis voor een samenwerking met Koji Morimoto. Samen maakte ze deze interactieve beleving waarbij het verhaal de boodschap moest vertellen.

Klik hier om de embedded video te bekijken.

the mill
Voor het bedrijf red gate had the mill een campagne ontwikkeld die bestond uit een 14-delige space komedie, een quiz en een reis naar de ruimte. Deze campagne was specifiek gericht op de gebruikers van red gate , de data base ontwikkelaars. Het concept klopt van begin tot einde. En is een goed voorbeeld van je verdiepen in de doelgroep.

Klik hier om de embedded video te bekijken.

AKQA
AkQA gaf een case studie aan de hand van de dual screen game, star player die ze voor Heineken maakten. Ze moesten een ervaring meegeven aan de gebruiker die niks met alcohol en bier  te maken had maar een die de beleving van voetbal bevatten . Hier bij was de doelgroep niet de diehard supporter van club X maar de casuele thuis kijker.

Klik hier om de embedded video te bekijken.

Foto in het begin van deze post via Flickr van Adobe User Group.

Na een korte introductie door Bert Hagendoorn van de Adobe User Group begon Timan Rebel van Mobypicture met een enthousiast en zeer duidelijk verhaal over wat HTML5 nou eigenlijk is en hoe het gebruikt wordt. Als interaction designer met weinig HTML-ervaring vond ik dit een zeer geslaagde opening van de meeting.

Rebel noemde een aantal voorbeelden waar HTML5 in combinatie met CSS3 zeer goed mee om kan gaan, bijvoorbeeld geolocation, drop shadows en rounded rectangles (nice!).

Een aantal andere voordelen van HTML5:

• de code ziet er veel eenvoudiger uit dan voorheen
• de browser kan zelf tekeningen genereren
• standaard ondersteuning drag- en dropfuncties
• meerdere namespaces in één document (bijvoorbeeld <h1> kan vaker gebruikt worden)
• video kan nu afgespeeld worden in de browser; geen Flash meer voor nodig
• werkt goed met 3D, graphics en effecten

HTML5 biedt dus behoorlijk wat verbeteringen vergeleken met zijn voorganger maar heeft ook nog wat belangrijke zaken waaraan gewerkt moet worden. Een groot nadeel is dat er geen universele codecs zijn gedefinieerd. Om video te embedden moet je dus bijvoorbeeld drie keer de codec beschrijven. Onder meer door dit nadeel geeft Rebel aan dat HTML5 geen heilige graal is maar wel cool is! Ik denk dat ‘ie gelijk heeft…

De volgende sprekers, Gijs Winkel en Bram de Dijk van These Days, gingen in op de campagne die zij voor Microsoft hebben ontwikkeld om Internet Explorer 9 te promoten. Winkel begon met de vraag wie in de zaal IE8 of IE9 als standaardbrowser heeft ingesteld. Dat waren er toch wel een stuk of nul. Dat gaf al aan dat het een zware klus wordt om developers en gebruikers te overtuigen IE9 te gaan gebruiken. These Days heeft echter wel een goede campagne (Framerate Fest) neergezet om dit te bereiken. HTML5 is momenteel trending topic en maakt het mogelijk om complexe bewerkingen en animaties zonder ingewikkelde scripts of browser plug-ins weer te geven. De ingebouwde hardwareversnelling in Internet Explorer 9 maakt het mogelijk om nog meer de grenzen op te zoeken van wat er tot nu toe mogelijk is. Door deze koppeling tussen HTML5 en IE9 kan je developers zelf achter de voordelen van IE 9 laten komen: een slim concept met een leuke interactieve website, waarop 10 HTML5 frames live staan, die zijn ontwikkeld door verschillende leading HTML5 developers. Met deze frames worden andere developers uitgedaagd om hun eigen frame te ontwikkelen en te uploaden naar de site.

Een pijnlijk moment was dat de browser vastliep tijdens de presentatie, terwijl ze ons probeerde te overtuigen IE9 te gebruiken. En gezien de tweets op het scherm in de zaal zien mensen IE9 (nog) niet zitten, maar wie weet wat deze campagne voor elkaar gaat krijgen. We gaan het zien…

Na een korte onderbreking begon een voor mij onbegrijpelijk verhaal van Mike de Boer van Ajax.org/Cloud9. Hier hadden meer mensen in de zaal last van:

Gelukkig waren er genoeg mensen die het wel snapte… Ik heb veel enthousiaste reacties gehoord uit de zaal en ook collega’s Johan (Flash Developer) en Klaas (Front End Developer) waren zeer te spreken over deze case. Het mooie aan Cloud9 vonden zij dat deze teksteditor die draait in de cloud ook open source is, offline te gebruiken is en het sociale aspect eraan; projecten zijn makkelijk te delen en publiceren. Ook gaf Mike nog een aantal handige links: html5demos.com, html5boilerplate.com en modernizr.com.

Peter Nederlof van Lost Boys gaf vervolgens een entertainende presentatie over onder andere nieuwe API’s in HTML5 en Canvas en liet wat mooie HTML5-experimentjes zien. Een mooi voorbeeld was het uploaden van een vierkant plaatje, dat vervolgens met behulp van Canvas in HTML5 transformeerde in een geroteerd plaatje met schaduw en spiegeling.

Peter had ook nog een aantal mooie trippende demo’s van bewegende en draaiende lijnen en kubussen en gaf aan dat “designers zich uit kunnen leven en de developers het wel maken!”.

HTML5 experimenten van Peter en anderen: http://html5app.com/blog/?tag=peter-nederlof

Ook de Noor Daniel Mahal van UNFOLD had het publiek aan zijn lippen hangen met zijn droge uiteenzetting van zijn experimenten. Interessant en tevens grappig was de totstandkoming van Rumpetroll, een zeer uitgebreid multiplayer experiment in HTML5/Canvas/JS en websockets, een virtuele chatbox waarbij je rondzwemt en praat als een zaadcel. Dit experiment heeft het zelfs geschopt tot Site of the Day bij FWA in november 2010 en dat is gaaf!

Ook gaaf was het experimentje dat Daniel in het vliegtuig op weg naar Amsterdam in elkaar geknutseld heeft: The Chase Control, een simpel websocket experiment met iPhone controllers, waarbij meerdere gebruikers met wifi en een iPhone een object kunnen besturen binnen één omgeving.

De laatste spreker, Serge Jespers van Adobe, begon met het geven van wat nieuwe Adobe tools. Daar zaten een aantal interessante ontwikkelingen bij:

• MUSE: tool voor designers, waarbij je HTML5 apps kan maken zonder te coderen
• EDGE: animeren met HTML5
• Wallaby: Flash-bestanden omzetten naar HTML5
• Webkitverbeteringen met betrekking tot typografie; je kan bijvoorbeeld een afbeelding verplaatsen op je iPad en text wrapping past de tekst rond de afbeelding aan.

Een goede tip was nog Net Averages van Adobe. Dit is een reporting service die inzicht biedt in de laatste internettrends en helpt je daarmee je web- en mobile projecten te optimaliseren. Visueel gezien ziet deze site er ook sterk uit.

Daarnaast ging Serge in op de strijd tussen Flash en HTML5. Dit worden vaak als concurrenten van elkaar gezien, maar ik denk dat het per project bekeken moet worden wat het meest geschikt is. Voor dit soort dingen moet je natuurlijk gewoon bij Flash zijn. Daarnaast kunnen Flash en HTML5 ook heel goed samenwerken met elkaar, kijk maar naar deze supervette clip van de Japanse band Sour. Nog leuker: doe zelf mee in deze clip!

Al met al vond ik het een zeer geslaagde meeting. Wat ik jammer vond is dat er vooral experimenten werden getoond en niet meer voorbeelden zoals de onwijs gave website van Arcarde Fire voor het nummer ‘We Used To Wait’.

Ik kijk alweer uit naar de volgende meeting, die over fotografie zal gaan! Nog een vraag aan jullie: wat denken jullie: gaat HTML5 Flash vervangen of blijven ze naast elkaar bestaan?

Alhoewel, XL… Door de huidige hoge werkdruk op HQ hebben we een groot deel van het programma moeten skippen, waardoor het eerder een S-je werd, maar toch nog steeds de moeite waard! Want onder andere waren daar aanwezig:

Monster Black Box. Deze heren hebben de ambitie om eens en voor altijd af te rekenen met de diverse fustraties die heersen binnen het creatieve proces. De Art Director wil weten welke (technische) consequenties een bepaalde creatie heeft, de developer voelt er zich dikwijls te laat bij betrokken, terwijl de Project Manager gewoon overal van op de hoogte wil zijn… Daarom schuimt MonsterBlackBox wereldwijd de Adobe happenings af om feedback te verzamelen voor deze (nog steeds in Beta) applicatie, waar artwork, feedback, kleine aanpassingen e.d. heel snel via AIR of Mobile gedeeld kunnen worden met het hele team. Er zat ook een timelogfunctie, een to do-lijst en zo in. De demo zag er slick uit, dus ik ben alvast fan. Check ook eens hun site waar je zelf ook kan meehelpen aan de ontwikkeling…

Media Machine. “Hoe kan je het best Maxon Cinema 4D en Adobe After Effects laten samenwerken?” was het thema van deze uiteenzetting. Via multi- vs single pass rendering bijvoorbeeld. “Waren dit nu nerds of geeks, en wat is het verschil tussen de 2?” was veeleer de vraag die ik aan dit concours overhield. Hmmm… tough one.

Champagne Valentine is een creative digital agency uit Amsterdam die vooral heel erg vrij creatief werk levert voor o.a. Placebo. Al zijn ze naar eigen zeggen geen fan van het werk van Brian Molko, toch hadden ze een flitsende interactieve music video in elkaar gestoken. Er was ook een site voor een artiest die exposeerde in het Tate Modern, een paar demo’s voor Picnic Festival, en een experiment met texturen in Second Life (je weet wel, van vroeger).

De laatste die ik nog wou meepikken was Pascal Leroy van Group 94 uit Gent. Hij wou het liever over zijn pinballmachinecollectie hebben, gelukkig ging het toch over de tal van fotografieportfolio’s die hij en zijn team met zekere regelmaat uitspuwen. Alhoewel sober van opzet, blinken ze vooral uit in de heel erg afgewerkte, subtiele en intuïtieve manier van navigeren, zodat men eerder het gevoel krijgt van naar een expositie te kijken ipv naar software.

Het illustreerde ook wel het voordeel van deze conferenties, waar je de mensen achter het werk kan leren kennen, wat heel leerrijk is. Nerds zien er nog steeds uit als geeks (en omgekeerd), die kerel van Champagne Valentine lijkt weggelopen uit zijn eigen creaties, terwijl Leroy even compromisloos als zijn sites geen probleem heeft met oneliners als “5 jaar geleden haatte iedereen Flash intro’s, net zoals iedereen nu een hekel heeft aan PaperVision.” Sweet!

zo was er Virtual Fairground die hun Club Galactik voorstelde, een franse gamingsite voor kids rond het thema streetvoetbal. Naast de visuele stijl die neigt naar anime, is ook de technologie erachter opmerkelijk. Er werd namelijk gebruik gemaakt van parallelle threading, dat maar ongeveer een vierde van de loadingtijd nodig heeft als seriele threading. Vooral handig als je 3-dimensionele en geanimeerde avatars wil gebruiken. De technische kant was wat minder mijn meug, maar check even collada.org en je weet er alles van.

Een andere interessante spreker was Wim van der Plas van Hogeschool Utrecht, met een uiteenzetting over de geschiedenis van gamen, van Pong tot Pacman tot Wii. Hij gaf hierbij ook nog een boekentip weg. Want voor wie zich in de theorethische kant van de sociologische toekomst van het gamen wil verdiepen: Age of Spiritual Machines van Ray Kurzweil. Of een zekere performance artist genaamd Stellar, die wel bezig is met exoskeletten Borg-installaties en zo, maar op internet echter totaal onvindbaar blijkt. Terloops veegde hij nog even de vloer aan met de cultfilm Johhny Mnemonic. De term cyberspace (de term komt van William Gibson, schrijver van dit het JM-script en Neuromancer) zou gedateerd zijn omdat het anno vandaag geen afgesloten virtuele computerwereld is geworden, maar integendeel volledig in ons dagelijkse leven is geïntegreerd.

Een mooi voorbeeld hiervan was trouwens de projectie van alle #aug-related tweets, die real time comments spuide over het ongoing event. Of de case van ene Daniel, zaakvoerder van KamerBlauwLicht Studio, die zich specialiseert in AR-games (as in Augmented Reality). Middels een 25 Dollar kostend Adruino hardwarepakket, Director en Flash koppelt hij zijn fietspomp aan zijn PC, en hopla, hij houdt een aantal creaturen in de lucht! Zijn Tip van de Dag was Denno Coil. Een japanse animefilm a la Akira over augmented reality. Denno Coil dus, zeker kijken!

En toen kwam nog een Huis van Anubis-spel met een 3D 360˚ panorama viewer in AIR van thePharmacy, en nog heel, heel veel meer technische stuff.