new media design & communication

Silenzio in the sky with diamonds

[French version Here]

[Update]
— Silenzio wins an FWA Site of the day for September 16th
— Silenzio wins a DopeAward !
— Silenzio wins a Papervision Showcase Award !

Announcing Silenzio — http://www.silenzio.fr

We are so proud to present the new version of leading movie advertising agency Silenzio Communication’s web site.

We have, for the occasion, gone all out.
It features a whole bunch of technological feats, that we have lovingly crafted and implemented specially for the occasion.

If we only mentioned just a few :

SWFAdress, that puts back the “back” & “forward” buttons where they belong, and allows to use them to navigate the site. You can also bookmark every page, including search results.

Papervision 3D, that we tuned to the extreme, in order to provide the performance we needed to make idea exist (animate more than 300 high quality images simultaneously within an 3D space, while also handling physical deformations for each)

Remoting, to insure a swift and reliable loading

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

CSS3D, for the iPhone version. We are quite proud of this one, since it may very well be the first production site to use 3D css on an iPhone, providing a nice Coverflow experience for the movie posters.

We will detail this specific part in a blog post, check out for it !

Meanwhile, you can see this work live on http://www.silenzio.fr/

And here are a few screenshots, for good measure :

Array

Array

Array

Array

Silenzio in the sky with diamonds

[English version Here]

Silenzio — http://www.silenzio.fr

Nous sommes fiers de vous présenter la nouvelle version du site de l’une des plus grandes agences de publicité cinéma Françaises, Silenzio Communication.

Nous avons pour l’occasion sorti les habits d’apparat !
En effet, il comporte toute une série de petites fiertés technologiques que nous avons amoureusement préparées spécialement pour l’occasion.

Pour n’en citer que quelques-unes :

SWFAdress, qui rend les boutons “retour” opérationnels, et l’intégralité des pages du site bookmarkables, y compris la recherche.

Papervision 3D, optimisé à l’extrême pour supporter l’imposant besoin en ressources du concept créatif proposé (animer plus de 300 affiches en temps réel dans un espace 3D, tout en gérant les déformations de chacune)

Remoting, pour assurer une performance de premier plan au chargement du site

Flex, pour un back-end irréprochable

CSS3D, pour la version iPhone, et nous sommes fiers de proposer un site qui pour la première fois en production, propose une interface 3D à la Coverflow, présentant les affiches dans un mode ludique.

Nous détaillerons d’ailleurs bientôt cette technologie sur notre blog, revenez bientôt !

Vous pouvez voir tout ce travail en action sur http://www.silenzio.fr/

Voici quelques captures d’écran :

Array

Array

Array

Array


Read More →

Prowl for iPhone — Growl Push notifcations, Ninja style

[A l'attention des lecteurs francophones] Ce post sera en Anglais, car il est susceptible d’intéresser un lectorat international.

Yesterday, we’ve been playing with a newly released application for 3.0 Push-enabled iPhones. The name is Prowl, it’s Growl for your iPhone, And it’s a game changer.
It allows us to receive as push notifications our selection of message from twitter, mail, omnifocus, and realtime server alerts from our hosted servers (apache, memory and such alerts)

A bit of background

Growl is a widely used Mac OS X background service, that you can install and configure to display small notification bubbles in a corner of your screen whenever something happens. You can be notified of new mails, twitter notifications, new wifi networks network becoming available, a torrent download being completed…
In short, and thanks to many application’s built-in support, command-line access, or extras, almost anything you would want to be notified unobtrusively about.
intellij_growl.png

What Prowl offers you now is the possibility to push any of these Growl notification from your desktop as a push notification to your iPhone. As you can imagine, the ways you can use it are many, and are not limited to desktop notifications thanks to a few extras we’ll describe here. (Picture from Prowl website)
prowl1.jpg

How to Setup

Here is what we have setup so far, to keep the service both relevant 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 username and password.

You will then need to install the desktop part of Prowl, that exists as a growl plugin on Prowl’s installation page

You could now setup Growl to display any notification using Prowl, but we think that would be a mistake.
Growl can be chatty, and you don’t want every single notification pushed to your phone.

In the Growl preference pane, under Applications, you will find a list of every application that has sent some notification to growl in the past. Choose the applications you would like to be notified of, and click Configure…
aperture growl.jpg

You can either forward all notification, by going to Application Setting, and choosing Display Style: Prowl, or go into even more detail by going into Notifications, and choosing what events to be Displayed as Prowl.

Now, go to Display Options, and configure Prowl with the username and password you’ve chosen on Prowl’s site.

You can also choose refine what to display, and if you want to also display Prowl notification on your desktop in this page.
displayStyle.jpg

You should be all setup for Prowl now, click Preview, and test…

Sensible Usage

— Twitter.
You don’t want to receive notifications every time a new update from the people you follow is available. Chances are you are more interested by mentions and direct messages. That’s cool, because In Tweetie, our desktop client of choice, you are offered a fine setup allowing, you to be notified with just the type of events you’re interested in :

tweetie notifications.jpg

And if you use multiple accounts, you can even fine tune notifications for each of them.

— Omnifocus
Omnifocus for iPhone does not have Push notifications yet, but it does include Growl notifications for Due items, and that’s all we need for this setup.

— Server Monitoring
Here we used a rather convoluted setup to answer all of our needs.

First what we need to do is open up Growl’s preference pane again, and go to Network.
there you will activate “Listen for incoming notifications”, and “Allow remote application registration” and choose a password you’ll put also in your script.
growlnetwork.jpg

Open up on your Growl server’s firewall the following ports:
TCP 23052 and UDP 9887, only for your server’s IP.

Yes we know that’s not quite secure yet, but we’re refining that also.

Then, on each of our Linux Hosted servers, we installed a ruby gem, “ruby-growl”

We then wrote a very simple notification 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 verification and sanity checks in the coming days :)

Now you have to register the application to Growl, by using it at least once. name the file you created on your server 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 message should be displayed on your desktop. ain’t that cool.

Now, do not forget then to go back to Growl’s preference pane, in the Applications Tab and setup this newly created application (should be named “Server monitoring” as per the id given in the script)
Set it up with the “Prowl” display Style.

Test again. You should receive the notification. ain’t that even cooler.

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

But that would not display a notification on your desktop 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 displayed both on our iPhones, and all our macs.

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


Read More →

Macbook Blanche-Neige

Une idée cool pour habiller un macbook…

Array

Array

LübeckerJung Via Design You Trust.


Read More →

Office Pod

Un concept super sympa pour tous ceux qui vivent en dehors des grandes villes,

Un Bureau autonome, à placer au fond du jardin.

Bon évidemment, il faut accepter de ne pas bosser quand il pleut, ou 6 mois par an entre Octobre et Mars (au minimum), sinon le voyage vers la machine a café peut rapidement devenir désagréable.

Mais pour ceux qui bossent seulement l’été, à la campagne, dans un jardin, de 9 à 11h et de 16 à 18h, dans le sud, c’est un super concept.

A vendre tout de suite sur OfficePod

Array

Array

Array


Read More →

Si tu pompe assez fort, t’auras l’air d’un coureur…

Les dernières versions de la “nouvelle” interface de Windows 7 (qui est la nouvelle interface de Vista, qui était lui même la nouvelle interface de XP, qui était la nouvelle interface de Windows 95 etc… Ca nous rajeunit pas tout cela…)

Premier abord : Ca sent le toner de photocopieuse a 10 kilomètres.

En même temps, ca fait 10 ans qu’ils cherchent à innover et qu’ils n’y arrivent pas, chez Microsoft, donc a la fin, ils doivent en avoir eu assez, et s’être dit : on va faire comme d’habitude, on va recopier…

L’exemple en image :

Array


Read More →

Badges Arcade retro

Badges faits à partir de boutons de bornes d’arcade vintage.

Ca va vous rappeller des souvenirs de street fighter…

chez Supermandolini

Array


Read More →

La voix de son maître

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

Charles & Marie, 600$

Array

Array

Array


Read More →

CamSpace, et les manettes virtuelles

CamSpace est une société innovante qui propose aux Gamers et Casual Gamers (c’est a dire à peu près tout le monde), d’utiliser les Webcam de leurs ordinateurs pour ajouter un nouveau type de contrôle pour les jeux Flash et autres.

En gros, vous prenez n’importe quel objet, ou membre de votre corps, vous le faites “reconnaitre” par la caméra, en le plaçant devant le carré affiché à l’écran, et celui-ci devient détecté comme le serait une manette de Wii.

La technologie n’apparaitra donc pas nouvelle aux plus technophiles d’entre vous (se rappeller de l’EyeToy de Sony, pour Playstation par exemple).

La grande nouveauté vient du support de Flash, et de l’ouverture de facto à une audience quasi universelle.

En regardant la vidéo ci dessous, on imagine très bien le potentiel de ce genre de mini-games, en réseau ou pas.

Le support du Mac n’est pas encore implémenté, mais cela ne devrait tarder.

En bref, un concept prometteur, une implémentation encore jeune.


Read More →

iPhoto 09

Une leçon de simplicité et d’évidence :

Prendre fonctionnalités existant déja ailleurs, dans d’autres logiciels
(Facebook, Picasa, Flickr, etc…) mais uniquement utilisées par les Power-Users (Géo Localisation, Reconnaissance Faciale).
Combiner avec des Fonctionnalités utilisés par les utilisateurs (Tagging de photos Facebook, et une optique résolument grand public), et combiner tout cela pour fournir de nouvelles manières de naviguer et explorer les dizaines de milliers de photos que nous possédons.

Nous disposons maintenant d’une interface grand public pour trouver automatiquement toutes les photos prises à la fête à NeuNeu, ou encore toutes celles ou l’on voit la tête de Tata Janine.
En plus de cela, les infos rentrées par vos amis sur Facebook par exemple, seront récupérées par iPhoto pour améliorer la base de iPhoto

Array

L’innovation n’est pas d’inventer, mais de rendre accessible.

La Page Démo de iPhoto


Read More →

Before & After


  • Before & After

  • Archives

  • Contact

Recent Posts

February 28th 2010
Category: Uncategorized
Tags :

No Comments

Loc.alize.us

http://loc.alize.us Design & UI is a little cheesy, but it answers a real need : a good & simple flickr/google maps mashup.

January 12th 2010
Category: Uncategorized
Tags :

No Comments

Protéger et Servir

December 24th 2009
Category: Music, Video
Tags : , ,

No Comments

Du bon son qui tape, par HECQ

HECQ (A.K.A) Ben Lukas Boysen, sound designer + compositeur de qualité, nous présente Spheres Of Fury, co-produit avec Exillion. La réalisation est du non moins fameux Christopher Hewitt, (anciennement Dstrukt), avec Tim Brown. Bien bruyant et énervé comme on aime.

December 19th 2009
Category: Uncategorized
Tags :

No Comments

Alice+Tim+Johnny = Wonderland

November 7th 2009
Category: Uncategorized
Tags :

No Comments

The Mill — Showreel 2010

Pour encore une nouvelle année, The Mill a repoussé les limites dans de nombreuses créations de qualité. Voici leur ShowReel 2010, résumant succintement leurs travaux en 2009 The Mill

November 2nd 2009
Category: Marketing
Tags : ,

No Comments

Advertising in 2009

Tout est dit. via Michael Lebowitz

October 28th 2009
Category: Uncategorized
Tags :

No Comments

Pixar & Dreamworks

via tweetie

October 27th 2009
Category: Uncategorized
Tags :

No Comments

Going to work

via tweetie

October 26th 2009
Category: Advertising
Tags : ,

No Comments

Omax, lentilles Grand-angle

Client: Omax Agency: Publicis India Executive Creative Director: Emmanuel Upputuru Creative Director: Anindya banerjee Creative Group Head/ Art Director: Raylin Valles Copywriter: Emmanuel Upputuru Country: India (via DesignLenta)

October 26th 2009
Category: Funny, Video
Tags : , ,

No Comments

Pixar vs CollegeHumor

Devinez qui gagne… (via Nowhere Else)