wwwwwwwww

2003.03.23

Douglas Edric Stanley

> source code: wwwwwwwww

Ce diagramme utilise comme tableau de valeurs, le rendu du site wwwwwwwww.jodi.org. Cette machine du célèbre duo JODI est une des premières œuvres sur le World Wide Web à se servir du support même du navigateur (et du rapport entre le navigateur et les codes sources en format HTML) pour générer une représentation. Rapport entre code/rendu.

Mode d'emploi. Ce diagramme n'est pas interactif. Il est automatique.

Argument. Ce diagramme lit caractère par caractère (6445 en tout) tous les signes du rendu de la page de JODI et les transforme en valeurs colormétriques. Un affichage témoin est rendu en haut du digramme pour montrer le signe actuellement utilisé pour générer ce rendu colormétrique. La valeur en bas correspond à sa valeur en encodage ascii.

Voici l'ensemble des signes utilisés comme tableau-source. Notez l'absence de retour-chariot (du à la transformation du code-source de la page HTML en une page lisible dans le navigateur) :

Une page cryptique, traversée par on ne sait pas quelle logique — peut-être ses symboles sont purement aléatoires ?

Des signes machinoïdes : « [4]-------> », « |||====| », « [[[[[|||||||]]]]] », « |====||| », « <------[4] », « / / |=o=o=o=o=o=o=o=o=| », ou « <-------------------[5] » — est-ce de la programmation pour une machine inconnue, ou une erreur de rendu de celle-ci ?

On reconnait principalement des signes de ponctuation et presqu'aucune signe alphanumérique. Pour la plupart des « non-programmeurs » ce qui semble le plus cryptique dans la programmation est avant tout le rôle de la ponctuation de celle-ci :


include <stdio.h> {
int main(int argc, char* argv[]) {
    int i;
    for(i=0; i<argc; i++) {
        printf("argument no.%i: %s\n", i, argv[i]);
    }
    return(0);
}

On comprend bien l'éffroi qu'un tel programme peut évoquer pour quelqu'un qui ne sait pas programmer en langage C : accolades, crochets, « ++ », point-virgules, étoiles, virgules — que veut dire toutes ces signes ? On peut compter au moins une douzaine de signes de ponctuation dans ce code, chacun ayant son propre rôle spécifique dans la programmation : si on en oublie un seul, le programme ne fonctionnerait plus. Terreur et magie de la ponctuation du programme informatique.

Mais en réalité, l'histoire de wwwwwwwww.jodi.org est encore plus simple et plus compliquée que ce programme que nous venons de citer. Car nous pouvons assurer que même pour des programmeurs habitués aux codes informatiques les plus ardus, cette page de JODI est totalement illisible. A moins que ce programme soit le code pour un langage de programmation obscur comme Befunge, on ne voit pas de logique informatique dans le rythme.

page visible au navigateur

Voici ensuite les codes-sources de cette même page, vu à partir de son fichier HTML. C'est là où émerge enfin le sens — à travers une image — de cette page :


 %Location | http://wwwwwwwww.jodi.org 
[3]_______________________________ \ ___| / __/ \ \__ \ / / \/ \ \ / / ___________ \ \ / / __/___________\__ \ \ ./ /__ ___ /=================\ ___ __\ \. [4]-------> ___||___|====|[[[[[|||||||]]]]]|====|___||___ ||||||' .:::;~|~~~___~~~|~;:::. `|||||*|| ::' .::' \|_________|/ `::: `::. `|* | : ||: : | | : ||: : | | : ||: : | | : ||: : | | : ||: : | | : ||: : | | : ||: : | | : ||: : | | : ||: : | | : ||: : | | : ||: : | | :______||:_____________________________: | |/_______||/______________________________\| \ ~\ | | / \ |\ | | / \ | \ | | / \ | \ | | / \ |___\ |______________| / \ | \ |~ \ / \|_______\|_________________\_/ |_____________________________| / \ / _________________ \ / _/ \_ \ / __/ \__ \ / / \ \ /__ _/ \_ __\ [3]_______________________________ \ _| / / \ \ \ / / \/ \ \ / / ___________ \ \ | / __/___________\__ \ | | |_ ___ /=================\ ___ _| | [4]---------> _||___|====|[[[[[[[|||]]]]]]]|====|___||_ |::::|: :|::::| \_/ ::| | | | |~\________/~\|:: ~ ::|/~\________/~| | | | ||:: _=_=_=_=_::| | | | | :::._______.::: | | | | .:::| |:::.. | | | | ..:::::'| |`:::::.. | | [6]---------------->.::::::' || || `::::::. / /|: | | | | |:::::::| | / / : | | ::: `. .' `:____:::::::::::____:' o . o o . . o_0_o . . o_0_o"o_0_o . . o 0 o~o 0 o . . o o.".o o . | / | \ |/_ | _\| ~~ | ~~ | o o | o o [4]-----------------> o_0_o | o_0_o . o 0 o . . o 0 o . . o o . . o o . . o o . / | \ |/_ \|/ _\| ~~ ~ ~~ . o o. .o o . . o o. .o o . . o o. .o o . . o_0_o"o_0_o . . o_0_o"o_0_o . . o_0_o"o_0_o . . o 0 o~o 0 o . . o 0 o~o 0 o . . o 0 o~o 0 o . . o o.".o o . . o o.".o o . . o o.".o o . . | . . | . . | . / | \ / | \ / | \ : | : : | : : | : : | : : | : : | : \:/ | \:/ \:/ | \:/ \:/ | \:/ ~ | ~ ~ | ~ ~ | ~ [4] o o | o o [5] [4] o o | o o [5] [4] o o | o o [5] o_0_o | o_0_o o_0_o | o_0_o o_0_o | o_0_o o~0~o | o~0~o o~0~o | o~0~o o~0~o | o~0~o o o ) | ( o o o o ) | ( o o o o ) | ( o o / | \ / | \ / | \ / | \ / | \ / | \ / | \ / | \ / | \ / | \ / | \ / | \ / o \ / o \ / o \ / [1] \ / [1] \ / [1] \ o o o o o o [1] [1] [1] [1] [1] [1] ============================================================================ _____________________________________|_____________________________________ _____ | | :| | . [2] . | :| | . ~ \_/ ~ . | [2]:| | .. . .. | :| | [2]| . |[2] | .:| | . ~~~ . . . ~~~ . `...::' | . . . . . _ ~~~ _ | . . ~ . . . `| |':.. | [2]\. . . . [1] . . . ./[2] . | | `:::. | ./ . ~~~ . \. | | `::: | . . : . . . | | :::: | . . . . . | [1] | ::|:: | . ___ . ___ . . `. .' ,::||: | [2]| . |[2] ~~~ ::|||: | .' _ `. .. [2] .::|||:' | . / \ . ::... ..::||||:' | ~ -[2]- ~ :::::::::::::||||::' | ``::::||||||||:'' | ``:::::'' | | | | | [1] = | [1] = [2] - (s) | [2] = (s) | | ______________________________________|_____________________________________ ============================================================================