En bon amateur de palmipède sous toutes ses formes, gastronomiques et écrites, j’ai bien entendu pris un plaisir soutenu à la lecture du Canard Enchaîné d’hier et plus particulièrement de sa page 3 qui a sorti quelques chiffres croustillants sur le nouveau www.france.fr. Ayant visité la chose, et passée la première émotion de voir un pop-over ECRIT EN FLASH présentant des excuses pour le foirage majuscule du 14 juillet dernier, je me suis demandé ce que la bête avait dans le ventre. Editorialement je veux dire. Combien de contenus différents. Quelle masse d’information. Tout ça quoi…

Et comme je suis un bon geek qui se respecte, j’ai passé quelques minutes à écrire les outils automatisant tout ça

Commençons par l’aspiration du site. Évidemment un petit coup de wget -m a largement suffi à obtenir une copie locale de france.fr. Pour faire bonne mesure, j’ai viré de cette copie-miroir les traductions anglaise, italienne, allemande et espagnole, et j’ai regardé uniquement les documents francophones. Oui, mais combien y en a-t-il ?

for i in `find . -type f`; do file $i; done|grep HTML |wc
     404    1616   32929

Je n’y crois pas Il y a 404 documents HTML J’en ai explosé de rire, dites donc…

Pour déterminer, même approximativement, la taille du contenu utile de ces documents, j’en ai regardé quelques-uns pour trouver les éléments “maîtres”, c’est-à-dire ceux contenant la partie réellement utile à l’usager sans tenir compte de la navigation et tout ça. J’ai donc écrit le bout de code suivant, que je fournis ici uniquement pour démontrer la méthodologie utilisée. Le tout est encapsulé dans une extension à Firefox écrite en 2 minutes pour la circonstance (je tiens le XPI à disposition de qui le souhaiterait).

var gUI = {};

// juste un utilitaire
function GetUIElements()
{
  var elts = document.querySelectorAll("*[id]");
  for (var i = 0; i < elts.length; i++)
  {
    var elt = elts.item(i);
    gUI[ elt.getAttribute("id") ] = elt;
  }
}

// le startup commence ici
function Startup()
{
  GetUIElements();

  // détecter la fin de chargement de chaque document
  gUI.iframe.addEventListener("pageshow", onIframeLoaded, false);
  // démarrer le chargement avec le premier document du tableau
  LoadFranceFr();
}

var gIndex = 1;
var gLength = 0;

function LoadFranceFr()
{
  gUI.iframe.setAttribute("src", "file:///Users/glazou/france.fr/www.france.fr/" + kDOCUMENTS[gIndex-1]);
}

function onIframeLoaded(aEvent)
{
  var src = gUI.iframe.getAttribute("src");
  var doc = gUI.iframe.contentDocument;

  var articles_list = doc.getElementById("articles_list");
  var article_wrapper = doc.querySelector(".article_wrapper");
  var maincontent = doc.getElementById("main-content");

  var contentElt = articles_list || article_wrapper || maincontent;
  if (contentElt) {
    var row = document.createElement("row");
    row.setAttribute("align", "center");
    var label0 = document.createElement("label");
    label0.setAttribute("value", gIndex);
    var label1 = document.createElement("label");
    label1.setAttribute("value", src.substr(src.lastIndexOf("/") +1));
    var label2 = document.createElement("label");
    var length = contentElt.textContent.length;
    label2.setAttribute("value", length);
    row.appendChild(label0);
    row.appendChild(label1);
    row.appendChild(label2);
    gUI.summaryRows.insertBefore(row, gUI.summaryRows.firstChild);

    gLength += length;
    gUI.totalLabel.setAttribute("value", gLength);
  }
  else {
    var row = document.createElement("row");
    row.setAttribute("align", "center");
    row.className = "wrong";
    var label0 = document.createElement("label");
    label0.setAttribute("value", gIndex);
    var label1 = document.createElement("label");
    label1.setAttribute("value", src.substr(src.lastIndexOf("/") +1));
    var label2 = document.createElement("label");
    label2.setAttribute("value", "");
    row.appendChild(label0);
    row.appendChild(label1);
    row.appendChild(label2);
    gUI.summaryRows.insertBefore(row, gUI.summaryRows.firstChild);
  }

  gIndex++;
  if (gIndex < kDOCUMENTS.length)
    LoadFranceFr();
}

Dans ce code, kDOCUMENTS est un tableau dont les éléments sont les URLs locaux des 404 documents pré-cités. Le code ci-dessus va charger chaque document dans un iframe XUL, attendre patiemment que ce chargement soit effectué, trouver le contenu utile, déterminer sa taille par un elt.textContent.length (oui je sais c’est très généreux, ça compte des flopées d’espaces), agréger les résultats et passer au document suivant tant qu’il y en a. Et voila le résultat :

Bien entendu, mes chiffres sont des approximations, un ordre de magnitude. On pourra toujours arguer du fait qu’il y a un peu de contenu dans la barres de navigation ou a contrario qu’il y a des listes de liens redondantes avec la navigation dans le contenu utile. Quoiqu’il en soit, www.france.fr c’est donc en gros 400 documents totalisant environ 520 000 caractères.

Si les chiffres du Canard Enchaîné sont exacts – et je ne doute pas qu’ils le soient – www.france.fr est donc pour 4 000 000€ un des sites les plus chers de France depuis la création du Web. Chaque document unique du site aura in fine coûté 10 000€ ! Chaque caractère utile du site lui aura coûté presque 7,70€.

(Nota bene: tout cela est sous réserve du bon fonctionnement de mon aspiration du site ; si les chiffres réels peuvent être un peu différents, l’ordre de magnitude lui ne saurait énormément varier)

Encore bravo au SIG, Service d’Information du Gouvernement, et son patron Thierry Saussez. Mes plus chaleureuses et sincères félicitations aux prestataires qui sont intervenus pour eux. C’est du Grand Art, des deux côtés.

Publié initialement sur <glazblog/>

Image CC Elliot Lepers pour OWNI

On ne parle plus que de France.fr en ce moment, le fameux site internet fantôme qui est censé représenter la France sur l’Internet mondial .

On apprend ainsi que :

• “France.fr est riche de plus de 12 000 liens” ;
• “France.fr sera progressivement doté d’animations très riches et, dès le lancement du site :
  - d’une animation unique mettant en perspective la météo de la France sur toutes les
  parties du globe, de la Terre Adélie à Saint-Pierre-et-Miquelon en passant par la Guyane et
  la métropole ;
  - d’une animation “Paris Région capitale en bref” ;
  - d’une animation présentant les plus beaux sites naturels français ;
  - de cartes interactives, appelées à se démultiplier, présentant les pôles de compétitivité
  comme les équipements sportifs ou les grands monuments nationaux.”
• “L’hébergeur de France.fr, Cyberscope Vert2all, a obtenu un label vert pour son respect des
  normes environnementales.” (hum…  )
• “L’appel d’offre a été lancé en octobre 2008 et (…) le travail a commencé en août 2009 pour sortir le 14 juillet 2010”
• “Le montant maximum du marché est de 1.610.519,25 € TTC mais, au jour de son lancement,
  le portail France.fr a coûté 862 705 € TTC”

Et donc à la fin de ce document, voici les écrans du site France.fr qui sont assez épurés, triés par couleur, avec beaucoup de photos, de textes et des icônes qui semblent plutôt bien travaillées… Je vous laisse regarder et vous faire un avis :

Voilà, j’espère que ces jolies maquettes vous aideront à patienter jusqu’à la réouverture du site France.fr 

le pdf en question

Billet initialement publié sur Graphism.fr sous le titre “Voici ce à quoi France.fr doit ressembler :-)”

Téléchargez l’illustration de Elliot Lepers

Sans rien toucher, dès la HP, c’est franchement LOL :

La France est composée de 7 massifs, caractérisés par une population chaleureuse.

Et les Français portent un béret. On peut lire aussi que notre beau pays a “un littoral très préservé”.

C’est ballot, le bilan de vingt ans d’application de la Littoral réalisé par le Comité français de l’Union mondiale pour la nature (UICN) indiquait que :

Cette loi importante, qui initiait en 1986 une politique volontariste de préservation des espaces remarquables et de gestion intégrée des zones côtières, a été mal appliquée et érodée.

Pages non accessibles

Explorons le site, enfin essayons. Les visiteurs sont par exemple tombés sur des erreurs 404. “Les rubriques Histoire, Économie et Institutions et valeurs sont vides” indique encore @eni_kao. “Le site France.fr est moche mais drôle. Cartes interactives : Monuments, Unesco et… Pôle emploi“, note-t-il aussi.

Quand les rubriques sont remplies, ce n’est pas toujours ça. À la rubrique Edito, on a ainsi droit à du lourd. Un poème de Carla Bruni sur la beauté du pays ? Nenni, “on peut lire la recette du far breton aux pruneaux“, note @monsieurkaplan.

Paradoxalement, ce site destiné aux touristes n’est traduit qu’en quatre langues, dont le choix a suscité des ricanements mérités : anglais, allemand, italien et espagnol. Pas de chinois, ni d’arabe. Il ne faut pas beaucoup de mauvais esprit pour mal interpréter la chose…

Nos confrères de PC-Impact ont aussi vu que le site n’était pas aussi conforme aux normes qu’il l’affirme.

Les mentions légales indiquent par ailleurs que France.fr « est développé selon les recommandations du Référentiel général d’accessibilité des administrations (RGAA) et les normes W3C ». Un test sur le site validator.w3.org révèle plus d’une dizaine d’erreurs sur http://www.France.fr et 20 avertissements(*).

Par ailleurs, soucieux des utilisateurs handicapés, le site “est accessible à tous, sauf en cas de force majeure” a relevé @ls01

Des fois que l’internaute aurait envie de piquer du fail, il est précisé “Tous droits réservés SIG-2010“. Et si on a le droit de linker, et même de deeplinker, “La mention explicite du site France.fr dans l’intitulé du lien est impérative.” Pratique. On leur souhaite bien du courage pour faire appliquer la consigne.

Sur la forme, le site est loin d’être nickel. @monsieurkaplan toujours, SR de métier, note avec regret que “les guillemets sont ANGLAIS.” Nous avons pour notre part aussi noté que l’espace avant un point d’exclamation n’était pas toujours présent, là encore un emprunt au monde anglo-saxon.

L’esthétique du site en prend aussi pour son grade, par des critiques lancées par des designers. Pour @nodesign, “La charte graphique de france.fr est de Ora-Ito, un coup de poignard dans le design.” “Un people qui bosse pour des people.” [il a entre autres travaillé pour Adi­das, le groupe AIR, Thier­ry Mu­gler, Le­vi’s, David­off, Nike, Ken­zo, Guer­lain, ndlr] Le bling-bling n’aurait donc pas totalement disparu. De son côté, @bdrouillat juge que “la France a besoin d’un peu de design“.

HS le jour du lancement

Dans ce contexte, que le site soit complètement HS le jour de son lancement est finalement un moindre mal. Naturellement, il ne s’agit d’une erreur : “France.fr est victime de son succès“. C’est plus correct de que de reconnaître que les capacités d’hébergement ont été sous-estimées.

Là encore, c’est l’occasion de loller, comme @NotAFri3nd : Vous cherchez à savoir dire “Site momentanément indisponible” en anglais, en allemand, en espagnol et en italien ? C’est ici : www.france.fr“. @guybirenbaum se lance, lyrique : “Ne m’appelez plus jamais France… La France elle m’a laissé tomber…”

Même sur cette page d’erreur, il y a un problème : @jprieur signale que “http://france.fr déclare l’indépendance de la Bretagne et du Nord-Pas-de-Calais”

Et @bigdjim de conclure :

On n’est pas gatés avec les équipes de France : “l’équipe de France.fr vous prie de l’en excuser”

Ceci dit, n’était-ce pas un peu prévisible ? En matière de fail, nous n’en sommes pas au premier fail : Geoportail, Elysee.fr… Encore un complot de ce sale trotskiste d’Edwy Plenel /-)

TechCrunch s’en amuse

Tout cela amuse beaucoup TechCrunch, nos confrères américains :

Il y a cette blague sur la Révolution Française qui dit que le seul peuple que les Français peuvent battre, ce sont les Français eux-même. Mais je ne vais pas la refaire. A la place je dirais juste :

Vive la France ! [en Français dans le texte, ndlr]

Les commentaires de l’article moquent plus ou moins gentiment le projet et les Français :

Cela me fait penser qu’il y a vraiment un juste milieu entre travailler 14 heures par jour et prendre une pause déjeuner de deux heures avec une bouteille de vin. En général, cependant, les développeurs français semblent vouloir faire comme leur équipe de foot. Oh, et bon 14 juillet !

Pour le gouvernement Français, voici une arme secrète des Américains peu connue : http://httpd.apache.org/docs/2.0/programs/ab.html

Pour avoir vécu à Nice six mois, je peux vous certifier que la plupart des Français DÉTESTENT les langues étrangères

Finalement, le SIG (service d’information du gouvernement) a annoncé le jeudi de la semaine suivante que la remise en service de ce “site complet et complexe” était prévue “dans la deuxième quinzaine du mois d’août”. Sur la HP, un nouveau message s’affiche, remerciant entre autres “tous les internautes qui nous ont aidés dans cette chasse aux bugs”.

—

Nos voisins font-ils mieux ? Allez regarder les sites de l’Italie, de l’Allemagne, de l’Espagne…

À lire aussi : J’ai un ami chinois qui est mort de rire ; France.fr : les erreurs à éviter lors du lancement d’un site d’envergure

Image CC Flickr willem velthoven

Traduction : Martin Untersinger

MAJ le jeudi 22 juillet.

En plus d’un super-portail à destination des jeunes payé par nous et fait par les équipes de la plate-forme Skyrock, le SIG (Service d’Information du Gouvernement), par la voix de Thierry Saussez, nous a annoncé une excellente nouvelle ! Le tant attendu portail france.fr va être lancé en 2010. Bénéficiant d’un budget de 3 millions d’euros sur deux ans, le site s’annonce comme la représentation du “pavillon français sur la Toile“.

Arrêtons-nous un instant sur ce portail pour les jeunes. Financé par le SIG, donc par le contribuable, il sera hébergé sur le site de la radio Skyrock.com, donc ajoutera dans le fameux compteur de visites des visites pour Skyrock qui est déjà le premier site en nombre de visiteurs et de pages vues, notamment en comptabilisant toutes les visites vers les fameux skyblogs. Alors, sur ce site à destination des jeunes, des contenus du SIG éditorialisés par les équipes de Skyrock tout ça en “langage jeune“. On peut avoir une idée de ce que ça donnera sur le skyblog Onsexprime qui est fait en collaboration avec l’INPES ou avec le site Mode Immersion réalisé en collaboration avec le Ministère de la Défense.

Revenons à france.fr. Pour l’instant, france.fr, qu’est-ce que c’est ? http://france.fr, c’est rien du tout. Google a déjà tout compris en nous proposant, avant de visiter le site officiel, de visiter la voix de la France à savoir France2.

Une fois rajouté les 3-w nécessaire, tout ne va pas mieux. http://www.france.fr c’est une jolie page d’accueil. Cette page d’accueil est magnifique, une forêt de signes comme dirait l’autre. Selon un graphiste, mis à part des réglages typographiques affreux, cette page d’accueil se veut techno et surtout, gratuite, sans signification. Le texte est calé sur le “rance” (sic). Les carrés, rien ne les explique. Quant aux couleurs, elles sont certainement là pour rappeler aux gens l’émission D&CO sur M6. Ces couleurs s’échappent du sombre, vers la République Française ? Ce n’est pas ce à quoi nous ont habitué Brice Hortefeux ou Éric Besson…

De quels éléments disposons-nous à cette heure ? En dessous de notre appel à idées, dans les commentaires, nous en apprenions un peu plus. Selon un journaliste renseigné auprès du SIG, c’est Bercy qui avait à l’origine réservé le nom de domaine par précaution. Lors de sa prise de fonction en avril 2008, Thierry Saussez découvre le projet. Il se rend compte que ce type de projet existe depuis longtemps dans d’autres pays. En Allemagne, deutschland.de est un portail destiné aux non-allemands. Y sont rassemblés des informations sur l’Allemagne et le tout est géré par le Ministère des Affaires Étrangères allemand. En Belgique, une toute autre vision des choses a été adopté, le site belgium.be propose de nombreux services à destination des belges. Famille, justice, santé, environnement, les grands sujets sont expliqués au visiteur.

En commentaire on nous disait ce serait la version belge qui ait servi d’inspiration. France.fr serait développé par l’agence Mode d’Emploi, qui a développé des sites pour SFR, Cartoon Network ou encore TF1 et le Ministère des Affaires Étrangères. Le Figaro parle de “pavillon français sur la toile” et l’Express de “voix officielle du pays vers les expatriés et les touristes” ce qui fait plus penser à la version allemande. Pour la réalisation, on parle également de Christophe Lambert et Blue Advertainment à qui l’on doit Les Créateurs de Possibles. Le site serait très axé sur la vidéo, comme Elysée.fr, ou feu Sarkozy.fr Hélas, contrairement à la LCEN qui demande à ce que sur chaque site figure le nom d’une personne responsable, rien ne permet de savoir à partir de cette page qui s’en occupe. Le code source est très propre et ne laisse rien filtrer. De même pour les images, si ce n’est une création le 29 décembre en fin de journée.

Après le portail du Gouvernement qui a remplacé le site du Premier Ministre, le portail de la France apparaît. Pour l’instant beaucoup de portails pour très peu de contenu. À voir quand enfin ils seront tous ouverts…

photo by bpmm