Le
TwittyWall est un projet de
panneau d'expression publique locale.
Concrètement, il s'agit d'un affichage informatique très grand format, où est présenté une liste de X micro-messages classés dans l'ordre anté-chronologique et débutant par le dernier message. Cet affichage reproduit grosso-modo la logique de présentation des outils de micro-blogging comme par exemple :
http://twitter.com. Un
TwittyWall donné peut agréger trois types de messages :
- les micro-messages explicitement produits pour lui par les individus : j'écris "Bonjour tout le monde" à cette installation là
- les messages extraits de différentes sources ayant trait au lieu d'installation de ce TwittyWall : par exemple tous les messages dans un rayon de 15 km autour de ce TwittyWall (voir cet exemple pour Rennes)
- les messages sélectionnés selon un sujet particulier : par exemple, un TwittyWall installé au Musée de la mode à Marseille pourrait vouloir afficher tous les messages traitant de la mode
Les utilisateurs peuvent produire des messages (de 140 caractères maximum) à travers plusieurs canaux : SMS, application web mobile, application web, messagerie instantanée, etc.
Le
TwittyWall peut faire l'objet de nombreux
usages. Installé dans la ville, il offre des possibilités riches en terme de médiation, d'information urbaine, de jeux voire de développement durable. Par exemple il peut annoncer le passage de transports publics à proximité, offrir une place de dialogue pour du covoiturage, remonter des problèmes urbains en un temps record (accidents, circulation, etc.), rendre compte du pouls d'un évènement de proximité, recueillir des déclarations d'amour, etc.
Le
TwittyWall peut aussi être installé
indoor, lors d'un évènement par exemple où les participants peuvent trouver une voix pour des questions, suggestions, remarques, échanges d'information, recherche de partenaire, verbatim, etc.
Tout
TwittyWall est aussi intégralement disponible en ligne via un site web.
Le
TwittyWall représente une préfiguration, plus modeste, du
CityWall?, panneau d'expression publique multimédia et multitouch. Voir :
Cahier des charges du TwittyWall version 1
Il s'agit d'un mur de twitts listés selon leur ordre d'arrivée.
- stylés selon leurs contenus et/ou leur origine
- [option] éditoralisés et stylés selon certains contenus : exemples :
- l'ajout du tag #annonce permet au twitt d'être affiché comme une annonce tournante avec d'autres pendant un temps déterminé
Les twitts affichés peuvent provenir de
plusieurs sources :
- Les gazouillis hyper locaux :
- Tags pour twitter : http://twemes.com/Marseille
- les SMS envoyés à tel n° avec @xxxxxx
- les twitts envoyés à @xxxxxxx
- Twitts des personnes suivies par le TwittyWall (par exemple l'élu du lieu qui peut twitter en déplacement mais qui travaille pour le lieu)
Cahier des charges du TwittyWall version 2
Nous listons ici, sous le titre de
TwittyWall 2, des pistes d'évolution possible du
TwittyWall. Ces pistes seront réévaluées à la lumière des premières expérimentations d'usage effectuées avec le
TwittyWall 1.
Le
TwittyWall 2 reprend le principe du
TwittyWall 1 mais avec un écran/fenêtre de visualisation affiché en parallèle avec des modalités différentes selon les contenus des twitts :
- vidéo
- grid
- timeline
- géoloc
- graphe en réseau
- fiche d'identité
Nom du dispositif
Définitions métaphoriques
Sucette d'information municipale + petites-annonces de la boulangerie + panneau d'information des institutions locales (écoles, etc.) + tags "à message".
Usages
- annonce du passage de taxi libres à proximité du twittywall
- annonce du passage des transports en communs
- annonce du passage de covoiturage
- destockage de denrées périssables ; réduction sur des couverts ou des lits ou des spectacles
- destockage de médicaments par des particuliers
- information municipales liées au lieu : interventions techniques (taille des arbres, installation de bancs publics, etc.), évènements, etc.
- organiser sa vie de manière aléatoire (comment on se laisse guider par des opportunités rendues possibles par le TwittyWall)
- emplois à la tâche (annonces anonymisés)
- annonces locales à la Peuplades
- résultats d'évènements locaux : tournois sportifs, etc.
- jeux : jeux de piste, énigmes, etc.
- renseignements dynamiques dans la ville : exemple, affichage de la circulation à tel endroit, etc.
- recherche de personnes croisées : annonces à la Libé, etc.
- publier des déclarations d'amour
- annoncer l'arrivée de la grippe dans le cartier ou des poux à l'école voisine
- tags urbains non destructifs (?)
- informations sur l'action solidaire de cartier auprès d'un village africain
- donner toute les heures 5 minutes de tribune aux messages des habitants de villes jumelées à la mienne
- tribune pour les encouragements sportifs
- recherche d'animaux ou d'objets perdus
- qualité de l'air
- météo électromagnétique
- manifester de la parole là où les gens ne se parlent pas (dans le métro, dans les gares, etc.)
- dans une manifestation artistique comme un livre d'or électronique
- dans le hall d'une entreprise pour y visualiser son image et son activité en cours
- dans le hall d'une mairie pour mesurer le pouls de la ville
- pendant un concert comme moyen d'interaction avec les musiciens
- annoncer les statistiques de l'emploi du lieu : nombre de chômeurs, offres non satisfaites, etc.
- localiser les promesses de don du téléthon
- les chiffres du chômage dans le cartier (?)
- éphéméride : soleil, phase de lune, fêtes calendaires, saints patrons, etc.
Tentative de classement des usages :
- médiation entre personnes qui ne se connaissent pas : annonces
- information locale : municipale, commerciale, etc.
- développement durable : annonces "mobilité durable", destockages de denrées alimentaires, destockage de médicaments, etc.
- ludiques : jeux, etc.
Cas d'utilisation par l'exemple
Nous listons ici des exemples de messages qui pourraient avoir une valeur d'usage. Ces exemples sont une base de discussion.
- "Aline, je t'aime !"
- "Samedi je bazarde mon frigo (petit mais marche encore). Contactez-moi si ça vous intéresse"
- "Arrivée du Bus 41s à l'arrêt Rond-Point du Prado à 15h35"
- "Concert d'I AM au Dôme samedi à 21 h : j'y serai !"
- "Soutenance publique de mon diplôme d'architecture demain ! (un peu angoissée)"
- "Les collégiens de Raoul Duffy recherchent des stages. Prendre contact avec le collège."
- "Recherche cours de soutien de math pour mon fils de 13 ans."
- "Perdu :( Lulu jeune chat angora tatoué 283097. Qui a vu Lulu dans le cartier ?"
- "Trouvé, jeu de clés à l'angle de la rue Trousseau et du Boulevard Vignes."
- "Ma fille a des poux depuis hier !"
Retours critiques
[Hubert Guillaud, rapporté par
CharlesNepote] :
/Pendant une conférence, ce type d'expé (qui ont déjà été mené les cocos) se résume à devenir : le mur à rigolade ou sinon, ça devient trop vite le mur au mouton noir (je twitte avec un pseudo et je descend tous les intervenants). Et oui, il suffit d'un mouton noir pour ruiner la conf, d'un raleur invétéré (et en plus il n'a même pas besoin d'être là) !
Bon, maintenant, qu'est-ce qui serait innovant pour un TwittyWall ?
- Un TwittyWall qui récupérerait tous les comptes twitter des participants à une conférence automatiquement. En fait, ce serait possible (et on pourrait aller au-delà du seul fil Twitter d'ailleurs). A Lift, ils ont couplé leur inscription Amiando avec une application Facebook qui permet d'avoir accès au Facebook de tous les participants. Suffirait juste de voir si on pourrait aussi avoir accès au Twitter (ou au FriendFeed?) et projeter, dans le grand Hall, un mur de ce que font les gens... Même pas besoin de géoloc., l'inscription suffit.
- Une analyse des Twitts : Plutôt que de projeter les fils eux-mêmes (c'est très dangereux, je vous l'ai dit), un outils d'analyse, les monitore en temps réel et classe d'un côté les positifs et de l'autre les négatifs (à partir de mots clefs) pour donner des tendances en temps réel (voir avec RTGI ou Aixtal).
- Une jolie voix Text to Speech lit aléatoirement des Twitts qui s'affichent dans le hall, à la manière de messages : le twitt devient un mode de communication dans les à côtés de la conférence. La voix lis dans les micros, un Twitt tous les 100 twitts (hasard et sérenpidité).
Ressources
- Une préfiguration en flash par des artistes : http://reflet-web.net/
- Des TwittyWall mobiles avec des picoprojecteurs ? http://www.google.fr/search?q=picoprojecteur
- PartyStrands? : http://blog.strands.com/2006/10/01/so-what-is-partystrands/ (via Fred Martinent)
- http://shrinkandgeek.blogspot.com/2008/09/why-twitter-may-help-to-think.html
- Cartographier les conversations Twitter en temps réel, par Aref JDEY http://www.demainlaveille.fr/2008/12/23/cartographier-les-conversations-twitter-en-temps-reel/
- Le MetaWall, expérimenté à Autrans par Loïc Haÿ en janvier 2009. Le TwittyWall et le MetaWall ont été conçu à la suite d'une série d'échanges entre CharlesNepote et Loïc Haÿ en décembre 2008. Le MetaWall est plus orienté évènement là où le TwittyWall est orienté localisation.
- Carole Fabre suggère un parallèle entre le TwittyWall et la tour cybernétique de Schöffer : http://www.olats.org/schoffer/liegpatr.htm
- Illustration humoristique : http://bigeyedeer.wordpress.com/2008/07/15/this-cartoon-wrote-a-sweary-word-on-your-toilet-wall/
- L'ancêtre du TwittyWall :
- Les "Acta diurna, Les Acta Diurna ou Acta (diurna) populi (Romani), Acta publica, urbana, urbis, diurna populi, ce qu'on peut traduire par faits du jour, désignaient à Rome un recueil officiel qui contenait le récapitulatif des évènements quotidiens : décisions et délibérations du Sénat et du peuple, exécutions capitales, naissances, mariages, divorces, funérailles des personnes illustres, annonce des jeux publics.
- Le TwittyWall dans votre salle de bains ? une préfiguration ? http://www.yankodesign.com/2007/12/04/mirror-mirror-on-the-wall-2/
- Le TwittyWall, support idéal du service http://paris.croisedanslemetro.com/ ?
- http://twistori.com
- http://paratweet.com/ (signalé par Loïc Haÿ)
- http://fr.readwriteweb.com/2009/07/28/usages/twitter-dans-les-amphis/
- http://www.ecrans.fr/T-es-foutu-Twitter-est-dans-la-rue,7650.html
- http://twistori.com/ signalé par Christophe Ducamp
- http://www.rollgator.com/ signalé par Loïc Haÿ
- http://www.berlintwitterwall.com/ signalé par Renaud Francou
- http://www.backnoise.com/
- http://www.facebook.com/permalink.php?story_fbid=158792919797&id=66850020860
- http://ww2.ydreams.com/flyar/
Mise en oeuvre
Voir l'
AtelierXWallMars2009.
Maquette
Une maquette peut être envisagée avec peu de moyens.
Ingrédients :
- un vidéoprojecteur classique d'une résolution de 800x600
- un PC avec du wifi
- une page web hébergée n'importe où, contenant le badge de monitter.com avec une requête de type:
- soit "keyword1 OR keyword2 OR keyword3"
- le badge est hacké :
- afin d'afficher X twitts au lieu des 6 par défaut : dans monitter.min.js : function(e){rrp=19;fetch_tweets(this);}
- afin de poller moins fréquemment le serveur : toutes les 6s au lieu de 2s : setTimeout(function(){fetch_tweets(elem)},6000);
- afin d'afficher des informations complémentaires
- afin de masquer ces mêmes informations par un petit raccourci clavier : [Alt]+[Shift]+[x]
- afin de pouvoir régler au mieux les paramètres d'affichage : largeur des twitts, couleurs, etc.
- afin de pouvoir filtrer l'affichage de certains comptes :
- dans monitter.min.js : var divstr='<div id="tw'+this.id+'" class="tweet '+this.from_user+'">
- dans monitter.css, supprimer temporairement l'affichage de certains comptes : .michellegreer { display:none !important; }
- un fichier .htaccess contenant "AddType text/html;charset=UTF-8 html" pour garantir que le fichier sera servi en UTF-8
- Firefox pour afficher la page web en plein écran à l'aide de la fonction F11
- Attention de désactiver tous les pop-ups des autres outils (mise à jour système, antivirus, extension Firefox, messageries instantanées, etc.)
- Désactiver la mise en veille de l'écran et de la machine
Résultats :
- affichage de 9 messages plein écran : bien lisibles à 5 mètres sur un écran d'1m50 de hauteur ; les messages sont mis à jour toutes les 2 secondes
- pour tout utilisateur de Twitter.com, l'affichage de ses twitts :
- s'il est localisé dans un rayon de x kilomètres
- ou (exclusif) contenant l'un des mots clés donné
- pour tout utilisateur de Twitter.com, la publication de ses twitts adressé à @xxxxxxx [à définir pour chaque installation]
- consultation du TwittyWall en ligne à l'adresse : http://.......... [à définir pour chaque installation]
- [en cours] la possibilité de publier des messages sur le twittywall en envoyant un mail à l'adresse ....@.....
- [en cours] la possibilité de publier des messages sur le twittywall en envoyant un SMS au 06 13 20 62 90 avec le contenu suivant : "adgadm@gmail.com,,Votre message"
Pour améliorer la maquette :
- [indispensable] préparer une page d'information : http://www.fing.org/twittywall (où l'on source notamment nos briques/idées)
- [indispensable] préparer un document d'information papier à distribuer en libre service pendant les expés
- [prio] voir l'opportunité d'une CSS où les messages ressortent sous forme de bulles pour mieux faire ressortir le caractère "expressiviste"
- [prio] intégrer des filtres pour bannir certains flux : exemple http://twitter.com/baronwalid qui reprend des news de "PARIS (Reuters)"
- [prio] le message d'introduction doit pouvoir être masqué d'un simple clic (ou doit-il apparaitre automatiquement 20 secondes toutes les 4 minutes environs ?)
- voir l'opportunité d'un outil permettant des requêtes complexes
- souligner plus clairement mais "délicatement" les nouveaux messages
- différencier graphiquement la provenance des twitts (sélecteur CSS ?)
- remplacer automatiquement l'avatar fourni en standard par twitter.com par un avatar aléatoire coloré ?
- compte @xxx-phone et @xxx-mail pour identifier les twitts qui proviennent des SMS ou du mail (donc avec une possibilité d'icône spécifique)
- voir l'opportunité de régler dynamiquement la taille des twitts sur site
- voir l'opportunité de régler dynamiquement le nombre de twitts affichés (paramètre GET ?)
- pour ceux qui consultent le twittywall par le web, offrir des liens "invisibles" vers "reply", "permalien", "RT", etc.
- passerelle SMS 2 twitter plus solide : caractères accentués + numéro unique sans avoir à entrer "adresse@mail.com" dans le corps du SMS, etc.
- voir l'opportunité de IM/skype 2 twitter pour des comptes non enregistrés sur twitter.com ?
- voir l'opportunité d'utiliser un PC ultra-low-cost voire basse consommation comme le Linutop
- améliorer le mode plein écran (supprimer la fine barre du haut dans le mode plein écran de Firefox)
- SL 2 twittywall ?
Premiers tests de la maquette
Maquette 01
Maquette installée au 104 pour la manifestation du programme Villes 2.0 de la Fing.
2 possibilités
- affichage de 9 messages plein écran ; les messages sont mis à jour toutes les 2 secondes
- pour tout utilisateur de Twitter.com, l'affichage de ses twitts s'il est localisé dans un rayon de 2 km autour du mur [note : la configuration du widget monitter est title="geocode:48.890653,2.371888,2km"]
- consultation du TwittyWall en ligne
- la possibilité de publier des messages sur le twittywall en envoyant un mail à l'adresse w104@twittermail.com, avec votre message dans le corps du mail
- la possibilité de publier des messages sur le twittywall en envoyant un SMS au 06 13 20 62 90 avec le contenu suivant : "w104@twittermail.com,,Votre message"
- affichage de 9 messages plein écran ; les messages sont mis à jour toutes les 2 secondes
- pour tout utilisateur de Twitter.com, l'affichage de ses twitts contenant l'un des mots clés suivant : 104, Paris, ville, rue, maps, carte, trottoir, itinéraire, plan, habitat, hyperlocal, urbain
- pour tout utilisateur de Twitter.com, la publication de ses twitts adressé à @w104
- consultation du TwittyWall en ligne
- la possibilité de publier des messages sur le twittywall en envoyant un mail à l'adresse w104@twittermail.com, avec votre message dans le corps du mail
- la possibilité de publier des messages sur le twittywall en envoyant un SMS au 06 13 20 62 90 avec le contenu suivant : "w104@twittermail.com,,Votre message"
Photographies :
http://www.flickr.com/photos/tags/twittywall/
Ressources et veille pour la mise en oeuvre
Point sur la taille
Les publicités des abris-bus mesurent :
- 120 x 175 cm soit 2,1 m² (JCDecaux donne 2m² sur son site)
- soir environ 212 cm de diagonale
- soit 47.244 x 68.897 pouces
- soit 83.464 pouces de diagonale
Écrans plats
Matériel
Agréger/filtrer des Twitts
Tout est là :
- http://apiwiki.twitter.com/Search+API+Documentation ; exemple :
- http://apiwiki.twitter.com/Libraries
- http://apiwiki.twitter.com/Open+source
- pour avoir une idée, http://search.twitter.com/search.json?lang=en&q=devo&rpp=1 produit
{"results":
[
{"text":"Going to pick up the new DEVO record. Yes. New DEVO record. On vinyl too.",
"to_user_id":null,
"from_user":"sanspoint",
"id":1055856434,
"from_user_id":6538,
"iso_language_code":"en",
"profile_image_url":"http:\/\/s3.amazonaws.com\/twitter_production\/profile_images\/58377840\/n671268899_1199699_2029_normal.jpg",
"created_at":"Sat, 13 Dec 2008 21:48:45 +0000"}],
"since_id":1042465170,
"max_id":1055856434,
"refresh_url":"?since_id=1055856434&q=devo",
"results_per_page":1,
"next_page":"?page=2&max_id=1055856434&rpp=1&since_id=1042465170&q=devo",
"warning":"adjusted since_id, it was older than allowed",
"page":1,
"query":"devo"}
Applications web pour afficher le résultat d'une recherche
Application web pour afficher un compte twitter
Outils
Services personnalisables
Services non personnalisables
Robots Twitter
Mobile 2 Twitter
Mail 2 Twitter
iPhone 2 Twitter
SMS 2 Twitter
Vocal 2 Twitter
Virtual world to twitter