La réponse est que le moment que vous placez vos données dans n’importe quel contenu soit nuage/livre de notes/réseau social/classeur/stockage portatif, la vie privé est déjà affectée. La numérisation des infos est le même processus que d’écrire sur une page où l’historique de n’importe quel source ou phénomène observable subisse un prolongement d’existence; ce qui encourage la découverte. Alors, c’est la longueur de la vie des données qu’affect la vie privé le plus, même si le niveau d’accès l’affecte aussi.

Qu’en pensez-vous?

Étape 1 – La promesse que l’outil est là, prêt à utiliser.

Étape 2- Attendez, il ne reste qu’àccèder son compte pour de vrai.

Étape 3 – Attendez, ce lien est tellement cliquable.

Étape 4 – Attendez, c’est meilleure de cliquer un deuxième lien.

Étape 5 – Attendez, les liens de texte sont fatiguants. Voiçi un lien visuel!

Étape 6 – Merci d’avoir utiliser l’outil super-facile. Voiçi le dictionaire.

Pendant ce temps, dans un location secret…une autre personne qui a déjà utilisé cet outil est en train de faire quelque chose moins enquiquinant…

L’amour des co-équipiers est compliqué…

C’est dans le cadre de la 4e édition de la Semaine de la publicité que plusieurs agences de Montréal ont ouvert leur portes aux étudiants de niveaux collégial et universitaire afin de de leur permettre de connaître l’industrie publicitaire et ses différentes facettes créatives, stratégiques, médiatiques, interactives, etc. C’était le 27 janvier dernier.

Phéromone était donc de ces agences “ouvertes”. Sept étudiants de l’UQÀM et de l’Université de Montréal ont bravé une charmante pluie verglaçante pour venir nous rencontrer. Leur profil était surtout axé service clientèle, commandite et design. Ils étaient allumés, sympathiques et articulés… bref, une belle mouture de gens qui nous ont momentanément fait oublier l’apocalypse extérieure!

Nous leur avons présenté notre manière de penser et de faire. Ils ont accroché! Ils nous ont à leur tour présenté leur manière de penser et de faire. Nous avons accroché! Comme quoi la vie est bien foutue, non? J’ai l’impression que l’enseignement universitaire est conscient de la réalité du milieu et transmet le bon langage, les informations à jour et les bonnes connaissances aux étudiants. Ils sortent donc de leur école tout beaux, tout frais et surtout… bien préparés!

S’ouvrir, c’est non seulement se montrer soi-même, mais aussi être à l’écoute. C’est une belle qualité que les agences devraient toutes chérir parce que la relève, elle, semble déjà l’avoir assimilée! Bravo.

P.S. Un gros merci à mes acolytes Kathleen, Mathieu et Boris qui ont fait des présentations de projets géniales… you rock!

L’idée : Une librairie commune ( box2d ) pour des applications identiques .
Les outils : Cocos2d-javascript, Phonegap et Adobe Flash .
Le support : iPad 2 .

Globalement, le ‘Hello World’ pour ces trois outils est relativement facile .
Les tutoriaux disponibles sur le web pertinents, le plus compliqué restant le deployement sur le ‘device’,
et là encore Apple explique le tout très simplement .

Pour ce qui est du résultat, la vidéo est assez explicite, peu de différences majeures, un avantage pour l’application compilée par Adobe Flash pour ce qui concerne le traitement de la couche graphique des blocs ( ici des jpg ). La version box2d.js pour Safari domine pour ce qui est de la réactivité à la ‘caresse’ de l’appareil . Grisant . La version Phonegap, légèrement moins réactive, reste très efficace . Cocos2d.js termine un peu en dessous pour ce qui est de la performance .

Liens:
http://cocos2d-javascript.org/
http://phonegap.com/
http://www.adobe.com/products/air.html
http://developer.apple.com/
http://box2d.org/

Fort de cette première expérience, j’ai travaillé sur un prototype similaire (sources), ou le javacript remplace l’actionscript, pour un mode de communication client-serveur (node.js). Conventionnel.

Les acteurs:

• Un serveur ( nodejs ) actif, accessible par deux ports distincts .
• Un client, application qui diffuse les coordonnées de l’utilisateur de la kinect.
• Un autre client, page web, à la réception des données .

Le serveur:

// Le serveur est disponible via le port:8124 pour la reception des données kinect
// et implémente la valeur de la variable public data_kinect :

var data_kinect = ‘null’;
var net = require(‘net’);
var server = net.createServer(function (socket)
{
socket.addListener(“connect”, function() { console.log(“connect “); });
socket.addListener(“data”, function(data) { data_kinect = String(data); });
});

server.listen(8124, “127.0.0.1″);

// Il est également ouvert sur le port:4000

var io;
io = require(‘socket.io’).listen(4000, ’127.0.0.1′);
io.sockets.on(‘connection’, function(socket) {});

// et diffuse le contenu de data_kinect aux ‘client_kinect’

setInterval(function(){ onLoop() }, 33);
var onLoop = function(){ io.sockets.emit(‘client_kinect’, { args: data_kinect } ); }

La Kinect:

Développée en C#, cette application retourne les coordonnées ( skeleton ) de la premiére personne détectée, ainsi que les ‘slide’ main-gauche : de gauche à droite et ‘slide’ main-droite : de droite à gauche et utilise System.Net.Sockets.TcpClient pour se connecter au serveur via le port:8124 .

System.Net.Sockets.TcpClient clientSocket = new System.Net.Sockets.TcpClient();
clientSocket.Connect(“127.0.0.1″, 8124);

NetworkStream serverStream = clientSocket.GetStream();
byte[] outStream = System.Text.Encoding.ASCII.GetBytes(string message = “current message”);
serverStream.Write(outStream, 0, outStream.Length);
serverStream.Flush();

La page web:

En reception de la data, ce client se connecte au serveur via le port:4000 .

var client;
client = {};
client.init = function() {
client.socket = io.connect(‘http://127.0.0.1:4000′);
client.socket.on(‘client_kinect’, function(data) {
return client.parseData(data.args);
});
};

Propriétés x,y,z disponibles :
- skeleton['hipcenter']
- skeleton['spine']
- skeleton['head']
- skeleton['shoulderleft']
- skeleton['elbowleft']
- skeleton['wristleft']
- skeleton['handleft']
- skeleton['shouldercenter']
- skeleton['shoulderight']
- skeleton['elbowright']
- skeleton['wristright']
- skeleton['handright']
- skeleton['hipleft']
- skeleton['kneeleft']
- skeleton['ankleleft']
- skeleton['footleft']
- skeleton['hipright']
- skeleton['kneeright']
- skeleton['ankleright']
- skeleton['footright']

Kit d’installation:

kinect SDK
node.js
socket.io

Apple a mis PixStop à la une de son “iPad Store”. PixStop est une application iPad que Phéromone a développée pour l’ONF. Destinée au milieu pédagogique, elle permet aux utilisateurs de créer leurs propres petits films d’animation image par image.

Mise à jour 2011-12-19 : PixStop fait partie des 100 apps préférées de La Presse. L’application, choix du journaliste Alain McKenna, est mentionnée dans la section Photo/Vidéo du Cahier spécial Techno, publié le samedi 17 décembre 2011.

Enjoy!

BOO! This project ended up being branded Citromone.

This project left me with sore hands. Printed, cut, folded and glued by hand. Over 100 individual paper cubes

The cubes are back but this time Florin and I took a few hours to animate them using stop motion

Chalk isn’t only for hopscotch. I bombed a few of our chalk boards with my corporate graffiti.

Giant stencil. I used this stencil for a few projects that I unfortunately do not have pictures of.

Epic fail! I built (well tried) to build a balloon. I managed to fill it with helium but it never really got off the ground.

and of course I religiously wear my Pheromone hoodie

More videos on Pheromone Vimeo account.

Philippe Le Roux and I (André Bélanger) are on the Montreal.ad mission in NYC. Together with some of Montréal’s other top agencies, we’re here to showcase our city’s amazing creative and innovative talents. Here’s what the 60 dedicated professionals at Phéromone stand for:

1. We invent the simplest solution.
How do you manage to take 10,000 photos with an iPad2? Use a Lego Mindstorm set.

2. We have an Open Web culture.
We work with and for the Web. The fundamental principles of Web society, technology and culture provide the foundation of our company. And this is why we thought that classic French playwright Molière’s characters were ready to have a life on their own on Twitter.

3. We nurture a tight collaboration between strategy, technology and design.
For us, strategy, creative (and usable) design, and technology are three dimensions of one interaction strategy. The innovative project Bixar is one of the great projects that was initiated by our creative technologists.

4. We build innovative business models.
Great ideas and designs aren’t enough. The solution has to work in the real world and be financially sustainable. Our Cultural Events Social Generator is one of those products.

-

Photo by Florin Gabor, one of our great art directors

When the time came to load test our client’s iPad2 stop motion application using over 10,000 photos. I immediately thought of a way to automate the process. I mean, who really wants to sit and manually take 10,000 photos? The idea was simple: build a set of arms driven by a motor. The arms would then simulate a user taking photos with the iPad. After discussing the idea with our resident rock star and creative genius Mathieu Savage, we located a Lego Mindstorm set belonging to our champion story teller and master of analytics Tom Boutet. Of course we can’t forget the key donation made by the always ready to jump into a suit and worlds most relaxed project manager Joey Fraser. Who donated one of his iPad stylus pens.

They say “birds of a feather flock together”. Well, crazy birds like us flock to Pheromone. A breeding ground for creativity and intelligence where people are artists, free to create, experiment and innovate. That said, it was no surprise that no sooner had the idea left my lips we had plans to meet up and get started on our iPad2 user simulator.

Arriving at work this morning there were many more people circling my desk than usual. They were all curious to see what kind of insanity the team had cooked up this time. And there it was sitting on my desk chugging along snapping pics not phased by the attention it was getting. A perfect example of creative automation.

UPDATE: We appreciate all the comments and feedback we’ve been getting all around the web regarding our experiment. We do have a UIAutomation script that can accomplish the job, but it’s not as fun as our little bot. Shortly after the making of our robot I decided to make a more efficient version, just for kicks. You can find the video at the bottom of the page.

The Robot (English version) from Pheromone Lab on Vimeo.

Le Robot (Version Française) from Pheromone Lab on Vimeo.

left to right Tom Boutet, Mathieu Savage, Jon Masse

This is the DIY version

Go MAH Go!!!

Parfois cette excitation retombe en cours de lecture de l’appel d’offres. Non pas que l’organisation ne soit pas intéressante, mais parce que cette réalité, ces objectifs, ces défis, ces contraintes, cette raison d’être supposée du site web en sont absents. L’organisation a décidé de refaire son site web et veut un prix sans savoir vraiment pourquoi elle a ce site web, ni ce qu’elle en attend. Ce qui importe, c’est qu’il soit moderne, joli, facile à utiliser, facile à gérer, connecté aux réseaux sociaux, 2.0 et pas trop cher. Pas de notion de clientèles visés, ni des objectifs pour chacune d’elle, pas plus de facteurs de mesure du succès. Bref on fait un site pour faire un site web, c’est un de nos outils de communication, c’est important mais on ne sait pas vraiment comment il va nous aider.

Cette semaine nous avons reçu un autre de ces appels d’offres. Quand nous avons vu l’organisation qui l’a lancé, nous étions excités car il s’agit d’un joueur important dans le domaine du tourisme qui a un produit de valeur qui pourrait fortement bénéficier d’une bonne exploitation du web et des réseaux sociaux. Mais quand nous avons lu le document, ce potentiel ne faisait pas partie du mandat ni de l’équation. Aucune stratégie, aucun objectif, aucune définition de clientèle, ce qu’ils veulent c’est un prix et un échéancier pour un site web. Nous avons donc décliné leur invitation à soumissionner, ce dont ils semblaient être déçus et surpris. J’ai donc voulu leur expliquer pourquoi nous ne soumissionnerons pas.

Je me suis dis que cette explication pourrait être utile pour d’autres organisations qui doivent préparer un appel d’offres ou qui se demandent comment aborder la refonte de leur site web et sur quelle base. Je vous la  partage donc ci-dessous (après l’avoir dépersonnalisée pour ne pas permettre l’identification du client).

Juste préciser auparavant qu’il n’y a pas une bonne et une mauvaise approche. Il y a deux approches avec leurs forces et faiblesses respectives. Il s’agit juste de choisir l’approche qui cadre avec nos attentes pour ne pas être déçus du résultat.

Bonjour madame,

Je vous remercie sincèrement d’avoir pensé à nous pour votre projet et de votre intérêt à nous voir déposer une proposition. Malheureusement, nous ne déposerons pas une telle proposition même si nous serions très fiers d’accompagner votre organisation dans l’univers internet.

Ce type de projet peut être géré selon deux approches très différentes.

La première est basée sur une approche de production qui se centre sur la production-livraison d’un site de bonne facture au meilleur coût qui reste ouverte aux enrichissements mais qui est centrée sur les enjeux opérationnels (budgets, image, délais). Cette approche considère le site web comme un des outils de la stratégie de communication et implique un mode de gestion similaire à toute production d’un outil de communication (brochure, rapport annuel, vidéo, etc.).

La deuxième approche considère le web non pas comme une dépense mais comme un centre de profits et se centre sur les bénéfices concrets qu’il peut générer pour votre organisation. Dans ce cas là, il convient d’établir quelles sont les possibilités de résultats directs et indirects sur le web (génération de revenus, réduction de coûts, attraction de nouvelles clientèles, fidélisation de clientèles, rayonnement, etc.), de déterminer la valeur de ces résultats et d’identifier une stratégie qui permette de les obtenir avec un investissement raisonnable par rapport à la valeur visée. C’est à dire de se doter d’une stratégie d’affaires web qui s’arrime aux stratégies de communication, de marketing et d’opération mais qui a ses objectifs propres. C’est cette stratégie qui permet de définir la forme et les composantes/services que doit offrir le site web en tenant compte non seulement de ces objectifs d’affaires, mais également des attentes et besoins des clientèles visées ainsi que des valeurs de votre marque  et du positionnement qu’on veut lui donner tant au niveau québécois qu’international. Et ce n’est que sur la base d’une stratégie de ce type que nous pouvons définir les coûts et méthodes pertinents pour réaliser le site web qui supportera cette stratégie. Si l’on regarde l’actualité récente, les refontes de sites web de plusieurs de vos compétiteurs se sont faites avec des budgets variant de 50 K$ jusqu’à plus de 2 M$ pourtant ces organisations ont toutes plus ou moins les mêmes objectifs d’attirer des touristes. Ce qui les différencie, ce sont les stratégies dont elles se dotent éventuellement en fonction de leur réalité, de leurs contraintes et de leurs spécificités.

Votre document d’appel d’offres est conçu autour de la première approche. Cette approche donne de très bons résultats pour contrôler les coûts et optimiser les dépenses associées au web et démontre votre volonté de gérer de  façon serrée l’argent de votre organisation. Par contre, cette approche met moins d’emphase sur les résultats et donc la rentabilité finale du projet. Votre approche est celle qu’il faut suivre si vous souhaitez avoir un beau site au meilleur prix possible. La deuxième approche dans laquelle nous nous spécialisons est celle que vous devriez considérer si vous souhaitez faire du web une source de profits pour votre organisation.

L’équipe de Phéromone rassemble des experts seniors de calibre international dans 15 corps de métiers afin de générer la plus grande valeur ajoutée possible pour nos clients. Cette approche est très rentable pour un client qui vise les résultats et le ROI avant tout, elle est moins pertinente quand le projet est géré par les coûts.

En espérant que ces précisions vous seront utiles, nous vous souhaitons la plus grande des chances dans votre projet et ne doutons pas un instant que vous trouverez un fournisseur à la hauteur de vos défis dans notre industrie réputée pour la diversité de son offre.

Respectueusement,

Philippe Le Roux,
président

I am talking about the taste of a place – Alicia Foundation

I was thinking that the food is like the music, more than that, every time when I’m going to a restaurant is like going on the opera.  My responsibility is to choose the right piece who can bring the best from myself.

The rest depends on the conductor/chef.

We are finishing eating or listening the music and we have this taste of flavors in our mouth. It is like a rainbow… I will go back home with this  flavors.

There, I experience that it doesn’t matter if in the air smells like menure  (remember the farm – for those who where there) if in the background Chopin is playing.

Sometimes I have this feeling that we are trying to much to be creative…

There is silence in music. So don’t try to hard. It is not always necessary to brake the silence.

Having a creative environment helps the processes, but doesn’t mean that we will be able to raise the value of our thoughts.

Sometimes you just have to observe what is around you… laying in the bath might lead you to discover something, or sitting under a tree or just watching the lobster from your plate…(remember Paco with the story about Miro?)

Creativity is just waiting for you. You just need to be ready to welcome her and assume it.