http://blog.unity.fr/wp-content/themes/unity

new media design & communication

Silenzio in the sky with diamonds

[French version Here]

[Update]
— Silen­zio wins an FWA Site of the day for Sep­tem­ber 16th
— Silen­zio wins a DopeA­ward !
— Silen­zio wins a Paper­vi­sion Show­case Award !

Announ­cing Silenzio — www.silenzio.fr

We are so proud to present the new ver­sion of lea­ding movie adver­ti­sing agency Silen­zio Communication’s web site.

We have, for the occa­sion, gone all out.
It fea­tures a whole bunch of tech­no­lo­gi­cal feats, that we have lovin­gly craf­ted and imple­men­ted spe­cially for the occasion.

If we only men­tio­ned just a few :

SWFA­dress, that puts back the “back” & “for­ward” but­tons where they belong, and allows to use them to navi­gate the site. You can also book­mark every page, inclu­ding search results.

Paper­vi­sion 3D, that we tuned to the extreme, in order to pro­vide the per­for­mance we nee­ded to make idea exist (ani­mate more than 300 high qua­lity images simul­ta­neously within an 3D space, while also hand­ling phy­si­cal defor­ma­tions for each)

Remo­ting, to insure a swift and reliable loading

Flex, for a per­fect back-end (you won’t see this one)

CSS3D, for the iPhone ver­sion. We are quite proud of this one, since it may very well be the first pro­duc­tion site to use 3D css on an iPhone, pro­vi­ding a nice Cover­flow expe­rience for the movie posters.

We will detail this spe­ci­fic part in a blog post, check out for it !

Meanw­hile, you can see this work live on www.silenzio.fr/

And here are a few screen­shots, for good measure :

Fli­ckr Tag Error: Call to dis­play photo ‘3861835980’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Fli­ckr Tag Error: Call to dis­play photo ‘3861052729’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Fli­ckr Tag Error: Call to dis­play photo ‘3860158928’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Fli­ckr Tag Error: Call to dis­play photo ‘3860122748’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Silenzio in the sky with diamonds

[English version Here]

Silenzio — www.silenzio.fr

Nous sommes fiers de vous pré­sen­ter la nou­velle ver­sion du site de l’une des plus grandes agences de publi­cité cinéma Fran­çaises, Silen­zio Communication.

Nous avons pour l’occasion sorti les habits d’apparat !
En effet, il com­porte toute une série de petites fier­tés tech­no­lo­giques que nous avons amou­reu­se­ment pré­pa­rées spé­cia­le­ment pour l’occasion.

Pour n’en citer que quelques-unes :

SWFA­dress, qui rend les bou­tons “retour” opé­ra­tion­nels, et l’intégralité des pages du site book­mar­kables, y com­pris la recherche.

Paper­vi­sion 3D, opti­misé à l’extrême pour sup­por­ter l’imposant besoin en res­sources du concept créa­tif pro­posé (ani­mer plus de 300 affiches en temps réel dans un espace 3D, tout en gérant les défor­ma­tions de chacune)

Remo­ting, pour assu­rer une per­for­mance de pre­mier plan au char­ge­ment du site

Flex, pour un back-end irréprochable

CSS3D, pour la ver­sion iPhone, et nous sommes fiers de pro­po­ser un site qui pour la pre­mière fois en pro­duc­tion, pro­pose une inter­face 3D à la Cover­flow, pré­sen­tant les affiches dans un mode ludique.

Nous détaille­rons d’ailleurs bien­tôt cette tech­no­lo­gie sur notre blog, reve­nez bientôt !

Vous pou­vez voir tout ce tra­vail en action sur www.silenzio.fr/

Voici quelques cap­tures d’écran :

Fli­ckr Tag Error: Call to dis­play photo ‘3861835980’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Fli­ckr Tag Error: Call to dis­play photo ‘3861052729’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Fli­ckr Tag Error: Call to dis­play photo ‘3860158928’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Fli­ckr Tag Error: Call to dis­play photo ‘3860122748’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Read More →

Prowl for iPhone — Growl Push notifcations, Ninja style

[A l’attention des lec­teurs fran­co­phones] Ce post sera en Anglais, car il est sus­cep­tible d’intéresser un lec­to­rat international.

Yes­ter­day, we’ve been playing with a newly relea­sed appli­ca­tion for 3.0 Push-enabled iPhones. The name is Prowl, it’s Growl for your iPhone, And it’s a game chan­ger.
It allows us to receive as push noti­fi­ca­tions our selec­tion of mes­sage from twit­ter, mail, omni­fo­cus, and real­time ser­ver alerts from our hos­ted ser­vers (apache, memory and such alerts)

A bit of background

Growl is a widely used Mac OS X back­ground ser­vice, that you can ins­tall and confi­gure to dis­play small noti­fi­ca­tion bubbles in a cor­ner of your screen whe­ne­ver some­thing hap­pens. You can be noti­fied of new mails, twit­ter noti­fi­ca­tions, new wifi net­works net­work beco­ming avai­lable, a tor­rent down­load being com­ple­ted…
In short, and thanks to many application's built-in support, command-line access, or extras, almost any­thing you would want to be noti­fied unob­tru­si­vely about.
intellij_growl.png

What Prowl offers you now is the pos­si­bi­lity to push any of these Growl noti­fi­ca­tion from your desk­top as a push noti­fi­ca­tion to your iPhone. As you can ima­gine, the ways you can use it are many, and are not limi­ted to desk­top noti­fi­ca­tions thanks to a few extras we’ll des­cribe here. (Pic­ture from Prowl web­site)
prowl1.jpg

How to Setup

Here is what we have setup so far, to keep the ser­vice both rele­vant and useful.

First, create an account on Prowl's registration page, and then download the app on the AppStore. Launch it once to enter your user­name and password.

You will then need to ins­tall the desk­top part of Prowl, that exists as a growl plu­gin on Prowl's installation page

You could now setup Growl to dis­play any noti­fi­ca­tion using Prowl, but we think that would be a mis­take.
Growl can be chatty, and you don’t want every single noti­fi­ca­tion pushed to your phone.

In the Growl pre­fe­rence pane, under Appli­ca­tions, you will find a list of every appli­ca­tion that has sent some noti­fi­ca­tion to growl in the past. Choose the appli­ca­tions you would like to be noti­fied of, and click Confi­gure…
aperture growl.jpg

You can either for­ward all noti­fi­ca­tion, by going to Appli­ca­tion Set­ting, and choo­sing Dis­play Style: Prowl, or go into even more detail by going into Noti­fi­ca­tions, and choo­sing what events to be Dis­played as Prowl.

Now, go to Dis­play Options, and confi­gure Prowl with the user­name and pass­word you’ve cho­sen on Prowl’s site.

You can also choose refine what to dis­play, and if you want to also dis­play Prowl noti­fi­ca­tion on your desk­top in this page.
displayStyle.jpg

You should be all setup for Prowl now, click Pre­view, and test…

Sensible Usage

— Twit­ter.
You don’t want to receive noti­fi­ca­tions every time a new update from the people you fol­low is avai­lable. Chances are you are more inter­es­ted by men­tions and direct mes­sages. That’s cool, because In Tweetie, our desk­top client of choice, you are offe­red a fine setup allo­wing, you to be noti­fied with just the type of events you’re inter­es­ted in :

tweetie notifications.jpg

And if you use mul­tiple accounts, you can even fine tune noti­fi­ca­tions for each of them.

— Omni­fo­cus
Omni­fo­cus for iPhone does not have Push noti­fi­ca­tions yet, but it does include Growl noti­fi­ca­tions for Due items, and that’s all we need for this setup.

— Ser­ver Moni­to­ring
Here we used a rather convo­lu­ted setup to ans­wer all of our needs.

First what we need to do is open up Growl’s pre­fe­rence pane again, and go to Net­work.
there you will acti­vate “Lis­ten for inco­ming noti­fi­ca­tions”, and “Allow remote appli­ca­tion regis­tra­tion” and choose a pass­word you’ll put also in your script.
growlnetwork.jpg

Open up on your Growl server’s fire­wall the fol­lo­wing ports:
TCP 23052 and UDP 9887, only for your server’s IP.

Yes we know that’s not quite secure yet, but we’re refi­ning that also.

Then, on each of our Linux Hos­ted ser­vers, we ins­tal­led a ruby gem, "ruby-growl"

We then wrote a very simple noti­fi­ca­tion script, shown just here :

#!/bin/env ruby
require 'rubygems'
require 'ruby-growl'
 
growl_server = YOUR_GROWL_SERVER_HOSTNAME
growl_password = YOUR_GROWL_SERVER_PASSWORD
source = ARGV[0]
title = ARGV[1]
message = ARGV[2]
 
g = Growl.new growl_server, "Server monitoring", [source], nil, growl_password
g.notify source, title, message

It’s quite quick and dirty, but it gets the job done, we’ll add veri­fi­ca­tion and sanity checks in the coming days :)

Now you have to regis­ter the appli­ca­tion to Growl, by using it at least once. name the file you crea­ted on your ser­ver notification.rb for example, and call it :

chmod +x notification.rb
./notification.rb "Apache monitor" "This is a test for apache monitor" "This is the message's content"

Test. The mes­sage should be dis­played on your desk­top. ain’t that cool.

Now, do not for­get then to go back to Growl’s pre­fe­rence pane, in the Appli­ca­tions Tab and setup this newly crea­ted appli­ca­tion (should be named “Ser­ver moni­to­ring” as per the id given in the script)
Set it up with the “Prowl” dis­play Style.

Test again. You should receive the noti­fi­ca­tion. ain’t that even cooler.

An alter­na­tive would be to directly notify Prowl, using a script they’ve developed and made available, prow.pl.

But that would not dis­play a noti­fi­ca­tion on your desk­top machine, as we want to, so that is a no go for us. The point in this setup is to have the server’s alerts dis­played both on our iPhones, and all our macs.

That’s only the tip of the ice­berg, and we only have used this ama­zing app for a day.
We will add more use cases as we think of them (or as you tell us your ideas !)


Read More →

La voix de son maître

Bon,
La crise, connait pas, trop d’argent sur le compte, déja donné beau­coup aux bonnes oeuvres.
Vous ne savez plus quoi faire ? voici pour vous don­ner des idées un dock iPhone/iPod. Beau. Cool. Cher.

Charles & Marie, 600$

Fli­ckr Tag Error: Call to dis­play photo ‘3313755268’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Fli­ckr Tag Error: Call to dis­play photo ‘3312928293’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Fli­ckr Tag Error: Call to dis­play photo ‘3312928629’ failed.

Error state follows:

  • stat: fail
  • code: 98
  • mes­sage: Inva­lid auth token

Read More →

iPhone Ocarina — Stairway to heaven

Tous ceux qui ont un iPhone savent que la majo­rité des appli­ca­tions iPhone servent à rem­plir les dif­fé­rentes pages de votre télé­phone de bou­tons, et pas grand chose d’autre.

Mais cer­taines appli­ca­tions, même si elles sont risibles au pre­mier abord, comme par exemple un simu­la­teur d’Ocarina, peuvent révé­ler une pro­fon­deur insoup­çon­née :
Voici un groupe jouant le fameux titre de Led Zep­pe­lin en live.

YouTube Preview Image

Read More →

iTuners, à vos caddies.

Allez Hop, tout le monde sur iTunes !!

Apple fait du charme et se prend pour Saint Nico­las, en orga­ni­sant la semaine des cadeaux.

La Super­Se­maine com­mence le 26 décembre, et finit le 6 jan­vier. Donc en plein dans la période des fêtes. Ils sont forts chez Apple.

Comme Ils font tout mieux que tout le monde, et si vous avez fait les comptes, vous ver­rez que leur semaine dure 12 jours, et que pour cha­cun de ces jours qu’Apple fait, un nou­veau cadeau sera télé­char­gable direc­te­ment sur iTunes.

C’est tout sym­pa­thique, cha­leu­reux et tout et tout, ça per­met­tra de télé­char­ger tous les jours quelque chose de sym­pa­thique en digé­rant les orgies fes­tives de la veille.

Vous pour­rez avoir plus de détails sur www.itunes12joursdecadeaux.fr/


Read More →

Google Earth + iPhone

Google Earth sur iPhone.
Dis­po­nible dans l'AppStore
YouTube Preview Image


Read More →

Before & After


  • Before & After

  • Archives

  • Tweets

Recent Posts

February 7th 2011
Uncategorized
Links

Superbowl XLV Ads

All of the Super­bowl ads in one place

December 28th 2010
Uncategorized
Links

If we don't, remember me

Taking 3 conti­guous stills from a movie, and tel­ling a story. Very cool.

December 25th 2010
Uncategorized
Links

The design behind the design

Desi­gning expe­riences. How sto­ry­tel­ling can help a design get the mood right

December 25th 2010
Uncategorized
Links

Autocorrect horror stories

December 25th 2010
Uncategorized
Links

Dieter Rams : The ten principles of good design

December 14th 2010
Uncategorized
Links

jQuery face detection

Impres­sive & Disruptive.

December 12th 2010
Uncategorized
Links

The bacon enthusiast guift guide

December 10th 2010
Uncategorized
Links

The rules of a gentleman

December 10th 2010
Uncategorized
Links

Days with my father

Utterly Moving.

December 5th 2010
Uncategorized
Links

30 motion tests in 30 seconds

  • Contact

  • Flickr Scrapbook

    NaousaSantorinWelcome to Zurich.We just ordered & ate ALL of this.Res PublicaAt last...BoutiqueProfil d'un amiOnglet FacebookApplication iPhoneBourse d'échangePrise de photoProfilCapuccinoCocaCola - Daft PunkCocaCola - Daft PunkCocaCola - Daft PunkCocaCola - Daft Punk