Art informatif Omar Boucherine 15 mai 2004 23 juin 2004 Art informatif et développement d'un dispositif d'informations TPG "ArTPG"
L’art informatif est un concept à la mode. Grâce au développement de la technologie d'affichage, il sera bientôt possible d'avoir des affichages d'informations électroniques pratiquement partout. Le concept de l'art informatif est une manière d'intégrer la visualisation de l'information dans notre environnement de vie quotidienne. L'art informatif comme son nom l’indique, permet l’affichage dynamiquement mis à jour de l'information avec le rôle décoratif de l'art visuel, tel que les affiches et les peintures.

Le but de ce projet est de développer un "petit" dispositif en SVG qui permette d’intégrer l’information à la notion d’art.Pour l’accomplir, j’ai choisi un tableau réaliser sous forme d’art oriental très ancien qui est la mosaïque. A l’aide d’un éditeur SVG qui s’appel « Inkscape », j’ai pu redessiner ce tableau afin d’identifier chaque objet. En suite, il a fallu animer ces objets à travers SVG pour pouvoir informer dynamiquement les utilisateurs de l’heure du passage du prochain bus numéro 4 en direction de la gare et ceci depuis l’arrêt « Gabelle » qui est le plus proche de notre institut TECFA.
Donc, le but de l’art informatif ici est de créer sur un beau tableau qui donne une information utile et importante en temps réel. Pour cela il a fallu lier notre fichier SVG à un autre fichier PHP qui contient les horaires de passage du bus durant les jours de la semaine, le week-end et même pendant les jours fériés. Donc, à partir des données brutes ("raw" data) stockées dans un fichier PHP sous forme alphanumérique on passe à une forme graphique.

Pour présenter l’information, j'ai développé un "petit" dispositif, accessible aux utilisateurs, en langage SVG en format d'objets graphiques bi-dimensionnels: des images, des couleurs, des objets graphiques et du texte (la légende). En effet, Pour réaliser une cohésion entre mon beau tableau, les changements de couleurs et l'information, une petite légende devient indispensable. Je peux envisager d'intégrer l'heure à cette légende.

Afin d'avoir une idée plus claire sur l’Art Informatif, voici à présent une introduction dans ce domaine si-passionnant.

Introduction

Les affichages d'informations électroniques sont apparemment omniprésents. Nous les rencontrons non seulement sur les écrans de nos ordinateurs de bureau, mais aussi dans les jeux d'ordinateur, les jeux manuels électroniques, dans les montres, etc. Les technologies d'affichage deviennent plus accessibles et omniprésentes chaque année et bientôt il n'y aura aucun besoin de limiter ces affichages à l'utilisation professionnelle. Le prix du matériel d’affichage de haute technologie à panneau ou à écran plat ne cesse de diminuer. Bientôt nous trouverons sur le marché des écrans de tube accessibles à tout le monde car ils offrent beaucoup plus de flexibilité dans le placement et l'utilisation. Les projecteurs de données deviennent plus petits, plus excitants et moins bruyants. "Les encres électroniques" de différentes variétés promettent de combiner la lisibilité du papier imprimé avec la dynamique de l'information graphique, par exemple en permettant à un journal apparemment ordinaire ou livre de télécharger dynamiquement le nouveau contenu [ Jacobson et autres 1997 ]. Pour d'autres buts, un écran de visualisation peut maintenant être tissé directement des matériaux électro-lumineux, créant un affichage flexible, mince, à haute résolution et sans restrictions de taille [ Visson 2002 ]. Encore un autre type d'affichage textile qui peut être créé avec les fils photochromique étalés, qui changent la couleur dynamiquement une fois soumis à la lumière UV [ Holmquist et Melin 2001 ]. Dans un proche avenir, nous devrions pouvoir accrocher un affichage à haute résolution accessible sur un mur comme si c'était une affiche ou une peinture. A l'aide d'autres technologies actuellement à l'étude, il devrait être possible de montrer l'infographie sur presque n'importe quelle surface. Imaginez le papier peint, les rideaux, les fenêtres, les tables ! Mais qu’est ce qui va se passe lorsque le concepteur d'application informatique devient également un décorateur intérieur ou un couturier ? En créant des demandes d'infographie pour notre environnement, nous découvrirons qu'elles ont des conditions très différentes des interfaces traditionnelles que nous utilisons pour nos ordinateurs de bureau. La question principale de cet article est : existe –t- il une différence entre l’information graphique placée dans notre environnement de vie quotidienne avec l’art informatif en comparaison avec les informations graphiques que nous utilisons depuis longtemps sur nos interfaces des ordinateurs ? Après cette petite introduction, quel est exactement la définition de l’Art Informatif ?

Définition de l’Art Informatif

L'art informatif est un type d'applications informatiques qui empruntent leur aspect aux modèles artistiques bien connus pour visualiser l'information dynamiquement mise à jour [ Redström et autres 2000 ]. Au premier regard, une application informative d'art pourrait sembler être une image statique, mais son aspect changera réellement sans interruption pour refléter une certaine source d'information. L'art informatif est conçu avec l'intention d'être montré dans les mêmes endroits où nous rencontrons normalement l'art ou les images dans nos maisons, telles que la cuisine ou la salle de séjour, aussi bien que dans les espaces publics ou dans le lieu de travail. Actuellement, il est le plus commode d'utiliser des projecteurs et des écrans à panneau plat pour montrer l'art informatif, mais dans un proche avenir nous nous attendons à ce que d'autres technologies plus appropriées d'affichage deviennent disponibles. Pour l'illustration, imaginez un tableau de peinture fixé au mur. Ce tableau est relié à un ordinateur qui couvre une application informative d'art. Nous pouvons imaginer, par exemple, Une application qui pourrait créer une composition abstraite de plusieurs lignes noires et champs colorés des peintures abstraites célèbres. Cependant, chacun des champs dans cette "peinture" représente en fait une personne, par exemple un membre d'une classe d’étude. La taille de chaque champ représente la taille des E-mails non-lus par les étudiants, de sorte que plus les E-mails non-lus sont plus nombreux, plus le champ correspondant soit grand. Ainsi, la "peinture" changera son aspect selon la situation. Par exemple, si un étudiant à eu un jour très chargé ou il est parti en vacance pendant quelques jours sans son PC pour lire ses nombreux E-mails, l'image sera dominée par de grands champs colorés. Je dois préciser qu'une application informative d'art ne fournit pas nécessairement des informations exactes. Par exemple, on ne peut pas indiquer le nombre exact d’E-mails non lus par chaque étudiant dans l'exemple cité précédemment, mais seulement s'il y a "beaucoup" ou "très peu". En outre, l'affichage changera tout à fait lentement, de sorte que les changements ne soient habituellement pas apparents à moins qu'on regarde l'affichage pendant une période prolongée ou s'il y a de longs intervalles entre chaque observation. Ce sont des décisions conscientes de conception qui ont été prises pour faire en sorte que la fonction d'applications soit un dessin-modèle visuellement agréable, et pas une infographie animée. Je vais à présent présenter 1 sur 4 exemples concrets d’installation d’art informatif réalisés à l’institut . Toutes les applications ont été écrites avec Java sur des portables privés. Les graphiques ont été projetés à l’aide des projecteurs standards de données. Cependant, les images ont été projetées sur de grands morceaux de textiles blancs dans un contexte d’intérieur soigneusement choisis. Ce choix a été fait pour illustrer comment l’art informatif devrait être considéré et intégré dans les environnements intimes et pas un simple étalage typique d’informatique (voir la figure 1 et 2).

Un exemple sur l’art informatif :

Un dispositif affichant la météo dans 6 villes internationales


Cette application a été inspirée par les compositions abstraites créées par l'artiste de Dutch Piet Mondriaan dans les années 20 où il a employé les couleurs primaires rouges, jaune et bleu en combinaison avec les lignes noires ou grises sur un fond blanc. Le groupe de travail s’est basé sur ce tableau artistique pour créer des applications qui montre la météo quotidienne dans six villes différentes dans le monde. L'image se compose de six carrés colorés, sur un fond des lignes noires formant une grille irrégulière. Chaque carré présente une ville. Le placement est objectivement basé sur une carte du monde avec le méridien de Greenwich au centre de sorte que la position de chaque place corresponde à la position approximative de la ville correspondante sur la carte. Ils ont choisi une gamme des villes dans le monde qui aurait des climats et des températures différentes selon la saison dans chaque pays. La rangée supérieure représente de gauche à droite Los Angeles (Etats-Unis), Gothenburg (Suède) et Tokyo (Japon). Sur la rangée inférieure Rio De Janeiro (Brésil), Le Cap (Afrique du Sud) et Sydney (Australie). La position des places est fixe, mais le temps météologique quotidien de la ville correspondante affecte l'aspect de chaque carré de deux manières. La taille des changements de place avec la température dans la ville, de sorte que plus il fait chaud, plus la place devienne grande. La couleur de la place est déterminée par les conditions atmosphériques dans la ville. Ils ont pris les mêmes couleurs primaires que Mondriaan a employées - rouge, jaune et bleu - et ils leurs ont donné une signification atmosphérique. Le jaune signifie clairement le temps, le bleu représente la pluie ou la neige et le rouge signifie le temps nuageux. Le jaune a été associé au soleil et le bleu a la couleur de l'eau. La couleur restante, en l’occurrence le rouge, se sont mis d’accord pour qu’elle présente les conditions nuageuses. Les données de temps ont été téléchargées depuis le service de la météo de Yahoo ! (L’application de serveur de weather.yahoo.com). La programmation a été placée dans un ordinateur séparé. Les téléchargements et l’analyse de l'information de temps se font sans interruption. Le serveur envoyait des données au client approximativement une fois par minute. Ce dernier réalise les ajustements visuels en conséquence. La taille et la couleur des carrés ont été alors ajustées selon les données entrantes (voir figure 3).

Pour avoir plus d’exemples dans ce domaine, veuillez consulter mon article sur l’art informatif et la visualisation de l’information dans notre environnement quotidien que j'ai affiché dans notre portail de staf18.

Vous avez bien constaté qu'il est impossible de parler dans ce projet de l’art informatif sans faire signe à la visualisation de l’information. Alors,

Pourquoi la visualisation de l’information ?

Depuis la création de l’Internet, la quantité d'informations qui circule dans le monde est plus grande que jamais. Les utilisateurs deviennent surchargés par la masse et la complexité de l'information. Il est temps d’utilisé d’autre méthodes de perception de l’information en dehors des textes écrits. En effet, l’exploration et l’analyse de l’information deviennent de plus en plus difficile. Ainsi, il y a un besoin de trouver des moyens pour représenter l'information visuellement (en se basant sur le système perceptif de l’être humain) afin de permettre aux utilisateurs d'obtenir l'information d'une manière rapide, sympathique, efficace et compréhensible.
En résumé, le principes de la visualisation de l'information se base sur la représentation graphique de données numériques ou textuelles pour tirer parti des capacités visuelles humaines. Autrement dit, utiliser la vision pour aider à la réflexion.

Qu’est-ce que la visualisation de l’information ?

La visualisation de l’information, bien qu’elle soit liée à la visualisation scientifique (la modélisation informatique de données brutes), est à proprement parler un sous-champ d’interaction homme-machine. En tirant parti de la vitesse de traitement et des capacités graphiques des ordinateurs, la visualisation de l’information permet aux utilisateurs d’interpréter une masse d’information. La prémisse sous-jacente à la visualisation de l’information veut que les aptitudes perceptives de l’utilisateur puissent servir à comprendre l’information. Même si l’on peut soutenir que le mot écrit est le meilleur moyen de communiquer des idées, le texte n’a de sens qu’après avoir été déchiffré par la lecture. Le texte est une méthode encombrante afin de traiter une masse d’information quantitative. On peut placer beaucoup plus d’information sur un écran en utilisant les techniques de visualisation de l’information qu’au moyen du texte seulement. À l’aide de ces deux points, la visualisation de l’information cherche à accroître la vitesse des recherches de données et à atténuer l’effort mental mis dans chacune des recherches.
Considérons, par exemple, que même s’il est possible d’attraper une balle étant donné une lecture de sa vitesse et de ses coordonnées, le cerveau a conçu une méthode plus élégante de décoder automatiquement l’information par l’observation directe. La visualisation de l’information tire profit de cette aptitude naturelle en dotant l’information de caractéristiques physiques au moyen de graphiques d’ordinateur. Mon dispositif est réalisé sous forme de données bidimensionnelles affiché selon une structure géométriquement transformée. Mon dispositif entre dans la sous catégorie « filtrage interactif » des techniques d’interactions et de déformations utilisées. Pour avoir de plus amples informations sur les données à visualiser, sur les différentes techniques de visualisation et les techniques d’interaction et de déformation utilisée, je vous invite à visiter le travail de ma collègue D. Kapusova.

Bibliographie:

sur SVG:

Webographie

Sur la visualisation de l'information :
CongrésGroupes et projets de recherches Comment implémenter un dispositif d’art informatif sur un tableau dynamique beau et qui nous permet de donner l’information sur le prochain arriver du bus TPG ? Ce tableau peut être placé dans une chambre, dans la salle des ordinateurs de TECFA pour permettre aux étudiants de connaître l’heure d’arriver du prochain bus en direction de la gare ou dans n’importe quel arrêt de bus sur Genève. Quelles sont les connaissances nécessaires en SVG qu’il me faut pour réaliser techniquement ce travail ? Comment faire un fichier PHP qui craie le fichier SVG ? La base de donnée qui doit contenir les horaires de bus, est-ce que je dois la réaliser dans un fichier PHP ou bien je dois créer tout simplement un fichier txt ? 14.05.04 19.05.04 100 Esquisse du plan de recherche Elaboration d'un "brouillon" de plan de recherche en vue d'une version finale en se basant sur les informations prisent à travers la bibiographie et la wobographie. 14.05.04 26.05.04 100 Recherche de documentation Continuer de chercher des articles sur l’art informatif . J’ai dessiné deux tableaux artistiques inspirés de deux mosaïques orientales en utilisant l’éditeur SVG « Inkscape.exe ». Mon choix s’est porté sur la mosaïque qui contenait un Caméléon. Ainsi la couleur du Caméléon changera selon les minutes qui restent avant l’arrivé du bus. 14.05.04 26.05.04 100 Plan de recherche: version finale Elaboration d'une version définitive du plan de recherche à partir de l'esquisse proposée. 26.05.04 25.06.04 100 Implémentation du dispositif d'information TPG Apprendre d’avantage le langage SVG afin de réaliser ce projet. Je pense que se sera le workpackage (le plus grand problème que je puisse envisager) qui me prendra le plus de temps car j’ai pas eu le temps cette année de faire les deux travaux sur SVG et MySQL ! Il faut que je réalise le 95% du dispositif avant le 25.06.04. Il faut se baser sur l'exemple de Vivian pour CommArt et Arbre vert de DKS.J'ai réalisé les étapes suivantes:
  • Dessiner le tableau Caméléon.svg avec l'éditeur Inkscape
  • Remplir le fichier horaire.php
  • Réviser en SVG afin d’animer le tableau selon une simple logique de changement de couleurs qui me permettra de donner l’information sur le prochain arrivé du bus.
  • J'ai écris un programme qui permet de changer la couleur des objets dans le tableau selon le temps qui reste avant l’arrivée du prochain bus 4 et j'ai lié ce programme à la montre de mon ordinateur afin de perpétuer et synchroniser l’information avec le temps.
  • J'ai réalisé la liaison entre le fichier horraire.php et le fichier Caméléon.SVG dans mon petit dispositif "ArTPG".

Je me suis donné un délai jusqu’au 25 juin pour finir définitivement mon petit dispositif. 25.06.04 27.06.04 100 Tester le dispositif avec quelques utilisateurs Cette étape est importante car elle nous permet de se rendre compte des faiblesses du dispositif pour des éventuelles améliorations. Le test nous permet de savoir si on a fait un travail apprécier par le publique ou non ! 20.06.04 30.06.04 100 Rapport final Ecrire le rapport final du projet.
En dehors des informations importantes que j’aie notées dans l’article de l’activité 6 pour mon rapport final, je viens de me rendre compte de l’importance de donner quelques explications sur la notion de la visualisation de l’information (voir ci-dessus)afin de situer la mienne dans le contexte de l’art informatif. Il y a une part importante de la visualisation de l’information dans mon travail. Pour cela, je vais collecter quelques données depuis le Net et depuis le bon article de ma collègue Kapusova.