|
|
| (45 révisions intermédiaires par 2 utilisateurs non affichées) |
| Ligne 1 : |
Ligne 1 : |
| − | Étude de cas<br />
| |
| | | | |
| − | 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<ref>http://chatonsky.net/project/counter/</ref>.
| |
| − | 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<ref>https://fr.wikipedia.org/wiki/NCSA_Mosaic</ref>.
| |
| − | Les différentes versions sont disponibles en
| |
| − | téléchargement sur le site ftp de NCSA<ref>National Center for Supercomputing Applications
| |
| − | - ftp://ftp.ncsa.uiuc.edu/Mosaic/</ref>.
| |
| − | Pour cette étude nous expérimenterons deux
| |
| − | autres navigateurs, Netscape 3.0.1 de 1996 et
| |
| − | Netscape Communicator de 1998.<br />
| |
| − |
| |
| − | ===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.<br />
| |
| − |
| |
| − | ===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.
| |
| − | <!--META NAME=»keywords » CONTENT=»se
| |
| − | x,anal,facial,fuck,adult sex,ass worship,bdsm
| |
| − | porn,bondage breast,bondage sex,cuckolds,dom
| |
| − | inatrix,fetish,fetish clubs,foot fetish,orgy,s m,sex
| |
| − | slaves,sex voyeur,spanking,swingers,swingers clu
| |
| − | b,threesome,voyeurism,whip,creampie,masterbat
| |
| − | e,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 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.
| |
| − | Pour obtenir le résultat optimal il faut ajuster
| |
| − | 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 (fig.14).
| |
| − | ===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
| |
| − | Mise en page
| |
| − | Erreur d’affichage avec MOSAIC
| |
| − | Le cas Netscape
| |
| − | Problèmes à venir
| |
| − | ==Un COUNTER authentique et inédit ?==
| |
| − | ==Images==
| |
| − | <gallery>
| |
| − | CouvCounter.png|Vue du second original
| |
| − | Fig1.jpg|fig1.Présentation actuelle de '''Counter''' sur le site Internet de Grégory Chatonsky
| |
| − | Fig2.jpg|fig2.Présentation archivée (2013) de '''Counter''' sur le site Internet de Grégory Chatonsky
| |
| − | Fig3.jpg|fig3.Unité centrale Macintosh Quadra 650
| |
| − | Fig4.jpg|fig4.400 Bad Request
| |
| − | Fig5.jpg|fig5.Page d’accueil et HTML2 validé par le W3C
| |
| − | Fig6.jpg|fig6.Soclage numérique simple
| |
| − | Fig7.jpg|fig7.COUNTER affiché avec un écran et un navigateur contemporain
| |
| − | </gallery>
| |
| − | ==Références==
| |
