Jean-Sébastien Mansart .com - blog

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.

Première rencontre des Blogueurs des Alpes

Jean-Sébastien Mansart — Fri, 23 May 2008 08:23:00 +0200

La première rencontre des ~~crétins~~ blogueurs des Alpes a lieu ce soir à Grenoble

Je serai présent à cette première rencontre, en tant qu'organisateur des Chambé-Carnet et blogueur, il était de mon devoir d'y aller. A la fois pour rencontrer de nouvelles personnes, mettre un visage sur des noms et voir comment les autres organisent une soirée.

Tous mes fans auront donc l'immense privilège de m'approcher.
Petits veinards va...

La soirée commence à 19h30 au Memento à Grenoble.

Plus d'informations sur le blog des Blogeurs des Alpes (BDA)

Sondage : Quelles sont les audiences de la blogosphère française

Jean-Sébastien Mansart — Wed, 21 May 2008 13:15:00 +0200

Monétiweb propose depuis quelques semaines (oui, je suis à la bourre) un sondage sur les audiences des blogs français.
Si vous aussi êtes blogueur et que vous n'avez toujours pas (là vous êtes encore plus à la bourre que moi) répondu au sondage, vous pouvez le faire directement depuis mon blog.

Combien de visiteurs uniques sur votre blog par mois ? ( polls)

Combien de pages vues sur votre blog par mois ? ( surveys)

Pour ma part mes blogs se situent tous dans la première tranche... Et vous ?

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 ?

Fresh AIR Apps : suivez l'actu AIR

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

Les applications AIR ne sont pas encore très nombreuses, mais leur nombre croit régulièrement. Un des principaux soucis pour les aficionados de cette technologie est de se tenir au courant et de trouver la bonne application.
C’est chose faite maintenant avec ce blog dédié aux applications AIR.

Jusqu’à présent, il fallait aller sur le site d’Adobe pour se tenir informé des dernières applications disponibles, maintenant grâce à Fresh AIR Apps, vous pourrez suivre l’actualité via votre agregateur RSS.

Le blog est très bien fait, avec plusieurs flux RSS en fonction de ce que vous voulez suivre (les news, les applications, les didacticiels, etc…).
Par contre la liste des applications présentées est assez pauvre et incomplète, espérons qu’elle se complétera au fil du temps.

Pour l'instant, je n'utilise que deux applications : Twhirl et Analytics Report Suite.
Je trouve que les autres applications n'ont pas vraiment grand intérêt pour le moment, mais cela peut évoluer (ce serait bien d'ailleurs...).
Vous utilisez des applications AIR ?

Je n’ai pas réussi à trouver de blog équivalent pour Silverlight, quelqu’un à des liens ?

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 ?

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é...

Nouveau thème : je vous fais faire le tour du proprio ?

Jean-Sébastien Mansart — Wed, 26 Mar 2008 13:54:00 +0100

Après un mois de dur labeur et de fouettage de la graphiste, le nouveau thème de ce blog est enfin en ligne.
Plus qu'un simple changement de couleurs, c'est avant tout un changement ergonomique de la navigation.

Petit tour d'horizon des nouveautés apportées.

Premièrement, d'un point de vue global, la charte graphique reste dans les mêmes tons. L'accent à surtout été mis sur la navigation qui était le point faible (c'est pas peu dire) de l'ancienne version, l'ergonomie et l'accessibilité.
Lorsqu'un visiteur arrivait sur un billet, il n'avait d'autre choix que de retourner à l'accueil où cliquer sur la barre de navigation qui exécutait un javascript douteux...

Maintenant, on retrouve une barre de navigation sur la droite, assez commune, avec un bel emplacement pour l'abonnement au flux RSS, la liste des derniers billets, les catégories et les tags.

Une "micro" navigation horizontale permet d'accéder à des informations plus personnelles : une page pour me contacter, un lien d'échappement vers l'à propos et un lien vers mon CV en format PDF.

Toujours dans la navigation, tout en bas du blog se trouve un "bigfooter" ou "pied de page" qui regroupe les derniers commentaires publiés, les derniers articles et un encart sur ma vie trépidante (c'est pas tout le monde qui peut se targuer d'être l'inventeur d'un sport).

Pour le contenu, tout à été fait pour le mettre en avant.

Sur la page d'accueil, les billets sont coupés, le lien "lire la suite..." à été revu et mis en valeur.
Un lien affiche le nombre de commentaires, et lorsqu'il n'y en a pas, au lieu d'afficher un triste et désespéré "0 commentaires", s'affiche un "commentez !" nettement plus incitatif.
Les liens dans le corps du texte étaient avant pratiquement invisibles, ils étaient noyés dans le texte. On a donc changé la couleur pour une couleur beaucoup plus voyante avec un fort contraste afin de mieux les identifier.
Enfin, à la fin de chaque billet se trouve une section "vous allez aimer !" qui affiche les 5 billets qui sont (plus ou moins) en rapport avec le billet en cours.

Ce thème à naturellement été testé avec les principaux navigateurs du marché : IE6, IE7, Firefox et Safari.
Mis à part sous IE6 qui est un véritable calvaire pour les développeurs, tout a fonctionné à merveille sur les autres navigateurs.

Faites moi part de vos critiques et/ou rapport de bugs (si vous en trouvez)

Refonte complète du blog

Jean-Sébastien Mansart — Fri, 07 Mar 2008 13:31:00 +0100

Ça faisait un petit moment que ça me turlupinait, mon blog avait un thème "sympa", mais pas top. Après avoir rencontré Patricia Gallot, l'auteur de "Internet, donne moi ce que je veux", je me suis mis en tête de refondre complètement mon blog, en commençant par la navigation.

La première étape était de trouver un ou plusieurs modèle de navigation propice à un blog.

Un coup de chance, j'avais le livre de Patricia sous la main, et après avoir parcouru les 60 modèles de navigation, j'en ai retenu 3 :

le menu sur la droite
le big footer (le gros pied de page)
le menu horizontal

Il ne restait plus qu'a placer les différents éléments dedans.
Dans le menu de droite seraient présents (dans le désordre) :

la recherche
le lien vers le flux RSS
la liste des tags
les derniers billets
la liste des catégories

Dans le big footer :

le fameux "a propos"
les derniers commentaires
et pour se faire plaisir, une fois encore les derniers billets

Dans le menu horizontal :

Contact
CV
A propos

Et pour finir le tout, un petit colophon histoire de rappeler les mentions légales et quelques liens rapides d'échappements.

Deuxième étape : faire une maquette à partir des éléments définis plus haut.

J'admets, cette partie là, je l'ai délégué. Étant en collocation avec une graphiste web, je n'ai pas eu à chercher longtemps à qui j'allais confier cette tache... On en a profiter pour revoir l'ergonomie du blog, en créant des liens d'échappements là où il en fallait (comme un lien pour aller directement aux commentaires), retirer quelques éléments qui n'apportaient rien (le lien permalink).
Mettre des parties plus en évidences : comme l'abonnement au flux RSS, le "lire la suite..." sur la page d'accueil, les liens dans le corps du texte, etc...

Je voulais aussi garder l'esprit et la charte graphique de l'actuel. Le bandeau à été remanié, le titre du blog amélioré...

Troisième étape : optimiser le code HTML pour le référencement.

Dotclear est part défaut très bien conçut pour le référencement. Cependant, on peut noter quelques améliorations à apporter.

La balise <title> est le titre de la page.
Une balise <h1> définit le titre du document.
Une balise <h2> définit les sous titres

Lorsque l'on est sur la page d'accueil, le title doit donc être le nom du blog, la balise <h1> contiendra elle aussi le titre du blog et on placera les titres des billets dans des balises <h2>.

Par contre, lorsque l'on est sur un billet. Le title de la page devient donc le titre du billet. Celui-ci est aussi englobé dans une balise h1, mais quid du titre du blog ?

Certains disent qu'on peut le laisser en <h1>, d'autres au contraire affirment qu'il ne doit y avoir qu'une seule balise <h1> par page.
Si on part sur la seconde hypothèse, dans quelle balise met-on le titre ?
Une balise <h2> ?
Une balise <p> ?
Une balise <span> ?

Les mêmes questions se posent pour la navigation : les bloc ont des titres, on met quoi ? des <hx> ou une toute autre balise ?

Pour le coup, je suis un peu dépassé, et même tous les grands du HTML se battent sur ce genre de sujet...

Tout cela demande énormément de travail et de recherche, la maquette est terminée, il reste encore l'intégration à faire, les tests sous différents navigateurs et système d'exploitation, et pour finir : le polissage.

A votre avis : quelles balises utiliser pour le titre du blog et la navigation ?

JabberNotifications pour Dotclear 2 : indispensable

Jean-Sébastien Mansart — Tue, 05 Feb 2008 14:18:00 +0100

Dans la catégorie "plugin indispensable pour blogueur guettant fébrilement le moindre commentaire", le plugin de notification de nouveaux commentaires via Jabber est un must.

Inclus de base dans le blogware préféré de Frédéric, il faudra néanmoins procéder à une installation pour dotclear 2.

Une fois installé, il suffit de configurer le plugin en saisissant un identifiant jabber et son serveur. Si votre blog est hébergé chez free, vous pourrez aussi ajouter une passerelle. Une fois le compte configuré et testé, il faut saisir un compte jabber à notifier dans le profil utilisateur et définir sous quelles conditions les notifications sont envoyées.

Je test ce plugin depuis une petite semaine et mis à part la configuration qui n'est pas toujours évidente, en particulier si vous souhaitez utiliser un compte gtalk, ce plugin marche à merveille. Vous serez averti aussitôt qu'un nouveau commentaire sera publié.

Indispensable pour être réactif.