J’ai toujours utilisé des système de gestion de version, enfin depuis très longtemps, j’y ai toujours trouvé un grand confort de travail, une souplesse indispensable. J’ai commencé avec Subversion sous Windows et l’excellent TortoisSVN. Un peu lent, mais tellement pratique. Lors de mon passage sous Linux, j’ai été un peu dérouté par la ligne de commande et j’ai cherché un outil graphique digne de ce nom sans succès.

Photo de Martin Supiot

Alors quand j’ai eu l’occasion sur un projet pro de me mettre à Git, il m’a semblé évident d’y aller à fond et en ligne de commande. Après quelques mois, c’est une réussite, mais je ressentais le besoin approfondir le sujet, Scott Chacon m’a bien aidé avec son livre Pro Git. Voici donc de quoi vous donner l’envie de le lire !

Chapitrage

Getting started

L’auteur explique les bases fonctionnelles de Git, ses avantages, les différences entre systèmes centralisés ou distribués. On aborde aussi l’installation sur tous les systèmes et la configuration.

Git basics

Le second chapitre apporte l’essentiel pour bien débuter avec Git et explique les commandes que l’on utlise dans 90% des cas. J’utilise Git depuis quasiment 6 mois, et c’est quasiment ce que j’ai appris sur cette période. On y trouve les termes « pull », « commit », ou encore « push ». Tous les détails et petites options sympathiques distillées par l’auteur en moins. En lisant ce chapitre, j’ai confirmé ce que je savais et j’ai affiné ces connaissances.

Git branching

On explique ici ce qu’est une branche et comment les créer, les utiliser et les réincorporer dans le tronc. On y parle donc de « branch », « merge » et de « rebase ».

Git on the server

Le quatrième chapitre est consacré à Git côté serveur. De l’installation, à la gestion des protocoles d’accès en passant par la gestion des droits, l’essentiel est là, même, une présentation de Github.

Distributed Git

Dans cette partie, Scott Chacon traite des bonnes pratique d’utilisation de l’outil, les workflows classiques par typologie de projet, les règle de maintenance d’un projet…

Git tools

Le sixième chapitre aborde les outils connexes, comme les sous modules, la gestion de l’historique, ou le débogage.

Customizing Git

Ce chapitre est dédié à la personnalisation de Git, configuration et hooks avec des exemple côté client et serveur.

Git and other systems

Le huitième chapitre fait le lien avec les autres outils, Subversion notamment et aborde la migration vers Git.

Git internals

On continue avec le fonctionnement interne de Git, sa façon de gérer les objets, les références ou les protocoles de transfert.

Licence

Le livre se termine avec la licence Creative Commons

J’en veux un !

En version numérique & gratuitement

En effet, vous pouvez le trouver directement sur le net, gratuitement, dans plusieurs formats, de l’HTML au PDF.

• Pro Git

En version papier

• Pro Git
• Auteur : Scott Chacon
• Broché : 288 pages
• Éditeur : Apress
• Édition : 1ère (20 janvier 2011)
• Langue : Anglais
• ISBN-13: 978-1430218333

Pour aller plus loin

Un livre à lire donc ou à feuilleter sur le net au besoin. Lisez au moins les chapitres de base et picorez le reste au fur et à mesure.
Je vous conseille également de vous munir d’une cheat-sheet pour avoir l’essentiel sous la main :

• Cheat sheet Git par Alex Zeitler

Bonne lecture !

Sur le même thème

• Livre : CSS3 pour les webdesigners
• La gestion des versions
• Livre : HTML5 pour les webdesigners
• Livre : Réussir son blog professionnel
  3 exemplaires à gagner !
• Livre : Réussir son site web en 60 fiches

Photo de robertobas depuis Flickr

Installation

Cette extension est disponible sur le site d’extensions de Firefox :

• Installer TileTabs pour Firefox

Présentation

TileTabs est une extension qui permet d’afficher plusieurs pages web côté à côte sur un seul écran. Utile pour comparer deux pages, saisir des infos sur une pendant que l’on lit sur une autre… Avec le scrolling synchronisé c’est tip top !

On peut afficher les pages verticalement, horizontalement ou en mixant ces deux modes pour un rendu vraiment personnalisable, sans limitations !

J’en utilisais une équivalente avec Firefox 3, mais, la disposition de la barre d’adresse par rapport aux onglets limitait grandement les possibilités. C’est désormais du passé, il manque à mon sens juste quelques options de drag and drop et une utilisation accrue des couleurs sur les onglets pour mieux se repérer…

Conclusion

A utiliser dès aujourd’hui pour améliorer l’ergonomie de votre outil principal, augmenter votre productivité, mais, attention à bien surveiller la concurrence et les nouvelles fonctionnalités qui devraient découler des nouveaux usage de cette nouvelle mouture de Firefox. L’essayer c’est l’adopter, mais si vous trouvez mieux, n’oubliez pas de me prévenir !

Sur le même thème

• Les plugins Firefox : Colorzilla
• Les plugins Firefox : Firebug
• Les plugins Firefox : XRefresh
• Maquettage avec Pencil Sketching
• Les plugins Firefox : FoxyProxy

En tant que développeur Java, mais surtout PHP, souvent sur Linux mais parfois sous Windows, Eclipse s’est imposé à moi, par son adaptabilité et aussi son prix. Il possède d’autres facettes bien sympathiques, c’est l’objet de ce billet !

Photo de robotson depuis Flickr

Présentation

Eclipse est un IDE libre, multiplateforme (Linux, Windows, Mac), développé en Java.
A l’origine développé pour Java il s’est vite imposé comme une référence dans le monde Java, mais il prends de plus en plus de place dans l’écosystème PHP.

Sa conception modulaire, constituée de dizaines de plugins branchés les uns sur les autres en fait un projet facilement extensible.

C’est ce qui à permis d’avoir aujourd’hui différentes branches officielles ou non. Voici les plus connues :

• JDT, la base pour Java
• PDT, lié à Zend Studio
• Zend Studio, version customisée graphiquement et plus avancée que PDT
• RAD successeur de WSAD développé par IBM

Il existe d’autres distributions, officielles ou non, payantes ou gratuites constituées de multiples plugins et optimisées pour un usage précis.

Il faut noter que le développement du cœur de l’application comme des plugins principaux est très active, avec des nouveautés régulières.

Installation

Eclipse est complètement indépendant de la plateforme sur laquelle il est installé. En fait il n’est pas vraiment installé, il s’agit ni plus ni moins que d’une copie de fichier. Il ne faut donc pas de droits particuliers pour le faire fonctionner. Eclipse à donc de fait la particularité de pouvoir être utilisé sur une machine en parallèle avec d’autres versions d’Eclipse.

Ainsi, plutôt que d’avoir une version d’Eclipse avec les plugins JDT et PDT, n’hésitez pas à installer plusieurs branches, qui pourront vivre séparément avec chacune ses workspaces, ses plugins et son paramétrage.

Gestions des workspaces

Au premier lancement, Eclipse demande de définir un espace de travail. C’est ici qu’il stockera les informations relatives à votre travail. Vous pouvez en créer autant que vous le souhaitez, c’est particulièrement utile quand on travaille sur des projets qui n’ont rien en commun, et qui pourront ainsi avoir leur espace de travail dédié, paramétré au plus près des besoins et sans superflu.

Vous pouvez facilement switcher d’un espace de travail à un autre et même lancer deux instances de votre installation d’Eclipse avec des workspaces différents ! Utile pour comparer deux projets !

Configuration

La configuration d’Eclipse est très complète et même complexe au premier abord. Elle mérite que l’on s’y attarde un peu pour la maîtriser correctement.
La configuration se fait dans un premier temps au niveau du workspace, puis au niveau du projet.

On a ainsi une configuration globale commune à tous les projets avec la possibilité de surcharger celle ci pour des cas précis.

Le gestionnaire de configuration dispose d’une fonctionnalité très pratique de recherche par mot clé, indispensable pour gagner du temps !

Ajout de plugins

Il existe une multitude de plugins, certains soutenus par Eclipse, d’autres indépendants. Certains nécessitent l’installation d’autres plugins pour fonctionner.

Vous en trouverez pour :

• La gestion de version
• L’édition de fichier XML
• L’édition de fichier de traduction
• Maquettage
• Gestion de serveurs web
• Revue de code

Et encore tout plein… (un bon millier !)

• Site officiel des plugins Eclipse

Développement de plugins

C’est une fonctionnalité sous utilisée car peu connue, mais pourtant bien pensée et relativement simple à mettre en place. Des plugins simples mais utiles peuvent être écrits en quelques minutes, pour par exemple vérifier qu’une règle sur le nommage des variables est bien respectée.

• Eclipse Plugin Development
• Cours de Mickael BARON sur developpez.com
• Cours de Lars Vogel en anglais

Je vous invite bien sûr à mettre vos plugins, à la disposition de la communauté, qui pourra les réutiliser et les enrichir !

Pour aller plus loin

Eclipse c’est toute une communauté, avec différents canaux de communication et d’entraide, vous trouverez donc toute l’info dont vous avez besoin sur la galaxie Eclipse…

• Des webinars
• Un wiki
• Un planet
• Des forums

Pour finir…

A vrai dire, depuis 2005 que j’utilise Eclipse, je n’ai jamais pris le temps de m’y mettre, mais la présentation du sujet au Forum PHP 2008, m’avait bien plu.

J’aimerai avoir vos retours d’expérience sur l’utilisation d’Eclipse en général et sur la création de plugins en particulier ! A vos claviers !

Sur le même thème

• Outils : Edition de fichiers avec Notepad++
• Outils XML : Cooktop
• Les bons outils pour PHP (partie 2)
• La gestion des versions
• Comparaison et fusion de fichiers et de dossiers

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.

Sur le même thème

• Trouver un bon hebergeur web, quels critères ?
• Bien définir son projet de site web
• Optimiser son site web
• Fournir un webservice et son API
• Maquettage avec Pencil Sketching

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…

Sur le même thème

• Trouver un bon hébergeur web !
• Bien gérer ses noms de domaine
• La gestion des versions
• Les bons outils pour PHP (partie 2)
• Optimiser son site web

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 !

Sur le même thème

• La gestion des versions
• MySQL GUI Tools
• Maquettage avec Pencil Sketching
• Les plugins Firefox : Colorzilla
• Comparaison et fusion de fichiers et de dossiers

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’utiliseMySQL 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 !

Sur le même thème

• MySQL GUI Tools
• La gestion des versions
• Livre : Pro Git
• Développer en équipe
• Navigateur Web standard : Firefox

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 :

• Le blog d’Éric Daspet sur les performances
• Le billet de Webaaz sur les performances

Méthode

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

• Tutoriel sur pompage
• Voir les explications sur le blog Performances

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 :

• Le générateur de sprites de Ryan Breen
• CSS Sprites
• Spritegen
• Csssprites

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 :

• Css Sprites en Java

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 !

Sur le même thème

• Optimiser son site web
• Trouver de belles photos pour son site web
• Bien utiliser les feuilles de style (CSS)
• Les plugins Firefox : Firebug
• Retour d’expérience : Grilles & mise en page

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 :

• Installer Firebug pour Firefox
• Voir 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.

Sur le même thème

• Les plugins Firefox : Firebug
• Outils : Edition de fichiers avec Notepad++
• Outils XML : Cooktop
• Les plugins Firefox : Colorzilla
• Comparaison et fusion de fichiers et de dossiers

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 !

Sur le même thème

• La gestion des versions
• Optimiser son site web
• Les bons outils pour PHP (partie 2)
• Développer sous Ubuntu
• Les plugins Firefox : Firebug

Voici donc aujourd’hui une extension pour Firefox, qui permet d’avoir tout un tas d’outils sous la main directement dans le navigateur : Colorzilla.

Photo de Richard0 depuis Flickr

Installation

Cette extension est disponible sur le site d’extensions de Firefox :

• Installer Colorzilla pour Firefox

Présentation

Colorzilla est un outil qui permet de zoomer sur la page pour sélectionner une couleur et la copie automatiquement dans le presse papier, vous n’avez plus qu’à la coller dans votre code ! Il extrait les couleur d’une page en s’appuyant sur leDOM. Vous pouvez même enregistrer des palettes de couleurs et les partager.

L’outil est léger et sait se faire oublier. Il est disponible en bas à gauche de votre navigateur ou via un clic droit.

Fonctionnalités principales

• Pipette pour sélectionner les couleurs de la page
• Palette de couleur (simples à enregistrer et partager)
• Analyseur des couleurs du DOM
• Zoom
• Copie automatique de la couleur dans le presse papier
• Gestion de formats de couleurs multiples (Hexadécimal, RVB, TSV…)

Un outil vraiment bien pensé et donc indispensable pour gérer ses couleurs web au quotidien qui mérite ses 5 étoiles.

Sur le même thème

• Les plugins Firefox : XRefresh
• Les plugins Firefox : TileTabs
• Les plugins Firefox : FoxyProxy
• Navigateur Web standard : Firefox
• Les plugins Firefox : Firebug

Je vous propose de découvrir Notepad++. Il ne fonctionne que sous Windows, mais apporte un véritable plus pour cette plateforme dont l’éditeur par défaut est vraiment trop simpliste.

C’est un logiciel gratuit sous licence GPL. Je le trouve idéal car très fonctionnel, simple à installer, rapide à lancer et extensible. Il est donc idéal quand on change souvent de poste et que l’on veut rapidement retrouver ses repères.

Photo de PSD depuis Flickr

Fonctionnalités

Notepad++ est un outil très complet, ces principales fonctionnalités sont :

• Coloration syntaxique (PHP, Java, SQL, CSS, HTML, Javascript, YAML…)
• Éditeur WYSIWYG
• Auto-complétion
• Affichage de fichier et édition multiple simultanée
• Fonction de recherche avec expressions régulières
• Auto détection de modifications de fichiers
• Gestion de macros
• Zoom
• Multilingue

Vous trouverez toute la liste des fonctionnalités de Notepad++ sur le site de l’éditeur.

Plugins

Cette liste n’est pas exhaustive car en plus Notepad++ est extensible avec une très belle liste de plugins dont voici les plus intéressants à mon goût :

• Éditeur hexadécimal
• Édition de fichier via un explorateur FTP
• Gestionnaire de tags HTML
• Correcteur orthographique
• Réducteur dans la barre de tâches
• Édition XML (multiples outils)
• Gestionnaire de plugins

Astuces

Cet outil s’intègre parfaitement à Windows, vous pourrez ainsi le mettre dans le menu contextuel de Windows et y accéder via le clic droit de votre souris ou tout simplement l’utiliser par défaut à la place du bloc-notes de Windows.

Ces astuces sont à voir sur la page de téléchargement de l’application.

Site de l’éditeur & téléchargement

Vous pouvez télécharger Notepad++ sur le site de l’éditeur :

• Site officiel de Notepad++

Aide, forum et wiki

Si vous avez besoin d’aide pour débuter avec Notepad++, des forums multilingues et un wiki en anglais répondront probablement à toutes vos questions.

• Forums
• Wiki

Mon avis

Personnellement, je l’utilise depuis des années sans aucun soucis. Son ergonomie est très bonne, et ses plugins très nombreux permettent de répondre à toutes les attentes. Il est simple mais fonctionnel, vous le trouverez bientôt indispensable.

Et n’oublier pas, Notepad++ est un outil gratuit, pensez à aider le projet en traduisant ou en apportant une contribution financière.

Sur le même thème

• Outils XML : Cooktop
• Les plugins Firefox : XRefresh
• Comparaison et fusion de fichiers et de dossiers
• Les plugins Firefox : Colorzilla
• MySQL GUI Tools

Photo de just.Luc depuis Flickr

Présentation

Le Zend Framework ou ZF est en même temps un framework ou cadriciel et une bibliothèque de classes. Il est développé par Zend Technologies et distribué sous licence New BSD.
Il est actuellement considéré comme un outsider de Symfony mais ils sont à mon sens tout à fait concurrents et le choix entre les deux se fera juste sur le feeling que vous aurez avec l’un ou l’autre. Pour ma part, je trouve que ZF est plus souple que Symfony et qu’il correspond mieux à ma vision de PHP, mais c’est un avis très personnel basé sur mon expérience.

Pour plus d’informations sur le Zend Framework, lisez la présentation qu’en fait la communauté française :

• Présentation du ZF

Documentation

La documentation du Zend Framework est bien développée, pas toujours complète sur certains sujets, mais une excellente base avec beaucoup d’exemples. Elle est traduite dans un grand nombre de langue, mais pas toujours de façon exhaustive. La documentation française n’est faite qu’en partie, vous y trouverez donc des passages en anglais. Cependant, cela reste facilement accessible.

• Documentation française du Zend Framework

Normes

Pour profiter pleinement du framework de Zend il faut en respecter les principes, et notamment les régles d’écriture du code. Ainsi votre code sera plus lisible, et potentiellement plus facile à partager avec la communauté, ou pour vous faire comprendre sur les forums d’entraide.

• Règles d’écriture du framework

Bonnes pratiques

Pour progresser rapidement dans la compréhension et profiter au maximum des possibilités offertes par le Zend Framework, plusieurs bonnes pratiques s’imposent !

• Respect des concepts
• Analyse du code, pour comprendre le fonctionnement et les subtilités que la doc n’explique pas
• Utilisation de Google pour trouver des exemples, beaucoup de blogs font des tutos très intéressants
• Participation active à la communauté francophone par le biais du forum

En résumé, un framework ne vous apporte pas juste des bouts de codes, mais un cadre de travail standard, des bonnes pratiques, un état d’esprit en somme. Et c’est ce tout qui vous permet d’être efficace.

Communautés & Forums

Les communautés apportent donc des ressources supplémentaires, tutoriels, exemples de code, forums de discussion, mais demandent aussi de l’investissement pour ceux qui le souhaitent, alors si vous avez le temps et les capacités n’hésitez pas à proposer votre aide pour la traduction, la rédaction de cours, ou pour participer au développement même du framework !

• La communauté anglophone
• La communauté francophone
• Le forum de la communauté francophone
• La communauté francophone de developpez.com

Tutoriels

Google ne suffit pas toujours à trouver son bonheur, voici donc les sources ou je me fournit en tutos.
L’idéal pour bien appréhender un sujet, c’est le tutoriel vidéo, et pour le Zend Framework, un site lui est dédié :

• Zendcast

developpez.com propose également un tutoriel pour débuter :

• Tutoriel ZF pour débutant sur developpez.com

Je suis à la recherche d’autres sites avec des tutoriels de qualité, n’hésitez pas à m’indiquer les vôtres en commentaire.

Livres

Pour bien débuter, il est impératif de connaître PHP5 et la POO, et si possible le principe « Modèle Vue Contrôleur ».
Avec ces pré-requis le livre de Guillaume Ponçon et Julien Pauli devrait vous permettre de rapidement comprendre les principes de base :

• Bien développer en PHP de Guillaume Ponçon et Julien Pauli

Ce livre sera très bon pour les non-initiés, mais je ne vous le conseille pas si vous maîtrisez déjà PHP car il ne rentre pas assez dans le détail des rouages du framework et ré explique des concepts basiques pour le développeur PHP averti.

Et si vous avez besoin de vous remettre à jour sur PHP, deux articles de ce blog devraient vous permettre d’y arriver :

• Bien développer en PHP
• Les bons outils pour PHP

En savoir plus…

Pour en savoir plus sur les frameworks PHP, n’hésitez pas à aller voir le comparatif de frameworks PHP.

Sur le même thème

• Réinventer la roue, ou pas ?
• Les plugins Firefox : FoxyProxy
• Navigateur Web standard : Firefox
• Les plugins Firefox : XRefresh
• Les bons outils pour PHP (partie 2)

Photo de batega depuis Flickr

Fonctionnalités

Il fonctionne pourtant parfaitement, je l’utilise depuis 5 ans sans problèmes sous Windows. Voici ses principales fonctionnalités :

• Édition de documents XML, DTD, et XSLT
• Coloration syntaxique du code XML, DTD, et XSLT
• Vérification de la validité du code XML
• Indentation automatique du code
• Test de feuille style XSLT
• Test d’expressions XPATH
• Formatage XML avec Tidy
• Léger et peu intrusif

Il reste à ma connaissance le seul outil gratuit et relativement complet pour l’édition de fichiers XML. Il existe aussi la solution d’Eclipse et de plugins que j’utilise également avec satisfaction, mais de façon plus basique.

Je teste actuellement le plugin Eclipse WTP.

Aide !

Je suis donc à la recherche d’un éditeur ayant les mêmes fonctionnalités, gratuit, si possible open-source et multi-plateformes afin de pouvoir l’utiliser à la maison comme au travail. Qu’utilisez vous pour éditer vos fichiers XML/XSL ?

Sur le même thème

• Outils : Edition de fichiers avec Notepad++
• Les plugins Firefox : XRefresh
• Comparaison et fusion de fichiers et de dossiers
• MySQL GUI Tools
• Navigateur Web standard : Firefox

Il faut bien avoir en tête que ce sont les petits gains par ci par là qui feront la différence. Cela vous demandera finalement assez peu de travail pour les premiers résultats et beaucoup plus pour arriver à un résultat parfait. Mais même sans pousser la démarche jusqu’au bout, l’effet sera bénéfique en termes d’audience, et votre taux de transformation devrait augmenter lui aussi.

Voici donc quelques conseils, et quelques références afin de maîtriser le sujet

Photo de GemMoth depuis Flickr

L’optimisation c’est quoi ?

On peut voir dans un premier temps l’optimisation comme la mise en œuvre des moyens disponibles pour améliorer l’existant. Un second temps permet d’accentuer encore les performances en ajoutant de nouveaux moyens. Nous traiterons uniquement du premier point ici. Changer d’hébergeur ou de serveur pour augmenter vos performances est un solution, mais avant cela tout un panel de techniques permet de faire mieux avec les mêmes ressources.

Quelques statistiques

La taille des pages a plus que triplé en 5 ans, passant de 90Ko à 310Ko. Dans le même temps on a aussi doublé le nombre de composants externes par page (de 25 à 50)Une page web c’est en moyenne 500 mots et 600 balises HTML ! Si l’on ajoute a cela que le nombre de connexion RTC est encore non négligeable aux États-Unis par exemple.

Perdre 500ms c’est perdre 20% de trafic pour Google et réduire de 25% le poids de la page c’est gagner 25% d’utilisateurs à moyen terme pour Google. Augmenter la latence de 100ms c’est perdre 1% de ventes pour Amazon. Pour Yahoo! perdre 400ms c’est avoir 5 à 9% d’abandon en plus.

A partir de 4 secondes d’attente on perd massivement les visiteurs…

Que doit on améliorer ?

Les améliorations à prévoir sont au niveau du paramétrage du serveur, de la qualité du code, de choix techniques, de la gestion des composants web…

Des outils sont là pour vous aider à identifier les points importants parmi lesquels on trouve des plugins Firefox :

• Yslow
• Google Page Speed

Et des sites de mesure de performance :

• site-perf
• IBM Page Detailer
• Web Pagetest

Notez que ces derniers pourrons vous permettre de tester votre site depuis l’autre bout du monde et voir les impacts que cela a sur votre site.

Deux règles principales pour la performance des sites web sont de réduire le nombre de requêtes HTTP et de limiter la taille des données qu’on télécharge. Voyons cela plus en détail.

Optimisation de la configuration du serveur

La mise en cache

La mise en place d’un cache côté serveur est une bonne chose et permettra de fournir un contenu plus rapidement à l’internaute, mais le protocole HTTP permet lui aussi quelques prouesses. Il est efficace pour la moitié des utilisateurs qui affichent une première page de votre site. Soit parce qu’ils sont déjà venus auparavant ou parce que vous partagez des ressources avec d’autres sites via des CDN.
Dès la deuxième page de votre site il est bénéfique pour 80% des utilisateurs, les 20% restants ayant par exemple désactivé leur cache.

Configurez donc votre serveur pour qu’il envoie des indications de mise en cache au navigateur.

La compression des données

On peut gagner entre 50 et 90% du poids d’une page pour une occupation serveur de 5%. Si votre serveur le permet en terme de ressources, le bénéfice sera immédiat, et encore plus pour les connexions lentes.

• Tests de compression de pages web
• Visualiseur de ressources réseau

ETags

Désactivez les ETags si le site est en cluster. Leur performance est alors très aléatoire. Si vous n’avez pas de cluster, vous pouvez les laisser, même si YSlow vous fait la remarque.

Impacts de la latence réseau

Avec un temps de latence avec le serveur de 20ms, pour 25 requêtes externes on perd donc une demi seconde ! Et encore le temps de latence est plus souvent entre 30 et 60 ms. On peut cependant relativiser un peu car la parallélisation des téléchargements permet de limiter cet effet.

Il est donc important de limiter le nombre de composants à charger par page.

L’utilisation de connexions persistantes sur des serveurs statiques (CDN) paraît être un bon moyen de limiter les effets de la latence, mais son paramétrage peut être délicat et dépends de votre cas particulier. L’abus de cette techniques pourrait avoir l’effet inverse en engorgeant le serveur de connexions persistantes inutiles.

Pour la concaténation de vos fichiers, un module d’Apache permet de faire le travail côté serveur, je ne l’ai pas testé, mais j’attends vos retours sur le sujet dans les commentaires :

• Mod_concat

Optimisation du code source

HTML

Un code standard limite le travail de l’interpréteur HTML, par rapport à un code illisible que le navigateur devra corriger à la volée.
Limiter la profondeur du DOM pour limiter le reflow, c’est à dire la réorganisation de la page par le navigateur en cas de changements au niveau de la structure de la page. Pour les tableaux vous pouvez utiliser le mode de rendu fixe des tableaux HTML pour limiter le reflow.

Vous devez limiter les iframes qui sont coûteuses en termes de performances, même vides.

CSS

Pour les frameworks CSS, utiliser un cache central (google, yahoo…) permet de partager un cache avec tous les autres utilisateurs du CDN. Ainsi il y a de fortes chances pour que vos librairies soient déjà en cache dans le navigateur de votre visiteur.

Mettre les scripts en début de page pour que le navigateur puisse faire la mise en page le plus tôt possible.
L’utilisation conjointe de scripts externes minimisés, permet de gagner jusqu’à 25% du poids des feuilles de style.

Ne pas utiliser @import pour les CSS, moins performant et ne pas utiliser les filtres CSS, non standard et très coûteux en ressources. Si vous avez des modifications CSS à faire, faites les d’un seul coup pour éviter le reflow et non pas dans une boucle !

Javascript

Pour les bibliothèques génériques (jQuery, Dojo…) l’utilisation d’un cache central (google, yahoo…) permet comme pour les CSS de partager un cache avec tous les autres utilisateurs du CDN.

Pour optimiser encore mettez les scripts en fin de page. Le navigateur pourra afficher la page correctement avant de les charger, et l’utilisateur pourra naviguer avant la fin du chargement. Le temps qu’il interagisse avec la page, le Javascript sera chargé.

Comme pour les CCS, des scripts externes minimisés, permettent de gagner jusqu’à un tiers du poids des fichiers.

• CSSOptimiser
• CleanCSS

Et dans vos scripts utilisez des sélecteurs précis basés sur l’id et pas sur les classes css, l’identifiant étant unique la navigateur retrouve plus facilement la balise demandée; que si il doit analyser toutes celles de la page.

Ajax

Ajax permet d’améliorer le ressenti utilisateur en limitant le rechargement de la page au strict minimum. C’est donc une bonne piste d’optimisation, mais attention à le faire le mieux possible. Pour cela, envoyer les requêtes AJAX avec la méthode get et utiliser le cache de requête HTTP.
Pour le format de données vous pouvez utiliser JSON ou XML, les deux solutions ont leurs avantages et inconvénients, mais sont bien plus performantes que d’envoyer du code HTML pur !

Optimisation des images

Les formats d’image

En JPEG on peut gagner jusqu’à 90% du poids d’une image avec une perte acceptable (compression autour de 55, à tester car chaque logiciel implémente sa propre échelle de compression). Idéal pour les photos.

En PNG on peut gagner entre 75 et 90% du poids de l’image sans perte. Idéal pour des images avec du texte. Attention à prendre du PNG8 et non pas 24 !

Le GIF ne devrait jamais être utilisé, sauf éventuellement pour du GIF animé.

Sprites et métadatas

L’utilisation des sprites, permet de diminuer l’impact du temps de latence et le poids des images. Le poids du sprite généré est inférieur à la somme des images qui le composent !

• Sprites CSS : Meurs, découpe d’images, meurs !
• CSSSprites
• SpriteGen

La suppression des metadata des images avec Smushit, Optipng, Pngcrush ou PunyPng apporte un gain de 15% environ du poids des images en supprimant les données inutiles dans un contexte web des photos.

• PNGCrush
• OptiPNG
• PunyPNG

Favicon

Même si il n’est pas spécifié, les navigateurs le cherchent et chargent une page 404 si il n’est pas présent. Cela peut donc être très coûteux, surtout si votre page d’erreur personnalisée est lourde.

Ma référence pour avoir des information et des tests sur le traitement des images :

• CSS-IG : Optimisation Web, format PNG

D’autres pistes d’optimisation

Il faut à tout prix limiter les redirections sur la page d’accueil, cela augmente la latence et n’est souvent qu’un mauvais palliatif à une solution plus pérenne. Ce n’est d’ailleurs pas bon non plus pour votre référencement.

Les cookies

Un cookie est envoyé avec chaque requête http, il faut limiter strictement leur taille, un cookie de 1ko retarde la réponse de 16ms en moyenne, avec 50 composants dans la page, on gagne donc 0,8s ! Il faut donc si vous le pouvez limiter les cookies aux sous domaines afin qu’il s n’impactent pas le téléchargement des autres ressources. En utilisant un CDN ou un sous domaines pour les données statiques, vous règlerez le problème.

DNS

Le temps de résolution d’un domaine tourne autour de 30ms. Multiplier le nombre de domaine permet de paralléliser les téléchargements. Certains « vieux » navigateurs ne téléchargent que deux ressources simultanément, mais les plus récents en prennent 4 fois plus en moyenne. Limiter le nombre de domaines à 4 est un bon compromis.

Buffer

Il est important également d’envoyer votre buffer le plus rapidement possible. L’utilisateur verra sa page commencer à se charger plus rapidement. Son ressenti sera bien meilleur, surtout si les temps de génération de votre page sont longs.

Références utiles

Une des meilleures références sur le sujet est en français. Vous y trouverez beaucoup d’explications

• Le blog d’Éric Daspet sur les performances web

Les autres en anglais sont aussi de très bonne facture :

• Les bonnes pratiques par Yahoo
• Les bonnes pratiques par Google
• Le blog de Steve Souders

Conclusion

Une fois tous ces éléments mis en place, votre site doit avoir retrouvé de sa vigueur et si tout n’est pas encore parfait, il est peut être temps de passer à l’étape deux. Votre site à probablement besoins de moyens spécifiques, mais ces conseils lui sont déjà profitables et sont suffisants pour la plupart des projets web.

un livre sur le sujet devrait paraitre bientôt, je ne manquerai pas de vous tenir informé !

Merci à Eric Daspet de m’avoir ouvert les yeux sur ce sujet aussi utile que passionnant.

Sur le même thème

• Les générateurs de sprites CSS
• Bien utiliser les feuilles de style (CSS)
• Recette & environnements de test
• Utiliser Chrome et violer la neutralité ?
• Les plugins Firefox : Colorzilla

Il existe des logiciels simples pour faire ce travail de comparaison. Voici donc une présentation d’un outil libre et gratuit, Winmerge.

Photo de gomattolson depuis Flickr

Présentation de l’outil

WinMerge est un outil de comparaison et de fusion de fichier sous Windows. Grâce à la coloration syntaxique des fichiers vous visualisez instantanément les portions de codes qui diffèrent entre vos fichiers et vous pouvez copier les différences d’un fichier à l’autre d’un simple clic pour fusionner les documents.
Il supporte la comparaison de fichiers aux formats texte DOS, UNIX et MAC.

WinMerge propose de comparer des répertoires complets en filtrant éventuellement sur l’extension des fichiers à comparer.

Fonctionnalités annexes

Il s’intègre dans le menu contextuel et autorise la sélection de fichiers par glisser/déposer. Et si vous utilisez TortoiseSVN pour la gestion des version de fichier sur vos projets, vous pouvez intégrer WinMerge à la place de l’outil par défaut.

Téléchargement & installation

Installer Winmerge

Alternatives

Pour les utilisateurs d’environnement Linux il existe de multiples alternatives libres et gratuites qui devraient vous satisfaire :

• Meld
• Kompare

Si vous avez des astuces pour simplifier la comparaison et la fusion de fichiers, les commentaires sont là pour ça !

Sur le même thème

• Outils : Edition de fichiers avec Notepad++
• MySQL GUI Tools
• Les plugins Firefox : Colorzilla
• Outils XML : Cooktop
• Les plugins Firefox : XRefresh

Photo de Frédéric de Villamil depuis Flickr

Définitions

Javascript ou JScript, suivant le navigateur, est un langage de script orienté objet ou plus exactement orienté prototype qui s’exécute côté client, sur la machine de l’internaute. Il est issu de la norme ECMAScript.

• La définition de Javascript sur Wikipédia
• La définition d’ECMAScript sur Wikipédia

Historique

Javascript a été créé par Netscape en 1995 et mis en place dand Netscape Navigator dès 1996. Microsoft réagit rapidement et implémente alors JScript dans son navigateur. Netscape propose son implémentation à l’Ecma International pour le standardiser, ce qui sera fait en 1997.

Depuis Adobe a lui aussi créé sa propre implémentation du standard, ActionScript, utilisée dans Flash, et le standard évolue régulièrement pour apporter de nouvelles fonctionnalités.

Toutes ces implémentations sont quasiment respectueuses du standard, mais pas entièrement compatible entre elles. Les différences sont cependant minimes et l’utilisation d’un framework Javascript permet de ne pas se préoccuper de ces différences.

Ou apprendre ?

Pour bien débuter, Openweb propose une belle présentation du langage qui pourra à l’occasion servir d’aide mémoire. Je vous conseille également les articles sur le sujet de l’excellent Pompage, qui explique très bien comment écrire un code Javascript non-intrusif afin de ne pas gêner les utilisateurs qui le désactivent ou utilisent des navigateurs alternatifs sans Javascript comme les lecteurs d’écran.

• Tutoriel ECMAScript sur OpenWeb
• Tutoriels Javascript sur Pompage.net

Je n’ai pas d’autres ressources sous la main pour apprendre le JS, mais c’est un langage objet qui peut aussi être utilisé de façon procédurale, les habitué des ces techniques s’y retrouverons vite, pour les autres, l’apprentissage sera favorisé par un livre récent, mais là aussi, je n’en ai pas en référence. J’attends donc vos commentaires sur le sujet.

Documentation

La documentation est disponible sous différentes formes, je vous conseille les suivantes qui sont claires et complètes.

• Documentation Javascript de mozilla
• Documentation ECMAScript officielle

Méfiez vous des sites spécialisés en javascript « procédural » et qui ne proposent que des bouts de scripts, si ils étaient intéressants il y a quelques années, l’utilisation d’un framework est aujourd’hui une solution plus pérenne.

Questions / Réponses

Et comme la documentation ne suffira pas, la Faq de developpez.com et le forum Javascript d’Alsacréation devraient vous permettre de solutionner vos problèmes.

• Faq Javascript de Developpez.com
• Forum Javascript d’Alsacréation

Les frameworks et bibliothèques Javascript

Elles sont à l’origine du renouveau de Javascript car elles simplifient grandement le développement. Elles permettent de ne pas réinventer le roue en permanence, et permettent des effets très « web 2.0″ qui améliorent l’ergonomie et l’expérience utilisateur. Quelle que soit celle que vous choisissez les fonctionnalités sont en partie équivalentes, et le résultat dépendra surtout des plugins que vous pourrez installer ou des développements que vous ferez.

Pour simplifier, les plugisn permettent à l’utilisateur lamda de rapidement avoir l’effet voulu, mais pour un résultat plus rapide ou plus précis fonctionnellement, il faudra écrire son propre code.

J’utilise principalement JQuery avec JQueryUI pour les effets graphiques et Mootools. Ils sont simples à utiliser pour mettre facilement en place des effets simples sans trp de connaissances, ou pour des développements plus complexes avec une bonne expérience en JS.

• JQuery
• JQuery UI
• Mootools

Il en existe plein d’autres avec parmi les plus connus :

• Prototype
• Dojo Toolkit

Pour vous aider dans votre choix, des comparatifs existent sur Internet, Bestwebframeworks devrait vous aider dans cette tâche.

Outils

Pour déboguer vos scripts je vous conseille les extensions Firefox, en particulier Firebug que j’utilise en quotidiennement.

• Installer Firebug pour Firefox
• Installer Venkman pour Firefox

Je déborde un peu du sujet en abordant l’optimisation de code. Pour améliorer le temps de chargement de vos scripts, n’hésitez pas à utiliser des bibliothèques disponible sur les CDN de Google ou Yahoo par exemple et de compresser votre code avec Compressorrater.

• Compressorrater

Vous voilà avec l’essentiel des connaissances pour travailler sereinement avec Javascript.
Et pour ceux qui veulent creuser le sujet, je vous conseille une discussion sur l’implémentation de Javascript coté serveur sur Linuxfr.org.

Encore une fois je n’ai pas trouvé de photo illustrant parfaitement « Javascript », alors celle-ci avec ses branches tortueuses me rappelle un peu le Javascript approximatif d’il y a quelques années… C’est léger comme explication, mais c’est tout ce que j’ai, et puis la photo est belle, ça suffit non ?

Sur le même thème

• Les plugins Firefox : Firebug
• Les plugins Firefox : TileTabs
• Bien utiliser les feuilles de style (CSS)
• Bien développer en PHP (partie 1)
• Bien écrire HTML & XHTML

Photo de Hamed Saber depuis Flickr

Installation

Cette extension est disponible sur le site d’extensions de Firefox :

• Installer Firebug pour Firefox

Présentation

Firebug permet d’infiltrer le code source de votre page web afin de vérifier ce qui s’y passe, aussi bien pour le DOM, le code HTML, les CSS, le Javascript ou les requêtes AJAX. Vous pourrez même agir en direct sur le code et voir les effets de vos modifications instantanément.
Pour cela Firebug est doté d’un débogueur, d’une console d’erreur, et d’une ligne de commande.

Fonctionnalités principales

Pour HTML et CSS, vous pouvez afficher le code lié à chaque balise HTML, et voir toutes les propriétés définies que ce soit directement ou par héritage. En modifiant ces valeurs vous pourrez vous rendre compte des changements de rendu immédiatement.

Coté Javascript vous pourrez ainsi visualiser le code lié à la page et le suivre pas à pas dans son exécution. Les erreurs sont visibles dans la barre d’état et affichées dans la console. Vous pourrez également interagir avec Javascript grâce à la ligne de commande.

AJAX bénéficie aussi de fonctionnalités bien pratiques. Vous pouvez ainsi visualiser les requêtes envoyées et les réponses obtenues en temps réel.

Le profilage d’application est également facilité avec un outil graphique qui permet de visualiser les requêtes HTTP et les temps de réponse qui en découlent.

Tutoriel

L’extension est tellement complexe et puissante que je vous recommande la lecture d’un très bon tutoriel :

• Tutoriel Firebug

FirebugLite

Une version plus légère mais tout aussi pratique peut être embarquée dans d’autres navigateurs comme Internet Explorer, Opéra ou Safari. Utile donc pour finaliser votre développement sur ces environnements.

• FirebugLite

Les extensions

Firebug à beau être une extension, cela ne l’empêche pas d’être extensible ! D’autres extensions Firefox étendent encore les possibilités de Firebug parmis lesquelles on retrouve :

• Firecookie : pour gérer les cookies
• Firediff : pour voir les différences entre deux états
• FirePHP : pour déboguer votre code PHP
• FireRainbow : pour ajouter la coloration syntaxique au Javascript
• YSlow : pour optimiser le temps d’affichage votre site web
• SenSEO : pour optimiser votre référencement naturel

Je reviendrais bientôt sur certaines de ces extensions qui méritent un article spécifique. En attendant vous en trouverez en tout plus d’une vingtaine sur le site de l’éditeur :

• La liste complète des extensions de Firebug

Et si vous n’en avez pas encore assez, il ne vous reste plus qu’a créer votre propre extension pour Firebug, pour cela rendez vous sur le groupe Google « Firebug Working Group » créé à l’occasion.

Voilà, vous avez désormais les cartes en main pour déboguer facilement vos applications. Bon courage !

Sur le même thème

• Les plugins Firefox : XRefresh
• Bien utiliser Javascript
• Les plugins Firefox : TileTabs
• Les plugins Firefox : Colorzilla
• Bien utiliser les feuilles de style (CSS)

Partageons donc ces expériences, voici quelques conseils pour trouver l’hébergeur web qui correspond à vos besoins, en termes de capacité de stockage, de bande passante, de technologies utilisée, de support ou de qualités de service.

Photo de edgar asencios depuis Flickr

Identifier le besoin

Nous n’aborderons pas ici les points techniques, vous savez bien si vous avez besoin de PHP5 ou de Java, d’une base de données MySQL ou PostGreSQL, nous verrons plutôt tout ce qui tourne autour et auquel on ne fait pas forcément attention au premier abord mais qui est pourtant essentiel.

Basique

Le premier point important est d’identifier le besoin. Si vous hébergez un blog, vos besoins seront sans doutes minimes en termes de performances, pensez éventuellement à prévoir un peu de place si vous comptez offrir à vos visiteurs de la vidéo, ou un contenu riche en photos haute définition. Les offres d’hébergement premier prix sur des serveurs mutualisés sont légions il faudra juste faire attention aux détails (version des base de données, paramétrage de PHP…). Comptez entre 0€ et 4€ par mois en moyenne.

Modéré

Si vous pensez avoir un certain nombre de visiteurs, mais que votre budget est limité, il vous faudra alors une offre mutualisée, mais avec de plus fortes capacités, certaines permettent d’obtenir de très bons rapports performance/prix. Il faudra prévoir un budget entre 3€ et 10€ par mois.

Important

Si votre capacité financière le permet et si l’importance de votre projet le nécessite, vous pouvez passer sur un serveur dédié, vous serez le seul à héberger vos sites sur cette machine, le résultat sera forcément de bonne qualité, faites tout de même attention, car dans ce domaine également, tous les serveurs ne se valent pas, et il faudra qu’il soit dimensionné en fonction de vos besoins spécifiques. Les prix démarrent à 10€ par mois pour les offres les plus basiques et montent à plusieurs centaines d’euros par mois. Mais plusieurs offres autour de 30€ par mois permettent un bon compromis pour débuter avec un dédié sans trop de frais.

Un autre type d’offre se développe maintenant, la virtualisation. Cela consiste héberger les sites web sur des serveurs virtuels situés sur des serveurs physiques. Pour simplifier on mutualise des grappes de serveurs tout en gardant la souplesse du serveur dédié. On peut même paramétrer l’ensemble pour ajouter de la puissance de calcul si les besoins augmentent ou baisser automatiquement quand la charge redescend.

A terme j’imagine que tous les hébergement seront sur la base de serveurs virtuels, tant cela apporte en termes de souplesse autant à l’hébergeur qu’a l’hébergé.

Gratuit contre payant

Alors si vous êtes dans le premier cas cité ci-dessus, à savoir un blog ou un site web simple, la question peut se poser de choisir entre une offre gratuite, souvent proposée par votre FAI et une offre payante bon marché. Si vous débutez n’hésitez pas à tester vos première pages sur un hébergement gratuit, et si le besoin s’en fait sentir passez au payant, certaines offres sont très abordables et vous apporteront plus de qualité et de possibilités techniques. Un hébergeur payant sera forcément mieux qu’un gratuit, les offres évoluent plus souvent pour suivre les avancées techniques, les temps d’indisponibilités seront plus faibles, et vous ne serez pas limité sur certaines options comme l’envoi de mail par exemple.

Mutualisé contre dédié

Là encore à moins d’avoir un gros projet qui nécessitera rapidement de gros moyens, pour des projets non professionnels la suite logique est de commencer sur un serveur mutualisé et de monter en gamme progressivement jusqu’à ce que le serveur dédié s’impose.

Une autre bonne raison de passer au serveur dédié est d’avoir besoin de spécificités techniques qu’un hébergeur mutualisé ne pourra pas vous fournir. Si vous avez besoin de capacité de calcul très importantes ou de paramétrages particuliers, d’un OS spécifique, ou tout simplement d’avoir la main pour redémarrer suivant vos besoins, vous pourrez également changer de versions logicielles quand bon vous semble, et pas quand l’hébergeur l’aura décidé. Si votre application est critique, c’est le bon choix.

Si vos besoins explosent, alors vous pouvez même louer des baies chez un hébergeur pour y mettre vos propres serveurs, mais là c’est une autre histoire…

Et si vous n’y connaissez rien mais que vos besoin vous obligent à prendre un serveur dédié, des solutions d’inforgérance vous permettent de laisser la partie technique à un prestataire compétent.

Et le cloud computing alors ? Et les CDN ?

Une autre possibilité s’offre à vous si vous avez de gros besoins c’est la nouvelle tendance du moment : Le cloud computing. On est dans la virtualisation mais avec des moyens infinis grâce à des datacenters inter-connectés entre eux qui fournissent une puissance de calcul énorme. Vous payez en fonction des ressources serveur et réseaux réellement consommées.
Vous pouvez donc imaginer utiliser ce « système en nuages » pour héberger votre application ou juste pour effectuer des calculs coûteux en ressources via un webservice.

Si vos besoins sont importants en termes de ressources statiques notamment si vous souhaitez disposer d’une bande passante importante et partager vos données entre des datacenters répartis dans le monde entier pour fournir des pages à vos visiteurs dans un temps record, alors intérresez vous aux CDN. Certains services offrent même une offre de base gratuite, idéale pour se faire une idée.

Trouver des avis

Alors avant de franchir le pas et de vous jeter sur le premier hébergeur venu, essayez d’avoir des informations, des retours de clients bons et mauvais afin de vous faire une idée précise de ce qui vous attends. En tapant le nom de l’hébergeur dans Google, vous devriez déjà en savoir un peu plus. D’autres solutions existent, des comparateurs d’hébergement existent, ils recensent les offres et les avis des consommateurs. Demandez également autour de vous, aujourd’hui on connait tous quelqu’un qui à son site web, et il à sûrement de bons conseils, car une fois lié à un hébergeur pour un an ou plus, changer vous coûtera financièrement et la migration en elle même peut être compliquée.
Regardez aussi les forums de l’hébergeur, pour voir si les clients se plaignent et si les réponses apportées sont de qualité ou si l’hébergeur ne s’en préoccupe même pas !

Tester

Certains hébergeur proposent une période de test gratuit, ou un accès au panneau d’administration, profitez-en pour pour vérifier que l’hébergement tient toutes ses promesses et que l’ergonomie de l’interface de gestion est simple à appréhender. Vérifier que vos scripts sont traités rapidement et que vous ne risquez pas de regretter votre choix.
Pensez également à tester le support en posant des questions technique au service client pour évaluer leur rapidité et leur compétence technique. Je suis pour ma part déjà tombé sur des hébergeurs totalement incompétents !

Mes choix

Voici les hébergeurs dont je suis satisfait :

• OVH
• Nuxit

Je suis resté plusieurs années chez Nuxit, et je viens de migrer chez OVH car j’avais des besoins particuliers, notamment un serveur SVN et un accès SSH. Nuxit ne proposant pas ces options, j’ai donc décidé de changer, mais je conseille vraiment Nuxit, pour sa qualité de service et la rapidité de son service technique. Je n’ai jamais eu à m’en plaindre et je vous le recommande fortement.

Pour ce qui est d’OVH, je n’ai pas encore le recul nécessaire, mais sa réputation est bonne et pour le moment je n’ai pas à m’en plaindre, tout fonctionne très bien.

Prévoir les montées en charge

Pensez à vérifier que votre hébergeur proposent d’autres offres vous permettant d’upgrader votre solution facilement si le besoin s’en fait sentir, cela vous évitera des désagréments.
Pensez aussi à bien optimiser vos sites web, bien souvent une optimisation permet d’éviter de prendre une offre plus coûteuse pour le même résultat.

Ne pas mettre tous ses œufs dans le même panier

Si vous avez plusieurs sites, n’hésitez pas à prendre des hébergements séparés pour gérer séparément chaque site. Vous aurez ainsi la possibilité d’avoir des statistiques plus précises, pouvoir évoluer suivant les besoins de chaque site, avoir une arborescence simplifiée, si un site prends beaucoup de ressources, il n’impactera pas directement les autres… C’est cette solution que j’ai prise dernièrement, et au final cela ne me coûte pas plus cher pour une plus grande souplesse.

L’hébergement maison

Je n’ai pas abordé ce sujet, mais la possibilité existe d’héberger votre site web directement chez vous, sur un ordinateur dédié ou sur votre pc, mais ces solutions nécessitent de connaître parfaitement le sujet et ne sont pas sans inconvénients. Votre bande passante ne suffira probablement pas à offrir un service de qualités à vos visiteurs, et les coûts en électricité ne sont pas anodins, comptez autour de 70€ par an… Cette solution n’est donc pas viable dans la très grande majorité des cas.

Vérifier que tout est fonctionne bien

Une fois que votre site est en place, surveillez le activement pour voir si il n’est pas indisponible, vérifiez les statistiques, le temps de chargement des pages, et n’hésitez pas à faire des retours et des suggestions au service technique afin d’améliorer la qualité du service.

Rassurez vous, en général tout se passe bien, et vous pouvez vous concentrer sur votre site, mais il y aura toujours des points à surveiller, à commencer pas ne pas oublier de renouveler votre hébergement dans les délais…

Avez vous vous aussi des conseils ou des expériences à partager sur le sujet ?

Sur le même thème

• Trouver un bon hebergeur web, quels critères ?
• La gestion des versions
• Les bons outils pour PHP (partie 2)
• Bien définir son projet de site web
• Les plugins Firefox : FoxyProxy

Photo de Bensonkua depuis Flickr

Définition

Vous en avez peut être déjà vues sur certains sites officiels, souvent présentées au format PDF, sur une ou plusieurs pages, les cheat sheets, ou antisèches en français, sont un condensé des informations pas forcément facile à retenir, ou des informations que l’on se doit de connaître.

Ou les trouver ?

Plutôt que de les trouver par hasard ou de les rechercher pendant des heures, plutôt que de faire un aide-mémoire pour noter les urls de ces cheat sheets, je vous conseille de chercher à la source, puisque quelques sites en recensent plusieurs centaines triées par thèmes :

• Cheat Sheets
• Tech cheat sheets

Bien sûr ces différents sites présentent pour la plupart les mêmes contenus, à vous de voir celui qui vous convient le mieux. Pour ma part j’utilise Pushing Buttons.

Les mémentos

Très utiles aussi, la collection de mémentos chez Eyrolles, c’est l’équivalent des cheat sheets sur support physique, dans un format réduit et plastifié, ces fiches de très bonne qualité sont rédigées par des experts en la matière. En voici quelques uns :

• Mémento PHP5 & SQL de Cyril Pierre de Geyer et Guillaume Ponçon
• Mémento XHTML de Raphaël Goetter
• Mémento CSS de Raphaël Gotter

Il en existe d’autres sur les sujets suivants :

• Unix/Linux de Isabelle Hurbain
• Ergonomie web d’Amélie Boucher
• Sites web, les bonnes pratiques, d’Elie Sloïm
• MySQL de Rodolphe Rimelé

Conclusion

Avec toutes ces fiches vous voilà paré pour vos prochains développements. Avez vous vous aussi quelques sites de références pour les antisèches ?

Sur le même thème

• Bien écrire HTML & XHTML
• Bien utiliser les feuilles de style (CSS)
• Livre : Pro Git
• Bien développer en PHP (partie 1)
• Veille techno Web de A à F (partie 1)