COUNTER : Différence entre versions

De PAMAL
Aller à : navigation, rechercher
 
(16 révisions intermédiaires par un autre utilisateur non affichées)
Ligne 10 : Ligne 10 :
 
Classification : Art Internet <br />
 
Classification : Art Internet <br />
 
Site web : [http://chatonsky.net/project/counter] <br />
 
Site web : [http://chatonsky.net/project/counter] <br />
État avant étude : disparue <br />
+
État avant étude : oeuvre disparue <br />
Statut PAMAL : Second original <br />
+
Production PAMAL : Second original <br />
Accès PAMAL : à compléter
+
Accès PAMAL : [http://www.pamal.org/counter/index.html]<br />
  
== Introduction ==
+
== Description ==
  
 
L'oeuvre présentée 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).<br />
 
L'oeuvre présentée 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).<br />
  
 
[[Fichier:Fig1.jpg|vignette|fig.1 - Présentation de COUNTER (2015) sur le site de l'artiste]]
 
[[Fichier:Fig1.jpg|vignette|fig.1 - Présentation de COUNTER (2015) sur le site de l'artiste]]
« Un site Internet constitué d’un compteur
+
Description par l'artiste : « Un site Internet constitué d’un compteur
 
de visites. « Counter » expose l’autophagie de
 
de visites. « Counter » expose l’autophagie de
 
l’information sur le réseau puisqu’on y voit que
 
l’information sur le réseau puisqu’on y voit que
 
l’accumulation des visites. Le changement que la
 
l’accumulation des visites. Le changement que la
dernière visite (+1) y est imperceptible. »<br />
+
dernière visite (+1) y est imperceptible. »<br /> [REF ?]
  
Depuis le début de notre recherche Grégory
+
Accès : Depuis le début de notre recherche Grégory
 
Chatonsky a modifié la page de présentation
 
Chatonsky a modifié la page de présentation
de Counter dont une version archivée se trouve
+
de Counter dont une version archivée est conservée par le PAMAL (fig.2).<br />
conservée par le PAMAL (fig.2).<br />
+
  
 
[[Fichier:Fig2.jpg|vignette|fig.2 - Présentation de COUNTER (2013) sur le site de l'artiste]]
 
[[Fichier:Fig2.jpg|vignette|fig.2 - Présentation de COUNTER (2013) sur le site de l'artiste]]
À partir des informations recueillies sur le site
+
 
Internet de l’artiste ainsi que celles obtenues lors de
+
==Environnement matériel et logiciel==
multiples échanges emails et téléphoniques, nous
+
avons pu circonscrire l’environnement de création
+
==Un environnement matériel et logiciel==
+
  
 
===Les navigateurs===
 
===Les navigateurs===
 
En tenant compte de la période de création du
 
En tenant compte de la période de création du
site, le navigateur employé était NCSA MOSAIC<ref>https://fr.wikipedia.org/wiki/NCSA_Mosaic</ref>.
+
site, le navigateur employé devait être NCSA MOSAIC<ref>https://fr.wikipedia.org/wiki/NCSA_Mosaic</ref>.
 
Les différentes versions sont disponibles en
 
Les différentes versions sont disponibles en
 
téléchargement sur le site ftp de NCSA<ref>National Center for Supercomputing Applications
 
téléchargement sur le site ftp de NCSA<ref>National Center for Supercomputing Applications
Ligne 48 : Ligne 44 :
 
Pour en savoir plus : [[Étude comparée de l’affichage actuel de l’œuvre en ligne Counter de Grégory Chatonsky]].
 
Pour en savoir plus : [[Étude comparée de l’affichage actuel de l’œuvre en ligne Counter de Grégory Chatonsky]].
  
===Les machines===
+
===Les ordinateurs===
L’artiste nous a indiqué avoir utilisé un Apple
+
L’artiste a indiqué avoir utilisé un Apple
 
LC475 commercialisé de 1993 à 1996<ref>https://en.wikipedia.org/wiki/Timeline_of_
 
LC475 commercialisé de 1993 à 1996<ref>https://en.wikipedia.org/wiki/Timeline_of_
 
Macintosh_models</ref>. Cette
 
Macintosh_models</ref>. Cette
Ligne 68 : Ligne 64 :
 
pour constituer le compteur.
 
pour constituer le compteur.
  
==Première version logicielle==
+
==Etude fonctionnelle==
 
En utilisant le HTML 5 nous avons pu rapidement
 
En utilisant le HTML 5 nous avons pu rapidement
 
obtenir une page correspondant à la
 
obtenir une page correspondant à la
 
description fournie par l’artiste.<br />
 
description fournie par l’artiste.<br />
Il s’agissait d’une page complètement noire
+
Il s’agit d’une page complètement noire
 
(fig.3) avec au centre un compteur de chiffres
 
(fig.3) avec au centre un compteur de chiffres
 
blancs. Pour centrer le compteur nous avons
 
blancs. Pour centrer le compteur nous avons
Ligne 83 : Ligne 79 :
 
des GIF ainsi que des mots-clefs d’époque.
 
des GIF ainsi que des mots-clefs d’époque.
 
===Le format GIF===
 
===Le format GIF===
Étant un des standards image le plus employé,
+
Étant l'un des standards "image" le plus employé,
l’artiste nous avait indiqué avoir utilisé ce
+
l’artiste nous a indiqué avoir utilisé ce
 
format pour faire fonctionner le compteur.
 
format pour faire fonctionner le compteur.
 
Nous avons donc réalisé la série complète de
 
Nous avons donc réalisé la série complète de
Ligne 93 : Ligne 89 :
 
sur tous les formats d’écran actuels.
 
sur tous les formats d’écran actuels.
 
===Les Mots-clefs===
 
===Les Mots-clefs===
L’attribut Keyword très employé dans les premières
+
L’attribut Keyword, très employé dans les premières
 
années du web, notamment popularisé
 
années du web, notamment popularisé
 
par des moteurs de recherche tel qu’Altavista,
 
par des moteurs de recherche tel qu’Altavista,
Ligne 102 : Ligne 98 :
 
l’artiste, ces derniers faisant référence à des
 
l’artiste, ces derniers faisant référence à des
 
événements contemporains de l’oeuvre, des
 
événements contemporains de l’oeuvre, des
jeux vidéo et à la pornographie, censée attirer
+
jeux vidéo et à la pornographie, censés attirer
le plus de visiteurs pour le compteur mais sans
+
le plus de visiteurs possibles, sans qu'il y ait un quelconque
 
rapport avec le contenu.<br />
 
rapport avec le contenu.<br />
Notons ici que c’est en partie la raison qui a
+
Notons ici que c’est en partie pour cette raison que les principaux moteurs de recherche ont considéré, à
poussé les principaux moteurs de recherche à
+
partir des années 2000, les mots-clefs
partir des années 2000 à considérer les motsclefs
+
 
comme l’apanage de sites de Spam. Utiliser
 
comme l’apanage de sites de Spam. Utiliser
 
aujourd’hui cette technique entraînerait donc
 
aujourd’hui cette technique entraînerait donc
l’effet inverse, le site serait non référencé.<br />
+
l’effet inverse : le site serait non référencé.<br />
 
Nous avons donc choisi dans un premier temps
 
Nous avons donc choisi dans un premier temps
 
de placer les mots-clefs en commentaire.<br />
 
de placer les mots-clefs en commentaire.<br />
Ligne 133 : Ligne 128 :
 
tous les mots-clefs employés.
 
tous les mots-clefs employés.
  
==Première version matérielle==
+
==Réalisation du Second Original==
 
[[Fichier:Fig3.jpg|vignette|fig.3 - Unité centrale Macintosh Quadra 650]]
 
[[Fichier:Fig3.jpg|vignette|fig.3 - Unité centrale Macintosh Quadra 650]]
 
[[Fichier:Fig4.jpg|vignette|fig.4 - 400 Bad Raquest]]
 
[[Fichier:Fig4.jpg|vignette|fig.4 - 400 Bad Raquest]]
Nous avions donc une version en ligne fonctionnant
+
===Prototypage===
sur nos équipements contemporains. À
+
À partir de la version fonctionnant
présent nous pouvions passer à l’étape suivante,
+
sur nos équipements contemporains, nous passons à l’étape suivante :
 
faire l’expérience de ce prototype avec
 
faire l’expérience de ce prototype avec
 
un ordinateur de 1994.<br />
 
un ordinateur de 1994.<br />
  
Un quadra 650 (fig.3)
+
Nous faisons l'acquisition d'un quadra 650 (fig.3),avec son
est donc acheté avec son
+
 
écran, son clavier, sa souris d’origine avec le
 
écran, son clavier, sa souris d’origine avec le
 
système OS7.
 
système OS7.
 
Un adaptateur connecté sur le port AAUI
 
Un adaptateur connecté sur le port AAUI
permet ensuite de brancher la machine sur le
+
permet de brancher la machine sur le
réseau de l’ESAA via un serveur DHCP avec un
+
réseau local via un serveur DHCP avec un
 
câble RJ45 de catégorie 6.<br />
 
câble RJ45 de catégorie 6.<br />
  
En utilisant les favoris installés d’origine avec
+
En utilisant les favoris installés d’origine sur
 
Mosaic nous obtenons un rendu partiel des
 
Mosaic nous obtenons un rendu partiel des
 
pages HTML générées par le site de NCSA.
 
pages HTML générées par le site de NCSA.
Par contre nous obtenons une erreur (fig.4) persistante
+
En revanche, nous obtenons une erreur (fig.4) persistante
lorsque nous tentons de nous connecter
+
lorsque nous tentons de nous connecter à COUNTER et sur d'autres
à d’autres sites ainsi que sur COUNTER.<br />
+
sites.<br />
  
  
Ligne 169 : Ligne 163 :
 
mais plutôt à l’obsolescence de son codage
 
mais plutôt à l’obsolescence de son codage
 
datant de plus de vingt ans. Toute mise à jour
 
datant de plus de vingt ans. Toute mise à jour
étant impossible, ce navigateur est donc mis
+
étant impossible, ce navigateur est temporairement mis
 
de côté pour l’expérience.<br />
 
de côté pour l’expérience.<br />
 
Toutefois cette erreur 400 fut bénéfique.
 
Toutefois cette erreur 400 fut bénéfique.
 
Jusque-là nous avions conservé les pages en
 
Jusque-là nous avions conservé les pages en
 
HTML5 ! Pensant avoir trouvé la source de
 
HTML5 ! Pensant avoir trouvé la source de
l’erreur, nous décidons logiquement de passer
+
l’erreur, nous passons
 
au HTML1, version contemporaine de l’œuvre
 
au HTML1, version contemporaine de l’œuvre
 
et du navigateur.<br />
 
et du navigateur.<br />
  
==Retro-codage, du html5 au html2==
+
===Retro-codage, du html5 au html2===
 
Après quelques recherches, il s’avère que le
 
Après quelques recherches, il s’avère que le
HTML1 ne correspond pas tout à fait à nos attentes,
+
HTML1 ne correspond pas entièrement à nos attentes,
 
l’Internet Draft publié par Tim Berners-
 
l’Internet Draft publié par Tim Berners-
 
Lee et Daniel Connolly datant de juin 1993, le HTML2 dont les spécifications sont
 
Lee et Daniel Connolly datant de juin 1993, le HTML2 dont les spécifications sont
Ligne 186 : Ligne 180 :
 
mieux adapté.<br />
 
mieux adapté.<br />
  
La page de COUNTER est donc entièrement
+
La page de COUNTER est alors entièrement
 
réécrite en respectant les spécifications du
 
réécrite en respectant les spécifications du
HTML2. Nous rencontrons alors deux difficultés,
+
HTML2. Nous rencontrons deux difficultés.
le fond noir ne peut pas être obtenu en utilisant
+
Le fond noir ne peut pas être obtenu en utilisant
l’attribut bgcolor car ce dernier n’existe
+
l’attribut bgcolor, dans la mesure où ce dernier n’existe
pas en HTML2 et il en est de même avec notre
+
pas en HTML2. Il en est de même avec notre
 
tableau table.<br />
 
tableau table.<br />
 
Pire, le navigateur Mosaic possède une option
 
Pire, le navigateur Mosaic possède une option
 
qui permet de régler le fond de couleur, ce
 
qui permet de régler le fond de couleur, ce
dernier étant par défaut gris, le site ne peut pas
+
dernier étant gris par défaut, le site ne peut pas
 
être affiché en permanence de façon conforme
 
être affiché en permanence de façon conforme
 
aux indications de l’artiste.<br />
 
aux indications de l’artiste.<br />
Ligne 205 : Ligne 199 :
 
bien superpose-t-elle plusieurs époques afin de
 
bien superpose-t-elle plusieurs époques afin de
 
construire un COUNTER qui n’a pas pu exister ?
 
construire un COUNTER qui n’a pas pu exister ?
===Une page d’accueil nécessaire===
+
===Nécessité d'une page d’accueil===
 
[[Fichier:Fig5.jpg|vignette|fig.5 - Page d’accueil et HTML2 validé par le W3C]]
 
[[Fichier:Fig5.jpg|vignette|fig.5 - Page d’accueil et HTML2 validé par le W3C]]
 
En plus du code, un autre problème se pose à
 
En plus du code, un autre problème se pose à
nous, l’arrivée sur la page contenant le compteur
+
nous : l’arrivée sur la page contenant le compteur
 
ne se faisant pas par le résultat d’une
 
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
+
recherche, le nouveau site n’étant pas référencé. Et il manque une explication pour éviter que le
 
visiteur active manuellement le rafraîchissement
 
visiteur active manuellement le rafraîchissement
de la page pour comprendre le fonctionnement.
+
de la page pour en comprendre le fonctionnement.
 
Nous décidons donc de créer une page
 
Nous décidons donc de créer une page
 
d’accueil incluant les informations nécessaires
 
d’accueil incluant les informations nécessaires
Ligne 219 : Ligne 213 :
 
et celui de l’artiste.<br />
 
et celui de l’artiste.<br />
  
Nous rajoutons le code testant la validité de
+
Nous rajoutons le code testant la validité de notre HTML2, ainsi déclaré conforme aux
notre HTML2, ainsi déclaré conforme aux
+
 
recommandations du W3C (fig.5).
 
recommandations du W3C (fig.5).
  
==Ajustements matériels et logiciels==
+
===Ajustements matériels et logiciels===
===IMac, clone et navigateurs===
+
====IMac, clone et navigateurs====
Deux autres machines ont été testées avec notre
+
Nous testons notre
première version de COUNTER, il s’agit d’un iMac
+
première version de COUNTER avec deux autres machines. Il s’agit d’un iMac
et d’un UMAX Pulsar équipées respectivement
+
et d’un UMAX Pulsar équipés
des navigateurs correspondants, Netscape
+
des navigateurs Netscape
 
Communicator et Internet Explorer pour l’iMac,
 
Communicator et Internet Explorer pour l’iMac,
 
Netscape 3.0.1 pour l’Umax.<br />
 
Netscape 3.0.1 pour l’Umax.<br />
Ligne 244 : Ligne 237 :
 
de réglages, l’incrémentation ne se fait pas.
 
de réglages, l’incrémentation ne se fait pas.
 
Aucun problème avec Internet Explorer.
 
Aucun problème avec Internet Explorer.
===Un soclage numérique===
+
====Un soclage numérique====
 
[[Fichier:Fig6.jpg|vignette|fig.6 - Soclage numérique]]
 
[[Fichier:Fig6.jpg|vignette|fig.6 - Soclage numérique]]
 
[[Fichier:Fig7.jpg|vignette|fig.7 - COUNTER affiché sur un écran contemporain]]
 
[[Fichier:Fig7.jpg|vignette|fig.7 - COUNTER affiché sur un écran contemporain]]
Reste encore à obtenir COUNTER sur fond
+
Il reste encore à obtenir COUNTER sur fond
 
noir et centré en milieu de page comme indiqué
 
noir et centré en milieu de page comme indiqué
 
par l’artiste.<br />
 
par l’artiste.<br />
Pour ce faire nous allons passer par deux
+
Pour cela, nous allons passer par deux
 
étapes bien connues des webmasters de
 
étapes bien connues des webmasters de
 
l’époque afin de réaliser un soclage numérique
 
l’époque afin de réaliser un soclage numérique
Ligne 271 : Ligne 264 :
 
passer à l’étape suivante qui va nous permettre
 
passer à l’étape suivante qui va nous permettre
 
de simuler un fond noir et affiner le centrage.
 
de simuler un fond noir et affiner le centrage.
Cinq images vont être nécessaires au soclage
+
Cinq images sont nécessaires au soclage
 
final (fig.7).<br />
 
final (fig.7).<br />
 
La première mesure 640/213 pixels, la seconde
 
La première mesure 640/213 pixels, la seconde
Ligne 279 : Ligne 272 :
 
la cinquième qui pousse “retour” à droite
 
la cinquième qui pousse “retour” à droite
 
490/27 pixels.<br />
 
490/27 pixels.<br />
Pour obtenir le résultat optimal il faut ajuster
+
Pour obtenir le résultat optimal, nous ajustons
 
la taille de la fenêtre jusqu’à ce que les éléments
 
la taille de la fenêtre jusqu’à ce que les éléments
 
se mettent en place.<br />
 
se mettent en place.<br />
Ligne 287 : Ligne 280 :
 
un compteur CGI en Arial blanc.
 
un compteur CGI en Arial blanc.
  
===Les mots-clefs pénalisants===
+
====Les mots-clefs pénalisants====
 
Dans les premières versions les mots-clefs
 
Dans les premières versions les mots-clefs
 
étaient placés en commentaire afin de ne pas
 
étaient placés en commentaire afin de ne pas
Ligne 305 : Ligne 298 :
 
bon référencement.
 
bon référencement.
 
===Mise en page===
 
===Mise en page===
Lorsque le compteur augmente d’une dizaine il
+
Lorsque le compteur augmente d’une dizaine, il
 
décale l’image 3 vers la droite. Il faut donc ajuster
 
décale l’image 3 vers la droite. Il faut donc ajuster
manuellement cette image. Ceci étant dit ce
+
manuellement cette image. Ceci étant, ce
rythme aura tendance à décroître avec le temps
+
rythme aura tendance à décroître avec le temps,
 
étant donné l’importance du nombre affiché.
 
étant donné l’importance du nombre affiché.
 
===Erreur d’affichage avec Mosaic===
 
===Erreur d’affichage avec Mosaic===
Ligne 339 : Ligne 332 :
 
site.<br />
 
site.<br />
  
Nous avons donc recréé et mis en ligne Counter en
+
Ainsi avons-nous recréé et mis en ligne Counter en
 
utilisant la plupart des techniques d’origine alors
 
utilisant la plupart des techniques d’origine alors
 
que le site avait disparu depuis plusieurs années.
 
que le site avait disparu depuis plusieurs années.
Ligne 357 : Ligne 350 :
 
réalités techniques de l’époque. <br />
 
réalités techniques de l’époque. <br />
  
Si nous nous en tenons à la version décrite qui devait donc fonctionner
+
Si nous nous en tenons à la version décrite (laquelle devait fonctionner
avec Mosaic, comment le site pouvait-il
+
avec Mosaic), comment le site pouvait-il
 
être affiché sur fond noir alors que ce navigateur
 
être affiché sur fond noir alors que ce navigateur
 
ne gère pas les fonds de couleur mis à part
 
ne gère pas les fonds de couleur mis à part
en passant par les préférences ? Le gris est la
+
en passant par les préférences ? Le gris étant la
 
couleur par défaut, les internautes ne devaient
 
couleur par défaut, les internautes ne devaient
pas être nombreux à régler sur fond noir car le
+
pas être nombreux à opter pour un réglage sur fond noir (le
texte en noir devient alors illisible.
+
texte en noir devenait alors illisible).
 
Comment pouvait-on centrer un élément alors
 
Comment pouvait-on centrer un élément alors
 
que les fonctions n’existaient pas en HTML1
 
que les fonctions n’existaient pas en HTML1
Ligne 388 : Ligne 381 :
 
grand développement qui dépasse le cadre
 
grand développement qui dépasse le cadre
 
actuel de cette étude et une discussion approfondie
 
actuel de cette étude et une discussion approfondie
avec l’artiste, car si cela était le cas nous
+
avec l’artiste. S'il s'avérait que COUNTER n'ait jamais été réalisé, nous
 
serions alors devant une situation singulière
 
serions alors devant une situation singulière
 
qui nous placerait en position d’exécutant
 
qui nous placerait en position d’exécutant
 
technique ou de co-créateur d’une oeuvre de
 
technique ou de co-créateur d’une oeuvre de
 
Grégory Chatonsky, ce dernier jouant peut-être
 
Grégory Chatonsky, ce dernier jouant peut-être
à la fois sur l’indiscutable vérité du site historique
+
à la fois sur la valeur performative de ses déclarations sur son site officiel, sur ses souvenirs personnels
déclaré en ligne et documenté en tant que
+
et sur la simplicité de la mise en oeuvre
tel sur son site officiel, sur ses souvenirs personnels
+
et sur la simplicité de mise en oeuvre
+
 
des documents numériques nécessaires à sa
 
des documents numériques nécessaires à sa
recréation.
+
re-création.
  
==Références==
+
==Notes==

Version actuelle en date du 12 octobre 2016 à 21:08

Second original

Auteur de l'article : Lionel Broye

Date de parution : 2015

Données de l'oeuvre

Artiste : Grégory Chatonsky
Titre de l'oeuvre : Counter
Date de création : 1994
Classification : Art Internet
Site web : [1]
État avant étude : oeuvre disparue
Production PAMAL : Second original
Accès PAMAL : [2]

Description

L'oeuvre présentée 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).

fig.1 - Présentation de COUNTER (2015) sur le site de l'artiste

Description par l'artiste : « 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. »
[REF ?]

Accès : Depuis le début de notre recherche Grégory Chatonsky a modifié la page de présentation de Counter dont une version archivée est conservée par le PAMAL (fig.2).

fig.2 - Présentation de COUNTER (2013) sur le site de l'artiste

Environnement matériel et logiciel

Les navigateurs

En tenant compte de la période de création du site, le navigateur employé devait être NCSA MOSAIC[1]. Les différentes versions sont disponibles en téléchargement sur le site ftp de NCSA[2]. Pour cette étude nous expérimenterons deux autres navigateurs, Netscape 3.0.1 de 1996 et Netscape Communicator de 1998.
Pour en savoir plus : Étude comparée de l’affichage actuel de l’œuvre en ligne Counter de Grégory Chatonsky.

Les ordinateurs

L’artiste a indiqué avoir utilisé un Apple LC475 commercialisé de 1993 à 1996[3]. Cette machine se connectant au réseau via un modem téléphonique, nous lui avons préféré un Quadra 650[4], machine contemporaine de la création de COUNTER mais équipée d’un port AAUI[5] 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.

Etude fonctionnelle

En utilisant le HTML 5 nous avons pu rapidement obtenir une page correspondant à la description fournie par l’artiste.
Il s’agit 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 l'un des standards "image" le plus employé, l’artiste nous a 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’œuvre.
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és attirer le plus de visiteurs possibles, sans qu'il y ait un quelconque rapport avec le contenu.
Notons ici que c’est en partie pour cette raison que les principaux moteurs de recherche ont considéré, à partir des années 2000, les mots-clefs 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.

META NAME="keywords" CONTENT="sex,anal,facial,fuck,adult sex,ass worship,bdsm porn,bondage breast,bondage sex,cuckolds,dominatrix,fetish,fetish clubs,foot fetish,orgy,s m,sex slaves,sex voyeur,spanking,swingers,swingers club,threesome,voyeurism,whip,creampie,masterbate,teen sex,sex tape,horny,sonic,dragon ball Z, final fantasy, doom,donkey kong,battle arena,1994 FIFA World Cup,Kurt Cobain, Nirvana, World Wide Web Consortium"

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 visiteurs[6].
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.

Réalisation du Second Original

fig.3 - Unité centrale Macintosh Quadra 650
fig.4 - 400 Bad Raquest

Prototypage

À partir de la version fonctionnant sur nos équipements contemporains, nous passons à l’étape suivante : faire l’expérience de ce prototype avec un ordinateur de 1994.

Nous faisons l'acquisition d'un quadra 650 (fig.3),avec son écran, son clavier, sa souris d’origine avec le système OS7. Un adaptateur connecté sur le port AAUI permet de brancher la machine sur le réseau local via un serveur DHCP avec un câble RJ45 de catégorie 6.

En utilisant les favoris installés d’origine sur Mosaic nous obtenons un rendu partiel des pages HTML générées par le site de NCSA. En revanche, nous obtenons une erreur (fig.4) persistante lorsque nous tentons de nous connecter à COUNTER et sur d'autres sites.


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 temporairement 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 passons au HTML1, version contemporaine de l’œuvre et du navigateur.

Retro-codage, du html5 au html2

Après quelques recherches, il s’avère que le HTML1 ne correspond pas entièrement à nos attentes, l’Internet Draft publié par Tim Berners- Lee et Daniel Connolly datant de juin 1993, le HTML2 dont les spécifications sont rendues publiques en novembre 1995 semble mieux adapté.

La page de COUNTER est alors entièrement réécrite en respectant les spécifications du HTML2. Nous rencontrons deux difficultés. Le fond noir ne peut pas être obtenu en utilisant l’attribut bgcolor, dans la mesure où ce dernier n’existe pas en HTML2. 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 gris par défaut, 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 ?

Nécessité d'une page d’accueil

fig.5 - Page d’accueil et HTML2 validé par le W3C

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é. Et il manque une explication pour éviter que le visiteur active manuellement le rafraîchissement de la page pour en 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

Nous testons notre première version de COUNTER avec deux autres machines. Il s’agit d’un iMac et d’un UMAX Pulsar équipés des navigateurs 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

fig.6 - Soclage numérique
fig.7 - COUNTER affiché sur un écran contemporain

Il reste encore à obtenir COUNTER sur fond noir et centré en milieu de page comme indiqué par l’artiste.
Pour cela, 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 sont 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.
Pour obtenir le résultat optimal, nous ajustons la taille de la fenêtre jusqu’à ce que les éléments se mettent en place.
Nous obtenons donc une page noire avec un compteur centré comme indiqué par l’artiste, le tout au format 640/480 pixels, en HTML2 avec un compteur CGI en Arial blanc.

Les mots-clefs pénalisants

Dans les premières versions les mots-clefs étaient placés en commentaire afin de ne pas dégrader le référencement du site.
La version actuelle utilise une méthode qui a fait ses preuves mais qui est aussi considérée comme pénalisante par les moteurs de recherche, le Background Spoofing qui consiste à insérer du texte de couleur noir sur fond noir pour aménager une zone de contenu invisible pour les internautes mais pas pour les robots.

Problèmes non résolus

Les mots-clefs

L’emploi des mots-clefs reste problématique, aucune des méthodes employées ne permet un bon référencement.

Mise en page

Lorsque le compteur augmente d’une dizaine, il décale l’image 3 vers la droite. Il faut donc ajuster manuellement cette image. Ceci étant, ce rythme aura tendance à décroître avec le temps, étant donné l’importance du nombre affiché.

Erreur d’affichage avec Mosaic

L’erreur “400 Bad request” avec Mosaic est persistante et ne pourra pas être résolue puisque directement liée avec la programmation obsolète de ce navigateur.

Le cas Netscape

Netscape Communicator n’incrémente pas le compteur à chaque visite. Nous pensions qu’il s’agissait d’un cache persistant mais après plusieurs tests nous n’avons pas pu obtenir une incrémentation correcte du compteur.

Problèmes à venir

La fin du support du CGI par les hébergeurs est peut-être la partie la plus fragile de l’œuvre. Ce langage de programmation ancien est progressivement remplacé par d’autres systèmes plus performants et plus sûrs.

Un COUNTER authentique et inédit ?

Ce travail a permis de retrouver plusieurs techniques employées dans les premières expériences artistiques du Web et qui sont aujourd’hui en voie de disparition. Elles disparaissent parce qu’elles sont obsolètes comme le soclage numérique des pages remplacé par l’utilisation du CSS, ou bien prohibées comme l’emploi des mots-clefs afin de référencer un site.

Ainsi avons-nous recréé et mis en ligne Counter en utilisant la plupart des techniques d’origine alors que le site avait disparu depuis plusieurs années. Ce dernier est aujourd’hui référencé sur le site de l’artiste comme étant le second original, donc le double authentique du site de 1994.

Mis à part quelques problèmes mentionnés dans la dernière partie, il reste une question qui mérite attention et qui a été soulevée lors du premier compte rendu sur ce travail.

Nous avons suivi scrupuleusement les indications de l’artiste et il s’est avéré au fur et à mesure de notre cheminement que plusieurs éléments sont apparus en incohérence avec les réalités techniques de l’époque.

Si nous nous en tenons à la version décrite (laquelle devait fonctionner avec Mosaic), comment le site pouvait-il être affiché sur fond noir alors que ce navigateur ne gère pas les fonds de couleur mis à part en passant par les préférences ? Le gris étant la couleur par défaut, les internautes ne devaient pas être nombreux à opter pour un réglage sur fond noir (le texte en noir devenait alors illisible). Comment pouvait-on centrer un élément alors que les fonctions n’existaient pas en HTML1 ou 2 ? Nous obtenons un rendu acceptable en déployant des images noires mais cela correspond- il à la réalité de l’époque ?

Nous pouvons en déduire trois propositions : Nous ne sommes pas parvenus à trouver les bonnes combinaisons techniques et notre travail est incomplet ;
Les souvenirs de l’artiste ne sont pas justes et il y a donc une réinterprétation de ce qui a existé avec ce qu’il s’est passé par la suite, les navigateurs suivants ont géré les fonds de couleur, les tableaux, etc. ;
Le site n’a jamais existé pour des raisons inconnues (difficultés techniques, projet resté en l’état d’esquisse, fiction) et l’oeuvre COUNTER visible en ligne aujourd’hui est inédite.

Cette dernière proposition mérite un plus grand développement qui dépasse le cadre actuel de cette étude et une discussion approfondie avec l’artiste. S'il s'avérait que COUNTER n'ait jamais été réalisé, nous serions alors devant une situation singulière qui nous placerait en position d’exécutant technique ou de co-créateur d’une oeuvre de Grégory Chatonsky, ce dernier jouant peut-être à la fois sur la valeur performative de ses déclarations sur son site officiel, sur ses souvenirs personnels et sur la simplicité de la mise en oeuvre des documents numériques nécessaires à sa re-création.

Notes

  1. https://fr.wikipedia.org/wiki/NCSA_Mosaic
  2. National Center for Supercomputing Applications - ftp://ftp.ncsa.uiuc.edu/Mosaic/
  3. https://en.wikipedia.org/wiki/Timeline_of_ Macintosh_models
  4. https://en.wikipedia.org/wiki/Quadra_650`
  5. https://en.wikipedia.org/wiki/AAUI
  6. Nous avons recensé à ce jour 3627 mots-clefs faisant référence à la pornographie.