Jean-Sébastien Mansart .com - web

Mon best-of Paris Web 2008 : Qualité et Accessibilité

Jean-Sébastien Mansart — Tue, 20 Jan 2009 11:34:00 +0100

Troisième conférence que je vous propose, on continue avec un thème cher à Paris Web : l'accessibilité. C'est Elie Sloim qui s'y colle, et il en profite pour nous présenter opquast

Elie Sloïm Qualité et accessibilité Web

J'ai suivi avec beaucoup d'intérêt cette conférence car développant des sites pour des administrations, le RGAA nous est un peu "imposé". Il nous faudra donc des outils pour suivre nos projets et qualifier l'accessibilité de ceux-ci.

A ce propos, j'ai une question : Est-ce que les sites pour les centre culturels français sont soumis au RGAA ?
Un chocobon à gagner pour le premier qui peut répondre à cette question...

Article original écrit par Jean-Sébastien Mansart et publié sur Jean-Sébastien Mansart .com | Lien direct vers l'article | Si vous lisez cet article dans son intégralité sur un autre site que Jean-Sébastien Mansart .com c'est qu'il a été reproduit illégalement et sans autorisation. Merci de le sig naler à son auteur original en cliquant ici | © jsmansart.com.

Mon best-of Paris Web 2008 : Performances web

Jean-Sébastien Mansart — Tue, 13 Jan 2009 19:39:00 +0100

On continue la série amorcée hier sur les conférences de Paris Web 2008 avec la présentation d'Eric Daspet et de Nicole Sullivan sur les performances web.

J'ai déjà eu l'occasion de vous parler des performances, j'en reparlerai sûrement lors de la sortie de la v2 de YSlow, mais pour le moment, je vous laisse avec la vidéo.

Cette conférence est une introduction aux performances, elle est très bien faite et montre les points sur lesquels il faut se concentrer.

Eric Daspet et Nicole Sullivan - Performance Web côté client

J'ai pu participer aussi à l'atelier proposé par Eric Daspet et Nicole Sullivan, jai ainsi pu approfondir les concepts et poser des questions en choisissant des exemples concrets.

Vous avez mis en places des préconisations dont je vous parlais ?

Mon best-of Paris Web 2008

Jean-Sébastien Mansart — Mon, 12 Jan 2009 18:38:00 +0100

Paris Web, c'est LA mecque pour les développeurs web un tant soit peu concernés par l'ergonomie, l'accessibilité et le goût du travail bien fait.

Si vous n'avez pas eu la chance d'y assister, je vous présente dans une série d'articles les présentations qui m'ont le plus marquées et que j'ai trouvé particulièrement intéressantes.
Laissez vous guidez, installez vous confortablement, c'est partit.

On commence avec une conférence de Stéphane Deschamps et Aurélien Levy sur l'accessibilité. Une conférence comme je n'en avais jamais vue, avec énormément d'humour et de vérités.
Une vidéo que tout le monde devrait voir au moins une fois pour comprendre ce qu'est l'accessibilité et pourquoi on ne peut pas ne pas rendre nos sites accessibles.

La conférence dure 1h20, et c'est du pur bonheur !

Stephane Deschamps et Aurélien Levy - Accessibilité : des volontaires ?

Alors, vos impressions ?

Performances d'un site web

Jean-Sébastien Mansart — Sun, 23 Nov 2008 11:00:00 +0100

Depuis quelques mois je m'intéresse à deux points particuliers d'un site web : l'accessibilité et les performances.
Les performances web ne sont pas combien de visiteurs un site web a réussi à convertir en acheteur, mais plutôt la rapidité de réponse et d'affichage d'un site dans le navigateur de l'internaute.

Dans le domaine des performances web, en français, il n'existe pas beaucoup de lecture sur internet. Cependant deux blogs traitent du sujet.

Le premier est celui d'Eric Daspet : Performances web, et le second, celui de Nicole Sullivan.

Je lis celui d'Eric Daspet depuis plusieurs mois, et quand j'ai le temps, je me penche d'un peu plus près sur les conseils qu'il donne et regarde ce que je peux mettre en place de mon coté.

Pourquoi se préoccuper des performances des sites web ?

C'est vrai après tout, tout le monde a une connexion de ouf...

Tout le monde ? Pas forcément. Et des fois, tout se joue pour quelques centaines de millisecondes.

Perdre 500ms c’est perdre 20% de traffic pour Google (ou pourquoi il n’y a que dix résultats par page dans les recherches).
Perdre 100ms c’est perdre 1% de ventes pour Amazon.
Réduire de 25% le poids de la page c’est gagner 25% d’utilisateurs à moyen terme pour Google.
Eric Daspet - A quoi ça sert ?

Pour un petit blog comme le mien, ce n'est rien, je n'ai pas un besoin vital de me préoccuper de cet aspect.
Non.

Je m'en sers comme "bac à sable". Je peux tester certaines pratiques, certaines techniques, afin de voir comment les intégrer dans mon travail, les partager avec mes collègues et leur faire comprendre que c'est un point tout aussi important que l'accessibilité ou que la couleur du bouton que veut le client.

Que peut-on faire facilement ?

Dans un premier temps, j'ai donc installé YSlow, un plugin pour firefox qui vient en surcouche de firebug.

YSlow m'a donné un petit D, soit 58 sur 100. Et mon site se chargeait en 3 secondes.

J'ai regardé point par point ce que je pouvais faire, et après avoir lu de la doc un peu partout, j'ai commencé par réduire le poids des images.

Pour ça, il existe un site web fabuleux, créé par Nicole Sullivan et Stoyan Stefanov : smushit. Il suffit de donner l'url de la page, et le service s'occupe de tout. Au final il vous rend un fichier zip avec toutes les images optimisées et, point important, les optimisations ne sont pas destructives. Votre image sera identique pixel par pixel à celle d'origine.

J'ai ensuite tenté de réduire le nombre de requêtes HTTP.

Pour réduire le nombre de requêtes HTTP, on peut :

merger les CSS
merger les JS
privilégier les CSS Sprites

Je n'ai pas été très chanceux sur ce coup, je voulais à tout prix faire un maximum de CSS Sprites, mais dans mon cas, ce n'était pas possible, je n'ai réussi qu'à réduire d'une image le nombre d'images CSS.

J'ai tout de même réussi à merger les trois feuilles de styles pour n'en faire plus qu'une seule, et je l'ai ensuite optimisée avec code beautifier.

Pour les fichiers JavaScript, rien à faire de ce côté là, utilisant dotclear, je préfère laisser les fichiers JS tels quels.

En troisième action, j'ai demandé à mon hébergeur de configurer le mod_expires d'apache.

mod_expires permet de spécifier une date d'expiration du contenu. Tant que la date n'aura pas expirée, votre navigateur ne rechargera pas le contenu en question. Les gains en cache plein sont assez impressionnants.

Vous pouvez régler la date d'expiration par type de contenu, et vous pouvez le faire soit dans la configuration générale d'apache, soit dans votre vhost ou votre .htacess.

Voici par exemple ce que j'utilise :

ExpiresActive on
ExpiresDefault access plus 10 years
ExpiresByType text/html now
ExpiresByType text/xml now

On active le mode expires, par défaut tous les types de contenus expirent dans 10 ans, par contre, le HTML et le XML expirent immédiatement, ce qui évite de vider son cache quand un nouvel article est publié sur le site et sur le flux RSS par exemple.

Au final, avec ces quelques petites choses, avec un cache vide, mon site (d'après mes tests) se charge en 1s, et avec le cache plein en 0,5s. Ce qui me fait maintenant une note C, soit 79 sur 100.
On remarquera aussi qu'avec le cache vide, 26 requêtes sont nécessaires, alors qu'une fois le cache plein, il ne suffit plus que d'une seule requête : la page HTML.

Prochainement, avec mon hébergeur, nous devrions mettre en place le mod_gzip qui permet de compresser à la volée le contenu, et ainsi réduire la consommation en bande passante et, normalement, accélérer l'affichage des pages. Car plus c'est gros, plus c'est lent.

Tout ce travail porte ses fruits, j'ai déjà commencé à modifier la configuration apache de nos serveurs de production, et les graphistes regardent de près smushit et le format PNG-8 qui est beaucoup plus performant que le GIF.

Les performances web, c'est comme l'accessibilité, toujours en mouvement. On n'est jamais fixé, il y a toujours à faire, c'est pour ça que j'aime le web !

A suivre donc...

La RC 1 de dotclear 2.1 vient de sortir

Jean-Sébastien Mansart — Tue, 28 Oct 2008 17:35:00 +0100

On dit toujours que dans le projet open source, le respect du calendrier est pire que dans le bâtiment, je crois qu'on tient là un détracteur !

Dotclear sort en RC1 4 jours avant la date prévue pour la version finale.

Au programme des nouveautés :

Mise à jour automatique
Sous-catégories
Thèmes hérités permettant de créer un thème basé sur les templates d'un autre
De nouveaux marqueurs de template
Support des vidéo H.264 (HD) via les fichiers m4v
Possibilité d'insérer des widgets dans les templates, comme on le souhaite
Un léger renforcement de la sécurité du cookie de session de l'administration
Support complet des méthodes XML-RPC de Wordpress

Par contre, pas de refonte de l'interface d'administration qui commence à sentir le vieux...
Ok, ils l'avaient dit, mais quand même...

Si vous avez les moyens, je vous conseil de tester cette version et de rapporter les erreurs.

Espérons qu'il n'y aura pas trop de bugs et que la version finale pourra sortir le 1er novembre.
Ça va être just !

Rendez les tags aux machines !

Jean-Sébastien Mansart — Wed, 22 Oct 2008 09:00:00 +0200

Le tag est l’enfant roi du web2.0, utilisé à tout va et sensé remplacer les catégories, il n’y arrive cependant toujours pas.
Les sites de partage en tout genre l’utilise à outrance, tout est tagué, un peut n’importe comment, sans schéma de classification.
L’utilisation actuelle des mots-clés ne me satisfait pas, pour moi, ils ne devraient pas être utilisé pour la navigation, mais par des algorithmes.
Libérez les mots-clés, rendez les aux machines.

Avec l’avènement du web2.0 est apparu un concept, qui existait déjà dans d’autres domaines comme la recherche : le tag. Le tag, ou mot-clé permet d’identifier par un mot ou groupe de mots (séparés par une virgule) un texte, une image, une vidéo, etc…

Le concept fut vite repris par tous les sites surfant sur la vague, pour classer un contenu généré par l’utilisateur, et dont les modérateurs ont bien du mal à modérer, justement.

Au départ, donc, les tags n’étaient qu’un moyen de classifier de l’information, les choses évoluant, pas toujours dans le bon sens, les tags sont devenu un système de navigation.

Ainsi, sur les blogs, ou autres site de partage de photos bien connu, fleurissent des pieds de page ou des sidebars au doux relent de pop art. Des mots, en bloc, sans aucun lien entre eux de prime abord, certains minuscules, d’autres énormes. Sur quelques sites, on s’essaie à la couleur pour renforcer la présence et la notion d’importance des mots. Le nuage de mots-clés est né.
Mes amis, voici le fameux tagcloud.

Tout le monde s’extasie devant ce petit bout de rien que tout à chacun peu créer facilement sur son blog, on s’émerveille, on s’amuse à taguer de plus en plus son contenu, on l’affine en supprimant quelques tags, en corrigeant quelques fautes, les tags étant choisis de façon informelle sont bien souvent mal orthographié. Au cours du temps le tagcloud n’évolue que très peu, voir pas. Représenté par une suite de <li> dans un <ul> les mots-clés s’enchainent.

Pourtant, aussi beau soit-il (et encore faut-il qu’il soit réussi), le nuage de mots-clés n’est que très peu, voir pas, utilisé. 88% des visiteurs de sites web n’ont jamais cliqué sur un tagcloud. J’émets même de sérieux doutes quant à l’utilité d’afficher un nuage de mots-clés.
Si personne ne s’en sert, à quoi bon l’afficher ?

On peut répondre que le nuage de mots-clés permet d’un coup d’œil de voir les thèmes les plus abordés sur le site.

Soit.

Vous regardez souvent les tagclouds quand vous arrivez pour la première fois sur un site ?

Moi non, je lis les articles, un part un, quatre ou cinq à la suite généralement, ensuite, si je le trouve intéressant, je le mets dans mon agrégateur et j’attends les prochains articles pour décider ou non de garder le blog de façon définitive.

Les personnes avec qui j’ai eu le loisir de discuter de ce sujet m’ont conforté dans mon idée, les nuages de mots-clés ne sont définitivement pas utilisés, ni même regardés.

Je disais tout à l’heure que les nuages de mots-clés n’ont que très peu évolués avec le temps. Mais ils l’ont quand même fait.
Une personne à eu une idée sublime : faire un widget en flash pour faire afficher les tags en forme de sphère tournante.

Génial !

Maintenant, non seulement on ne s’en sert toujours pas, enfin, si. La première fois qu’on voit ça sur un blog, on joue pendant 5 minutes avec, et après on retourne travailler. Donc non seulement ça sert à rien, mais en plus ça prend du temps à charger et ça prend des ressources.

Je pense que le gars qui a pondu ça à tout compris.

Sans compter que les mots-clés se chevauchent allègrement, c’est un vrai régal pour les yeux, et je ne parle même pas de l’accessibilité.

On vient de le voir, la navigation via les tags n’est pas un vrai critère, alors pourquoi utiliser les tags ?

Pour moi, les tags ne sont pas fait pour les humains, les tags sont fait pour les machines. Ils sont faits pour être utilisés par des moulinettes qui vous rendent autre chose en sortie.

Le premier avantage généré par les mots-clés est un gain au niveau du référencement.

Avant, sur un blog, on avait quelques catégories, quatre ou cinq, parfois plus suivant la taille du site. Ca nous faisait autant de pages générées automatiquement et qui nous rapportaient autant en référencement.

Maintenant, avec les tags, ce chiffre est multiplié par 100 !

Si vous avez 100 articles, avant vous aviez 110 pages, maintenant, avec les tags vous êtes plutôt vers les 1000, sans trop vous fatiguer.

Le second grand classique des mots-clés est d’afficher une liste d’articles connexes, en rapport avec l’article que vous lisez, ce que vous retrouvez en bas de cet article d’ailleurs sous la mention « Vous allez aimer ! ». Cette liste est construite automatiquement grâce aux mots-clés saisis dans les articles. Un petit script mouline et hop, on a un résultat.

Une autre façon d’utiliser les tags est de s’en servir pour la veille.
Des sites comme technorati en font leur activité. Vous tapez un mot, et vous avez tous les articles qui parlent de ce mot-clé.

Pour trouver d’autres utilisations des mots-clés, il faut se creuser un peu.

On pourrait par exemple, en fonction des habitudes de lecture des visiteurs, proposer du contenu en rapport avec ce qu’il aime. Le contenu peut être de plusieurs forme : des articles, des liens ou même de la publicité.

On pourrait aussi, en allant plus loin, inférer sur les mots-clés.

Par exemple, si un article a pour tags : vélo, savoie. On peut inférer que l’article à pour sujet le sport et la montagne et ainsi proposer du contenu en relation, par exemple, un article sur le ski ou la luge.

Les applications pourraient être nombreuses, à partir de simples tags on pourrait construire des ontologies et ainsi donner du sens et de l’intelligence dans la relation entre les contenus.

On vient de le voir, les tags ont une plus grande utilité et un plus grand potentiel avec les machines qu’avec les humains.

Doit-on pour autant supprimer toute navigation par mots-clés ?

Deezer, web2.0 et relation client

Jean-Sébastien Mansart — Sun, 28 Sep 2008 18:43:00 +0200

Il y a quelques temps maintenant que je suis inscris sur deezer, mais j'avais quelques soucis de connexion avec mon login / mot de passe.
J'ai voulu parler du problème sur mon autre blog, pour avoir des retours de la part d'utilisateurs, je ne m'attendais pas à avoir une réponse de la part de deezer lui même...

Dans ce commentaire, Doki, de deezer me demande de le contacter directement par email. Ce que je fais rapidement. Le soir, je test de modifier mon mot de passe pour enlever tout caractères non alpha-numérique. Je re-test la connexion et ça passe.

Je reviens sur mon blog et laisse un commentaire disant qu'effectivement, il ne faut que des caractères alpha-numérique, mais que l'interface de deezer ne le signal à aucun moment, ni ne fait aucune vérification.

Le lendemain, je reçois un nouveau mail de la part de Doki. Il me remercie pour mon retour, et me dit qu'un texte signalant les caractères autorisés sera désormais affiché et qu'un test sera effectué lors de la saisie du mot de passe.

J'ai été très surpris par la rapidité et la prise en compte des utilisateurs de la part de deezer. J'aurais pu tout simplement envoyer un email au support, mais je n'ai pas pris le temps de chercher et je voulais tester la réactivité de mon blog.
Deezer est très à l'écoute de ses utilisateurs, et tiens compte de leurs remarques.

Je viens à l'instant de tester le formulaire d'inscription, et il n'est pas possible de saisir de caractères non alpha-numérique.

Beau travail, et merci encore.

Web Analytics Wednesday à Grenoble

Jean-Sébastien Mansart — Mon, 11 Aug 2008 12:15:00 +0200

Si comme tout bon blogueur que vous êtes, vous êtes passionnés par les web analytics, je ne peux que vous recommander de participer au premier Web Analytics Wednesday dans les Alpes.

Julien Coquet organise le premier Web Analytics Wednesday à Grenoble, le mercredi (oh ?) 3 septembre 2008 à 19h au Momento.

Je reprend ici son annonce officielle :

Bienvenue au premier Mercredi des Web Analytics dans la capitale des Alpes! :)
Cette rencontre relax et informelle aura pour but de faire se rencontrer des acteurs locaux des web analytics et d’échanger sur des cas concrets, des bonnes pratiques et bien plus encore!
Rendez-vous le mercredi 3 septembre à partir de 19h00 au bar le Momento (complexe Nef Chavant) à Grenoble.

Ces rencontres sont mondialement connues, et certaines sont simplement gigantesques.
Faites chauffer vos cartes, ça va réseauter !

Je remercie Julien pour son invitation à l'évènement, mais je serais sur la côte Atlantique en train de profiter des vagues et du soleil tout en évitant les touristes.

PS : si vous êtes vraiment intéresse par les web analytics, je vous recommande chaudement ce forum dédié.

Veille : un flux unique pour tout savoir sur DotClear

Jean-Sébastien Mansart — Fri, 18 Jul 2008 08:00:00 +0200

Si comme moi vous faites un peu de veille sur certains sujet et que vous vous intéressez à DotClear, ceci est pour vous...

J'utilise DotClear depuis bientôt 4 ans, et bien que mes attentes soient minimes, j'aime bien être au courant de l'actualité, comme on dit : "l'envie créé le besoin".

Au fil du temps je me suis créé un dossier dans mon google reader avec quelques flux parlant de DotClear, puis voulant mettre en place une réelle stratégie de veille, je voulais me créer des flux rss via technorati, google alert, etc...

Le temps me manquait, et je repoussais au lendemain, jusqu'à ce que je tombe sur un article du journal du blog qui annonçait un flux de veille pour Wordpress, j'ai vite regardé de quoi il s'agissait, et me suis rendu compte qu'une personne avait fait ce que je voulais faire, mais pour Wordpress.

La lecture de l'article m'a motivé, et 1h après mon flux était prêt !

Alors comment ais-je fais pour n'avoir qu'un seul flux en sortie ?
C'est très simple, Yahoo Pipes est un outils qui permet de mixer plusieurs types de contenus venant de différentes sources et de les mixer, de les filtrer et de les organiser. Pour ne donner en sortie qu'un seul flux RSS.

Les différents flux inclus :

Le blog de DotClear
Les différents flux de DotAddict
tag "dotclear" de technorati
tag "dotclear" de del.ico.us
tag "dotclear" de wikio
recherche "dotclear" dans google alerte
recherche "dotclear" dans google blog search

Ce qui nous donne au final le flux rss ultime pour la veille de DotClear.

Si vous avez d'autres sources d'informations, n'hésitez pas à me les communiquer dans les commentaires, je les rajouterai.

Comment utilisez vous votre service de micro-blogging ?

Jean-Sébastien Mansart — Thu, 10 Jul 2008 14:00:00 +0200

L’utilisation de service de micro-blogging se démocratise de jour en jour. Que ce soit pour tenir au courant la planète entière de ses activités, pour se construire une communauté, faire de la veille, ou encore faire la promotion de son blog.
Ce qui est intéressant en revanche est de voir comment les utilisateurs envoient leurs mises à jour. Via le web, IM, ou client desktop ? Petit tour des différentes solutions avec leurs avantages et inconvénients.

Une fois inscris à un service de micro-blogging comme Twitter, Jaiku ou encore FriendFeed, la première solution qui s’offre à nous est la page web du service.
L’avantage est que c’est immédiat, rien besoin d’installer ni de configurer. On écrit, on envoie et c’est fini.
Par contre, aucune notification lors de nouveaux messages, il faut vérifier toutes les 5 minutes (ou quand on y pense) s’il y a des nouveautés, l’ergonomie et le design n’est souvent pas (malheureusement) au rendez-vous.

La seconde solution est d’utiliser un client IM qui utilise le protocole XMPP, ou autrement dit, Jabber (ou GTalk pour les autres). Cette solution est simple et rapide, mais nécessite un compte jabber ou GTalk et un client compatible.
Les notifications arrivent directement sur l’IM, et l’on peut répondre ou envoyer des nouveaux messages rapidement.
L’inconvénient est que tout se fait grâce à des commandes textuelles. On se croirait sous DOS ou Linux sans interface X. Ça peut être très puissant, mais pas super convivial.

L’autre solution est d’utiliser un client desktop. Il en existe plusieurs, mais ceux tournant sous AIR sont les plus aboutis à mon avis. L’interface est très soignée et les options sont nombreuses, comme, par exemple la possibilité d’envoyer le même message sur plusieurs comptes ou services de micro-blogging, envoyer des photos, etc…
On peut régler la fréquence des notifications, trier les notes par utilisateur, chercher dans les archives, avoir les informations d'un compte, et bien d'autres choses encore.

Pour ma part, j’utilise twhirl qui permet d’envoyer à la fois mes notes sur twitter, jaiku et pownce.
J'aime particulièrement son design et son ergonomie, et le fait que ce soit une application de bureau fonctionnant sur toutes les plateformes (windows, mac et linux).

Et vous, comment utilisez vous votre service de micro-blogging ?

Adobe AIR enfin disponible pour Linux

Jean-Sébastien Mansart — Fri, 06 Jun 2008 08:00:00 +0200

On l'attendait depuis longtemps, il était inconcevable qu'Adobe ne le fasse pas.
Plus d'un an après Windows et MacOS, AIR, la plateforme d'application Web de bureau débarque sur Linux.

Ça va faire mal.

Pour l'instant AIR pour Linux est en version 1.0 Alpha.
Pas Beta.
Alpha.

Il ne faudra donc pas trop lui en demander, beaucoup de bugs encore, surtout lors de l'installation (sic.). En effet, lorsque j'ai voulu installer AIR sur mon PC pour enfin pouvoir utiliser twhirl (on ne se refait pas) sans avoir à allumer mon MacBook, j'ai eu la mauvaise surprise de voir la barre de progression de l'installateur se bloquer à 30% environ. Un petit kill plus loin, je relançais l'installation et là, l'installateur m'apprenait que la plateforme était déjà installé sur ma machine.

Je tente donc l'installation de twhirl, même chose, même combat : l'installateur se bloque à 30%. J'attends un peu et je le kill à la sauvage. Je lance twhirl : tout fonctionne, même les "limit exceeded". Il ne faut donc pas trop se formaliser sur la barre de progression. Juste un petit soucis au niveau du mot de passe du compte : malgré la case "remember password" impossible qu'il s'en souvienne...

Le principal rival d'AIR est SilverLight, Adobe prend une longueur d'avance dans la course des RDA en proposant dès maintenant sa plateforme pour Linux. Microsoft, connaissant son aversion particulière pour les logiciels libre et Linux, devra retourner sa veste et proposer une véritable version et non un hack réalisé par Miguel De Icanza : MoonLight.

Prochaine application à installer : Google Analytics AIR reporting suite. Après twhirl la meilleur application faite sous AIR.
A noter que cette application devrait bientôt devenir obsolète avec l'arrivée prochaine d'une API pour Google Analytics.

DotClear 2 : le Wordpress killer ?

Jean-Sébastien Mansart — Wed, 04 Jun 2008 08:00:00 +0200

Cela fait maintenant un mois que DotClear 2 est en RC1, il est temps de faire le point sur les nouveautés apportées et sur ce qu'il manque encore (à mon avis) pour en faire un moteur de blog incontournable.

En route !

Une RC1 désigne une version dont les fonctionnalités sont arrêtées. Reste seulement quelques bugs à corriger, et mener un test à grande échelle.

Bientôt deux ans que la version 2 de DotClear était en beta, et chose impensable dans le monde du logiciel libre, la RC1 a été livré à l'heure, à la minute près. Beaucoup de choses ont changés depuis les versions (7 en tout) beta, petit tour d'horizon :

La première grosse nouvelle, est l'arrivée (enfin !) des pages statiques. Plus besoin de plugin, ni de bidouille, vous pourrez enfin créer vos pages de contacts, d'à propos ou autre le plus simplement du monde. Le formulaire d'édition est le même point par point à celui des billets, vous ne serez donc pas perdu.

La deuxième grosse nouvelle, celle qui se voit le plus d'ailleurs, c'est le nouveau thème Blowup. Un thème simple, mais qui cache toute sa puissance dans l'interface d'administration.
En effet, il est possible d'éditer le thème.
On a de base accès à 11 styles prédéfinis, une fois choisi celui qui nous correspond le mieux, on peut modifier chaque paramètres indépendamment, comme la couleur des liens, la couleur de fond, la position du titre du blog, l'image du bandeau, etc... Les possibilités sont impressionnantes et infinies.
Les personnes n'ayant aucune connaissance en HTML / CSS en seront ravies.

Le formulaire d'édition des billets a subit lui aussi un petit lifting avec quelques options bien utiles :

Les zones d'édition sont redimensionnables à la volée grâce à des poignées, un petit drag & drop et le tour est joué.
Si vous écrivez votre billet avec la syntaxe wiki, un petit lien permet de le convertir en XHTML. Un autre permet la validation XHTML du billet.
Dans la barre wysiwyg deux nouveaux boutons font leur apparition, le premier permet d'insérer un lien vers un ancien billet. Une fenêtre s'ouvre et vous laisse choisir le billet à lier. Un petit module permet d'effectuer une recherche sur les billets.

Le second, permet d'ajouter un média externe, comme une vidéo dailymotion ou youtube. Il suffit d'indiquer l'url de la vidéo et DotClear s'occupe d'insérer le code XHTML valide (contrairement à ce que dailymotion ou youtube fournissent) dans le corps du billet.

En parlant de média, il est maintenant possible d'enregistrer le contenu de ce dossier au format zip et de le télécharger sur l'ordinateur.

Le zip est d'ailleurs devenu le nouveau format pour les plugins. Oubliez le format propriétaire pkg.gz pour distribuer vos plugins, le zip prend le relais. Beaucoup plus simple et ne requière pas l'utilisation d'un plugin particulier pour générer les packages...

La gestion des tags a été aussi revue, il est maintenant possible (oui, ça ne l'était pas avant) de supprimer un tag.

Pour en finir avec les nouveautés, l'accès contextuel à l'aide a été améliorée. Un bouton sur la droite de l'écran permet d'ouvrir un bandeau latéral et affiche le contenu de l'aide en rapport avec la rubrique où vous vous trouvez.

Comme vous pouvez le voir, le travail accompli a été énorme et très bien pensé. Malheureusement (ou heureusement), il y a encore du travail à faire, déjà pour sortir une version finale, et ensuite pour en faire un vrai moteur de blog incontournable, voir un Wordpress killer. Qui sait ?

Pour moi il ne manque pas grand chose :

La prévisualisation du billet dans le blog directement. Pour mieux voir la mise en page et ce que va rendre le billet une fois en ligne.
La sauvegarde automatique du billet toutes les minutes par exemple. Parce qu'on en a marre de perdre le travail en cours (bon, ok, moi je passe par OpenOffice ou Word pour rédiger mes billets... mais bon.)
L'auto-complétion des tags lors de l'édition du billet. C'est peut-être du gadget, moi je ne trouve pas. C'est de l'ergonomie et de la facilité d'utilisation, surtout lorsque l'on a une liste de tags assez chargée. Ca évite aussi de faire des doublons avec deux orthographes différentes.
L'identification par OpenID. On aurait une piste par ici...
Rendre un blog privé. Pour le moment, on ne peut rendre que les billets privés, avec un accès par mot de passe. Des plugins existeraient pour rendre le blog privé, mais d'après les échos que j'en ai eu, ils ne seraient pas vraiment au top.

Pour ma part, je trouve que DotClear est un très bon moteur de blog. Au delà de ce que peut être Wordpress, surtout au niveau de l'ergonomie de l'interface d'administration. DotClear possède des qualités indéniables. Manque juste une communauté plus importante et plus active, surtout pour la création de plugins et thèmes. Cela viendra sûrement avec la version finale.

Twitter : limit exceeded

Jean-Sébastien Mansart — Fri, 30 May 2008 16:42:00 +0200

En ce moment, si vous utilisez des clients pour twitter, vous devez surement avoir un peu de mal à récupérer les dernières notifications...

"Limit exceeded" : qu'est-ce que c'est ?

L'API de twitter limite à 70 requêtes par heure les divers clients pour un seul et même compte. Ce qui veut dire que si vous utilisez twhirl par exemple et qu'il est réglé sur 60, il ne vous reste que 10 requêtes de libre par heure pour les autres clients (facebook, widgets, badges, etc...).

Généralement, si vous rencontrez ce genre de messages, limitez les badges ou widgets affichant votre statut et diminuez la fréquence de rafraichissement de votre client.

Malheureusement, en ce moment, twitter est un peu (encore ?) en maintenance :

The API limit is still being kept at 30 requests per hour to help us stabilize the service for everyone.

Il faudra donc patienter encore un peu avant un retour à la normale...

Mais où est passé DotClear ?

Jean-Sébastien Mansart — Mon, 19 May 2008 17:12:00 +0200

Alors qu'une grande partie de la blogosphère mondiale acclame l'avenue de la version 2.5 de Wordpress, un petit village gaulois résiste encore et toujours à l'envahisseur. Malgré un manque de communication qui aurait put laisser penser que le projet était bel et bien mort et enterré, DotClear 2 fait tranquillement son petit chemin vers la version finale.

Partons sur la piste du blogware qui s'était un peu perdu en route...

DotClear, c'est deux projets en un : DotClear 1 qui est un moteur de blog très simple, mono-blog, multi-utilisateurs, tournant sur PHP4 et DotClear 2 qui est plus évolué, multi-blog, multi-utilisateur et qui demande PHP5 d'installé sur le serveur.

DotClear 1 existe depuis 2003 et tourne toujours aussi bien. Il est toujours maintenu et une nouvelle version devrait bientôt voir le jour.

DotClear 2 est une refonte complète. Elle a débuté en 2006, lancé en grande pompe par l'élite de la blogosphère Française avec le projet nommé "blogeoisie", qui permettait aux élus de profiter de la nouvelle plateforme avant tout le monde, de tester celle-ci et surtout de faire un max de jaloux.
Du coup, l'équipe de DotClear a lancé une première version beta afin de calmer les loups qui rodaient et qui avaient un peu trop tendance à attaquer. Vint assez rapidement la 4ème beta qui devait être la dernière pour arriver quelques mois plus tard à la 7ème (hé oui...) et depuis rien. Silence radio.
Les mois passent, le silence se fait de plus en plus lourd, certains migrent vers Wordpress, d'autres restent, mais tout le monde se pose (plus où moins) des questions quant à la viabilité et la pérénité du projet.

Je vous rassure cher lecteur, le projet n'est absolument pas mort, il se porte bien même. La première Release Candidate (RC) est sortie le 1er mai, il n'y a pas encore de date pour la version finale, mais au vu des dernier évènement, ça ne devrait pas trop tarder. Et chose incroyable pour un projet open-source, la date de livraison a été respectée ! Impressionnant. C'est une très bonne nouvelle, d'autant plus que ce n'est pas la seule.

La version 1.x de DotClear aura aussi une nouvelle version, la 1.4.
Le forum a déjà été refait, premier signe d'un grand changement en profondeur
Le site de DotClear vient d'être lui aussi remanié.
Et Olivier annonce le retour de la communication sur le projet

Pourquoi choisir DotClear 2 ?

C'est une bonne question, et je vais me faire un plaisir d'y répondre.

DotClear 2 est multi-blog. A partir d'une seule interface d'administration, vous pouvez piloter plusieurs blogs.
Il est multi-utilisateurs, très pratique pour les blogs communautaires, ou pour affecter un utilisateur par blog créé.
Une communauté française réactive. Y'a pas à dire, sur le forum, ça bouge bien, et on répond à vos questions (en général)
Très simple à mettre en place, très simple à administrer
Une interface d'administration ergonomique et qui ressemble à quelque chose, c'est pas le foutoir innommable de Wordpress.
Il existe un espace pour déposer les thèmes, plugins, tuto que vous avez fait, et ainsi en faire profiter toute la communauté

Le seul point noir viendrait peut être de cette communauté. Si vous faites un saut sur le forum, ou si vous y avez déjà mis les pieds, certains comprendrons sûrement de quoi je parle : l'esprit faux-cul.

Quand vous postez un message sur le forum si vous ne commencez pas par encenser l'équipe de développement avec des "j'utilise dotclear et franchement, c'est trop de la balle, ce projet est énorme, merci pour l'énorme travail accompli..." vous allez vous faire accueillir proprement... Surtout si vous venez un tantinet pour critiquer certains points (la communication par exemple). On m'aura quand même traité "d'emmerdeur", et j'en suis plutôt fier.

On reproche aussi à DotClear la petitesse de sa communauté, le peu de plugins disponibles, etc... Je n'ai jamais vraiment compris en quoi avoir 200 000 plugins bugués pouvait être un plus, mais soit, pourquoi pas. En tout cas, DotClear 2 n'est pas en reste coté plugins et thèmes. Il suffit de faire un petit tour du coté de dotaddict pour s'en rendre compte, et si vous êtes trop feignants, je vous propose ma petite sélection :

Jabber Notification : la notification de nouveaux commentaires via jabber. Tout bonnement indispensable
wFlickr : affichez les photos de votre compte flickr
Related Pages : ajoutez (enfin) la possibilité de créer des pages statiques à votre blog. Peut être la seule fonctionnalité manquante à DotClear... (ah ben non, c'est bon, on peut ajouter des pages depuis la RC1)
Gallery : faites de votre blog un photoblog

Coté thèmes, si vous ne trouvez pas votre bonheur dans ceux proposés, des kits de création sont disponibles, ce sont des gabarits vides qui vous permettrons de définir chaque éléments de votre blog. De plus DotClear est maintenant livré avec le thème blowup et 11 styles prédéfinits entièrement personnalisables via l'interface d'administration. Impressionnant !

Il est bientôt temps de se quitter, j'espère vous avoir donné envie de (re)découvrir ce projet qui, je le répète encore une fois, n'est pas mort et qui est très prometteur.
Je reviendrai peut être vous en reparler afin de faire le point sur les améliorations apportées par la RC1.

Les commentaires vidéos : une vraie fausse bonne idée ?

Jean-Sébastien Mansart — Fri, 25 Apr 2008 14:12:00 +0200

TechCrunch a lancé hier les commentaires vidéos avec seesmic.
Au-delà de l’innovation technologique et de l’effet « über hype » qu’en est-il réellement ?

Il est vrai qu’on pourrait croire que c’est génial, que ce système va révolutionner les blogs et qu’à partir de maintenant tous les blogs n’ayant pas cette fonctionnalité sont voués à un abandon par les masses, car complètement dépassés.

Dans le fond, je vous rassure, il n’en est rien.

J’ai voulu tester pour vous le nouveau système. J’ai d’abord été interpelé par la nouvelle en elle-même, je me suis dit qu’effectivement ça pouvait donner un gros plus, effectivement, il y a un gros plus, mais j’y reviendrai plus tard.

Donc, je lis le billet, et je m’attaque aux commentaires. Je lis les différents commentaires tous aussi constructifs les uns que les autres (« Ouais, trop bon ! » « Han, génial », etc…). Voyant un commentaire vidéo de Loic Lemeur, je me dis que ça serait bien d’écouter ce qu’il a à dire. Je lance la vidéo. Ca charge, Loic dit bonjour, mon boss arrive et je coupe la vidéo.

Résultat : complètement inexploitable (au travail en tout cas).

Plusieurs questions me viennent à l'esprit :

Comment va faire TechCrunch pour modérer tous ces commentaires ?
Les commentaires vidéos ne vont-ils pas engendrer une baisse du nombre de commentaires ?

La modération des commentaires est un gros souci. J’ai vu qu’Ouriel apportait une réponse, mais vu qu’il a répondu en vidéo, je n’ai pas pu l’écouter…
Dommage.

Comme je le disais plus haut, effectivement, il y a un gros plus : vous passerez moins de temps à lire les commentaires des autres, vu que généralement vous êtes au travail la journée, vous n’aurez pas le temps d’écouter tous les commentaires. Donc d’y répondre (vous avez une webcam au taf ?) (bon, moi oui, mais elle est intégrée dans mon iMac), vous serez donc plus productif. Et c’est votre employeur qui remerciera TechCrunch.
Le fait que le commentaire soit en vidéo ne vous permet pas de le lire en diagonal. Vous êtes obligé de l’écouter en entier pour vous apercevoir qu’il n’apportait rien.

Autre point négatif : l'accessibilité. La vidéo n'est absolument pas accessible, et les personnes malentendantes sont largement lésées. Impossible pour elles de prendre part à la conversation (mais ce problème là est valable pour toutes les vidéos sur le net, podcast, etc...)

Pour finir, je ne pense pas que les commentaires vidéos se démocratiseront, c’est une belle expérience en tout cas non seulement pour la technologie, mais aussi pour seesmic qui va d’un coup « populariser » sa plateforme, recruter de nouveau membres et vérifier que son infrastructure tient la charge.

Et vous, pour ou contre les commentaires en vidéo ?

Le spwitt : le spam via twitter

Jean-Sébastien Mansart — Mon, 21 Apr 2008 17:48:00 +0200

Comme tout nouveau médium de diffusion, twitter n’échappe pas à la règle. Après le spam venant des mails, le splog, le spam venant des blogs, voici venu le temps (des rires et des champs) du spwitt, le spam via twitter.
Comment déceler le spwitt :

Le spwitt est assez simple à déceler au final. Il se manifeste selon deux schéma. Le premier dans votre boîte mail et le second dans votre timeline.

Le spwitt dans votre boite mail :

Vous recevez un mail ayant pour objet : « ihazabigcok is now following you on Twitter ! » et là vous vous dites : « han, trop la classe, j’ai des amis. »
Du coup, vous allez sur le twitter de la personne en question et vous vous rendez compte que cette personne suit déjà 5687 personnes et qu’elle est suivie par 12 personnes.
Généralement là, ça sent mauvais.
En plus vous vous rendez compte que cette personne ne parle absolument pas le français et vous aurez le droit de vous poser la question : « mais pourquoi elle me suit ? elle va rien comprendre à ce que je raconte… ». Et vous n’avez pas tort. En fait la réponse se situe dans la relation entre son pseudo et le nombre qu’il follow.

Le spwitt dans votre timeline :

En fait, là c’est parce que vous avez ajouté la mauvaise personne. Celle qui ne twitte jamais et qui laisse twitterfeed faire le boulot. Du coup vous ne voyez que les updates de son blog. Chose que vous avez en double, vu que vous êtes déjà abonné à son flux rss.
Pas de bol quoi.
Vous avez le droit de supprimer le compte… C’est toujours ça de gagné.

Et vous, êtes-vous victime du spwitt ?

psd2css online : le fake du mois ?

Jean-Sébastien Mansart — Fri, 18 Apr 2008 14:21:00 +0200

psd2css, c’est la startup qui fait du bruit. On en entend parler un peu partout, il suffit de googler vite fait pour trouver un nombre considérable de liens.

Seul souci : on dirait bien que c’est un fake

psd2css vous promet de convertir vos fichiers PSD (vos maquettes graphiques) en XHTML / CSS. Tout cela en quelques secondes et le plus gratuitement au monde.

Quand j’ai vu ça, je me suis dis que c’était tout bonnement énorme et qu’un tel service avait de quoi tout déchirer. Du coup j’ai testé.

Hop, upload d’un fichier PSD et attente…

Puis rien, et toujours rien…

Je refait le test avec une autre maquette : toujours rien.

Je fais le tour des sites en parlant et je me rends compte que tout le monde à le même soucis que moi.

Après quelques secondes de réflexion, je m’interroge sur un tel service : comment serait-il possible de convertir un fichier PSD en XHTML / CSS ?
Il n’y a aucune information quant à la structure du document dans le fichier PSD, donc impossible de définir les div ou autre (à moins de représenter les div par des claques, mais bon…).

Du coup, en voyant que le nom de domaine a été déposé il y a juste un mois et demi de ça (le 29 février), et que tous les blogs en parlant n’ont pu tester le service car « ils n’avaient pas de fichier PSD sous la main », ce service me semble de plus en plus bidon…

J’ai comme l’impression qu’un petit malin a trouvé un moyen de récupérer des maquettes graphiques gratuitement et facilement…

Twitter vs IRC : mais où est la différence ?

Jean-Sébastien Mansart — Fri, 18 Apr 2008 12:46:00 +0200

Depuis quelques semaines, je développe mon réseau sur twitter, afin de mieux exploiter ce média et de voir ce qu’il est possible d’en faire.
Constatation au bout de deux semaines d’utilisation intensive…

Si vous ne connaissez pas twitter, il serait bon de sortir de votre cave où d’arrêter de regarder TF1 (voir la TV en général) et d’allumer votre ordinateur.

A ses débuts twitter était un outil de micro-bloggin, comprendre par là, qu’il servait à faire savoir à la planète entière qu’on allait faire popo en moins de 140 caractères.
Au fil des années (bientôt 2 si je ne m’abuse) et de l’évolution des utilisateurs, twitter ne sert plus à bloguer uniquement, mais à communiquer dans un sens plus général.

Et oui, en fait twitter, me fait beaucoup penser à un channel IRC. Chacun propose son petit lien déniché on ne sais où, on pose des questions, on se répond, c’est limite du chat à des moments. Comme si twitter était un salon de discussion.

Du coup, je me demande quel peut être la valeur ajoutée d’un tel service comparé à un bon vieux client IRC ?

Certes c’est moins intrusif, mais quand on voit que certains se font limite spammer (c’est ça de vouloir suivre 2500 personnes) l’intérêt devient moindre et bien plus envahissant. Surtout que sur un channel IRC, il n’y a pas de pop-up et qu’on peut relire toute la conversation en remontant dans les logs (qui peuvent être enregistrés d’ailleurs) afin de faire des recherches ultérieurs.

Alors quelle est la différence ?

Peut-être juste le fait qu’IRC n’est pas Web 2.0, mais un bon vieux produit so Web 0.1

Note : IRC est un protocole à part entière

Enfin une date pour Dotclear 2

Jean-Sébastien Mansart — Tue, 08 Apr 2008 13:30:00 +0200

On l'attendait depuis longtemps, trop longtemps... Beaucoup ont désertés le navire, d'autres se sont accrochés et d'autres encore ne se sont pas posés de questions et sont restés sous Dotclear plus par flemme de migrer qu'autre chose.
A partir du 1er mai tout cela va changer, et c'est tant mieux

On a enfin une date.

Après je ne sais même plus combien d'années, une date a enfin été lâchée. Mais ne vous réjouissez pas trop vite, il ne s'agit que de la première Release Candidate. C'est à dire la RC1 (ça vous aide ça hein ?).
Bon, c'est à dire qu'à partir du 1er mai, plus aucune fonctionnalités ne seront ajoutées, juste de la correction de bug.

J'espère que les RC ne s'enchaineront pas comme les beta l'on fait et qu'une version finale verra le jour assez rapidement. Non pas pour moi ou parce que je suis pressé.
Non.
Mais pour l'image du projet. Ça lui ferait du bien...

En parlant de Dotclear 2, une surprise devrait bientôt arriver, restez connecté...

Utiliser les nouvelles technologies a tout prix

Jean-Sébastien Mansart — Wed, 19 Mar 2008 14:45:00 +0100

L'échange de cartes de visite est un moment assez solennel. Certains ont une carte standard, d'autres pourtant se démarquent. C'est le cas de la carte de visite de Patricia Gallot-Lavallée : un format rond, type sticker, avec sur le recto les informations usuelles et sur le verso des infos en plus.
Quand Patricia nous a donné sa carte, chacun l'a regardé un moment et j'ai été le premier à m'étonner : "Oh ! Un QR Code". Les autres quant à eux se demandaient ce que pouvait bien être cet espèce de picto 8-bit revival tout chelou...

Bienvenue dans le petit monde du QR Code et de sa non utilisation en France...

Le QR Code (Quick Response Code) est un code barre en deux dimensions, il permet un stockage d'informations plus élevé qu'un code barre classique et on peut le lire même s'il est dégradé (ça serait bien pratique en caisse ça...).

Les Codes QR sont originaire du Japon, ils sont principalement utilisés (au japon, forcément) sur les cartes de visites, magazines, affiches publicitaires, etc... et peuvent représenter une url, un email, un nom, une adresse...

Tout le monde le sait, au Japon, c'est pas comme chez nous, ils ont des téléphones portables beaucoup plus évolués, c'est d'ailleurs avec ces derniers que l'utilisation des Codes QR prend tout son sens : Vous voyez un Code QR, hop, dégainage du mobile, une photo et l'appareil reconnaît directement le code. Il vous propose ensuite de suivre le lien et vous vous retrouvez sur une page web par exemple.
Ca évite de devoir taper avec son gros pouce une url dans son téléphone. C'est quand même beaucoup plus pratique.

Par contre en France, avant de trouver un téléphone qui utilise cette technologie, ben... Ouais. On peut encore attendre... Il existe bien quelques logiciels sur PC qui permettent de décoder ces codes barres, et peut être une ou deux applications pour les téléphones, mais elles sont en japonais.

Alors la carte de visite de notre chère Patricia (tout comme celle de Fred Cavazza) est très jolie, elle fait "über hype" avec son QR Code, elle est à la pointe de la technologie, sauf que complètement inutilisable, car complètement inutilisé (et inconnu) en France.

Les early adopters aiment toujours propulser un peu en avant les nouvelles technologies, afin d'en faire un standard (OpenID par exemple). Mettre ainsi sur sa carte de visite un QR Code permet effectivement de promouvoir cette technologie, mais est-ce une bonne idée de l'afficher sur un média aussi commun qu'une carte de visite ?

Peut être que dans dix ans je pourrais ressortir sa carte et la scanner avec mon téléphone, mais pour l'instant...
Heureusement que les infos sont aussi sous forme de texte.