Webaaz

Paris Web 2010, j’y serai !

Martin — Mon, 23 Aug 2010 11:52:32 +0000

Photo de Reinante El Pintor de Fuego depuis Flickr

Paris Web c’est pour bientôt ! Il reste des places à tarif réduit jusqu’à fin août ! Mais dépêchez vous !

Je n’ai pas encore eu l’occasion de m’y rendre, juste beaucoup d’envie, et ce sera donc ma première participation. J’y vais pour me tenir au courant sur des sujets qui me tiennent à cœur, aussi personnellement que professionnellement. Des sujets qui me passionnent et qui seront au centre de l’évènement. Je peux donc le dire : Paris Web 2010, j’y serai !

Au passage j’ajoute qu’après avoir passé du temps en SSII ou l’on fait du web sans trop se préoccuper de ce qui me parait fondamental (qualité, standards, accessibilité, bonnes pratiques…) ou alors de façon superficielle, sans en comprendre l’essence même, je suis plutôt content de voir que Clever Age est partenaire officiel de Paris Web 2010.

Que vous soyez déjà inscrit ou prêt à le faire, j’espère vous y retrouver, laissez un commentaire qu’on trouve le moyen de se croiser et de discuter un peu web !

Photo de Reinante El Pintor de Fuego depuis Flickr

Recette & environnements de test

Martin — Mon, 09 Aug 2010 10:56:42 +0000

On a tous eu l’occasion de livrer une modification directement sur un serveur en production, pas grand chose souvent, et on a tous eu l’occasion de le regretter rapidement !

Heureusement, dans tout projet digne de ce nom, on met en place des procédures plus ou moins développées pour tester le code dans de bonnes conditions afin d’éviter les surprises et les régressions.

Toute un série de tests permettent de valider le côté qualitatif du projet. Ils sont rarement tous mis en œuvre, souvent partiellement, sauf sur des projets stratégiques, et bien souvent on prend juste l’essentiel. C’est souvent suffisant pour arriver à un résultat correct, même si il en faudrait parfois un peu plus…

Photo de Oncle Tom depuis Flickr

Que tester ?

L’idéal est de tout tester mais certains tests peuvent être décorrélés du reste. La configuration du serveur, les scripts de mise en production ou de maintenance ou encore le paramétrage des noms de domaines ne sont pas nécessaires à toutes les étapes du développement. On peut souvent les tester séparément du reste sans risques, jusqu’à l’assemblage final en pré-production. Sinon que ce soit des tests de bas niveau, dans le code ou fonctionnels, ils permettront de s’assurer que l’on répond le plus précisément au besoin exprimé.

De toutes façon, tout doit être testé, plus ou moins suivant les cas, on n’imagine pas laisser la moindre place au hasard dans ce processus..

Quels types de tests ?

A chaque étape du développement les tests doivent s’enchaîner, de plus en plus précis, pour arriver au final à une application avec un minimum failles.

Test unitaires

Ce sont parfois quasiment les seuls tests réalisés avant la recette. Ce sont les premiers effectués, directement par les développeurs. C’est évidemment une mauvaise pratique de laisser le soin au seul développeur de tester son code et le fonctionnel rapidement entre deux développements. Le test fait en ayant connaissance du code est toujours orienté, et si le fonctionnel était mal compris son application sera forcément à revoir…

Tant que ces tests ne sont pas automatisés ou au moins effectués par une tierce personne et suivis dans un cahier de tests ils sont quasiment inutiles car limités à des cas non exhaustifs et non reproductibles. La création d’un cahier des tests permet de limiter les effets négatifs, mais rend souvent le travail moins intéressant et parfois rébarbatif…

Et certains tests qui touchent à l’ergonomie ou aux bonnes pratiques ne peuvent être faits de manière automatique car ils requièrent une faculté d’analyse et un œil expert. Le recours à un spécialiste du sujet peut s’avérer décisif si le niveau de qualité à atteindre est conséquent.

Tests unitaires automatisés

Qu’ils soient côté serveur ou côté client, l’automatisation et la réutilisation sont leur point fort !

Côté serveur des frameworks comme JUnit ou PHPUnit permettent de tester de manière efficace les fonctions d’un projet. On teste avec différents paramètres en entrée et on vérifie la sortie sans oublier les cas devant générer des erreurs afin de vérifier que le comportement attendu est le bon.

Coté client des outils comme BadBoy ou Sélénium permettent d’enregistrer des macros et de les rejouer à volonté. On s’assure ainsi qu’il n’y a pas de régression fonctionnelles.

Ces tests automatisés peuvent être lancés après l’ajout d’une fonctionnalité ou la correction d’un bug de manière à éviter les régressions. On peut ainsi tester efficacement et complètement les différentes fonctionnalités développées. Ils peuvent aussi être utilisés de manière automatisée sur une plateforme d’intégration continue.

Avec cette méthode, on capitalise énormément, les tests sont rejouables à l’infini par le client qui peut s’assurer de la bonne conduite du projet et même par une équipe différente qui devrait reprendre le développement ou la maintenance.

Les test peuvent même être à l’origine des développements. En les écrivant avant, on s’assure de bien répondre à chaque cas. Le développement sera validé quand tous les tests passeront.

Quels environnements ?

Environnement de test local

Il évolue souvent en cours de route, suivant l’évolution du cahier des charges, des test des développeurs, des différents projet sur lesquels on peut être amené à travailler simultanément. Il n’est pas toujours évident de tout cloisonner et ce n’est pas forcément nécessaire. A ce stade il peut être intéressant pour les différents acteurs d’avoir une plateforme de travail sans liens communs. C’est particulièrement vrai chez un éditeur de logiciels, qui ne maîtrise pas forcément la plateforme cible de ces clients. Cela permet de capitaliser sur des expériences variées et de pouvoir répondre à un besoin différent facilement.

Pour avoir sous la main des environnements divers et variés pour tester différents clients web par exemple, le recours à des machines virtuelles ou « VM » est d’un grand secours. Vous pouvez ainsi avoir facilement sous la main plusieurs OS, et navigateurs dans des versions hétéroclites. Que ces VM soient sur votre poste ou en réseau, accessible à distance, elles vous permettront de faire vos tests dans d’excellentes conditions.

Environnement de recette

L’environnement de recette doit être proche de l’environnement final, au moment du développement il m’est arrivé assez souvent de ne pas connaitre précisément l’hébergement cible, on peut cependant partir sur les bases évidentes. Choix du langage, des version majeures des différents composants, paramétrages… Le but est d’être au plus près possible de la cible, de manière à ne pas avoir de mauvaises surprises par la suite. Évidemment plus tôt on aura une image précise du serveur de production, et mieux on pourra affiner cet environnement.

Environnement de pré-production

L’environnement de pré-production doit être une copie exacte de l’environnement de production, avec un paramétrage exactement similaire et des données de production. Et l’on ne peut transiger sur aucun de ces points ! Il faudra bien sûr veiller à répliquer et documenter immédiatement le moindre changement.

A chaque fois que l’on m’a imposé une différence si minime soit elle, une erreur est apparue en production. Le plus souvent très légère, c’est vrai mais quel intérêt de faire ce test si il n’est pas exhaustif

Conclusion

Les tests doivent être la base de tout développement, qu’ils soient faits de manière humaine ou automatisée, leur régularité permet d’anticiper les dérives et de corriger rapidement les erreurs.
Des contraintes temporelles ou budgétaires viennent souvent limiter leur mise en application, pensez alors à faire valider régulièrement l’avancée du projet par le client, à défaut de tests, c’est à lui de prendre ses responsabilités.

Trouver un bon hebergeur web, quels critères ?

Martin — Tue, 20 Jul 2010 10:54:12 +0000

Après, avoir fait un point sur l’hébergement l’été dernier, je me devais de faire une mise à jour, mon expérience dans le domaine ayant évolué de façon significative.
La raison de ce changement est bien sûr liée à l’évolution de mes besoins, et l’envie d’avoir plus de souplesse dans mon utilisation quotidienne de mon hébergement.

Depuis mon premier hébergement mutualisé offert gratuitement par Wanadoo en 2000, j’ai régulièrement changé à chaque fois pour mieux ou presque. Je suis donc passé par du mutualisé gratuit, du mutualisé payant associatif, du mutualisé payant, et tout ceci avec diverses fortunes, les pires n’étant pas forcément ceux que l’on croit.

Photo de Swisscan depuis Flickr

Mes critères

Mes critères pour juger un bon hébergeur sont dans l’ordre :

Moyens mis en œuvre, outre les options dont on a vraiment besoin, quels sont les petits plus qui font la différence ?
Capacité de réaction, En cas de panne, la résolution est elle rapide, y’a t’il une transparence de l’hébergeur sur les problèmes rencontrés ?
Qualité du support, Les réponses sont elles de qualité et fournies rapidement ?
Utilisabilité de l’interface d’administration, l’hébergement est il facile à utiliser ?
Prix, je le met en dernier, car le principal est tout de même d’avoir un service de qualité, même si on trouve tous les prix, les écarts entre offres similaires sont mineurs.

Et sur ces points j’ai souvent été déçu. Beaucoup d’hébergeurs font du chiffre, vendent à coup de promotions, des hébergements que l’on peut rarement tester avant engagement, et ne se soucient guère du suivi.

Mes expériences

J’ai eu certaines mésaventures et souvent la réaction de l’hébergeur était minimale… Que dire d’un hébergeur qui actuellement encore propose PHP4 par défaut alors qu’il n’est plus maintenu ? D’un autre qui censure tous les problèmes remontés sur son forum pour montrer que tout va bien ? D’un autre qui ferme les tickets ouverts auprès du support sans raison, parce que c’est plus simple comme ca, D’un autre qui disparait avec la caisse du jour au lendemain sans payer aucun fournisseur ? Bon ok, sur ce coup là j’ai vraiment pas eu de chance…

Et pour trouver un bon hébergeur quand on en a déjà fait pas mal n’est pas si évident. Si l’on supprime les plus évidents, ceux que l’on a déjà testé, il en reste des dizaines de petits, qui annoncent tous être les moins cher et les meilleurs, sur lesquels se dit tout et son contraire sur les sites comparatifs. A qui faire confiance ?

Je me suis donc tourné vers une offre un peu plus chère que par le passé, et je suis passé sur une offre virtualisée. Étant très content des offres de Gandi pour leur gestion des noms de domaine, et ce depuis des années, j’ai commandé ma première part il y a trois mois.

Pourquoi ce choix ? Réponse point par point :

Les moyens mis en œuvre ?

Comme il s’agit d’un serveur mutualisé, j’ai l’avantage d’avoir entièrement la main sur ma machine, là dessus rien de bien différent d’un autre hébergeur si ce n’est l’option AI qui permet au novice d’installer sans aucune connaissance un serveur avec la plateforme LAMP avec la distribution de son choix et des options classiques tels qu’un serveur FTP, ou un serveur de mail. Pour avoir testé cette option, elle ne m’a pas suffit en termes de souplesse mais je l’ai trouvée tout à fait à la hauteur, et je pense qu’elle répond au besoin de pas mal de novices ! Sur ce point Gandi innove et c’est très bien !
La gestion automatisée des ressources est un plus non négligeable qui permet d’ajouter ou de supprimer des parts supplémentaires à la volée pour faire face à des pics de visites et de payer ces ressources supplémentaires au prorata de leur utilisation !

Un bon point également pour la partie noms de domaine qui permet plus de souplesse que chez la plupart des hébergeurs. On est ici libre de faire les paramétrages que l’on souhaite très librement sans formulaire compliqué qui bride les possibilités.

La capacité de réaction ?

Je n’ai pas eu l’occasion de constater des problèmes depuis que je suis client de l’offre, mais je me base sur mon expérience depuis presque dix ans sur la gestion de mes noms de domaines, rien à redire.

La qualité du support ?

J’ai eu des hébergeurs qui répondaient soit disant 24/7, mais dans les faits… Ici le support est plus limité mais très réactif sur les plages horaires annoncées. On peut même répondre directement aux mails du support plutôt que de repasser par l’interface d’administration, ce qui est appréciable vu le temps perdu chez certains concurrents…

Quand à la qualité des réponses, quelles soient fonctionnelles, techniques ou commerciales, elles sont toujours précises, et très courtoises !

L’utilisabilité de l’interface ?

L’interface est claire et agréable à utiliser. Le style dépouillé permet de se concentrer sur l’essentiel, mis à part quelques détails, c’est très facile à utiliser, on est très loin devant mes précédents hébergeurs !

Le prix ?

Effectivement je paye plus cher que pour mes précédentes offres, mais pour cette gamme de produits, rien d’excessif. Les prix ailleurs sont dans le même ordre d’idées. Et vue les points précédents, c’est justifié.
A noter la mise à disposition gratuite de parts pour tester, et le premier mois satisfait et remboursé, qui permet de finaliser ses tests dans d’excellentes conditions.

On notera que contrairement à d’autres hébergeur ou tout est automatisé que l’achat de l’hébergement passe par une demande d’inscription motivée qui permet de qualifier la demande et d’aiguiller le client. Encore un signe de qualité.
Avec la gestion automatisée des ressources on ne paye que ce que l’on consomme contrairement à d’autres hébergeurs qui poussent à prendre des offres toujours plus élevés, c’est un des points forts de cet hébergeur !

Conclusion

Au final, même avec un recul encore limité je suis extrêmement satisfait de mon choix, et les possibilités offertes me poussent vers de nouveaux usages, de nouvelles possibilités que je n’osait pas imaginer auparavant. Évidemment je ne peux pas comparer directement les offres tant elles sont différentes, mais en termes de rapidité les performances sont deux fois meilleures !

La gestion d’un serveur demande par contre un apprentissage important, mais la souplesse et le confort d’utilisation sont à ce prix. Je progresse donc dans ce domaine, que je n’avais pas encore eu le temps d’aborder. Cela fera l’objet de prochains billets, notamment à propos d’une série de livres sur le sujet.

Finalement, vu le prix il faut en avoir l’usage, mais finalement ce n’est que la moitié de ce que l’on paye pour accéder à Internet…

Opquast : Sites web, les bonnes pratiques

Martin — Mon, 28 Jun 2010 09:00:15 +0000

Le web est souvent un mauvais exemple en terme de qualité, d’ergonomie ou d’accessibilité. La faute à des techniques variées, des usages approximatifs, ou à une évolution rapide des de ces techniques et de ces usages.

Pourtant avec le peu de recul que nous donne le web, des initiatives permettent de hausser un peu le niveau. Les normes du W3C par exemple permettent par leur respect de garantir que le document sera interprétable par tout les navigateurs. Les référentiels d’accessibilité permettent aux utilisateurs ayant une quelconque déficience de pouvoir surfer avec une contrainte moindre. Le projet Opquast propose un référentiel qualité web mais surtout un outil de suivi de la qualité des services en ligne.

Photo de flickrolf depuis Flickr

Présentation

La première version du référentiel à vu le jour fin juin 2004 avec la mise en ligne d’une liste de bonnes pratiques pour l’amélioration de la qualité des services en ligne.
A l’origine de ce projet, Elie Sloïm directeur de Temesis et Fabrice Bonny co-fondateur du site Openweb

C’est un formidable outil de formation, d’explication, et d’amélioration des sites.

Opquast permet de tester aussi bien la qualité de la conception que la qualité d’utilisation. Les techniques étant de plus en plus variées et complexes, une personne seule ne peut pas maitriser parfaitement toute la chaine de développement d’un site web. La liste des bonnes pratiques permet au développeur comme au décideur de vérifier les points principaux classés par domaine. Chaque bonne pratique est détaillée avec un objectif, des solutions techniques et des moyens de contrôle.

Et le petit plus, Opquast est publié sous licence Créative Commons BY-SA.

Voici les différents sites du projet Opquast :

Nouveautés

Le web évolue et la liste a donc été revue de fond en comble par les membres de l’atelier Opquast, qui ont débattu dans la bonne humeur et l’humour mais avec des avis bien tranchés, et toujours un maximum d’arguments. Un consensus nécessaire à donc fini par émerger, c’est la base de ce référentiel. Une période d’appel à commentaires publics à permis d’affiner un peu plus le travail.

Pour le côté pratique, les bonnes pratiques sont désormais filtrables en fonctions de différents critères :

Modèle VPTCS : Visibilité, Perception, Technique, Contenus, Services
Processus : prototypage, design, intégration, CMS et développements, rédaction, référencement
Services : e-commerce, Espaces publics, Newsletter, Syndication
Thème : Mobile, Internationalisation, Accessibilité, performance, Sécurité, Utilisabilité

Vous pouvez ainsi en extraire les bonnes pratiques d’utilisabilité spécifiques à la phase de prototypage par exemple.

La navigation par tags et le téléchargement des listes aux formats Excel, Open Office ou PDF sont aussi au programme.

Interview d’Élie Sloïm, directeur du projet

Le web s’est professionnalisé depuis la v1 d’Opquast, on est sur la bonne piste ?

Il me semble qu’effectivement, nous sommes sur la bonne piste, mais nous n’en sommes encore au tout début du chemin. La nécessité des approches qualité et accessibilité ne pose plus vraiment question. En revanche, ce n’est pas parce que les professionnels savent qu’il est bon de travailler sur ces sujets qu’ils sont prêts à le faire, et surtout qu’ils en ont le temps. Le niveau moyen des sites produits actuellement est encore très faible. A côté de quelques sites fort bien développés, nous voyons encore sortir beaucoup de sites qui ne respectent même pas les règles de base de la qualité Web. Il y a donc actuellement un travail énorme de sensibilisation à faire auprès de deux cibles principales. D’une part, il y a le secteur informatique, c’est-à-dire les SSII et les DSI. Faites donc un tour des sites corporate des principales SSII françaises, et vous verrez que le fossé à combler en matière de qualité et d’accessibilité Web est encore énorme. Le deuxième effort est à porter concerne les toutes petites agences Web. Nous avons récemment fait une étude dans le secteur du tourisme (camping, hôtels…) et nous analysons actuellement des sites de communes, et franchement le niveau moyen laisse fortement à désirer.

Malgré tout, le niveau des professionnels a considérablement augmenté. Ce qui semblait être un effort surhumain il y a quelques années est maintenant devenu une pratique courante dans de nombreuses agences.

La qualité web est de plus en plus présente, mais une partie du web y semble hermétique. Qui va gagner et pourquoi ?

La qualité Web est encore un non-sujet. Les sociétés qui travaillent sur le sujet en l’abordant de manière transversale se comptent sur les doigts d’une main. Alors oui, l’ergonomie, l’expérience utilisateur, la performance, la qualité des contenus éditoriaux se développement fortement, mais ce qui se développe, ce n’est pas la qualité Web, ce sont les activités qui permettent d’améliorer la qualité d’un site sur tel ou tel sujet. La nuance peut vous sembler ténue, mais lorsqu’il s’agit d’évangéliser en expliquant qu’il faut aborder ce sujet avec une approche, des référentiels et des outils transversaux et généralistes, je peux vous assurer que la partie n’est pas gagnée du tout. A la question : qui va y gagner, je répondrai sans hésiter tout le monde, que ce soient les utilisateurs, dont les attentes sont mieux prises en compte, les administrateurs de sites, qui savent mieux définir leurs objectifs et les atteindre, et les experts et spécialistes, qui disposent là d’outils leur permettant de mieux se situer dans la globalité des projets Web.

Est tu obligé d’expliquer ton travail à tes clients ou prospects ou tout le monde comprend bien ta démarche ?

J’ai commencé à travaillé sur la qualité Web en octobre 1999, avec la conception du site e-qualite.com. Le modèle VPTCS (Visibilité, Perception, Technique, Contenus, Services) date de 2001, et la première version des bonnes pratiques Opquast date de 2004. En fait, depuis plus de dix ans, je suis amené à répéter à peu près les mêmes choses dans diverses manifestations, conférences ou auprès de mes clients. Je suis donc d’ores et déjà quelqu’un qui radote, et à un peu plus de 40 ans, ça fait tôt ;-)

Pour l’instant, je fais encore découvrir la démarche à beaucoup de monde, et j’y prends toujours autant de plaisir. Il faut donc continuer à expliquer, et il ne faudra s’arrêter que lorsque la démarche et les outils seront connus. A ce moment là, le fait que quelqu’un connaisse la démarche, et décide en connaissance de ne pas l’appliquer ne me posera aucun problème. Mais mon travail est de veiller à ce que les acteurs du web se positionnent sur le sujet. Qu’ils soient pour ou contre n’a pas vraiment d’importance.

L’obligation pour les sites publics d’êtres accessibles a t’il vraiment changé quelque chose ? Y’a t’il une prise de conscience ?

L’exigence de conformité en matière d’accessibilité a mis de nombreux professionnels du web sur le chemin des démarches qualité. Mais ce chemin est long est semé d’embûches. Dans un premier temps certains risquent de viser l’accessibilité absolue, et ils vont déployer des efforts énormes pour l’atteindre. Par la suite, il renonceront à l’accessibilité absolue, et s’intéresseront à définir des objectifs réalistes en matière de qualité Web. Ce jour-là, la prise de conscience sera complète. Alors oui, de manière évidente, l’obligation légale et même déontologique joue un rôle majeur dans la prise de conscience des administrateurs de sites. Mais je vais plus loin : cette obligation d’accessibilité ouvre surtout une voie très prometteuse pour les démarches transversales sur la qualité Web.

La multiplication des standards, labels et référentiels n’est elle pas un frein à leur mise en place ?

La multiplication des standards, labels et référentiels est un effet collatéral de l’industrialisation de nos métiers. Ce qui n’a pas encore été compris, c’est que le premier travail d’un professionnel du Web est de connaître ces différents référentiels et de savoir choisir parmi eux ceux qui sont le plus à même d’améliorer la qualité des résultats finaux. Dans l’industrie automobile ou agro-alimentaire, l’existence d’un grand nombre de contraintes qualité ou administratives n’a jamais été considérée comme un obstacle insurmontable pour développer des produits innovants. Dans le monde du design, qui est me semble t-il un exemple assez parlant, les contraintes peuvent être vécues soit comme des souffrances, soit comme des défis professionnels à relever. La compétence d’un designer ne se mesure pas seulement à sa capacité à produire des choses jolies, mais à produire de la valeur ajoutée et de la beauté tout en prenant en compte des contraintes du client ou du média. Cette observation s’applique bien sûr à d’autres métiers du Web. En réalité, à part la jeunesse du secteur, il n’existe aucune raison pour que l’industrie du Web se développe de manière différente des autres secteurs industriels. Il y a et il y aura des standards, il faudra les connaître et il n’y a pas de raison d’accorder à votre agence Web ce que vous ne toléreriez pas d’une entreprise générale du bâtiment.

Opquast en vidéo

Des présentations du projet et des outils sont disponibles en vidéo :

Opquast en vidéo sur Dailymotion

Mémento

Sites web, les bonnes pratiques
Dépliant 10×21 : 14 pages
Éditeur : Eyrolles
Édition : 2ème (22 janvier 2009)
Collection : Mémento
Langue : Français
ISBN-13: 978-2212124569

Ce mémento est tiré de la première version des bonnes pratiques, mais est toujours d’actualité.

Suivre l’actualité d’Opquast

Mon avis

Utilisateur de la première version dès ses débuts, j’ai toujours été convaincu par ce projet et pas l’enthousiasme qui rayonne autour, et j’ai été très heureux de contribuer à l’élaboration de cette nouvelle version.

J’ai peut être un regard plus critique, avec l’expérience, je me rend compte que je ne suis pas à 100% d’accord avec toutes les propositions, et dans mes évaluations de sites, je garde mon libre arbitre pour décider ce qui me semble bon. Mais ce référentiel m’amène au minimum à me poser les bonnes questions, et c’est essentiel !

Je suis donc toujours convaincu que c’est un excellent outil et qu’il reste encore beaucoup de travail pour évangéliser les développeurs et les décideurs.

Et vous quels outils avez vous à disposition pour qualifier vos sites web et améliorer leur qualité ? Est-ce que l’on vous donne les moyens d’arriver à un résultat de qualité ? Que vous manque t’il pour y arriver ?

Le temps passe vite…

Martin — Tue, 22 Jun 2010 19:04:32 +0000

Photo de Herr Kaczmarek depuis Flickr

Le temps passe vite… Et j’ai presque oublié de bloguer ! Entre deux nouveaux projets qui me prennent pas mal de temps, j’ai moins le temps de bloguer, et pourtant j’ai des idées, mais je ne prends pas le temps. Ou plutôt, je prends le temps de faire d’autre choses. Quoi qu’il en soit je suis toujours là, avec très bientôt de nouveaux billets.

J’ai lancé dernièrement un jeu en ligne pour les futurs parents, Mybabygame, c’est encore en version beta et ca prends pas mal de temps pour surveiller, corriger les bugs, ajouter de nouvelles fonctionnalités…

Je cherche d’ailleurs des beta-testeurs pour leur offrir le jeu en échange de leurs retours. Si vous connaissez des femmes enceintes, passez leur le mot !

Pour ceux qui ne le sauraient pas encore, j’ai également changé d’environnement professionnel et je suis maintenant consultant chez Clever Age au sein de la nouvelle agence de Nantes.

Plein d’occupations donc, mais qui tournent autour du web, et qui me donnent de la matière pour bloguer.

Je reviens vite c’est promis !

Photo de Herr Kaczmarek depuis Flickr

Développer en équipe

Martin — Wed, 02 Jun 2010 15:26:41 +0000

Le travail en groupe n’est pas toujours évident, notamment quand tous les acteurs ne sont pas proches physiquement, que l’équipe évolue ou que les profils qui la composent sont variés… Avec une bonne communication le travail est simplifié, à condition d’avoir la documentation adéquate.

Photo de minusbaby depuis Flickr

Mais il faut surtout se doter des bons outils…

Communication

La communication est la base du travail d’équipe. Il est important de connaître son équipe visuellement. Le contact physique apporte beaucoup dans la relation et facilite les échanges à distance. L’information doit y circuler facilement pour avancer efficacement. Il faut privilégier des points réguliers et pas trop longs pour pouvoir réagir rapidement en cas de problème, garder une certaine dynamique, et garder un auditoire actif.
Il est aussi important de connaître son équipe visuellement. Le contact physique apporte beaucoup dans la relation et facilite les échanges à distance.

Réunion

Rien de pire que les réunions à rallonge ou rien ne se décide, mais elles sont pourtant indispensables pour avancer. L’idéal à mon avis est de les limiter tout en les multipliant. Je m’explique. Moins de réunions longues avec toute l’équipe, mais plus de réunions courtes voire très courtes avec juste les personnes concernées pour faire des points d’avancements, des points techniques…

Pour qu’une réunion soit efficace, elle doit capter les intervenants et les faire participer sans les lasser !

Messagerie instantanée

Que ce soit via MSN ou un protocole XMPP, ou encore via de nouveaux outils comme Google wave, la messagerie instantanée est indispensable au quotidien pour échanger rapidement sur des sujets peu sensibles mais qui nécessitent une réponse simple et rapide.

Mails

Le mail a l’avantage de pouvoir garder une trace des échanges, avec éventuellement un tri par conversations, par projet… Intéressant pour archiver des demandes ou des décisions dont on pourrait avoir à prouver l’existence.
C’est à mon sens uniquement à cela que doivent servir les échanges par email. Ils ne devraient jamais contenir de données sensibles ou stratégiques, mais annoncer leur disponibilité et leur emplacement. Ceci pour des raisons évidentes de sécurité et pour éviter d’avoir de multiples versions de documents en cours d’utilisation.
Si l’on vous envoie un document, des données, classer les sur le réseau dans un wiki, mais pas dans vos mails, ce n’est pas fait pour cela.

Téléphone

A mon avis, très proche de la messagerie instantanée, les mêmes contraintes voire plus si le destinataire de l’appel est absent.
N’oubliez pas de valider les points importants par un mail récapitulatif.

Visio-conférence

Indispensable pour du travail à distance, même si l’on ne s’en sert pas systématiquement, elle apporte un plus, couplée à des outils tels que des tableaux blancs, elle apporte de l’interactivité et simplifie les rapports humains.

Sources & documentation

Tout projet de développement n’existe pas sans sources et documentation. A plus ou moins grande échelle il est vrai. C’est pourquoi il est primordial de mettre en place les outils et les processus associés pour gagner en productivité et en qualité.

Gestion des versions

C’est l’outil de base, et pourtant tout le monde ne l’utilise pas encore. Au forum PHP 2009, pas plus de la moitié de l’audience d’une des conférences n’a levé la main pour dire qu’il l’utilisait. Je m’attendait à du 99%, surtout au regard de l’assistance plutôt « geek ».

Indispensable pour travailler en équipe sur un même projet et en même temps. Même si il faut essayer de compartimenter le travail pour éviter les incohérences qui compliquent les fusions, il est indispensable de pouvoir revenir en arrière ou d’intégrer les modifications d’autres développeurs à son code.

Bien évidemment il faut apporter une attention particulière à l’utilisation de ces outils, sans commentaires de qualité et sans soumissions régulières, l’intérêt s’amenuise…

Gestion documentaire

Bien souvent c’est juste un dossier sur le réseau ou chacun peut écrire et lire des documents au format Word ou Excel. C’est une limitation gênante car à moins d’avoir une rigueur et des process sans failles, il n’est pas évident de tenir à jour ses documents et de les versionner…

Passer un outil de gestion électronique de documents apporte un plus important avec l’ajout de méta données, une gestion des accès et des différentes versions facilitée.

Wiki

Le wiki est également un outil de communication trop souvent négligé. Il est pourtant très utile pour certaines données comme les coordonnées des intervenants sur le projet, une présentation de l’équipe, une présentation complète du projet avec une liste des différents outils et leurs emplacements…

Cet un outil vivant et simple à prendre en main, un vrai plus pour centraliser les informations !

Gestion de tickets

Pour échanger sur les nouvelles fonctionnalités ou les bugs, peu importe qu’on utilise Mantis, Trac ou Redmine, l’important est de l’utiliser et de bien documenter toutes les actions afin d’avoir une traçabilité sans faille, ces données doivent souvent être reprises par d’autres membres de l’équipe qui doivent comprendre ce que vous avez voulu dire ou faire sous peine de voir des régressions ou d’autres bugs surgir…
Et si vous pouvez intégrer le avec votre outil de versionning pour simplifier l’interaction entre les deux.

Intranets, Extranets, Cloud…

Certains Intranets ou Extranet regroupent une partie de ces outils, pour avoir un maximum d’efficacité, ils doivent êtres intégrés et inter-connectés de façon cohérente pour maximiser les

Sur mes projets personnels j’utilise Google Apps qui apporte tout un lot d’outils bien intégrés les uns aux autres et mes permet de gérer ma communication et ma documentation. Avec l’intégration progressive de tous les outils dans cette suite logicielle, elle va encore gagner en utilisabilité et permettre d’accroitre encore la productivité de ses utilisateurs.

Conclusion

Échangez, documentez, normalisez, mettez en place les process pour être efficace ! En un mot, industrialisez les processus, la productivité et la qualité sont à ce prix !

Voilà mon avis de développeur, j’aimerai avoir votre avis, de développeur, de chef de projet, de client… Laissez un commentaire !

Livre : Réussir son site web en 60 fiches

Martin — Mon, 17 May 2010 11:23:55 +0000

Avec l’évolution du web, la technique se diversifie et se spécialise, il devient de plus en plus difficile de maitriser tous les processus engendrés par la création d’un site web. C’est pourquoi il est important de bien s’entourer et de se documenter correctement pour gérer au mieux son projet.
A défaut de tout connaitre, il est essentiel de connaitre les principes fondamentaux du web afin de présenter un résultat de qualité. Le livre « Réussir son site web en 60 fiches » est là pour cela. Il vous aidera à vous y retrouver dans l’écosystème web et vous donnera les pistes pour aller plus loin…

Photo de Jean-Marc Hardy de 60questions.net

Présentation

La force de ce livre est à mon avis de s’adresser à tous les publics, aussi bien techniques que fonctionnels, MOE ou MOA, débutants ou expérimentés. C’est le résultat d’une écriture simple et d’explications claires. Les auteurs ne rentrent pas dans les détails techniques, mais expliquent les tenants et les aboutissants, et donnent les pistes pour en savoir plus sur le sujet. Le tout est accompagné d’exemples et de références précises.

La qualité Internet : Indispensable et fragile

Le livre tout en couleurs est agréable à lire, soit du début à la fin; idéal pour une première lecture, soit en cherchant le sujet qui nous intéresse grâce à un index précis.

On aborde ainsi aussi bien les performances web, que la qualité du contenu, du design ou l’impression des pages…

Chaque fiche présente ainsi :

Une courte introduction
Un conseil argumenté
Des citations
Des chiffres statistiques pour étayer le propos
Une étude de cas comparée
Des références & outils pour aller plus loin

La fin du livre est consacrée à une bibliographie de qualité et des références web complètes.

A la lecture on se pose des questions sur ses projets en cours, on prends des notes, on vérifie… Le livre aborde des sujets tellement variés qu’il y a forcément quelque chose à apprendre ou réapprendre. Devant la multitude, on passe souvent à côté points qui nous semblent plus ou moins anodins et il est bon de se les remémorer de temps à autre.

Mon seul bémol, des chiffres et références pas toujours à jour. Cela reste un détail puisque les tendances énoncées semblent bonnes, on aurait juste aimé des chiffres plus justes, de manière à être plus crédible si on doit les présenter à un client pour étayer un sujet.

Chapitrage

Le livre est découpé en 5 chapitres :

Contenu
(Écriture, utilité, crédibilité…)
Navigation
(Facilité de navigation, qualité de la recherche, liens…)
Design graphique
(Qualité de la charte graphique, typographie, multimédia…)
Interactivité
(Utilisabilité, , convivialité, contact…)
Aspects techniques et fonctionnels
(Performance, qualité du code, accessibilité, standardisation, sécurisation…)

Photo de Gaetano Palermo d’Expressions.be

Les auteurs

Jean-Marc hardy est consultant et formateur auprès des chefs de projets Internet, enseignant, il est également l’auteur du blog 60questions.net. Il a écrit la première version de ce livre en 2004.

Gaetano Palermo, diplômé en journalisme, est responsable de projets e-business, consultant, formateur, créateur de contenu et expert en ergonomie web, vous pouvez le retrouver sur son blog Expression.be. Il participe à la rédaction de ce livre depuis la seconde édition.

Interview des auteurs

Afin de mieux les connaitre, voici trois questions sur leur métier et leur façon de voir le web.

Pourquoi écrire un livre quand on a déjà un blog ?

Jean-Marc Hardy : Le blog est une accumulation de réflexions, billets, commentaires, au fil des semaines et des mois qui coulent. Mais cette accumulation, même structurée correctement à travers des catégories thématiques, échoue à produire un sens global, une méthode.

Le livre a l’ambition de faire le tour d’une question, avec une démarche aboutie, complète, structurante, didactique. C’est comme cela que je concevais la grille des 60 questions (qui a un peu évolué au fil de mes interactions avec Gaetano). Le livre demande infiniment plus de travail et de recul que le blog. Mais il a le défaut, par contre, d’être moins réactif face à l’actualité. Avec Gaetano, nous avons renouvelé de nombreuses études de cas. Mais certains chiffres, il est vrai, commencent à dater.

Blog et livre sont donc des supports complémentaires. La valeur ajoutée du livre est supérieure, à mon sens. Mais le blog reste utile pour alimenter la réflexion au quotidien, les interrogations pointues et les interactions, surtout, que le papier ne permet pas. Le livre touche un public plus large, sans doute aussi, via une diffusion par des canaux traditionnels (FNAC,…). D’un point de vue professionnel, il reste un outil de crédibilité et une excellente porte d’entrée vers les clients.

Comment voyez vous le web dans 10 ans ?

Jean-Marc Hardy : 10 ans, c’est énorme, au vu de la rapidité d’évolution du média. Personnellement, je ne me place pas trop comme un « prospectiviste ». Je préfère donner mon énergie à apporter du sens à l’état actuel et sans cesse changeant des technologies. J’essaie de distinguer les effets de mode des changements plus fondamentaux et réfléchir, au côté des entreprises et institutions publiques, à la meilleure exploitation possible de ces nouveaux moyens d’expression.

Mais pour répondre quand même à la question, je pense que le « hardware » va encore évoluer. Le phénomène « iPad » n’est qu’un prémisse de choses qui nous attendent sur le plan des supports de lecture. Internet va pénétrer nos cuisines, nos chambres à coucher, à travers des extensions très mobiles, très flexibles. Et quand le hardware évolue, tout le reste suit : les interfaces, puis les comportements utilisateurs.

Qu’est ce qui vous plait le plus sur Internet ? Qu’est ce qui vous irrite ?

Jean-Marc Hardy : Ce qui me plait, c’est ce bouillonnement des idées, cette liberté, cette gratuité.

Ce qui m’irrite, c’est que, derrière cette liberté et cette gratuité, il y a des entreprises privées, aux ambitions mercantiles évidentes, Facebook, Google,… qui possèdent un pouvoir extrêmement puissant, dont les Etats feraient bien de se préoccuper, sans verser dans la censure pour autant.

Internet, c’est le pire et le meilleur. Internet est le reflet de nos sociétés.

J’en veux un !

Réussir son blog professionnel
200 conseils pratiques, 120 études de cas et 150 repères statistiques
Broché : 151 pages
Éditeur : Dunod
Édition : 3ème (10 mars 2010)
Collection : Cré@
Langue : Français
ISBN-13: 978-2100545650

Pour résumer, ce livre est un condensé de ce qu’il faut connaitre pour faire du web… Exactement la philosophie de mon blog ! la différence tient à l’exhaustivité du livre qui traite vraiment tous les sujets, mais je compte bien rattraper mon retard…

En attendant, Lisez le !

Développer sous Ubuntu

Martin — Wed, 05 May 2010 11:30:11 +0000

Cela fait maintenant bientôt 3 ans que mon ordinateur est sous Ubuntu. En tant que développeur, je devais m’assurer avant de migrer que l’ensemble des logiciels que j’utilisais avait un équivalent de qualité sous Linux.

Pour la sortie de Lucid Lynx, la dernière version d’Ubuntu, je vais donc vous donner envie de suivre ma voie, jusqu’au bout, ou au moins en partie…

Fond d’écran d’Ubuntu Lucid Lynx

Passer à Linux

Les raisons de passer à Linux peuvent être nombreuses, besoin d’un OS plus léger et rapide, libre, gratuit (le plus souvent)…

La première chose à faire à mon avis c’est de se renseigner ! On trouve des dizaines de témoignages sur Internet, faites vous votre avis. Pour que la migration soit une réussite il faut d’abord être convaincu par la démarche.

Je vous conseille notamment un site explicatif qui présente aussi bien les avantages et les inconvénients de chaque solution, et vous aide dans votre migration :

Passer à Linux

Personnellement, j’ai d’abord été convaincu par la théorie, par l’esprit du libre, mais la pratique me faisait un peu peur. J’avais peur de perdre mes repères.
Il m’a donc fallu un certains temps, à peu près deux ans, pour y venir. Mais j’ai mis ce temps à profit !

Un bon témoignage sur le site Framasoft m’avait convaincu d’utiliser des logiciels libres multi-plateformes avant de passer à Linux, de manière à faciliter la migration. J’ai donc peu à peu adopté un ensemble de logiciels de grande qualité. Le jour de la migration, j’ai juste changé d’OS, pas de logiciels !

Et ils me permettent aujourd’hui de travailler dans de bonnes conditions. Comme professionnellement je travaille sous Windows, j’utilise donc les mêmes logiciels, un vrai bonheur !

Mes logiciels

Voici donc la liste des logiciels multiplateforme que j’utilise au quotidien. A titre personnel, le bénéfice est en partie spirituel, professionnellement, c’est très pratique de pouvoir utiliser des logiciels que je connais, qui sont mis à jour régulièrement, et ce quel que soit le client et pour un budget sans surprise.

Navigateurs

Côté navigateurs, on peut utiliser Chrome, Firefox ou Opera sur les deux plateformes, il ne manque que Internet Explorer mais est-ce vraiment gênant ?

Du coup quasiment toutes les extensions disponibles le sont aussi pour Linux, pas de problèmes donc à attendre de ce côté.

Suite bureautique

J’utilise bien évidemment Open-Office, l’un des logiciels libre les plus connus. A l’usage, l’ouverture de certains fichiers propriétaires pose parfois quelques problèmes cosmétiques, mais on s’en sort.

On me dit souvent que cette suite est moins complète que celle du concurrent, elle me parait plus simple d’utilisation, et réponds à toutes mes attentes.

Environnement de Développement Intégré

Les principaux IDE comme Eclipse ou NetBeans, sont basés sur Java et donc multiplateforme. J’utilise donc PDT sans aucune contrainte.

Logiciels de gestion de version

Quand on est comme moi habitué à Tortoise SVN sous Windows, on se retrouve un peu seul sous Linux. Il existe des solutions graphique mais qui ne m’ont pas donné entière satisfaction. La ligne de commande, a ses avantages par moments, mais j’ai finalement trouvé mon bonheur avec les extensions d’Eclipse ou de NetBeans.

Le seul point ou je ne suis pas entièrement convaincu donc.
Edit : Grâce aux commentaires, j’ai trouvé une solution qui me convient !

Gestion de base de données

Que j’utilise MySQL ou PostgreSQL, MySQL Gui Tools et PGAdmin répondent correctement à mes attentes.

Client FTP

Sous Ubuntu, on peut utiliser le gestionnaire de fichiers pour accéder à des ressources distantes, je n’utilise donc plus de logiciel de transfert. Cependant si vous le souhaitez, Filezilla est une excellente solution qui existe aussi sous Linux.

Outils graphiques

The Gimp est évidemment moins performant que Photoshop même si certains disent le contraire. Je ne connais pas de graphistes qui l’utilisent ! Mais pour un développeur qui fait quelques retouches de temps en temps il est parfait ! Un peu déroutant avec son organisation multi-fenêtres, on finit par s’y faire avec le temps.

Outils divers

J’utilise Poedit pour gérer mes traductions ou 7zip pour les archives, là encore ces logiciels sont disponibles pour différents OS, pas de quoi être perturbé !

Webwares

Là vous l’aurez deviné pas de problèmes, mais du coup, autant que possible, j’utilise aussi des outils libres que j’installe sur mon propre serveur… Quand on commence à toucher au libre, on y reste attaché !

Passer le cap !

Vous pouvez le télécharger ou commander le CD sur le site d’Ubuntu :

Télécharger Ubuntu

Au final, L’OS ne reste qu’une plateforme que l’on utilise finalement assez peu, le plus important est donc de trouver des logiciels adaptés au besoin.
Le plus dur pour passer à Ubuntu c’est d’oublier ce que vous savez de Windows et de réapprendre à votre rythme. Pour cela, je vous conseille un excellent livre, libre bien entendu, édité par Framabook et In Libro Veritas.

Présentation du livre « Simple comme Ubuntu » par Framablog

Simple comme Ubuntu 10.04
Licence : Creative Commons By-SA 2.0
Broché : 359 pages
Éditeur : In Libro Veritas
Édition : 1ère (3 mai 2010)
Collection : Framabook
Langue : Français
ISBN-13: 978-2-35922-022-3

Ce livre étant libre, il est également disponible en téléchargement au format PDF sur le site Framabook :

Simple comme Ubuntu 10.04 en PDF

Et si vous n’êtes pas encore convaincu, Le CD-rom d’Ubuntu est un Live CD, vous pouvez donc le mettre dans votre lecteur de CD-rom et démarrer votre PC sous Ubuntu sans l’installer. Idéal pour tester !

Conclusion

Finalement, le développement web sous Linux, ca se passe très bien ! Si avec tout ca vous ne changez pas, j’aurai au moins essayé, prenez votre temps, l’idée va faire son chemin et le moment venu vous passerez le cap…

Et quand vous l’aurez passé revenez me donner votre avis !

Les générateurs de sprites CSS

Martin — Wed, 28 Apr 2010 13:06:20 +0000

La technique des sprites CSS est désormais éprouvée et bien documentée. Il existe de bons ressources pour les mettre en place simplement et pourtant, on en voit finalement assez peu.

Ceux qui les utilisent sont convaincus, mais l’optimisation de sites web semble toujours un truc inutile, comme l’accessibilité ou l’ergonomie…
C’est à mon sens une hérésie, et les performances, comme l’accessibilité ou l’ergonomie devraient faire partie des premières réflexion sur la plupart des projets web.

Pour vous sensibiliser à cette technique je vais donc vous présenter quelques outils utiles à sa mise en place.

Photo de Jeff Kubina depuis Flickr

Performance ?

Avant de voir comment faire voyons déjà pourquoi le faire. En deux mots, des performances de votre site web, dépendent la qualité de votre référencement et la qualité de surf de vos visiteurs. Votre rentabilité est donc en lien direct avec la rapidité de votre site.

Avant de songer à changer de serveur, il y a deux points importants à traiter pour améliorer votre site :

Limiter le poids des données
Limiter le nombre de données

Les sprites CSS permettent de limiter le nombre de fichiers en les combinant. Cela amène aussi en règle générale à une diminution du poids total des images.

Pour en savoir plus sur l’optimisation :

Méthode

Pour ce qui et de la technique des sprites, je vous renvoie vers le bon tutoriel de Pompage :

Pour l’essentiel, sachez que seules les images qui servent au design de votre site peuvent être utilisées. Les images du contenu ne doivent pas subir ce traitement !

Webwares

Pour une utilisation simplifiée on trouve pas mal d’applications web qui fournissent un outil de génération de sprites. Il suffit de fournir vos images sous forme d’archive, de préciser vos paramètres (alignement, espace entre les image, préfixes css…). Il ne vous reste plus qu’à télécharger votre image et le code CSS associé et à les intégrer dans votre site web.

En voici quelques exemples :

Celui-ci est un peu différent puisqu’il permet de redéfinir le style CSS à partir d’un sprite. Utile si vous faites le sprite vous même ou si vous avez perdu le code CSS !

Générateur de syles CSS Sprite creator

software

Pour une intégration plus poussée dans votre processus d’intégration, il existe aussi des outils en ligne de commande :

Vous pourrez ainsi automatiser cette tâche dans un script. Très utile si vous devez régénérer régulièrement des sprites dans le cadre d’un cycle d’intégration continue par exemple !

Il faut noter que la version Java est sous license Open Source BSD License et la version Python

Conclusion

Des outils indispensables aujourd’hui ! Vous n’aurez plus d’excuses pour ne pas les utiliser !
Et pour plus de résultats, n’oubliez pas de merger et de compresser vos fichiers CSS et de supprimer les méta données de vos images !

Livre : Réussir son blog professionnel3 exemplaires à gagner !

Martin — Wed, 14 Apr 2010 13:14:03 +0000

Se lancer dans un blog n’est pas un exercice facile. Il convient tout d’abord de savoir pourquoi, d’analyser les moyens d’y arriver et finalement de surveiller les résultats que l’on s’est fixé pour ajuster la méthode ou les objectifs. J’ai lu le livre de Thomas Parisot « Réussir son blog professionnel », et il est d’une aide précieuse pour toutes ces étapes. Que votre blog existe déjà ou que vous vouliez vous lancer, je vous le recommande vivement !

Photo de Thomas Parisot depuis son blog (La case de l’oncle Tom)

Thomas Parisot offre 3 exemplaires dédicacés de son livre. Il suffit de commenter ce billet en expliquant votre point de vue sur les blogs professionnels, un tirage au sort le 1er mai désignera les gagnants !

Présentation

Que vous n’ayez jamais écrit une ligne sur Internet ou que vous soyez un blogueur averti, ce livre est fait pour vous ! C’est un condensé d’informations et de données sur les blogs professionnels. Il vous apportera les bases nécessaires pour débuter, les bonnes questions à se poser, les réponses techniques dont vous aurez besoin, et tout ce qu’il faut pour aller plus loin et gérer son réseau. En somme tout l’écosystème des blogs !

Image, communication et influence à la portée de tous

Ce livre se lit suivant son envie, d’un bout à l’autre pour bien maîtriser l’ensemble ou par chapitre suivant les envies et les besoins. Les explications sont à la fois précises mais sans êtres trop complexes à comprendre. Une multitude de sujets annexes sont abordés afin de bien cerner le sujet et d’explorer les à cotés.

En résumé, un livre très complet, bien écrit et agréable à lire qui aborde de façon détaillée la philosophie des blogs, le fonctionnel, la gestion d’un blog et ce qui tourne autour.

Chapitrage

Voici en détail les points traités :

Les blogs : Chasser les idées reçues
Un blog, pour quoi faire ?
(Communication, expertise…)
Les fonctionnalités de base des blogs
(Billets, extensions, thèmes, syndication…)
Avant de commencer : Les questions à se poser
(Thèmes, public, méthodologie…)
Gérer son blog au quotidien
(Contenu, réputation, infrastructure, obligations légales…)
Quel logiciel de blog choisir
(Blogs, CMS & autres outils…)
Étendre son réseau avec des services
(Gérer les visiteurs, le contenu, les moteurs de recherche, les microblogs…)

Extrait

Pour que vous puissiez découvrir son livre, Thomas Parisot vous offre sur son blog le cinquième chapitre au format PDF :

L’auteur

Thomas Parisot est actuellement consultant au sein de l’agence bordelaise de Clever Age pour le meilleur et pour vous éviter le pire.
Il évangélise en faveur des logiciels libres, de l’accessibilité, du respect des standards (HTML, XHTML, CSS), de JavaScript et de l’ergonomie.

Vous pouvez également le lire sur son blog « La case de l’oncle Tom »

Interview de l’auteur

Pourquoi écrire un livre quand on a déjà un blog ?

Il y a 2 raisons à cela : je n’étais pas un blogueur reconnu pour avoir une expertise dans la communication en ligne, notamment sur la thématique des blogs. Il faut disposer d’une certaine qualité de référent pour voir son message entendu, et lu.
En revanche, quelqu’un lira un livre avant tout pour son contenu, ensuite pour son auteur.

Je souhaitais cibler une population, différente, n’ayant pas forcément pour habitude de s’informer sur des blogs. Un livre est plus facile à prêter et à recommander qu’un blog.
Le livre reste une valeur sure, pérenne et facilement transportable.

Quelle différences vois tu entre l’écriture sur un blog et dans un livre ?

Beaucoup de choses ! La manière de les lire, d’interagir (on commente un blog, on annote un livre) et de les ressentir.
Un livre, aussi technique soit-il, confère des émotions qu’on n’a pas face à un écran d’ordinateur.
Probablement que le toucher y est pour beaucoup.

J’aurais pu écrire tout ce livre sous forme d’articles mais au fond, il aurait été compliqué à lire.
Le fait de proposer un livre concentre tout ce qu’il faut savoir en un périmètre défini.
Mon blog peut se faire pirater, disparaitre ou détourner. Pas le livre.

Le style d’écriture et la mise en page changent même si j’ai repris beaucoup de codes et d’habitudes que j’emploie dans la gestion de mon blog.
De ce fait, l’influence sur la lecture, par le confort et le media papier, est radicalement différente.
Par contre le fait qu’on ne puisse modifier son texte après l’impression (hormis par le biais d’une nouvelle édition) ajoute une contrainte rigueur supplémentaire : on ne pourra pas amender son texte suite à une remarque d’un lecteur. La préparation nécessaire est donc plus importante.

La satisfaction de l’exercice est en tous cas bien supérieure à un blog. Sur le CV ça en jette toujours beaucoup plus ;-)

Que t’apporte ton blog ?

J’ai initialement ouvert mon blog dans un but de partage − pour les loisirs.
Depuis j’ai recentré mon activité éditoriale sur mon quotidien professionnel, qu’il soit technique ou fonctionnel.
C’est donc avant tout un plaisir de partage, d’écriture et d’échange avec mon lectorat qui m’anime.

Pendant une période de ma vie où je souhaitais changer de travail, le blog s’est révélé être un atout qui m’a différencié, en partie parce que peu de personnes osaient alors l’indiquer sur leur CV.
Le fait d’exposer ses connaissances et ses réflexions montre qu’on accepte la critique. Le partage est une source d’enrichissement. Les recruteurs doivent en avoir conscience.

Au quotidien, c’est un étendard et un agrégateur de ma vie numérique. Plusieurs fois des personnes m’ont interpelé parce qu’ils connaissaient mon blog, avant de me connaître physiquement.
Mon blog est devenu mon avatar numérique principal : sorte de connecteur qui relie l’information aux gens qui la cherchent.

Penses-tu bloguer longtemps encore ?

À vrai dire, je ne me suis jamais posé la question d’arrêter : je pense que j’aurai toujours quelque chose à dire.
Après, certaines périodes de ma vie sont assez intenses et réduisent mon activité. Je préfère bloguer quand j’en ai envie et maintenir une qualité plutôt que produire en quantité pour continuer à brasser les statistiques.

J’ai adapté mon écriture, et les sujets abordés, en fonction des autres outils. Twitter a permis de dégraisser pas mal de futilités.
Leurs contenus sont complémentaires, la cible est différente. Le réseau aussi.

Je m’adapte aux nouveautés du Web … y compris sur mon blog. J’adapte assez régulièrement sa structure aux nouveautés de WordPress et à mon activité, y compris pour partager mes contributions à la communauté WordPress.

As-tu d’autres projets de livres ? De blogs ?

L’écriture du livre a été un effort intense, tant en terme de réflexion que de temps libre à dégager le soir et le week-end.
Je préfère me consacrer à mes autres activités et loisirs : la vie avant tout.
De plus je ne sais pas encore trop sur quel créneau je pourrais écrire : j’aime varier et je n’ai pas encore repéré d’autre carence dans les bibliothèques informatiques !

Pas d’autre blog de prévu. Je pense toutefois séparer la partie loisir (mes archives) du blog actuel afin d’améliorer le référencement et achever mon virage dans le tout Internet.
Ce sera facile avec WordPress 3.0 qui intègrera le multi-blogs. Ce sera l’occasion pour moi de continuer mes expérimentations.

Et pourquoi pas, peut-être trouver un futur sujet de livre, pourquoi pas centré sur un sujet plus technique.

J’en veux un !

Attention : seules les personnes disposant d’une adresse postale en France peuvent participer (pour des questions de coûts d’expédition).

Pour les autres, vous pouvez vous le procurer dans toutes les bonnes librairies !

Réussir son blog professionnel
Image, communication et influence à la portée de tous
Broché : 297 pages
Éditeur : Eyrolles
Édition : 1ère (3 septembre 2009)
Collection : Accès Libre
Langue : Français
ISBN-13: 978-2212125146

Vous pouvez continuez sur ce thème en relisant mon billet sur le sujet : Pourquoi je blogue ?

Première bougie !

Martin — Tue, 13 Apr 2010 16:18:41 +0000

Photo de Darwin Bell depuis Flickr

Un an !

Voilà un an que j’écris sur ce blog !

Je m’étais fixé un article tous les 10 jours et j’en suis à presque 40 ! J’ai appris pas mal de choses grâce à ces billets, j’ai approfondi mes connaissances, fait des découvertes, des rencontres, des échanges…

Par moment je n’avait pas trop le temps, l’envie ou les idées pour bloguer, mais je me suis toujours donné les moyens d’y arriver, et ce que j’en retire me conforte sur cette voie.
Alors forcément je continue, avec de nouvelles idées, avec bientôt des critiques de livres essentiels sur le développement web et Internet. Il y a désormais une page qui regroupe ces lectures, mais je vais rentrer dans le détail pour chacune d’elles, pour vous donner envie de lire ces références dans leur domaine.

Mes recommandations de lecture

J’ai également ajouté une page qui regroupe mes articles préférés repérés sur le net au cours de ma veille technologique.

Mes articles préférés repérés sur le net dans le cadre de ma veille

Je vais également reprendre quelques articles pour les améliorer et les compléter, et ajouter quelques fonctionnalités à mon outil de travail… J’ai de quoi voir venir, et le nombre de lecteurs toujours plus grand est un bel encouragement.

Merci !

Photo de Darwin Bell depuis Flickr

Internationalisation & localisation

Martin — Wed, 31 Mar 2010 14:18:11 +0000

Pour toucher un large public sur un site web, on pense rapidement à faire une version du site dans d’autres langues, mais si une simple « traduction » du site peut suffire si les besoins sont limités, on peut aller beaucoup plus loin. On parle alors d’internationalisation ou i18n pour tout ce qui touche à la conception multilingue, mais aussi de régionalisation, localisation ou l10n pour les différentes déclinaisons géographiques et culturelles.

Photo de tochis depuis Flickr

Définitions

Les concepts sont importants à maitriser, je vous invite donc à lire les définitions suivante si besoin.

Analyse

Un site multilingue, quel que soit le niveau de complexité, se prévoit en amont du développement lors de la phase d’analyse. C’est une problématique tellement imbriquée dans le code qu’il est contre-productif de vouloir passer un site en plusieurs langues si cela n’a pas été pensé lors de sa conception. C’est d’autant plus dommageable, qu’y penser au préalable n’est pas vraiment plus compliqué et ne coûte bien souvent pas beaucoup plus cher.

Ainsi sans tout prévoir on peut mettre en place les bases d’un travail ultérieur sur le sujet.

Traduction

La traduction, c’est à cela que l’on pense en premier quand on veut que son site soit visible dans d’autres pays. C’est un passage obligé et il ne faut pas le négliger. Quoi de plus désagréable qu’un texte dans un français approximatif. Cela peut être catastrophique en termes d’image et de confiance, surtout sur un site marchand !
La solution idéale est de confier le projet à un traducteur professionnel, de préférence dont la langue natale est la langue cible. Il sera ainsi plus à même de connaître les spécificités de la langue.

Sur un projet d’envergure, évitez autant que possible d’autres solutions bancales qui n’apporteraient finalement pas grand chose à l’internaute visé, ou faîtes le en connaissance de cause et en mesurant les risques encourus.

Dans le cas d’un blog et si vous maitrisez vous même la langue voulue, c’est un excellent exercice. Attention cependant à avoir un niveau suffisant pour que cela ne se retourne pas contre vous.

Domaines & IP du serveur

Un domaine par langue ou zone géographique vous apportera un plus auprès de l’internaute qui se sentira plus proche d’un site de son pays. Il n’aura pas l’impression d’être juste sur une traduction, mais sur un site implanté près de lui.

Pensez aussi à avoir si possible une IP localisée dans la zone correspondante, c’est un plus pour les moteurs de recherches.

Search Engine Optimization

Une bonne internationalisation passe par la prise en compte des techniques de référencement. Les mots clés utilisés ou les urls doivent être dans la langue cible afin de positionner correctement le site sur les moteurs de recherche pour chaque langue.

Urls

Les urls réécrites dans la langue de l’utilisateur permettent d’être mieux référencé et sont plus simple à lire ou écrire pour l’internaute. Si il voit l’adresse sur un autre site ou dans le contenu d’un mail, il en comprendra immédiatement le contenu. C’est une solution plus ou moins complexe à mettre en place, mais très efficace.

Mots clés

Les mots clés doivent êtres choisis en concertation avec le traducteur, afin de coller au mieux à la problématique. Là encore, une traduction mot à mot risque de ne pas suffire. Une connaissance du contexte local est un vrai plus.

Régionalisation ou localisation

Pour aller encore plus loin, on peut adapter chaque détail apparemment sans importance, mais qui fera cependant la différence. Il ne vous viendrait pas à l’idée d’écrire la date au format américain sur un site français, ne faites pas le contraire ! Il convient donc de connaitre et respecter chaque culture.

Format des chiffres dates et heures

Chaque continent et chaque culture à des conventions différentes pour les dates et heures, le calendrier ou les unités de mesure. Pour que votre contenu soit compréhensible facilement, votre lecteur doit comprendre de quoi vous parlez sans avoir à faire de conversions. Il faut donc y penser lors de la rédaction du contenu mais aussi dans la mise en page du site, pour convertir et afficher les données à la volée.

Sens de lecture

Là aussi, on voit souvent le problème du point de vue occidental, mais les arabes ou les chinois n’ont historiquement pas les mêmes habitudes que nous. Je n’ai pas eu à régler ces problématiques, mais j’imagine qu’une bonne prise en compte doit demander une charge de travail certaine.

Images et couleurs

D’un pays à l’autre les couleurs sont perçue différemment et si pour nous le rouge signifie ce qui est interdit et le vert ce qui est autorisé, ce n’est pas cas partout. La signalétique à donc besoin d’être adaptée en conséquence.
Pour les images, le problème est le même. Tout les peuples n’ont par exemple pas le même rapport à la nudité, même partielle, ne risquez pas de choquer un internaute par méconnaissance et adaptez les images ou le contenu à sa zone géographique.

Je ne pense pas cependant qu’il faille aller aussi loin que cette multinationale américaine qui a transformé un homme d’origine africaine en européen pure souche entre sa version américaine et son site polonais, mais on entre dans un autre débat…

Particularismes régionaux

Dissociez bien l’extension du nom de domaine pour le pays et la langue ! Certains pays comme la Belgique ayant plusieurs langues officielles, chaque région étant attachée à sa langue. Par ailleurs et pour les mêmes raisons, préférez un affichage de la liste des langues supportées plutôt que des drapeaux qui ne représentent pas des langues mais des pays. Ne brusquez pas les sensibilités de vos visiteurs.

Contenu spécifique

Technique

Bien évidemment il va falloir standardiser au maximum pour être efficace. L’emploi d’un jeu de caractères unicode s’impose pour gérer un maximum de langages.

Mise en place

Les frameworks et les CMS récents implémentent désormais tous, de façon plus ou moins complète des outils pour mettre en place l’internationalisation et la localisation. Penchez vous sur l’existant, d’autres que vous ont réfléchi au problème et le sujet étant complexe, il est ainsi plus facile à appréhender.

Maintenance

Les mises à jour qui découleront d’une version en plusieurs langues sont évidemment plus complexes et plus nombreuses à mettre en œuvre. Côté technique tout doit donc être prévu pour faciliter ce travail afin qu’il ne devienne pas fastidieux.

Conclusion

L’internationalisation et la régionalisation ne laissent aucune place au hasard. C’est un travail de longue haleine qui doit être pris en compte le plus tôt possible, et qui doit être poursuivi en permanence si l’on veut qu’il soit rentable. Si le but est d’être présent sur tout le globe, il est probablement plus simple de gérer des sites complètement indépendant d’une zone à l’autre, quitte à les faire tourner sur la même solution logicielle, mais avec des contenus différents adaptés aux marchés et spécificités locales et bien sûr à l’actualité de la région.

C’est un sujet complexe sur lequel on à encore énormément à apprendre. J’attends vos retours d’expérience avec impatience, surtout si vous travaillez nativement dans une autre langue et que vous internationalisez en français.

Maquettage avec Pencil Sketching

Martin — Tue, 23 Mar 2010 12:12:19 +0000

Pencil Sketching est une application que j’ai découverte très récemment, et pour tout dire, je n’ai pas encore eu le temps de la tester en conditions réelles. Mais cela ne saurait tarder puisqu’elle semble répondre parfaitement à un besoin que je n’arrivais pas à combler.
Pour tout projet web un minimum de maquettage est indispensable pour certains écrans, il existe de plus en plus de webwares qui fournissent ce services, mais j’ai été déçu par les prix, le manque de rapidité ou les fonctionnalités limitées.
Sur le papier Pencil Sketching semble être une bonne solution. Voyons cela en détail.

Photo de exquisitur depuis Flickr

Présentation

Mon besoin se limite au maquettage web, et Pencil Sketching à une belle bibliothèque de composants web. On peut également y importer d’autres collections d’objet ou de cliparts pour faire des diagrammes.
L’installation est simplifiée au maximum, et la prise en main immédiate. Quelques essais rapides m’ont convaincu.

Points forts

Une application comme je les aime, utilisable sur n’importe quelle machine, avec une prise en mais rapide…

Licence GPL version 2
Gratuit
Mutli plateforme (Windows, MacOS, Linux)
Environnement graphique intuitif
Bibliothèques graphiques variées (mobile, icônes…)

Fonctionnalités

Outils pour créer des diagrammes et faire du prototypage
Documents multi-page avec liens entre les pages
Edition de texte riche
Installing user-defined stencils and templates
Opérations standards : superpositions, alignements, rotations,…
Collections d’objets extensibles
Exports au format HTML, PNG, Openoffice, Word et PDF.

Documentation

Une documentation basée notamment sur des screencasts permet de rapidement prendre en main une application naturellement intuitive.

Tutoriel vidéo sur Pencil Sketcher

Bibliothèques graphiques (pencils)

Une dizaine de bibliothèques permettent d’étendre les possibilités graphiques du produit, et d’autre devraient venir compléter la gamme.

Bibliothèques pour Pencil Sketching

Plugin pour Firefox

Ce logiciel est distribué de plusieurs manières. Soit en application stand-alone telle que je vous l’ai présentée, soit en plugin de Firefox. Elle est dans ce cas disponible sur le site d’extension du navigateur :

Le plugin Pencil Sketching pour Firefox

Site officiel du projet

Conclusion

Un outil prometteur à tester ! Je vous en dit plus dès que j’aurai pris le temps de tester…

Twitter & autres…

Martin — Wed, 17 Mar 2010 06:06:51 +0000

Photo de Flowery *L*u*z*a* depuis Flickr

Je sors aujourd’hui un peu du cadre du développement web pour faire le point sur ma communication.
En préambule, je vous invite à lire le billet ou j’expliquais pourquoi je blogue.

Les réseaux sociaux et moi…

J’aime bien me tenir au courant de ce qui fait le web. Le web ce n’est pas simplement de la technique, c’est aussi d’après moi un état d’esprit, une autre manière d’envisager les choses. Pour développer correctement, il faut se tenir au courant de l’évolution du web, technologiquement bien sûr, mais il faut comprendre l’essence du web.

La montée en puissance des réseaux sociaux ces dernières années m’a donc amené à réfléchir sur l’utilisation que je pourrais en faire.

J’étais déjà sur Viadeo depuis longtemps, et avec mon site cela me suffisait à gérer mon identité numérique. Je part du principe qu’il ne sert à rien de multiplier les sources d’informations, l’interopérabilité entre les plateformes n’étant pas faite, maintenir ses données à jour est compliqué.

Facebook

J’ai toujours eu une certaine méfiance à propos de Facebook et de sa gestion des données personnelles, mais bon, j’ai finit par m’y inscrire pour voir l’utilisation que je pourrais en faire et ce que cela pourrait m’apporter.

Après 18 mois je n’ai toujours pas compris à quoi cela pouvait servir… On s’inscrit, on retrouve des connaissances, on envoie des messages automatisés à tout le monde, des invitations à des jeux inintéressants…

Je me suis donc désinscrit, et depuis 6 mois ca ne m’a jamais manqué !

Twitter

J’ai débuté sur Twitter avec une certaine appréhension. Je ne comprenais pas l’intérêt de la chose. C’est tellement basique… J’ai commencé à suivre quelques blogueurs, puis un peu plus, et maintenant une cinquantaine. Parallèlement j’ai commencé à Twitter pour voir… Et finalement, j’ai trouvé mon rythme de croisière. Pas plus de 5 tweets par semaine, dont la moitié de retweet.

Contrairement à Facebook j’y ai trouvé un intérêt. J’ai des informations que je n’aurais pas ou seulement plus tard ou trop tard. Difficile d’expliquer mes raisons plus précisément, c’est devenu complémentaire de mon blog, ca me permet de faire ma veille, en plus de mes flux RSS.

Je vous invite à me suivre et à suivre ceux que je suit pour en savoir encore plus sur le développement web :

Et pour ne pas polluer en retweetant tout je classe les tweets les plus intéressants en favoris :

Mes tweets favoris

Les autres

Vous me retrouverez aussi sur Viadeo et Doyoubuzz qui complètent efficacement mon identité numérique :

Un minimum de redondance d’informations. Un contenu maîtrisé, voilà pour moi les clés d’une bonne visibilité sur le net.
Et vous comment gérez vous cela ? Quelles sont vos motivations ? Pour quel résultat ?

Photo de Flowery *L*u*z*a* depuis Flickr

Gandi & Webaaz vous offrent un nom de domaine !

Martin — Thu, 11 Mar 2010 06:29:29 +0000

Photo de Alex E. Proimos depuis Flickr

Pour fêter ses dix ans, Gandi, dont j’ai déjà parlé dans mon billet sur la gestion des noms de domaines offre gratuitement des noms de domaines pour un an à leurs fidèles clients.

J’ai donc eu droit à 10 domaines gratuits !

N’ayant pas besoin actuellement de déposer de nouveaux noms de domaines, j’ai décidé de vous les offrir !
Les 10 premiers à me contacter par mail (martin@webaaz.com), twitter (@webaaz) ou en commentaire auront droit à leur domaine gratuit pour un an !

Dépêchez vous, ca va partir vite !

Photo de Alex E. Proimos depuis Flickr

Les plugins Firefox : XRefresh

Martin — Thu, 18 Feb 2010 16:28:09 +0000

Firefox est la référence incontesté pour les développeurs web. Son rendu est excellent, mais c’est surtout pour la multitude d’outils qu’il propose qu’il fait la différence. Je vous avais déjà présenté Firebug, je vais maintenant vous présenter une extension de ce plugin. En effet, Firebug est très complet techniquement mais extensible. Ainsi ses fonctionnalités sont exploitées par d’autres plugins pour répondre à tout type de fonctionnalité.

Photo de Darrren Hester depuis Flickr

Installation

Cette extension est disponible sur le site d’extensions de Firefox et sur le site de l’éditeur :

Il n’existe qu’une version pour Windows et OSX pour le moment mais une version Linux devrait suivre.

Présentation

XRefresh est un plugin développé pour les intégrateurs. Pour tester des mises en pages et des modifications de feuilles de styles, on relance sans cesse son navigateur pour rafraichir notre page. Xrefresh peut le faire pour vous !

Ce plugin nécessite l’installation d’un logiciel pour Windows, nommé Windows monitor. Celui-ci scanne les répertoires de sources que vous lui indiquer à la recherche de modifications sur les fichiers. Dès qu’il en détecte une il passe le relais au plugin qui se charge de modifier la page en conséquence !

Il faut noter que ce plugin peut également gérer des ajout en Javascript, mais ne peut pas supprimer des fonctions déjà chargées en mémoire.

Conclusion

Même si c’est idéal avec deux écrans, avec un seul grand, il y a déjà moyen de bien en profiter. Au final c’est plus simple que d’éditer les propriétés CSS directement dans Firebug.

Veille techno Web de F à Z (partie 2)

Martin — Mon, 01 Feb 2010 19:44:41 +0000

Voici la suite de mes flux favoris, 15 flux de F à Z. Ce billet fait suite à Veille techno Web de A à F (partie 1) dont le retour est positif puisqu’il m’a déjà permis de faire de nouvelles découvertes proposées en commentaires…

Je vous laisse donc découvrir cette nouvelle mosaïque de flux !

Photo de ThreeHeadedMonkey depuis Flickr

Framablog

Un blog écrit à plusieurs mains et plusieurs langues aussi d’ailleurs puisqu’en plus d’articles de fond on y retrouve de nombreux articles traduits en français sur tout ce qui tourne autour du web et du libre, avec toujours une introduction bien menée pour présenter l’article à suivre.

Framablog est l’une des extensions de Framasoft, référence du logiciel libre et qui a besoin de vos dons pour survivre et évoluer.

Fred Cavazza

Incontournable, l’une des références que je suis depuis des années. Je suis tous ses blogs, chacun avec une thématique précise, un ton très pro, et bien documentés. Si vous ne le suivez pas déjà, il est grand temps de vous y mettre !

Voici donc ses blogs « secondaires » qui m’intéressent le plus :

HTMLZenGarden

Bonnes pratiques et réflexions à propos d’intégration web, d’ergonomie, de sémantique…

J’espère qu’il va se remettre à bloguer, c’est un peu calme en ce moment.

Julien Pauli

Comme je suis développeur PHP et utilisateur du Zend Framework, les articles de Julien Pauli sont un moyen de faire une veille permanente sur le sujet.

Julien Pauli est architecte logiciel expert certifié PHP/ZendFramework et également l’auteur de « Zend Framework, bien développer en PHP » avec Guillaume Ponçon.

Les intégristes

Accessibilité, référencement, intégration, tout est passé au crible et il n’en ressort que le meilleur.

Les auteurs maintiennent également un flux avec leur veille :

Le flux de veille des Intégristes

Un titre bien trouvé pour ce blog qui ne laisse rien passer.

Moteurzine

Un blog collaboratif avec une équipe rédactionnelle très efficace pour tout savoir sur le référencement web.

Nexen

C’est clairement le site dont je suit les news depuis le plus longtemps. A l’époque c’était encore en jaune et bleu, il n’y avait pas de flux RSS, et j’avais ma newsletter toutes les semaines… Je suis un peu nostalgique, car j’aimais bien ce thème. La doc était claire avec ses couleurs. Finalement j’ai opté pour la doc officielle, mais je reste sur les news de Nexen, car sur PHP, c’est un passage obligé.

Performance web

Un blog découvert suite au forum PHP 2008. Tout ce qu’il faut savoir sur l’optimisation web est ici. La référence en langue française dans le domaine. L’essayer c’est l’adopter ! On devient très vite accro à l’optimisation.

Eric Daspet est aussi l’auteur de livres sur PHP dont nous avons déjà parlé par ici.

Planet PHP

Un flux qui reprend souvent les mêmes informations que celui de Nexen, parfois en doublon, mais finalement pour tout savoir, mieux vaut avoir les deux !

Pompage

Des traductions d’articles techniques sur le développement web. Un rythme irrégulier mais un travail de grande qualité !

ReadWriteWeb France

Un concentré d’information sur les technologies d’Internet. Ce blog est disponible en plusieurs langues dont le français. Une référence que vous connaissez déjà sûrement…

Standblog

Un blog qui traite de navigateurs, des standard du web, du web en général mais aussi d’écologie ou de photo.

Tristan Nitot qu’on ne présente plus est aussi président fondateur de Mozilla Europe.

Tentatives accessibles

Recherches, expérimentations et discussions autour de l’accessibilité du Web

Tout est dans le sous titre… Ergonomie, accessibilité, formats de fichiers, vous ne pourrez pas dire que vous ne saviez pas !

WebDeux

Révolution web2.0 en live

Tout sur le web2.0, l’e-réputation, la monétisation, le web marketing et beaucoup de billets pleins de conseils pour monter son blog !

WebRankInfo

Encore une référence historique du référencement et une excellente source d’infos.

WebRankInfo c’est aussi des dossiers, un forum très actif, un annuaire, des outils et des formations…

Conclusion

Une bonne veille commence par un suivi régulier de flux RSS mais peut bien évidemment être complétée par la lecture de sites web sans flux ou par une veille sur Twitter.

Je compte une demi-heure par jour de veille active, mais les connaissances acquises permettent par ailleurs de regagner ce temps. Et parfois si je n’ai pas le temps, lire un titre suffit à savoir que l’information existe sans pour autant lire tout l’article.

J’aimerai bien connaître vos sources d’information afin d’agrandir la mienne. N’hésitez pas à commenter ce billet avec vos liens ou un lien vers un article sur le sujet sur votre blog.

Mes articles préférés sont également visibles sur la page dédiée ma veille technologique.

Voilà il ne me reste plus qu’a trouver une île déserte avec avec une liaison Internet et y aller lire les nouveaux flux que vous m’avez et allez encore me proposer !

Veille techno Web de A à F (partie 1)

Martin — Wed, 27 Jan 2010 15:54:08 +0000

Le développement web demande une formation initiale, mais requiert de se mettre sans cesse à jour. Les technologies du web évoluant rapidement, il est nécessaire de se former en permanence. Un des moyens les plus efficaces est de faire une veille technologique régulière.

Sur Internet les sources sont aussi nombreuses qu’hétéroclites. Je vous propose donc de faire le tour des flux RSS de mon agrégateur (250 flux dont la moitié traitent du web) pour en ressortir l’essentiel, à savoir, les 30 flux indispensables que j’emporterai sur une île déserte…

Une mosaïque de contenus tous plus intéressants les uns que les autres

Photo de Karl depuis son site/blog

Ce choix se veut varié, certains sont plus techniques que d’autres, plus ou moins généralistes, avec une ligne éditoriale plus ou moins stricte, mais ce qui me plait, c’est le ton employé qui donne toute sa saveur à cette lecture quotidienne.

Je pense que le lien entre tous ces acteurs du web est cette passion qu’ils nous transmettent au fil des jours…

Comme la classification n’était pas évidente, je vous les livres dans l’ordre alphabétique, ca vous obligera à tout lire…

60 Questions

Le blog qui plaide pour un web meilleur

Un blog qui parle à la fois d’architecture de l’information, de comportement utilisateur, de l’écriture pour le web, d’ergonomie, de gestion de projet, enfin bref tout ce qui touche au web ! Une mine d’information essentielle.

Jean-Marc Hardy, est aussi auteur du livre « réussir son site web en 60 fiches », formateur, auditeur…

Adverbe

Mots justes, image Net

Tout sur l’e-réputation, et les réseaux sociaux d’entreprise.

Adverbe intervient dans la gestion de l’e-réputation et de l’identité sur Internet et pour la mise en place de réseaux sociaux et l’animation de communautés en ligne pour ses clients.

Alsacréations

Un site que je connais depuis toujours, enfin quasiment depuis que je fais du développement web. J’ai toujours apprécié leur façon de voir le web, alors forcément les actualités que le site met en avant sont un plus pour ma connaissance du web.

Raphaël Goetter et Rodolphe Rimelé à l’origine de ce site sont également auteurs de livres et de mémentos sur XHTML, CSS et MySQL.

Antoine Dupin

Entreprise 2.0; personal branding et medias sociaux

Le blog d’Antoine Dupin est le petit nouveau de mes flux, une découverte intéressante avec des articles vraiment très complets ! Je n’ai pas encore beaucoup de recul sur ses billets qui abordent l’entreprise 2.0, l’e-réputation, mais c’est vraiment prometteur ! A suivre !

BioloGeek

BioloGeek est le site d’un développeur web freelance passionné par les frameworks web, les Logiciels Libres, le Web Sémantique, l’optimisation du temps et bien plus encore.

J’ai eu l’occasion de voir David Larlet, lors des RMLL 2009 à Nantes, je peux même dire que j’y suis allé car il y était et que j’aime bien suivre son blog et ses idées à propos de la gestion des données, du logiciel libre ou la sécurité.

Blog Axe-Net

Des billets sur le référencement de bonne qualité et très réguliers, mais aussi sur des tests SEO, le webmarketing ou les questions juridiques.

Dasini.net

Journal d’un expert MySQL

Ma principale source d’information sur MySQL

Olivier Dasini est certifié MySQL, co-fondateur du MUG, membre de l’AFUP et membre de l’April. J’ai pu assister à l’une de ses présentations lors du Forum PHP 2009, et j’ai vraiment apprécié le sujet.

Descary

Un blog qui s’adresse aux entrepreneurs du Web, développeurs, spécialistes marketing et aux internautes à l’affût des derniers développements Web.

Benoit Descary est aussi formateur et conférencier.

Do as i say, not as i do

Un peu tout ce qui touche au web, pas mal de Symfony, de la méthodologie, et tout cela de façon très didactique.

Écrire pour le Web

Stratégie éditoriale & Ergonomie des contenus web

Conseil éditorial, webwriting et ergonomie au programme. On est plus dans le contenu que le contenant, mais le sujet est vraiment passionnant !

Équilibres informéthiques

Un petit blog pas très connu mais qui agrège des informations sur le logiciel Open-source.

Ergonomie Web, Rails et Architecture de l’Information

Je ne le lis pas pour Rails que je ne connais pas, mais pour le côté ergonomie web et architecture de l’information, la gestion de projet, le web2.0 ou l’accessibilité… Toujours intéressant même sur un sujet qui ne nous intéresse à pas à priori !

Ergophile

Analyse de l’ergonomie web

Analyse, tests d’ergonomie, conseils, tout ce qu’il faut pour devenir un ergophile passionné.

Jacynthe Busson est consultante en ergonomie web & mobile, webdesigner et formatrice en Conception et Gestion de Projet / Ergonomie web. Elle a aussi lancé tKaap la première communauté liée aux défis.

Explorateurs du web

Ce groupe de passionnés s’est fixé comme mission de faire partager les résultats de ses explorations du Web en confrontant ses différents points de vue. Les Explorateurs du Web proposent de mettre leur intelligence collective au service du plus grand nombre. Le site reprends les billets des blogs de ses membres.

Formats ouverts

Comme son nom l’indique ce blog traite des formats ouverts et du risque d’enfermement lié au logiciel propriétaire. Une problématique qu’il expose lors de conférences, j’ai ainsi pu l’écouter aux RMLL à Nantes en 2009.

Thierry Stoehr travaille sur les formats de données et de fichiers, leur importance, leur rôle et les dangers possibles des formats fermés, au sens large. Depuis 1998, il est fortement impliqué dans les logiciels libres, au travers essentiellement de l’AFUL car les logiciels libres sont basés sur des formats ouverts et des protocoles ouverts.

Entracte

Voici donc la première moitié de mes références en matière de blog. La suite est disponible dans Veille techno Web de F à Z (partie 2)

Mes articles préférés sont également visibles sur la page dédiée ma veille technologique.

Réinventer la roue, ou pas ?

Martin — Wed, 20 Jan 2010 21:17:59 +0000

Partout on explique qu’en programmation il est important de ne de pas réinventer la roue. Qu’il faut réutiliser plutôt que de réécrire, utiliser un code éprouvé plutôt que de réfaire la même chose en moins bien.
C’est vrai, mais je ne suis pas tout à fait d’accord avec cela, c’est parfois indispensable et souvent très formateur.

Photo de i_gallagher depuis Flickr

Concept

L’expression « Réinventer la roue » exprime l’idée de ne pas refaire inutilement quelque chose qui a déjà été fait. « Réinventer la roue carrée » y ajoute l’idée d’une réinvention de moindre qualité. Wikipédia fais le point sur ces concepts :

Les éléments à charge pour étayer l’expression sont évident et pourtant, dans certains cas ce n’est pas si évident…

Le pour

Donc le contre réinventer la roue.

Pour ce qui est des concepts élémentaires qui font leurs preuves depuis toujours, parfois avant même l’histoire de l’informatique, la question ne se pose souvent même pas. Sur certains problèmes simples, on connait la meilleure solution de traiter les cas, alors pourquoi chercher à faire autrement.

Déjà éprouvés

On a tous étés confrontés un jour à un code un peu complexe que l’on a fini par simplifier à l’extrême en découvrant une solution simple et efficace sur Internet mais à laquelle on avait pas pensé.

Internet favorise l’échange de savoirs de façon exponentielle. Tout internaute un peu curieux peu apprendre rapidement sur le sujet de son choix, on peut ainsi facilement trouver et utiliser une bibliothèque ou un framework et gagner un temps non négligeable en évitant de réécrire l’essentiel. Aujourd’hui très peu de projets partent de zéro, on s’appuie toujours sur une couche existante.

Un code optimisé et fiable c’est ce que tout bon développeur recherche alors si on vous le propose tout prêt, pourquoi hésiter ? Ne risquez pas de faire pire, réutilisez !

Gain de temps

Ce serait donc une perte de temps évidente de chercher à réinventer ce que d’autres ont développé. D’autant que bien souvent les projets communautaires sont d’une grande qualité et la somme des compétences techniques de leurs auteurs est bien plus grande que la votre ou celle de votre équipe. On ne peut pas être spécialiste dans tout les domaines ! Faites confiance à d’autres équipes, vous gagnerez en temps de développement et même sur la maintenance, les évolutions et corrections de bugs ne seront pas de votre ressort !

Le temps gagné vous permettra peut être de publier votre propre code et d’en faire gagner à quelqu’un d’autre.

Le contre

Donc le pour réinventer la roue.

Quel que soit l’outil ou le concept, on pense souvent que tout est déjà inventé et pourtant de nouvelles idées et de nouveaux produits voient le jour quotidiennement et ils paraissent tellement évidents qu’on se demande pourquoi on y à pas pensé soi-même un peu plus tôt… Comment ses idées ont elles germé ? Bien souvent en envisageant un problème sous un autre angle, en se posant une question de manière différente. Bien des inventions ne sont que la réunion de plusieurs.

Comprendre les concepts & les adapter à d’autres inventions

Avoir une approche différente est essentiel. Il faut comprendre le fonctionnement de la roue pour pouvoir l’améliorer ! Utiliser une bibliothèque ou un framework c’est bien, mais en comprendre le fonctionnement c’est encore mieux. Quand vous en maitriserez le fonctionnement, quand leur conception vous semblera claire, vous pourrez les réutiliser efficacement dans d’autres cas.

Votre y gagnerez en compétence et en efficacité.

Il y a quelques années, avant l’arrivée des frameworks PHP, j’ai développé ma propre solution. Cela m’a permis de gagner beaucoup de temps en mutualisant certains développement entre plusieurs projets. J’ai gagné en compétence car je souhaitais toujours trouver la meilleure solution à un problème donné. Aujourd’hui j’appréhende d’autant mieux les outils que j’utilise même si je ne les ai pas écrits moi même.

Nouvelles idées ou fonctionnalités

Re-développer un outil ou réfléchir à un concept avec un œil neuf vous apportera peut être une idée de génie. Le petit truc auquel personne n’avait pensé, la fonctionnalité évidente qui donnera une longueur d’avance à votre projet. Un truc évident, après coup, mais qui nécessitait un certain point de vue, certaines connaissances, tout un ensemble de choses que personne n’avait visiblement eues avant vous.

Usage spécifique & optimisation des performances

Dans certains cas, il faut savoir si la roue qu’on nous propose nous convient vraiment, et si on n’ a pas besoin de la modifier ou de la réinventer pour répondre de manière plus précise à son besoin. Pourquoi utiliser un outil avec des tas d’options si votre besoin est vraiment basique. L’analyse de l’outil et sa réécriture permettent de monter en compétence sur le sujet et d’avoir un produit répondant uniquement à votre besoin et du coup plus performant.

Le contraire est vrai aussi, et si un outil ne propose que 90% de vos besoins, améliorez le et proposez les améliorations à la communauté !

Conclusion

Réinventer le roue peut s’avérer utile pour innover, et c’est en tout cas un moyen formateur pour qui veut apprendre d’autres outils ou concept pour les faire évoluer ou en comprendre l’essence et l’adapter à d’autres cas. N’ayez plus peur de réinventer la roue, mais faîtes le en connaissance de causes et pour de bonnes raisons

Et vous alors ? Réinventez vous la roue ? Est ce pour de bonnes raisons ? Que pensez vous des miennes ?

En question subsidiaire, j’aimerai savoir d’ou vient l’expression, je n’ai pas trouvé d’information sur son origine.

Quelles solutions de paiement sur un site marchand ?

Martin — Fri, 08 Jan 2010 06:35:09 +0000

Même si l’on est habitué à la gratuité sur Internet, il existe aujourd’hui beaucoup de services qui proposent une offre payante, sans compter les sites marchands… On consomme de plus en plus sur le web et les clients sont plus confiants. Mais quel moyen de paiement proposer à vos visiteurs ?

Rapidité, complexité, frais de fonctionnement et même géographie… Ce sont les points à prendre en compte pour faire les bons choix.

Un internaute sur deux abandonne une commande en cours à cause d’un sentiment d’insécurité ou d’un processus trop long. Il est donc important de proposer un moyen adapté à votre site et à vos clients. D’un pays à l’autre les différences sont notables et si les allemands préfèrent payer par virement bancaire, les italiens plébiscitent les cartes prépayées et les français la carte bleue.

Photo de Doublep1 depuis Flickr

Chaque solution génère des frais plus ou moins importants, alors laquelle choisir ? Passons en revue les différentes solutions qui s’offrent à vous.

Traditionnel

Les moyens de paiement traditionnels, tout d’abord, sont ceux que nous connaissions avant le web et qui se sont plus ou moins bien adapté à l’ère d’Internet.

Carte Bleue

C’est sans conteste le moyen le plus utilisé pour payer sur le web aujourd’hui avec plus de la moitié des transactions et plus de 80% des internautes qui l’utilisent régulièrement pour régler un achat en ligne.
Beaucoup de banques proposent leur solution, que ce soit pour des cartes VISA ou Mastercard, les plus connues sont < title="Voir la solution de paiement CM-CIC paiements" href="http://www.cmcicpaiement.fr">CM-CIC Paiements (anciennement Cybermut et CIC paiement) (Crédit Mutuel, CIC), SPPlus (Caisse d’Epargne) ou ATOS-SIPS (Société Générale, CIC, BNP).

L’installation requiert des compétences techniques, mais les solutions sont vraiment sécurisées et bien documentées. Elles disposent également d’un service technique compétent et disponible.

C’est un moyen adapté si votre site bénéficie de revenus stables et pas trop faibles, car le coût n’est pas négligeable, sans être excessif, mais au final moins rentable pour de trop petits volumes.

La e-carte bleue est un moyen associé utilisé par 10% des français, qui ne vous demandera rien de plus à mettre en place, c’est juste une facilité mise en place par les banques pour rassurer l’internaute.

Pour des sites de luxe, le support des cartes American Express et Diners Club peut être un plus. Ces moyens sont moins rapides et plus contraignants pour les utilisateurs, mais ceux-ci ne sont pas gênés par ces désagréments, leur carte leur apportant d’autres avantages.

Carte à paiement différé

Les principales cartes françaises sont Kangourou, Cofinoga, Aurore Cetelem et Cofidis. Leur mise en œuvre est associée au paiement par carte bleue grâce à des accords entres organismes de paiements. C’est un plus non négligeable si vous vendez des biens ou services qui se prêtent à la vente en plusieurs mensualité. Vous avez l’avantage d’un paiement immédiat, le crédit étant géré par l’émetteur de la carte.

Chèque

En France, un internaute sur quatre paye par chèque. Là encore c’est un moyen pratique pour des sommes relativement importantes et qui ne nécessitent pas une livraison immédiate, les temps de traitements étant allongés. La mise en application est simple pour vous, par contre il faudra gérer les encaissements auprès de votre banque et gérer manuellement la validation des commandes ce qui peut être long et rébarbatif.

Virement

Solution très simple à mettre en place puisqu’il vous suffit de mettre vos coordonnées bancaires à disposition. Elle n’est cependant utilisée que par 15% des clients de l’hexagone. Là encore il faudra valider les commandes manuellement.
C’est une solution prisée dans d’autres pays comme l’Allemagne ou les pays-bas.

Contre remboursement

Un moyen simple et rassurant pour des personnes moins habituées à la vente à distance. Une personne sur 10 l’utilise. Des frais sont facturés par le prestataire de la livraison. Évidemment cette solution ne s’applique que dans le cas de la vente de biens et pas aux services ne nécessitant pas de livraison.

Web

De nouveaux moyens se sont développés depuis une dizaine d’années avec l’essor de l’e-commerce. Là encore le choix est large et varié.

E-portefeuille

La solution la plus en vogue, Paypal en est le principal fournisseur. Un internaute français sur trois a un compte, et ce type de paiement est de plus en plus présent sur la toile. La procédure extrêmement simplifiée permet de payer simplement et rapidement.

La mise en œuvre est adaptée au web avec plusieurs solutions pour tous les besoins :

API pour une intégration parfaite
Bouton unique par objet
Panier externalisé chez Paypal
Paiement par compte Paypal, carte bleue ou carte à paiement différé

Le système est avantageux pour des montants raisonnables, car la commission est basée sur les ventes. Il n’y a pas de frais fixes comme pour des cartes bancaires. A partir d’un certain volume de vente, le système devient plus coûteux.

De part sa notoriété ce moyen est souvent l’occasion pour des fraudeurs de faire des tentatives de phishing. N’hésitez pas à rassurer vos clients en les éduquant à ce système simple et efficace.

Notons que Google Checkout se pose en concurrent sérieux, même si en France, sa part de marché est bien plus faible pour le moment.

Chèque cadeau & carte prépayée

20% des acheteurs déclarent l’utiliser sur Internet. La plupart des grandes enseignes les acceptant aussi bien dans leur réseau de distribution classique que sur le net. C’est une solution adaptée pour des chaînes ou de grosses enseignes. Il y a peu de chance qu’il soit adapté à vos besoins.

Micro-paiements

Réservé à de très petites sommes, le leader est Allopass. Un appel téléphonique surtaxé vous fournit un code d’accès à usage unique ou pour une durée définie. Les paiements n’excèdent pas quelques euros, et les commissions sont relativement élevées car partagées par le prestataire de service et l’opérateur téléphonique. Ce système à tout de même l’avantage de la simplicité de mise en œuvre. Il semble aujourd’hui qu’il aie moins la côte comparé à Paypal.

Que choisir ?

En fonction du volume de vos ventes, du montant du panier moyen, de votre clientèle, un choix sortira forcément du lot. L’idéal étant sûrement d’en proposer plusieurs pour en pas perdre de ventes. Les plus indispensables pour le marché français sont à mon sens la carte bleue et Paypal.

Alors faîtes le calcul, et n’hésitez pas à tester et à interroger vos visiteurs sur leurs envies et leurs besoins.

Avez vous de l’expérience dans le domaine ? Sur d’autres zone géographiques ? Ce point m’intéresse car je travaille actuellement sur un site e-commerce franco-anglais avec une vocation internationale. j’attends donc vos retours !

Webaaz

Paris Web 2010, j’y serai !

Sur le même thème

Recette & environnements de test

Que tester ?

Quels types de tests ?

Test unitaires

Tests unitaires automatisés

Quels environnements ?

Environnement de test local

Environnement de recette

Environnement de pré-production

Conclusion

Sur le même thème

Trouver un bon hebergeur web, quels critères ?

Mes critères

Mes expériences

Les moyens mis en œuvre ?

La capacité de réaction ?

La qualité du support ?

L’utilisabilité de l’interface ?

Le prix ?

Conclusion

Sur le même thème

Opquast : Sites web, les bonnes pratiques

Présentation

Nouveautés

Interview d’Élie Sloïm, directeur du projet

Opquast en vidéo

Mémento

Suivre l’actualité d’Opquast

Mon avis

Sur le même thème

Le temps passe vite…

Sur le même thème

Développer en équipe

Communication

Réunion

Messagerie instantanée

Mails

Téléphone

Visio-conférence

Sources & documentation

Gestion des versions

Gestion documentaire

Wiki

Gestion de tickets

Intranets, Extranets, Cloud…

Conclusion

Sur le même thème

Livre : Réussir son site web en 60 fiches

Présentation

Chapitrage

Les auteurs

Interview des auteurs

J’en veux un !

Sur le même thème

Développer sous Ubuntu

Passer à Linux

Mes logiciels

Navigateurs

Suite bureautique

Environnement de Développement Intégré

Logiciels de gestion de version

Gestion de base de données

Client FTP

Outils graphiques

Outils divers

Webwares

Passer le cap !

Conclusion

Sur le même thème

Les générateurs de sprites CSS

Performance ?

Méthode

Webwares

software

Conclusion

Sur le même thème

Livre : Réussir son blog professionnel3 exemplaires à gagner !