C’est toujours très douloureux de se replonger dans du code… même soigneusement commenté !! surtout quand celui-ci est truffé d’expressions régulières et autres merveilles récursives, mais je dois dire que la visite quotidienne de ce treemap m’est devenue indispensable, dans ma pratique d’observation de l’évolution du Web. Quel plaisir d’ailleurs de constater à quel point une “petite” application peut procurer autant de satisfaction, même si je n’ai toujours pas réussi à corriger le bug lié à l’affichage des caractères asiatiques…

Motivé donc à l’idée de remettre le système en fonction, un peu moins à l’idée de replonger dans l’édition du code source ;(… J’en profite pour refaire quelque recherches sur le Web me disant que de nombreuses solutions devaient exister. Effectivement, sur Source Forge j’obtiens un nombre important de résultats et télécharge différentes solutions qui semblent adaptées à mes besoins. Après de nombreux essais infructueux (les applis les plus populaires ne sont pas forcément les plus efficaces…) je teste PHP Simple HTML DOM Parser développé par S.C. Chen d’après un Parser pour PHP4 conçu par J. Solorzano’s. Le package se compose d’un fichier simple_html_dom.php et (chose relativement rare…) d’une documentation interactive comportant de nombreux exemples très pertinents. La solution correspond parfaitement à mes attentes dans le sens où l’extraction des contenus, la récupération des balises ou de leurs paramètres est assistée par des fonctions permettant de définir simplement des délimiteurs aux regard de différentes bribes de code récurentes présentent dans le code source.

Pour tous vos besoins en parsing, je vous recommande donc cette solution, qui requière certes quelques compétences techniques, mais qui est extrêmement simple, pour peu que l’on soit très vigilant et que l’on garde un oeil sur la structure du code source à parser. De plus, la documentation fournies, très complète, vous permettra des mises à jour beaucoup moins douloureuses !

C’est par ici : http://infoviz.lecolededesign.com/treemap/delicous/pop_delicious.php

C’est par ici : infovis on delicious

Alors si c’est plus bon, c’est meilleur… mais si c’est plus meilleur que délicieux ?
http://www.techcrunch.com/2008/01/19/delicious-integrated-into-yahoo-search-results/

data : Nous considérons une donnée (data) comme la description élémentaire d’une information qui peut être dissociée de son contexte pour ne constituer en définitive qu’un matériau brut interprétable à souhait. Cette information doit pouvoir circuler sur le réseaux qu’ils soient ouverts (internet) ou restreints (intranet).
(enter)tainment : Contexte ludique (for amusement only ?). A l’opposé de l’”infotainment” (très en vogue à l’heure actuelle…), le propos n’est pas d’ajouter une dimension spectaculaire ou sensationnelle à l’information, il s’agit au contraire de jouer avec un matériau binaire maléable à souhait.
Le datatainment s’apparente dans une certaine mesure à l’infovis puisqu’il implique des techniques de représentation, de visualisation de l’information, mais sa spécificité repose sur ses modes mêmes de représentation, il s’agit ici de dépasser les notions d’accessibilité et de fonctionnalité pour procurer une expérience ludique, le plaisir induit par l’interaction avec les données.

Le datatainment s’inspire également des travaux de détournement des données ou des langages, initiés par le net.art. Détournement des codes graphiques du langage HTML, oeuvres conçuent pour le réseau qui se nourissent des contenus, des flux, où le réseau est bien plus qu’un support mais la raison même de l’existence de l’oeuvre, comme dans les travaux de Mark Napier (shredder 1.0) ou encore dans l’installation Carnivore PE (version Police State).
Le datatainment se nourrit de la culture des jeux vidéo dans ses modes de représentation (3d temps réelle par exemple) et dans l’interaction où la notion de gameplay remplace celle d’utilisabilité… il s’inscrit à la confluence à priori improbable de l’univers de l’information et de celui du jeu, il recontextualise le message. L’interaction est alors vecteur de manipulation des données à des fins ludiques, bien que la quête du jeu puisse être purement pratique.

dataquarium
Le “Campus” de l’Ecole de Design Nantes Atlantique (intranet) regroupe un ensemble de services en ligne qui permettent la cohésion de l’action pédagogique de l’Ecole : Webmail, planning, annuaire, suivi de projets, support de cours, galerie photographique… Il inclut de plus un accessoire de communication publique instantanée, le “Mégaphone”, très apprécié des étudiants !
Outil aujourd’hui indispensable, le Campus fédère les activités de plus de 700 utilisateurs (étudiants / enseignants / encadrants), sa fréquentation moyenne est de 225 utilisateurs par jour et de 690 utilisateurs par semaine.

dAtAquArium propose une représentation métaphorique du Campus considéré ici comme un aquarium dans lequel :
1- L’environnement (décor et flore) est généré dynamiquement d’après les statistiques de fréquentation du site web de l’Ecole de Design (http://www.lecolededesign.com), de la bande passante utilisée et du nombre d’e-mails échangés.
2- Les usagers connectés évoluent sous la forme de trois variétés de poissons correspondant aux trois types d’usagers concernés. Une console d’administration, permet aux différents membres de l’Ecole de design de personnaliser l’apparence de leur propre poisson (par application d’une texture de leur choix).
3- Les bribes de textes issues du “Mégaphone” se désagrègent progressivement pour fournir l’alimentation de cette faune aquatique virtuelle. Un tchat permet en outre l’envoi de commandes destinées à influer sur le comportement de son avatar dans l’aquarium.

Une version publique est accessible :
http://datatainment.lecolededesign.com/dataquarium/

Présentation publique (version installation 23 janvier 2007 / Hall de l’Ecole)
Plus de photos (Flickr) : ici
Voir aussi : datatainment (GB)

Conception : l’Ecole de Design Nantes Atlantique / Département Hypermédia 2007
- Développement Virtools, interface d’administration : Diane Faidy, d.faidy(at)lecolededesign.com
- Modélisation 3d, interface Flash : Julien Dumail, j.dumail(at)lecolededesign.com
- Conception / Version alpha : Grégoire Cliquet, g.cliquet(at)lecolededesign.com
assisté de Phuc Tran, p.tran(at)lecolededesign.com

Ressources :
Delicious/g.cliquet_ledna/Datatainment
bookmarks tagged Datatainment by g.cliquet_ledna

- Game Classification : Home
Un travail de recherche visant à établir une classification adaptée au jeu vidéo.
- brand tags
The basic idea of this site is that a brand exists entirely in people's heads. Therefore, whatever it is they say a brand is, is what it is. 1.2 million + tags and counting
- datatainment : play data ! play !
datatainment@lecolededesign.com
- Aleph
1869 Atlas pour enfants par William Harvey ayant pour but de séduire les jeunes élèves qui pensent que les globes et les cartes ne sont que des outils ennuyeux
- Datapainting
Experimentations Yann Le Guennec
- You are on PMOG
- Human Brain Cloud
- FreeRice
- The Falling Times
- 3D Mailbox
- :: PIM PAM PUM :: memry
- Packetgarden
- Google Image Labeler
- Flickrsudoku
- MapMSG.com - Statetris