new media design & communication

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 !)

Google Chrome - Hal

Un court (très court) de Imaginary Forces, pour pro­mou­voir Google Chrome, le navi­ga­teur de Google.

Ca devrait être un moyen de le faire aimer, mais moi ca me fait plu­tôt pen­ser à HAL, vous en pen­sez quoi ?


Read More →

Dessine moi une chanson.

Un des plus beaux sites inter­net qu’il m’ait été donné de voir.

Soy tu Aire, de Labuat

Cliquez, pour faire un beau voyage.

Array

Array

Array


Read More →

The Conversation Prism

Array

Une vue d’ensemble inté­res­sante de l’ensemble des médias sociaux, et leur posi­tion­ne­ments respectifs.

On connait bien la majo­rité de ces sites, et les ser­vices qu’ils four­nissent, et mais il est plus déli­cat de les répar­tir, afin de créer une carte des sphères d’influences de cha­cun d’entre eux.

C’est chose faite avec ce superbe schéma, “The Conver­sa­tion Prism”, que vous pour­rez même pos­sé­der en affiche imprimée.

http://www.theconversationprism.com/


Read More →

Unity - Notre nouveau site !

Voila, c’est fait.

Nous avons enfin mis a jour notre site, pour le meilleur et pour le pire.

Nous sommes assez satis­faits du résul­tat, même si nous allons le faire encore évo­luer de manière assez conséquente.

Nous avons créé une plate-forme sur mesure, syn­chro­ni­sant son contenu avec Fli­ckr, et des bugs peuvent per­sis­ter. Soyez indulgents !

Nous vous décri­rons le fonc­tion­ne­ment de ce logi­ciel assez inté­res­sant bien­tôt, et pos­te­rons pro­ba­ble­ment le code source pour en faire béné­fi­cier le plus grand nombre.

Ren­dez vous sur http://www.unity.fr/ !

Array


Read More →

Tracychapman.com, tout en couleurs

Le nou­veau site de Tracy Chapman vous en fait voir de toutes les cou­leurs, au sens propre du mot : le site vous pro­pose de choi­sir vous même et colo­rier cha­cun de ses élé­ments, comme nous le fai­sions tous dans nos livres de coloriage :

Il pré­sente au départ une page tout au trait :

Array

Pour vous per­mettre de colo­rier tous les élé­ments à votre guise :

Array


Read More →

Poé-Jeu

http://polcarstva.net/ est un jeu en ligne poé­tique et explo­ra­toire, dans un superbe uni­vers illustré.

Il est dom­mage que nous ne com­pre­nions que peu les textes pré­sen­tés, mais la dou­ceur de les images devrait déja vous immer­ger dans un uni­vers de qualité.

Array


Read More →

Comme des champignons

New York se construit très rapi­de­ment, par­ti­cu­liè­re­ment sur Google Earth.

Des Tex­tures Haute défi­ni­tions et modèles de buil­dings sont ajou­tés tous les jours par des pas­sion­nés. un vrai tré­sor pour les expats, les fans de NY, ou tout sim­ple­ment les résidents.

Un petit coup de blues ?, une envie de se bala­der entre la 5ème et Madi­son ?
Direc­tion Goo­gleEarth, vous pour­rez presque faire du lèche vitrine…

A titre de com­pa­rai­son, voici deux pho­tos com­pa­rant l’avancée des tra­vaux.
Si seule­ment ca pou­vait avait pu avan­cer aussi vite dans mon appartement :)

New York il y a tout pile un an

Array

New York Aujourd’hui

Array

Source : Google Earth Blog


Read More →

Telus Xmas

Telus pro­pose une “petite” ani­ma­tion inter­ac­tive qui vous place aux com­mandes d’une machine magique à choi­sir un téléphone.

La ou cela devient inté­res­sant, c’est que vous aurez beau recom­men­cer, vous n’aurez pas deux fois la même ani­ma­tion, celle-ci change à chaque tour !

http://www.vimeo.com/2543837
Read More →

Recom

Un superbe tra­vail de concep­tion et inter­face pour le tout nou­veau site de RECOM, une des grosses socié­tés de Post-prod, et CGI en europe.

Le site est très ori­gi­nal, tout en res­tant infor­ma­tif, rapide et ergonomique.

Une magni­fique réa­li­sa­tion par Jung von Matt donc.

Recom


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 lit­tle cheesy, but it ans­wers 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 Boy­sen, sound desi­gner + com­po­si­teur de qua­lité, nous pré­sente Spheres Of Fury, co-produit avec Exil­lion.
La réa­li­sa­tion est du non moins fameux Chris­to­pher Hewitt, (ancien­ne­ment 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 nou­velle année, The Mill a repoussé les limites dans de nom­breuses créa­tions de qua­lité. Voici leur Sho­wReel 2010, résu­mant suc­cin­te­ment leurs tra­vaux 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: Publi­cis India
Exe­cu­tive Crea­tive Direc­tor: Emma­nuel Uppu­turu
Crea­tive Direc­tor: Anin­dya banerjee
Crea­tive Group Head/ Art Direc­tor: Ray­lin Valles
Copy­wri­ter: Emma­nuel Uppu­turu
Coun­try: India
(via DesignLenta)

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

No Comments

Pixar vs CollegeHumor

Devi­nez qui gagne…

(via Now­here Else)