Jean-Sébastien Mansart .com - Tag - blog

Chambé-Carnet : Tout savoir sur les blogs le 12 juin 2009

Jean-Sébastien Mansart — Wed, 03 Jun 2009 09:06:00 +0200

J'organise un Chambé-Carnet le vendredi 12 juin 2009 à 19h au Brun Argenté ayant pour sujet un thème qui est cher et qui est surtout à l'origine même des Chambé-Carnet : les blogs !

Les blogs un des outils grand public les plus en vogue ces dernières années, sont devenu le moyen le plus simple et le plus commode pour tout un chacun d'avoir un espace d'expression sur internet. - Blog perso ou blog d'entreprise ? - Quel blog utiliser ? - Comment personnaliser votre blog ? - Comment faire vivre votre blog au jour le jour ? - etc...

Séverin Moussel de Games and Geeks sera là pour répondre à toutes vos interrogations.

Les inscriptions sont obligatoires sur : http://www.chambe-carnet.com

A très bientôt !

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.

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 !

[Note de service] Changement d'hébergement

Jean-Sébastien Mansart — Fri, 10 Oct 2008 09:48:00 +0200

Le choix de l'hébergement est une part importante dans la vie d'un site web et par conséquence, d'un blog.
En fonction de l'hébergement, vous aurez un service de plus ou moins bonne qualité, et vos lecteurs le ressentirons.

Depuis que je blog, soit depuis 2004, tous mes sites et blogs étaient hébergés sur un serveur homemade, rangé dans le placard de mon ancienne chambre chez mes parents.
Cette solution avait plusieurs avantages :

gratuité de l'hébergement
maitrise totale du serveur, de son contenu
ça flattait mon coté geek

Par contre, cela représentais aussi des inconvénients, et pas des moindres :

il faut avoir une forte compétence en administration système
le réseau free et la freebox ne sont pas fiable
le facteur humain, en l'occurrence, ma famille, génère de nombreuses coupures de services

Toutes ces coupures de services m'auront à la longue usées. J'ai finalement opté pour un "vrai" hébergement.

Olivier Bonhomme dispose de plusieurs serveurs, et il m'a alloué un espace sur l'un d'entre eux. Connexion SSH, identification LDAP, apache, PHP, etc... La liste des prestations fournie est longue, et je peux lui demander d'en rajouter d'autres si j'en ai le besoin.

Pour vous, qu'est-ce qui va changer ?

Rien, absolument rien. Si vous êtes ici, vous êtes déjà sur le nouveau serveur.
Vous constaterez seulement une plus grande rapidité dans l'affichage des pages et dans la stabilité du service.

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.

Les métiers du web, les connaissez vous tous ?

Jean-Sébastien Mansart — Tue, 12 Aug 2008 08:00:00 +0200

Une offre d'emploi sur le blog, de plus en plus affligeant, de Travailleur du web à propos d'un intégrateur web m'a fait réagir. L'offre demandait des compétences en PHP, MySQL, javascript, etc... Je me suis demandé jusqu'où allait la compétence d'un intégrateur, son rôle et ce qu'on pouvait attendre de lui.

L'idée de faire une revue des différents métiers du web m'est apparue comme une évidence.
Mais...

Ben oui, forcément, avant d'écrire un article sur un sujet, je tâte le terrain, je me renseigne, je me documente, afin de voir si quelqu'un n'aurait pas déjà écrit un article, et éviter de raconter des bêtises plus grosses que moi.

A l'évidence, pour ce billet c'est raté. Sandrine Szabo a fait un travail de titan en recensant plus de quarante (40 oui) métiers du web !

Ayant parcouru les différentes descriptions de poste, je n'ai pas relevé de failles, les descriptions sont très bonnes et bien faites, mis à part peut-être le développeur et l'analyste qui sont une seule catégorie dans le web : le développeur web.

Mon article tombe donc à l'eau vu que je n'ai rien de plus à ajouter, voilà donc pourquoi cet article tombe dans la catégorie "Lu chez les autres" et non dans "web".

Je peux néanmoins répondre à la première question levée en début d'article : Non, un intégrateur ne doit pas avoir des compétences en MySQL, il doit toutefois avoir des connaissances en javascript et en langage de template (PHP, TALES, etc...) pour modifier rapidement l'affichage d'une vue sans pour autant rentrer dans le code même.

Je cite Sandrine :

L'Intégrateur HTML
Il converti les maquettes du webdesigner en pages web avant qu'interviennent les développeurs qui les programmeront. Il réalise le découpage, l'optimisation et le montage du HTML. Il maîtrise les langages et outils suivants : HTML, XHTML, CSS, il a une bonne compréhension des rendus des navigateurs, connaît le javascript et les logiciels de graphisme type photoshop. L'intégrateur à également des notions de standards, de sémantique et d'accessibilité.

On pourra continuer avec la définition du développeur web :

Développeur
Le développeur est apte à déchiffrer une demande et élaborer un cahier des charges. Il sait concevoir une architecture d'application, maîtrise plusieurs langages de programmation et les principaux serveurs applicatifs. On fait appel à lui, par exemple, pour mettre au point des systèmes de paiement sécurisé ou des formulaires reliés à des bases de données.

Analyste Programmeur
L'analyste programmeur est l'homme de l'ombre de l'Internet. C'est la petite main du code informatique sans laquelle les sites Internet ne sauraient exister. L'analyste programmeur intervient en aval du développeur. Lorsque le développeur conçoit une nouvelle application, il rédige une analyse détaillée à partir de laquelle le programmeur écrit le code du programme informatique contenant les instructions nécessaires au bon fonctionnement de l'application. Un programmeur se doit donc de connaître les principaux langages de programmation qui régissent la micro-informatique, mais aussi, les langages propres à l'Internet (html, Lingo ,…). Son but : réaliser le travail demandé en un minimum de temps et en utilisant le moins de ressources possibles. Très rigoureux et méthodique, le programmeur dispose d'une solide formation généraliste en informatique. Il maîtrise plusieurs langages de programmation et possède une grande capacité d'adaptation dans un marché en constante évolution.

Et pour fini le graphiste :

Graphiste
Il crée, choisi et utilise des d'éléments graphiques (dessins, polices, photos couleurs...) pour élaborer un objet de communication et/ou de culture. C'est lui qui va définir la charte graphique, les logos et selon ses domaines d'interventions (Illustration, Affiche, communication d'entreprise, presse, édition, packaging, publicité, web, etc.), il interviendra dans la chaîne graphique de l'imprimerie et des autres média. C'est un expert des mondes virtuels en puissance et de l'animation.

Des remarques quant à cette liste ?

[Brêve] Interview et Page contact

Jean-Sébastien Mansart — Tue, 22 Jul 2008 08:28:00 +0200

Je me suis fait interviewé par Kwaker la semaine dernière. Il fait une série d'interview de blogueurs utilisant DotClear.
Une très bonne initiative, autant pour lui que pour les interviewé :)

J'ai profité de ma soirée pour remettre la page contact en ordre. Je ne l'avais pas fait depuis le passage à la version RC1.
Tout semble en ordre maintenant.

Sur ce, je vous souhaite une bonne journée.

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.

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.

Optimisation du référencement d'un blog sous Dotclear 2

Jean-Sébastien Mansart — Thu, 08 Nov 2007 13:38:00 +0100

La plupart des gens sont d'accord pour dire qu'un blog tournant sous Dotclear se référence très bien tout seul. S'il est vrai qu' "out of the box", Dotclear comporte certains éléments qui lui permet un bon référencement, il faut néanmoins retravailler certains aspects pour l'améliorer.

Je vais m'intéresser ici aux URL.

A la base, les URLs d'un billet sont sous la forme :
http://www.monblog.com/index.php/post/2007/11/08/referencement-:-les-urls

On remarque que l'URL est particulièrement longue, les mots clés qui nous intéressent sont à la fin, il y a un caractère illégal et on traîne un "index.php/post/2007/11/08/" qui ne sert strictement à rien.
Ce qu'on voudrait ressemblerait plutôt à : http://www.monblog/referencement-les-urls

Nettement mieux non ?

Première étape, enlever la date dans l'url.

Pour enlever la date, il suffit d'aller dans l'administration du blog, tout en bas à gauche, il y a une rubrique nomée "about:config". Chercher la ligne "post_url_format", la valeur par défaut est : "{y}/{m}/{d}/{t}", modifiez la à : "{t}". Enregistrez et c'est gagné !

On a maintenant une URL du type : http://www.monblog.com/index.php/post/referencement-:-les-urls

On va maintenant s'occuper d'enlever le "index.php". Pour ça, il faut créer à la racine du blog un fichier .htaccess avec le code suivant :

RewriteCond %{HTTP_HOST} ^monblog.com$
RewriteRule ^(.*) www.monblog.com/index.php$1 [QSA,L,R=301]
RewriteRule ^(preview|pages|post|archive|feed|tag|category|sitemap\.xml)/(.*)$ /index.php/$1/$2 [L]
RewriteRule ^(archive|tags|sitemap\.xml) /index.php/$1 [L]

Et voilà ! On obtient maintenant : http://www.monblog.com/post/referencement-:-les-urls
Il reste à enlever le "/post/" et les deux points.

Pour enlever les deux points rien de plus simple : il suffit de modifier l'URL dans le billet.
Par contre, pour enlever le "/post" je n'ai encore pas trouvé de solution, si quelqu'un en a une, je suis preneur.

Je vous conseil de faire toutes ces modifications avant d'ouvrir votre blog, en effet, vous risquez de perdre tout votre référencement actuel, et vos visiteurs risquent de tomber sur de nombreuses erreurs 404... Vous pouvez toujours vous amuser à faire de la redirection dans le .htaccess, mais souvenez vous : Cool URIs don't change (chose que je n'ai absolument pas respecté).

Lancement

Jean-Sébastien Mansart — Tue, 29 May 2007 12:31:00 +0200

Je profite de mon temps de pause déjeuner pour lancer mon blog "pro", pour faire comme les grands et enfin devenir influent (d'ailleurs, ne le suis-je pas déjà ?).

On remarquera un super nom de domaine qui claque, un thème pour dotclear 2 qui utilise du jQuery, il y a encore quelques finitions à faire, mais le gros est posé, il ne reste plus que le contenu.

D'ailleurs, de quoi je vais parler ?
Principalement des technos web que j'utilise au quotidien :

D'autre sujets tournant - forcément - autour du web :

Design
Accessibilité
Marketing
etc...

Je me réserve un peu de champs libre tout de même, il ne faut pas s'enfermer.