Counter

De PAMAL
Révision de 22 juin 2016 à 12:02 par Lionel (discussion | contributions) (Ajustements matériels et logiciels)

Aller à : navigation, rechercher

Étude de cas

COUNTER de Grégory Chatonsky

Auteur : Lionel Broye

Date de parution : 2015

En 2013 lors du lancement du programme de recherche du PAMAL un certain nombre d’oeuvres d’art a été proposé à l’étude dont le site Internet COUNTER de Grégory Chatonsky créé en 1994[1]. Ce dernier décrit par l’artiste sur son site personnel n’est plus en ligne et n’existe plus que par sa description accompagnée d’une image (fig.1). « Un site Internet constitué d’un compteur de visites. « Counter » expose l’autophagie de l’information sur le réseau puisqu’on y voit que l’accumulation des visites. Le changement que la dernière visite (+1) y est imperceptible. » Depuis le début de notre recherche Grégory Chatonsky a modifié la page de présentation de Counter dont une version archivée se trouve conservée par le PAMAL (fig.2). À partir des informations recueillies sur le site Internet de l’artiste ainsi que celles obtenues lors de multiples échanges emails et téléphoniques, nous avons pu circonscrire l’environnement de création

Un environnement matériel et logiciel

Les navigateurs

En tenant compte de la période de création du site, le navigateur employé était NCSA MOSAIC[2]. Les différentes versions sont disponibles en téléchargement sur le site ftp de NCSA[3]. Pour cette étude nous expérimenterons deux autres navigateurs, Netscape 3.0.1 de 1996 et Netscape Communicator de 1998.

Les machines

L’artiste nous a indiqué avoir utilisé un Apple LC475 commercialisé de 1993 à 19964. Cette machine se connectant au réseau via un modem téléphonique, nous lui avons préféré un Quadra 6505, machine contemporaine de la création de COUNTER mais équipée d’un port AAUI6 permettant une connexion Ethernet. Pour cette étude nous testerons deux autres machines, un Umax Pulsar de 1996 et un Imac de 1998 sous OS9.

Le compteur

Le compteur fonctionne avec la technologie CGI (common gateway interface documentée pour la première fois par la NCSA) et une série de chiffres de 0 à 9 au format GIF seront utilisés pour constituer le compteur.

Première version logicielle

En utilisant le HTML 5 nous avons pu rapidement obtenir une page correspondant à la description fournie par l’artiste. Il s’agissait d’une page complètement noire (fig.3) avec au centre un compteur de chiffres blancs. Pour centrer le compteur nous avons employé un simple tableau table, le fond noir est obtenu avec bgcolor, le code faisant appel au compteur inséré dans un td. Après la première version fonctionnelle nous l’avons complété avec un compteur affichant des GIF ainsi que des mots-clefs d’époque.

Le format GIF

Étant un des standards image le plus employé, l’artiste nous avait indiqué avoir utilisé ce format pour faire fonctionner le compteur. Nous avons donc réalisé la série complète de GIF, de 0 à 9, le tout en Arial comme mentionné dans les caractéristiques de l’oeuvre. Le corps n’étant pas spécifié, nous avons choisi une taille en pixels de 15 x 27 pour être lisible sur tous les formats d’écran actuels.

Les Mots-clefs

L’attribut Keyword très employé dans les premières années du web, notamment popularisé par des moteurs de recherche tel qu’Altavista, est aujourd’hui obsolète et même proscrits lors du référencement. Tout en tenant compte de ce paramètre, nous avons inséré les mots-clefs indiqués par l’artiste, ces derniers faisant référence à des événements contemporains de l’oeuvre, des jeux vidéo et à la pornographie, censée attirer le plus de visiteurs pour le compteur mais sans rapport avec le contenu. Notons ici que c’est en partie la raison qui a poussé les principaux moteurs de recherche à partir des années 2000 à considérer les motsclefs comme l’apanage de sites de Spam. Utiliser aujourd’hui cette technique entraînerait donc l’effet inverse, le site serait non référencé. Nous avons donc choisi dans un premier temps de placer les mots-clefs en commentaire. Les mots-clefs ont été choisis en fonction de plusieurs critères. Selon les indications de l’artiste nous avons sélectionné des mots-clefs faisant référence à la pornographie, cette catégorie “attirant” le plus de visiteurs7. Tous les mots-clefs utilisés sont contemporains du site, notamment ceux faisant référence à des événements d’actualité marquant en 1994 (la mort de Kurt Cobain ou bien la première rencontre du W3C) ou bien à des jeux vidéo célèbres à ce moment-là. La liste pourrait être plus longue mais nous l’avons limitée afin de donner un accès rapide à tous les mots-clefs employés.

Première version matérielle

Nous avions donc une version en ligne fonctionnant sur nos équipements contemporains. À présent nous pouvions passer à l’étape suivante, faire l’expérience de ce prototype avec un ordinateur de 1994. Un quadra 650 (fig.3) est donc acheté avec son écran, son clavier, sa souris d’origine avec le système OS7. Un adaptateur connecté sur le port AAUI permet ensuite de brancher la machine sur le réseau de l’ESAA via un serveur DHCP avec un câble RJ45 de catégorie 6. En utilisant les favoris installés d’origine avec Mosaic nous obtenons un rendu partiel des pages HTML générées par le site de NCSA. Par contre nous obtenons une erreur (fig.4) persistante lorsque nous tentons de nous connecter à d’autres sites ainsi que sur COUNTER.

400 Bad Request Your browser sent a request that this server could not understand

L’erreur 400 est presque toujours le résultat d’une mauvaise programmation du système client et/ou du serveur Web. Ici notre système client MOSAIC semble être la source de l’erreur, non pas due à une mauvaise programmation mais plutôt à l’obsolescence de son codage datant de plus de vingt ans. Toute mise à jour étant impossible, ce navigateur est donc mis de côté pour l’expérience. Toutefois cette erreur 400 fut bénéfique. Jusque-là nous avions conservé les pages en HTML5 ! Pensant avoir trouvé la source de l’erreur, nous décidons logiquement de passer au HTML1, version contemporaine de l’oeuvre et du navigateur.

Retro-codage, du html5 au html2

Après quelques recherches, il s’avère que le HTML1 ne correspond pas tout à fait à nos attentes, l’Internet Draft publié par Tim Berners- Lee et Daniel Connolly datant de juin 1993 (fig.8), le HTML2 dont les spécifications sont rendues publiques en novembre 1995 semble mieux adapté. La page de COUNTER est donc entièrement réécrite en respectant les spécifications du HTML2. Nous rencontrons alors deux difficultés, le fond noir ne peut pas être obtenu en utilisant l’attribut bgcolor car ce dernier n’existe pas en HTML2 et il en est de même avec notre tableau table. Pire, le navigateur Mosaic possède une option qui permet de régler le fond de couleur, ce dernier étant par défaut gris, le site ne peut pas être affiché en permanence de façon conforme aux indications de l’artiste. Cette dernière découverte nous pousse à nous poser quelques questions troublantes. Pourquoi l’artiste nous a indiqué avoir utilisé Mosaic si ce dernier ne peut pas afficher COUNTER sur fond noir ? La mémoire de l’artiste fait-elle défaut ou bien superpose-t-elle plusieurs époques afin de construire un COUNTER qui n’a pas pu exister ?

Une page d’accueil nécessaire

En plus du code, un autre problème se pose à nous, l’arrivée sur la page contenant le compteur ne se faisant pas par le résultat d’une recherche, le nouveau site n’étant pas référencé, il manque une explication pour éviter que le visiteur active manuellement le rafraîchissement de la page pour comprendre le fonctionnement. Nous décidons donc de créer une page d’accueil incluant les informations nécessaires à la compréhension de l’oeuvre, ainsi que quelques liens pointant vers le site du PAMAL et celui de l’artiste. Nous rajoutons le code testant la validité de notre HTML2, ainsi déclaré conforme aux recommandations du W3C (fig.5).

Ajustements matériels et logiciels

IMac, clone et navigateurs

Deux autres machines ont été testées avec notre première version de COUNTER, il s’agit d’un iMac et d’un UMAX Pulsar équipées respectivement des navigateurs correspondants, Netscape Communicator et Internet Explorer pour l’iMac, Netscape 3.0.1 pour l’Umax. Les résultats obtenus diffèrent sur les deux machines ainsi qu’entre les navigateurs. Sur l’Umax Pulsar, premier clone Mac construit par Pulsar en 1996, un problème de codage de caractère entraîne des erreurs d’accentuation dans le texte de la page d’accueil, tandis que sur l’iMac la version de Netscape communicator semble garder en mémoire cache la page du site, bloquant l’incrémentation du compteur lors de l’affichage de la page. Malgré plusieurs tentatives de réglages, l’incrémentation ne se fait pas. Aucun problème avec Internet Explorer.

Un soclage numérique

Reste encore à obtenir COUNTER sur fond noir et centré en milieu de page comme indiqué par l’artiste. Pour ce faire nous allons passer par deux étapes bien connues des webmasters de l’époque afin de réaliser un soclage numérique qui va consister à placer le compteur au milieu de la page mesurant 640 x 480 pixels, puis à réaliser un fond noir. Le centrage est obtenu en intercalant deux images, une en hauteur partant du haut pour pousser le compteur vers le bas, une en largeur partant de gauche pour pousser le compteur vers la droite. L’image verticale mesurant 1 pixel de large sur 240 pixels de haut, l’image horizontale 1 pixel de haut pour 320 pixels de large. Une troisième verticale est insérée afin de placer en bas à droite le lien de retour vers la page d’accueil (fig.6). Une fois le compteur centré, nous pouvons passer à l’étape suivante qui va nous permettre de simuler un fond noir et affiner le centrage. Cinq images vont être nécessaires au soclage final (fig.7). La première mesure 640/213 pixels, la seconde qui précède et centre le compteur mesure 290/27 pixels, la troisième qui ferme le compteur 290/27 pixel, la quatrième 640/213 pixels, la cinquième qui pousse “retour” à droite 490/27 pixels.

Problèmes non résolus

Les mots-clefs Mise en page Erreur d’affichage avec MOSAIC Le cas Netscape Problèmes à venir

Un COUNTER authentique et inédit ?

Images

Références

  1. http://chatonsky.net/project/counter/
  2. https://fr.wikipedia.org/wiki/NCSA_Mosaic
  3. National Center for Supercomputing Applications - ftp://ftp.ncsa.uiuc.edu/Mosaic/