<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>Webaaz &#187; Outils</title> <atom:link href="http://www.webaaz.com/tag/outils/feed/" rel="self" type="application/rss+xml" /><link>http://www.webaaz.com</link> <description>Le développement web de A à Z</description> <lastBuildDate>Thu, 19 Jan 2012 11:40:08 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Optimiser l&#8217;utilisation d&#8217;Eclipse</title><link>http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/</link> <comments>http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/#comments</comments> <pubDate>Thu, 30 Sep 2010 13:30:11 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[Références]]></category> <category><![CDATA[Tools]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=329</guid> <description><![CDATA[<strong>Utiliser un Environnement de Développement Intégré c'est bien, en profiter au maximum c'est mieux.</strong> Que vous soyez adeptes d'un éditeur de texte minimaliste ou d'usine à gaz, <strong>il est important d'en maitriser les principales fonctionnalités et de connaître les l'étendue des possibilité pour s'adapter au mieux.</strong> 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 ! <img
src="/images/2010/09/eclipse.jpg" alt="Ballooner eclipse" /> <a
title="Photo de robotson depuis Flickr" href="http://www.flickr.com/photos/43888972@N00/267647335">Photo de robotson depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p><strong>Utiliser un Environnement de Développement Intégré c&#8217;est bien, en profiter au maximum c&#8217;est mieux.</strong> Que vous soyez adeptes d&#8217;un éditeur de texte minimaliste ou d&#8217;usine à gaz, <strong>il est important d&#8217;en maitriser les principales fonctionnalités et de connaître les l&#8217;étendue des possibilité pour s&#8217;adapter au mieux.</strong></p><p>En tant que développeur Java, mais surtout PHP, souvent sur Linux mais parfois sous Windows, <a
title="Voir le site Officiel de l'IDE Eclipse" href="http://www.eclipse.org/">Eclipse</a> s&#8217;est imposé à moi, par son adaptabilité et aussi son prix. Il possède d&#8217;autres facettes bien sympathiques, c&#8217;est l&#8217;objet de ce billet !</p><p><img
src="/images/2010/09/eclipse.jpg" alt="Ballooner eclipse" /><br
/> <a
title="Photo de robotson depuis Flickr" href="http://www.flickr.com/photos/43888972@N00/267647335">Photo de robotson depuis Flickr</a></p><h2>Présentation</h2><p>Eclipse est un <acronym
title=Environnement de Développement Integré>IDE</acronym> libre, multiplateforme (Linux, Windows, Mac), développé en Java.<br
/> A l&#8217;origine développé pour Java il s&#8217;est vite imposé comme une référence dans le monde Java, mais il prends de plus en plus de place dans l&#8217;écosystème PHP.</p><p><strong>Sa conception modulaire, constituée de dizaines de plugins branchés les uns sur les autres en fait un projet facilement extensible.</strong></p><p>C&#8217;est ce qui à permis d&#8217;avoir aujourd&#8217;hui différentes branches officielles ou non. Voici les plus connues :</p><ul><li><a
title="Voir le site de JDT" href="http://www.eclipse.org/jdt/"><acronym
title="Java Development Tools">JDT, la base pour Java</acronym></li><li><a
title="Voir le site de PDT" href="http://www.eclipse.org/pdt/"><acronym
title="PHP Development Tools">PDT</acronym></a>, lié à Zend Studio</li><li><a
title="Voir le site de Zend Studio" href="http://www.zend.com/fr/products/studio/">Zend Studio</a>, version customisée graphiquement et plus avancée que PDT</li><li><a
title="Voir le site de RAD" href="http://www.ibm.com/developerworks/rational/products/rad/" lang="en"><acronym
title="Rational Application Developer">RAD</acronym></a> successeur de WSAD développé par IBM</li></ul><p>Il existe d&#8217;autres distributions, officielles ou non, payantes ou gratuites constituées de multiples plugins et optimisées pour un usage précis.</p><p>Il faut noter que le développement du cœur de l&#8217;application comme des plugins principaux est très active, avec des nouveautés régulières.</p><h2>Installation</h2><p>Eclipse est complètement indépendant de la plateforme sur laquelle il est installé. En fait il n&#8217;est pas vraiment installé, il s&#8217;agit ni plus ni moins que d&#8217;une copie de fichier. Il ne faut donc pas de droits particuliers pour le faire fonctionner. <strong>Eclipse à donc de fait la particularité de pouvoir être utilisé sur une machine en parallèle avec d&#8217;autres versions d&#8217;Eclipse.</strong></p><p>Ainsi, plutôt que d&#8217;avoir une version d&#8217;Eclipse avec les plugins JDT et PDT, n&#8217;hésitez pas à installer plusieurs branches, qui pourront vivre séparément avec chacune ses workspaces, ses plugins et son paramétrage.</p><h2>Gestions des workspaces</h2><p>Au premier lancement, Eclipse demande de définir un espace de travail. C&#8217;est ici qu&#8217;il stockera les informations relatives à votre travail. Vous pouvez en créer autant que vous le souhaitez, c&#8217;est particulièrement utile quand on travaille sur des projets qui n&#8217;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.</p><p>Vous pouvez facilement switcher d&#8217;un espace de travail à un autre et même lancer deux instances de votre installation d&#8217;Eclipse avec des workspaces différents ! Utile pour comparer deux projets !</p><h2>Configuration</h2><p>La configuration d&#8217;Eclipse est très complète et même complexe au premier abord. Elle mérite que l&#8217;on s&#8217;y attarde un peu pour la maîtriser correctement.<br
/> La configuration se fait dans un premier temps au niveau du workspace, puis au niveau du projet.</p><p>On a ainsi une configuration globale commune à tous les projets avec la possibilité de surcharger celle ci pour des cas précis.</p><p>Le gestionnaire de configuration dispose d&#8217;une fonctionnalité très pratique de recherche par mot clé, indispensable pour gagner du temps !</p><h2>Ajout de plugins</h2><p>Il existe une multitude de plugins, certains soutenus par Eclipse, d&#8217;autres indépendants. Certains nécessitent l&#8217;installation d&#8217;autres plugins pour fonctionner.</p><p>Vous en trouverez pour :</p><ul><li>La gestion de version</li><li>L&#8217;édition de fichier XML</li><li>L&#8217;édition de fichier de traduction</li><li>Maquettage</li><li>Gestion de serveurs web</li><li>Revue de code</li></ul><p>Et encore tout plein&#8230; (un bon millier !)</p><ul><li><a
title="Voir les plugins d'Eclipse" href="http://marketplace.eclipse.org/">Site officiel des plugins Eclipse</a></li></ul><h2>Développement de plugins</h2><p><strong>C&#8217;est une fonctionnalité sous utilisée car peu connue, mais pourtant bien pensée et relativement simple à mettre en place</strong>. Des plugins simples mais utiles peuvent être écrits en quelques minutes, pour par exemple vérifier qu&#8217;une règle sur le nommage des variables est bien respectée.</p><ul><li><a
title="Voir le site Eclipse Plugin Development" href="http://www.eclipsepluginsite.com/index.html" lang="en">Eclipse Plugin Development</a></li><li><a
title="Voir le cours de Mickael BARON sur developpez.com" href="http://mbaron.developpez.com/eclipse/exercices/lesson1/">Cours de Mickael BARON sur developpez.com</a></li><li><a
title="Voir le cours de Lars Vogel" href="http://www.vogella.de/articles/EclipsePlugIn/article.html" lang="en">Cours de Lars Vogel en anglais</a></li></ul><p><strong>Je vous invite bien sûr à mettre vos plugins, à la disposition de la communauté, qui pourra les réutiliser et les enrichir !</strong></p><h2>Pour aller plus loin</h2><p>Eclipse c&#8217;est toute une communauté, avec différents canaux de communication et d&#8217;entraide, vous trouverez donc toute l&#8217;info dont vous avez besoin sur la galaxie Eclipse&#8230;</p><ul><li><a
title="" href="http://live.eclipse.org/">Des webinars</a></li><li><a
title="" href="http://wiki.eclipse.org/Main_Page">Un wiki</a></li><li><a
title="" href="http://www.planeteclipse.org/planet/">Un planet</a></li><li><a
title="" href="http://www.eclipse.org/forums/">Des forums</a></li></ul><h2>Pour finir&#8230;</h2><p>A vrai dire, depuis 2005 que j&#8217;utilise Eclipse, je n&#8217;ai jamais pris le temps de m&#8217;y mettre, mais la présentation du sujet au Forum PHP 2008, m&#8217;avait bien plu.</p><p><strong>J&#8217;aimerai avoir vos retours d&#8217;expérience sur l&#8217;utilisation d&#8217;Eclipse en général et sur la création de plugins en particulier !</strong> A vos claviers !<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/11/outils-edition-de-fichiers-avec-notepad/" rel="bookmark" title="24 novembre 2009">Outils : Edition de fichiers avec Notepad++</a></li><li><a
href="http://www.webaaz.com/2009/10/outils-xml-cooktop/" rel="bookmark" title="15 octobre 2009">Outils XML : Cooktop</a></li><li><a
href="http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/" rel="bookmark" title="6 juin 2009">Les bons outils pour PHP (partie 2)</a></li><li><a
href="http://www.webaaz.com/2009/04/la-gestion-des-versions/" rel="bookmark" title="23 avril 2009">La gestion des versions</a></li><li><a
href="http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/" rel="bookmark" title="28 septembre 2009">Comparaison et fusion de fichiers et de dossiers</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+l%27utilisation+d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser%20l%27utilisation%20d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+l%27utilisation+d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+l%27utilisation+d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+l%27utilisation+d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+l%27utilisation+d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Trouver un bon hebergeur web, quels critères ?</title><link>http://www.webaaz.com/2010/07/trouver-un-bon-hebergeur-web-quels-criteres/</link> <comments>http://www.webaaz.com/2010/07/trouver-un-bon-hebergeur-web-quels-criteres/#comments</comments> <pubDate>Tue, 20 Jul 2010 10:54:12 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Outils]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[cloud]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Hébergeur]]></category> <category><![CDATA[Nom de domaine]]></category> <category><![CDATA[Références]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=927</guid> <description><![CDATA[Après, avoir fait un point sur <a
title="Voir le billet : trouver un bon hébergeur web" href="http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/">l'hébergement</a> 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. <img
src="/images/2010/07/trains.jpg" alt="Trains" /> <a
title="Photo de Swisscan depuis Flickr" href="http://www.flickr.com/photos/7578081@N07/727248657/">Photo de Swisscan depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Après, avoir fait un point sur <a
title="Voir le billet : trouver un bon hébergeur web" href="http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/">l&#8217;hébergement</a> l&#8217;été dernier, je me devais de faire une mise à jour, mon expérience dans le domaine ayant évolué de façon significative.<br
/> La raison de ce changement est bien sûr liée à l&#8217;évolution de mes besoins, et l&#8217;envie d&#8217;avoir plus de souplesse dans mon utilisation quotidienne de mon hébergement.</p><p>Depuis mon premier hébergement mutualisé offert gratuitement par Wanadoo en 2000, j&#8217;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&#8217;étant pas forcément ceux que l&#8217;on croit.</p><p><img
src="/images/2010/07/trains.jpg" alt="Trains" /><br
/> <a
title="Photo de Swisscan depuis Flickr" href="http://www.flickr.com/photos/7578081@N07/727248657/">Photo de Swisscan depuis Flickr</a></p><h2>Mes critères</h2><p>Mes critères pour juger un bon hébergeur sont dans l&#8217;ordre :</p><ul><li><strong>Moyens mis en œuvre</strong>, outre les options dont on a vraiment besoin, quels sont les petits plus qui font la différence ?</li><li><strong>Capacité de réaction</strong>, En cas de panne, la résolution est elle rapide, y&#8217;a t&#8217;il une transparence de l&#8217;hébergeur sur les problèmes rencontrés ?</li><li><strong>Qualité du support</strong>, Les réponses sont elles de qualité et fournies rapidement ?</li><li><strong>Utilisabilité</strong> de l&#8217;interface d&#8217;administration, l&#8217;hébergement est il facile à utiliser ?</li><li><strong>Prix</strong>, je le met en dernier, car le principal est tout de même d&#8217;avoir un service de qualité, même si on trouve tous les prix, les écarts entre offres similaires sont mineurs.</li></ul><p>Et sur ces points j&#8217;ai souvent été déçu. <strong>Beaucoup d&#8217;hébergeurs font du chiffre, vendent à coup de promotions, des hébergements que l&#8217;on peut rarement tester avant engagement, et ne se soucient guère du suivi.</strong></p><h2>Mes expériences</h2><p>J&#8217;ai eu certaines mésaventures et souvent la réaction de l&#8217;hébergeur était minimale&#8230; Que dire d&#8217;un hébergeur qui actuellement encore propose <a
title="Voir la dernière release de PHP4" href="http://www.php.net/archive/2008.php#id2008-08-07-1">PHP4 par défaut alors qu&#8217;il n&#8217;est plus maintenu</a> ? D&#8217;un autre qui censure tous les problèmes remontés sur son forum pour montrer que tout va bien ? D&#8217;un autre qui ferme les tickets ouverts auprès du support sans raison, parce que c&#8217;est plus simple comme ca, D&#8217;un autre qui disparait avec la caisse du jour au lendemain sans payer aucun fournisseur ? Bon ok, sur ce coup là j&#8217;ai vraiment pas eu de chance&#8230;</p><p><strong>Et pour trouver un bon hébergeur quand on en a déjà fait pas mal n&#8217;est pas si évident</strong>. Si l&#8217;on supprime les plus évidents, ceux que l&#8217;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 ?</p><p>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&#8217;ai commandé ma première part il y a trois mois.</p><p>Pourquoi ce choix ? Réponse point par point :</p><h2>Les moyens mis en œuvre ?</h2><p>Comme il s&#8217;agit d&#8217;un serveur mutualisé, j&#8217;ai l&#8217;avantage d&#8217;avoir entièrement la main sur ma machine, là dessus rien de bien différent d&#8217;un autre hébergeur si ce n&#8217;est l&#8217;option <acronym
title="Auto Install">AI</acronym> qui permet au novice d&#8217;installer sans aucune connaissance un serveur avec la plateforme <acronym
title="Linux Apache MySQL PHP">LAMP</acronym> avec la distribution de son choix et des options classiques tels qu&#8217;un serveur FTP, ou un serveur de mail. Pour avoir testé cette option, elle ne m&#8217;a pas suffit en termes de souplesse mais je l&#8217;ai trouvée tout à fait à la hauteur, et je pense qu&#8217;elle répond au besoin de pas mal de novices ! Sur ce point Gandi innove et c&#8217;est très bien !<br
/> <strong>La gestion automatisée des ressources est un plus non négligeable qui permet d&#8217;ajouter ou de supprimer des parts supplémentaires à la volée pour faire face à des pics de visites</strong> et de payer ces ressources supplémentaires au prorata de leur utilisation !</p><p>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&#8217;on souhaite très librement sans formulaire compliqué qui bride les possibilités.</p><h2>La capacité de réaction ?</h2><p>Je n&#8217;ai pas eu l&#8217;occasion de constater des problèmes depuis que je suis client de l&#8217;offre, mais je me base sur mon expérience depuis presque dix ans sur la gestion de mes noms de domaines, rien à redire.</p><h2>La qualité du support ?</h2><p>J&#8217;ai eu des hébergeurs qui répondaient soit disant 24/7, mais dans les faits&#8230; 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&#8217;interface d&#8217;administration, ce qui est appréciable vu le temps perdu chez certains concurrents&#8230;</p><p><strong>Quand à la qualité des réponses, quelles soient fonctionnelles, techniques ou commerciales, elles sont toujours précises, et très courtoises !</strong></p><h2>L&#8217;utilisabilité de l&#8217;interface ?</h2><p><strong>L&#8217;interface est claire et agréable à utiliser</strong>. Le style dépouillé permet de se concentrer sur l&#8217;essentiel, mis à part quelques détails, c&#8217;est très facile à utiliser, on est très loin devant mes précédents hébergeurs !</p><h2>Le prix ?</h2><p>Effectivement je paye plus cher que pour mes précédentes offres, mais pour cette gamme de produits, rien d&#8217;excessif. Les prix ailleurs sont dans le même ordre d&#8217;idées. Et vue les points précédents, c&#8217;est justifié.<br
/> 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&#8217;excellentes conditions.</p><p>On notera que contrairement à d&#8217;autres hébergeur ou tout est automatisé que <strong>l&#8217;achat de l&#8217;hébergement passe par une demande d&#8217;inscription motivée qui permet de qualifier la demande et d&#8217;aiguiller le client. Encore un signe de qualité.</strong><br
/> Avec la gestion automatisée des ressources on ne paye que ce que l&#8217;on consomme contrairement à d&#8217;autres hébergeurs qui poussent à prendre des offres toujours plus élevés, c&#8217;est un des points forts de cet hébergeur !</p><h2>Conclusion</h2><p>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&#8217;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 !</p><p>La gestion d&#8217;un serveur demande par contre un apprentissage important, mais la souplesse et le confort d&#8217;utilisation sont à ce prix. Je progresse donc dans ce domaine, que je n&#8217;avais pas encore eu le temps d&#8217;aborder. Cela fera l&#8217;objet de prochains billets, notamment à propos d&#8217;une série de livres sur le sujet.</p><p><strong>Finalement, vu le prix il faut en avoir l&#8217;usage, mais finalement ce n&#8217;est que la moitié de ce que l&#8217;on paye pour accéder à Internet&#8230;</strong><br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/" rel="bookmark" title="18 août 2009">Trouver un bon hébergeur web !</a></li><li><a
href="http://www.webaaz.com/2009/09/bien-gerer-ses-noms-de-domaine/" rel="bookmark" title="14 septembre 2009">Bien gérer ses noms de domaine</a></li><li><a
href="http://www.webaaz.com/2009/04/la-gestion-des-versions/" rel="bookmark" title="23 avril 2009">La gestion des versions</a></li><li><a
href="http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/" rel="bookmark" title="6 juin 2009">Les bons outils pour PHP (partie 2)</a></li><li><a
href="http://www.webaaz.com/2009/10/optimiser-son-site-web/" rel="bookmark" title="1 octobre 2009">Optimiser son site web</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+un+bon+hebergeur+web%2C+quels+crit%C3%A8res+%3F&amp;link=http://www.webaaz.com/2010/07/trouver-un-bon-hebergeur-web-quels-criteres/&amp;notes=Apr%C3%A8s%2C%20avoir%20fait%20un%20point%20sur%20l%27h%C3%A9bergement%20l%27%C3%A9t%C3%A9%20dernier%2C%20je%20me%20devais%20de%20faire%20une%20mise%20%C3%A0%20jour%2C%20mon%20exp%C3%A9rience%20dans%20le%20domaine%20ayant%20%C3%A9volu%C3%A9%20de%20fa%C3%A7on%20significative.%20%0D%0ALa%20raison%20de%20ce%20changement%20est%20bien%20s%C3%BBr%20li%C3%A9e%20%C3%A0%20l%27%C3%A9volution%20de%20mes%20besoins%2C%20et%20l%27envie%20d%27avoir%20plus%20de%20souplesse%20dans%20mon%20utilisation%20quotidienne%20de%20mon%20h%C3%A9bergement.%0D%0A%0D%0ADepuis%20mon%20premier%20h%C3%A9bergement%20mutualis%C3%A9%20offert%20gratuitement%20par%20Wanadoo%20en%202000%2C%20j%27ai%20r%C3%A9guli%C3%A8rement%20chang%C3%A9%20%C3%A0%20chaque%20fois%20pour%20mieux%20ou%20presque.%20Je%20suis%20donc%20pass%C3%A9%20par%20du%20mutualis%C3%A9%20gratuit%2C%20du%20mutualis%C3%A9%20payant%20associatif%2C%20du%20mutualis%C3%A9%20payant%2C%20et%20tout%20ceci%20avec%20diverses%20fortunes%2C%20les%20pires%20n%27%C3%A9tant%20pas%20forc%C3%A9ment%20ceux%20que%20l%27on%20croit.%0D%0A%0D%0A%0D%0APhoto%20de%20Swisscan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Apr%C3%A8s%2C%20avoir%20fait%20un%20point%20sur%20l%27h%C3%A9bergement%20l%27%C3%A9t%C3%A9%20dernier%2C%20je%20me%20devais%20de%20faire%20une%20mise%20%C3%A0%20jour%2C%20mon%20exp%C3%A9rience%20dans%20le%20domaine%20ayant%20%C3%A9volu%C3%A9%20de%20fa%C3%A7on%20significative.%20%0D%0ALa%20raison%20de%20ce%20changement%20est%20bien%20s%C3%BBr%20li%C3%A9e%20%C3%A0%20l%27%C3%A9volution%20de%20mes%20besoins%2C%20et%20l%27envie%20d%27avoir%20plus%20de%20souplesse%20dans%20mon%20utilisation%20quotidienne%20de%20mon%20h%C3%A9bergement.%0D%0A%0D%0ADepuis%20mon%20premier%20h%C3%A9bergement%20mutualis%C3%A9%20offert%20gratuitement%20par%20Wanadoo%20en%202000%2C%20j%27ai%20r%C3%A9guli%C3%A8rement%20chang%C3%A9%20%C3%A0%20chaque%20fois%20pour%20mieux%20ou%20presque.%20Je%20suis%20donc%20pass%C3%A9%20par%20du%20mutualis%C3%A9%20gratuit%2C%20du%20mutualis%C3%A9%20payant%20associatif%2C%20du%20mutualis%C3%A9%20payant%2C%20et%20tout%20ceci%20avec%20diverses%20fortunes%2C%20les%20pires%20n%27%C3%A9tant%20pas%20forc%C3%A9ment%20ceux%20que%20l%27on%20croit.%0D%0A%0D%0A%0D%0APhoto%20de%20Swisscan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver%20un%20bon%20hebergeur%20web%2C%20quels%20crit%C3%A8res%20%3F&amp;link=http://www.webaaz.com/2010/07/trouver-un-bon-hebergeur-web-quels-criteres/&amp;notes=Apr%C3%A8s%2C%20avoir%20fait%20un%20point%20sur%20l%27h%C3%A9bergement%20l%27%C3%A9t%C3%A9%20dernier%2C%20je%20me%20devais%20de%20faire%20une%20mise%20%C3%A0%20jour%2C%20mon%20exp%C3%A9rience%20dans%20le%20domaine%20ayant%20%C3%A9volu%C3%A9%20de%20fa%C3%A7on%20significative.%20%0D%0ALa%20raison%20de%20ce%20changement%20est%20bien%20s%C3%BBr%20li%C3%A9e%20%C3%A0%20l%27%C3%A9volution%20de%20mes%20besoins%2C%20et%20l%27envie%20d%27avoir%20plus%20de%20souplesse%20dans%20mon%20utilisation%20quotidienne%20de%20mon%20h%C3%A9bergement.%0D%0A%0D%0ADepuis%20mon%20premier%20h%C3%A9bergement%20mutualis%C3%A9%20offert%20gratuitement%20par%20Wanadoo%20en%202000%2C%20j%27ai%20r%C3%A9guli%C3%A8rement%20chang%C3%A9%20%C3%A0%20chaque%20fois%20pour%20mieux%20ou%20presque.%20Je%20suis%20donc%20pass%C3%A9%20par%20du%20mutualis%C3%A9%20gratuit%2C%20du%20mutualis%C3%A9%20payant%20associatif%2C%20du%20mutualis%C3%A9%20payant%2C%20et%20tout%20ceci%20avec%20diverses%20fortunes%2C%20les%20pires%20n%27%C3%A9tant%20pas%20forc%C3%A9ment%20ceux%20que%20l%27on%20croit.%0D%0A%0D%0A%0D%0APhoto%20de%20Swisscan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+un+bon+hebergeur+web%2C+quels+crit%C3%A8res+%3F&amp;link=http://www.webaaz.com/2010/07/trouver-un-bon-hebergeur-web-quels-criteres/&amp;notes=Apr%C3%A8s%2C%20avoir%20fait%20un%20point%20sur%20l%27h%C3%A9bergement%20l%27%C3%A9t%C3%A9%20dernier%2C%20je%20me%20devais%20de%20faire%20une%20mise%20%C3%A0%20jour%2C%20mon%20exp%C3%A9rience%20dans%20le%20domaine%20ayant%20%C3%A9volu%C3%A9%20de%20fa%C3%A7on%20significative.%20%0D%0ALa%20raison%20de%20ce%20changement%20est%20bien%20s%C3%BBr%20li%C3%A9e%20%C3%A0%20l%27%C3%A9volution%20de%20mes%20besoins%2C%20et%20l%27envie%20d%27avoir%20plus%20de%20souplesse%20dans%20mon%20utilisation%20quotidienne%20de%20mon%20h%C3%A9bergement.%0D%0A%0D%0ADepuis%20mon%20premier%20h%C3%A9bergement%20mutualis%C3%A9%20offert%20gratuitement%20par%20Wanadoo%20en%202000%2C%20j%27ai%20r%C3%A9guli%C3%A8rement%20chang%C3%A9%20%C3%A0%20chaque%20fois%20pour%20mieux%20ou%20presque.%20Je%20suis%20donc%20pass%C3%A9%20par%20du%20mutualis%C3%A9%20gratuit%2C%20du%20mutualis%C3%A9%20payant%20associatif%2C%20du%20mutualis%C3%A9%20payant%2C%20et%20tout%20ceci%20avec%20diverses%20fortunes%2C%20les%20pires%20n%27%C3%A9tant%20pas%20forc%C3%A9ment%20ceux%20que%20l%27on%20croit.%0D%0A%0D%0A%0D%0APhoto%20de%20Swisscan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+un+bon+hebergeur+web%2C+quels+crit%C3%A8res+%3F&amp;link=http://www.webaaz.com/2010/07/trouver-un-bon-hebergeur-web-quels-criteres/&amp;notes=Apr%C3%A8s%2C%20avoir%20fait%20un%20point%20sur%20l%27h%C3%A9bergement%20l%27%C3%A9t%C3%A9%20dernier%2C%20je%20me%20devais%20de%20faire%20une%20mise%20%C3%A0%20jour%2C%20mon%20exp%C3%A9rience%20dans%20le%20domaine%20ayant%20%C3%A9volu%C3%A9%20de%20fa%C3%A7on%20significative.%20%0D%0ALa%20raison%20de%20ce%20changement%20est%20bien%20s%C3%BBr%20li%C3%A9e%20%C3%A0%20l%27%C3%A9volution%20de%20mes%20besoins%2C%20et%20l%27envie%20d%27avoir%20plus%20de%20souplesse%20dans%20mon%20utilisation%20quotidienne%20de%20mon%20h%C3%A9bergement.%0D%0A%0D%0ADepuis%20mon%20premier%20h%C3%A9bergement%20mutualis%C3%A9%20offert%20gratuitement%20par%20Wanadoo%20en%202000%2C%20j%27ai%20r%C3%A9guli%C3%A8rement%20chang%C3%A9%20%C3%A0%20chaque%20fois%20pour%20mieux%20ou%20presque.%20Je%20suis%20donc%20pass%C3%A9%20par%20du%20mutualis%C3%A9%20gratuit%2C%20du%20mutualis%C3%A9%20payant%20associatif%2C%20du%20mutualis%C3%A9%20payant%2C%20et%20tout%20ceci%20avec%20diverses%20fortunes%2C%20les%20pires%20n%27%C3%A9tant%20pas%20forc%C3%A9ment%20ceux%20que%20l%27on%20croit.%0D%0A%0D%0A%0D%0APhoto%20de%20Swisscan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+un+bon+hebergeur+web%2C+quels+crit%C3%A8res+%3F&amp;link=http://www.webaaz.com/2010/07/trouver-un-bon-hebergeur-web-quels-criteres/&amp;notes=Apr%C3%A8s%2C%20avoir%20fait%20un%20point%20sur%20l%27h%C3%A9bergement%20l%27%C3%A9t%C3%A9%20dernier%2C%20je%20me%20devais%20de%20faire%20une%20mise%20%C3%A0%20jour%2C%20mon%20exp%C3%A9rience%20dans%20le%20domaine%20ayant%20%C3%A9volu%C3%A9%20de%20fa%C3%A7on%20significative.%20%0D%0ALa%20raison%20de%20ce%20changement%20est%20bien%20s%C3%BBr%20li%C3%A9e%20%C3%A0%20l%27%C3%A9volution%20de%20mes%20besoins%2C%20et%20l%27envie%20d%27avoir%20plus%20de%20souplesse%20dans%20mon%20utilisation%20quotidienne%20de%20mon%20h%C3%A9bergement.%0D%0A%0D%0ADepuis%20mon%20premier%20h%C3%A9bergement%20mutualis%C3%A9%20offert%20gratuitement%20par%20Wanadoo%20en%202000%2C%20j%27ai%20r%C3%A9guli%C3%A8rement%20chang%C3%A9%20%C3%A0%20chaque%20fois%20pour%20mieux%20ou%20presque.%20Je%20suis%20donc%20pass%C3%A9%20par%20du%20mutualis%C3%A9%20gratuit%2C%20du%20mutualis%C3%A9%20payant%20associatif%2C%20du%20mutualis%C3%A9%20payant%2C%20et%20tout%20ceci%20avec%20diverses%20fortunes%2C%20les%20pires%20n%27%C3%A9tant%20pas%20forc%C3%A9ment%20ceux%20que%20l%27on%20croit.%0D%0A%0D%0A%0D%0APhoto%20de%20Swisscan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+un+bon+hebergeur+web%2C+quels+crit%C3%A8res+%3F&amp;link=http://www.webaaz.com/2010/07/trouver-un-bon-hebergeur-web-quels-criteres/&amp;notes=Apr%C3%A8s%2C%20avoir%20fait%20un%20point%20sur%20l%27h%C3%A9bergement%20l%27%C3%A9t%C3%A9%20dernier%2C%20je%20me%20devais%20de%20faire%20une%20mise%20%C3%A0%20jour%2C%20mon%20exp%C3%A9rience%20dans%20le%20domaine%20ayant%20%C3%A9volu%C3%A9%20de%20fa%C3%A7on%20significative.%20%0D%0ALa%20raison%20de%20ce%20changement%20est%20bien%20s%C3%BBr%20li%C3%A9e%20%C3%A0%20l%27%C3%A9volution%20de%20mes%20besoins%2C%20et%20l%27envie%20d%27avoir%20plus%20de%20souplesse%20dans%20mon%20utilisation%20quotidienne%20de%20mon%20h%C3%A9bergement.%0D%0A%0D%0ADepuis%20mon%20premier%20h%C3%A9bergement%20mutualis%C3%A9%20offert%20gratuitement%20par%20Wanadoo%20en%202000%2C%20j%27ai%20r%C3%A9guli%C3%A8rement%20chang%C3%A9%20%C3%A0%20chaque%20fois%20pour%20mieux%20ou%20presque.%20Je%20suis%20donc%20pass%C3%A9%20par%20du%20mutualis%C3%A9%20gratuit%2C%20du%20mutualis%C3%A9%20payant%20associatif%2C%20du%20mutualis%C3%A9%20payant%2C%20et%20tout%20ceci%20avec%20diverses%20fortunes%2C%20les%20pires%20n%27%C3%A9tant%20pas%20forc%C3%A9ment%20ceux%20que%20l%27on%20croit.%0D%0A%0D%0A%0D%0APhoto%20de%20Swisscan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/07/trouver-un-bon-hebergeur-web-quels-criteres/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Opquast : Sites web, les bonnes pratiques</title><link>http://www.webaaz.com/2010/06/opquast-les-bonnes-pratiques/</link> <comments>http://www.webaaz.com/2010/06/opquast-les-bonnes-pratiques/#comments</comments> <pubDate>Mon, 28 Jun 2010 09:00:15 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Méthodologie]]></category> <category><![CDATA[Qualité]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Bonnes pratiques]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[memento]]></category> <category><![CDATA[opquast]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Références]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=905</guid> <description><![CDATA[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 <strong><acronym
title=OPen QUAlity STandards">Opquast</acronym> est aussi un référentiel mais surtout un outil de suivi de la qualité des services en ligne</strong>. <img
src="/images/2010/06/marguerite.jpg" alt="Summer Sky II" /> <a
title="Photo de flickrolf depuis Flickr" href="http://www.flickr.com/photos/8531344@N06/1434149544/">Photo de flickrolf depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Le web est souvent un mauvais exemple en terme de qualité, d&#8217;ergonomie ou d&#8217;accessibilité. La faute à des techniques variées, des usages approximatifs, ou à une évolution rapide des de ces techniques et de ces usages.</p><p>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&#8217;accessibilité permettent aux utilisateurs ayant une quelconque déficience de pouvoir surfer avec une contrainte moindre. Le projet <strong><acronym
title=OPen QUAlity STandards">Opquast</acronym> propose un référentiel qualité web mais surtout un outil de suivi de la qualité des services en ligne</strong>.</p><p><img
src="/images/2010/06/marguerite.jpg" alt="Summer Sky II" /><br
/> <a
title="Photo de flickrolf depuis Flickr" href="http://www.flickr.com/photos/8531344@N06/1434149544/">Photo de flickrolf depuis Flickr</a></p><h2>Présentation</h2><p>La première version du référentiel à vu le jour fin juin 2004 avec la mise en ligne d&#8217;une liste de bonnes pratiques pour l&#8217;amélioration de la qualité des services en ligne.<br
/> A l&#8217;origine de ce projet, Elie Sloïm directeur de <a
title="" href="http://www.temesis.com/">Temesis</a> et Fabrice Bonny co-fondateur du site <a
title="Voir le site Openweb" href="http://openweb.eu.org/">Openweb</a></p><blockquote><p>C&#8217;est un formidable outil de formation, d&#8217;explication, et d&#8217;amélioration des sites.</p></blockquote><p>Opquast permet de tester aussi bien la qualité de la conception que la qualité d&#8217;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&#8217;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. <strong>Chaque bonne pratique est détaillée avec un objectif, des solutions techniques et des moyens de contrôle</strong>.</p><p>Et le petit plus, <strong>Opquast est publié sous licence Créative Commons BY-SA</strong>.</p><p>Voici les différents sites du projet Opquast :</p><ul><li><a
href="http://www.opquast.com/">Opquast.com : OPen QUAlity STandards</a></li><li><a
href="http://checklists.opquast.com/">Checklist.opquast.com : Les bonnes pratiques de la qualité web</a></li><li><a
href="http://reporting.opquast.com/">Reporting.opquast.com : L&#8217;outil de reporting pour évaluer vos sites et communiquer</a></li><li><a
href="http://directory.opquast.com/">Directory.opquast.com : L&#8217;annuaire des sites respectant le référentiel</a></li><li><a
href="http://www.opquast.org/">Opquast.org : L&#8217;atelier Opquast</a></li></ul><h2>Nouveautés</h2><p>Le web évolue et la liste a donc été revue de fond en comble par les membres de l&#8217;atelier Opquast, qui ont débattu dans la bonne humeur et l&#8217;humour mais avec des avis bien tranchés, et toujours un maximum d&#8217;arguments. Un consensus nécessaire à donc fini par émerger, c&#8217;est la base de ce référentiel. Une période d&#8217;appel à commentaires publics à permis d&#8217;affiner un peu plus le travail.</p><p>Pour le côté pratique, les bonnes pratiques sont désormais filtrables en fonctions de différents critères :</p><ul><li>Modèle VPTCS : Visibilité, Perception, Technique, Contenus, Services</li><li>Processus : prototypage, design, intégration, CMS et développements, rédaction, référencement</li><li>Services : e-commerce, Espaces publics, Newsletter, Syndication</li><li>Thème : Mobile, Internationalisation, Accessibilité, performance, Sécurité, Utilisabilité</li></ul><p>Vous pouvez ainsi en extraire les bonnes pratiques d&#8217;utilisabilité spécifiques à la phase de prototypage par exemple.</p><p>La navigation par tags et le téléchargement des listes aux formats Excel, Open Office ou PDF sont aussi au programme.</p><h2>Interview d&#8217;Élie Sloïm, directeur du projet</h2><div
class="interview"><p><span
class="question">Le web s&#8217;est professionnalisé depuis la v1 d&#8217;Opquast, on est sur la bonne piste ?</span></p><p>Il me semble qu&#8217;effectivement, nous sommes sur la bonne piste, mais nous n&#8217;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&#8217;est pas parce que les professionnels savent qu&#8217;il est bon de travailler sur ces sujets qu&#8217;ils sont prêts à le faire, et surtout qu&#8217;ils en ont le temps. Le niveau moyen des sites produits actuellement est encore très faible. <strong>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</strong>. Il y a donc actuellement un travail énorme de sensibilisation à faire auprès de deux cibles principales. D&#8217;une part, il y a le secteur informatique, c&#8217;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&#8217;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&#8230;) et nous analysons actuellement des sites de communes, et franchement le niveau moyen laisse fortement à désirer.</p><p>Malgré tout, <strong>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</strong>.</p><p><span
class="question">La qualité web est de plus en plus présente, mais une partie du web y semble hermétique. Qui va gagner et pourquoi ?</span></p><p><strong>La qualité Web est encore un non-sujet. Les sociétés qui travaillent sur le sujet en l&#8217;abordant de manière transversale se comptent sur les doigts d&#8217;une main</strong>. Alors oui, l&#8217;ergonomie, l&#8217;expérience utilisateur, la performance, la qualité des contenus éditoriaux se développement fortement, mais ce qui se développe, ce n&#8217;est pas la qualité Web, ce sont les activités qui permettent d&#8217;améliorer la qualité d&#8217;un site sur tel ou tel sujet. La nuance peut vous sembler ténue, mais lorsqu&#8217;il s&#8217;agit d&#8217;évangéliser en expliquant qu&#8217;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&#8217;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&#8217;outils leur permettant de mieux se situer dans la globalité des projets Web.</p><p><span
class="question">Est tu obligé d&#8217;expliquer ton travail à tes clients ou prospects ou tout le monde comprend bien ta démarche ?</span></p><p>J&#8217;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&#8217;ores et déjà quelqu&#8217;un qui radote, et à un peu plus de 40 ans, ça fait tôt ;-)</p><p>Pour l&#8217;instant, je fais encore découvrir la démarche à beaucoup de monde, et j&#8217;y prends toujours autant de plaisir. Il faut donc continuer à expliquer, et il ne faudra s&#8217;arrêter que lorsque la démarche et les outils seront connus. A ce moment là, le fait que quelqu&#8217;un connaisse la démarche, et décide en connaissance de ne pas l&#8217;appliquer ne me posera aucun problème. Mais <strong>mon travail est de veiller à ce que les acteurs du web se positionnent sur le sujet. Qu&#8217;ils soient pour ou contre n&#8217;a pas vraiment d&#8217;importance</strong>.</p><p><span
class="question">L&#8217;obligation pour les sites publics d&#8217;êtres accessibles a t&#8217;il vraiment changé quelque chose ? Y&#8217;a t&#8217;il une prise de conscience ?</span></p><p>L&#8217;exigence de conformité en matière d&#8217;accessibilité a mis de nombreux professionnels du web sur le chemin des démarches qualité. Mais ce chemin est long est semé d&#8217;embûches. Dans un premier temps certains risquent de viser l&#8217;accessibilité absolue, et ils vont déployer des efforts énormes pour l&#8217;atteindre. Par la suite, il renonceront à l&#8217;accessibilité absolue, et s&#8217;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&#8217;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 : <strong>cette obligation d&#8217;accessibilité ouvre surtout une voie très prometteuse pour les démarches transversales sur la qualité Web</strong>.</p><p><span
class="question">La multiplication des standards, labels et référentiels n&#8217;est elle pas un frein à leur mise en place ?</span></p><p>La multiplication des standards, labels et référentiels est un effet collatéral de l&#8217;industrialisation de nos métiers. <strong>Ce qui n&#8217;a pas encore été compris, c&#8217;est que le premier travail d&#8217;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&#8217;améliorer la qualité des résultats finaux</strong>. Dans l&#8217;industrie automobile ou agro-alimentaire, l&#8217;existence d&#8217;un grand nombre de contraintes qualité ou administratives n&#8217;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&#8217;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&#8217;applique bien sûr à d&#8217;autres métiers du Web. En réalité, à part la jeunesse du secteur, il n&#8217;existe aucune raison pour que l&#8217;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 <strong>il n&#8217;y a pas de raison d&#8217;accorder à votre agence Web ce que vous ne toléreriez pas d&#8217;une entreprise générale du bâtiment</strong>.</p></div><h2>Opquast en vidéo</h2><p>Des présentations du projet et des outils sont disponibles en vidéo :</p><ul><li><a
title="Voir les vidéos Opquast sur Dailymotion" href="http://www.dailymotion.com/user/Opquast">Opquast en vidéo sur Dailymotion</a></li></ul><h2>Mémento</h2><div
class="book"> <a
title="Acheter le mémento sur Amazon" href="http://www.amazon.fr/gp/product/2212124562?ie=UTF8&#038;tag=webaaz06-21&#038;linkCode=as2&#038;camp=1642&#038;creative=6746&#038;creativeASIN=2212124562"><img
border="0" src="/images/amazon/412rOemgdSL._SL160_.jpg" class="amazon alignleft" ></a></p><ul><li><a
title="Acheter le mémento sur Amazon" href="http://www.amazon.fr/gp/product/2212124562?ie=UTF8&#038;tag=webaaz06-21&#038;linkCode=as2&#038;camp=1642&#038;creative=6746&#038;creativeASIN=2212124562">Sites web, les bonnes pratiques</a></li><li>Dépliant 10&#215;21 : 14 pages</li><li>Éditeur : <a
title="Voir le site de l'éditeur Eyrolles" href="http://www.eyrolles.com/">Eyrolles</a></li><li>Édition : 2ème (22 janvier 2009)</li><li>Collection : Mémento</li><li>Langue : Français</li><li>ISBN-13: 978-2212124569</li></ul><p><img
src="http://www.assoc-amazon.fr/e/ir?t=webaaz06-21&#038;l=as2&#038;o=8&#038;a=2212124562" width="1" height="1" border="0" alt="" class="transparent" /></div><p>Ce mémento est tiré de la première version des bonnes pratiques, mais est toujours d&#8217;actualité.</p><h2>Suivre l&#8217;actualité d&#8217;Opquast</h2><ul><li><a
title="Voir le blog Opquast sur le site de Temesis" href="http://blog.temesis.com/category/opquast">Le blog Opquast</a></li><li><a
title="Voir la page Facebook d'Opquast" href="http://www.facebook.com/opquast">Opquast sur Facebook</a></li><li><a
title="Voir le flux Twitter d'Opquast" href="http://twitter.com/opquast">Opquast sur Twitter</a></li></ul><h2>Mon avis</h2><p>Utilisateur de la première version dès ses débuts, j&#8217;ai toujours été convaincu par ce projet et pas l&#8217;enthousiasme qui rayonne autour, et j&#8217;ai été très heureux de contribuer à l&#8217;élaboration de cette nouvelle version.</p><p>J&#8217;ai peut être un regard plus critique, avec l&#8217;expérience, je me rend compte que je ne suis pas à 100% d&#8217;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 <strong>ce référentiel m&#8217;amène au minimum à me poser les bonnes questions, et c&#8217;est essentiel !</strong></p><p>Je suis donc toujours convaincu que c&#8217;est un excellent outil et qu&#8217;il reste encore beaucoup de travail pour évangéliser les développeurs et les décideurs.</p><p>Et vous quels outils avez vous à disposition pour qualifier vos sites web et améliorer leur qualité ? Est-ce que l&#8217;on vous donne les moyens d&#8217;arriver à un résultat de qualité ? Que vous manque t&#8217;il pour y arriver ?<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2011/01/fournir-un-webservice-et-son-api/" rel="bookmark" title="21 janvier 2011">Fournir un webservice et son API</a></li><li><a
href="http://www.webaaz.com/2010/11/livre-html5-pour-les-webdesigners/" rel="bookmark" title="25 novembre 2010">Livre : HTML5 pour les webdesigners</a></li><li><a
href="http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/" rel="bookmark" title="28 avril 2010">Les générateurs de sprites CSS</a></li><li><a
href="http://www.webaaz.com/2010/02/veille-technologique-web-partie-2/" rel="bookmark" title="1 février 2010">Veille techno Web de F à Z (partie 2)</a></li><li><a
href="http://www.webaaz.com/2009/10/optimiser-son-site-web/" rel="bookmark" title="1 octobre 2009">Optimiser son site web</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Opquast+%3A+Sites+web%2C+les+bonnes+pratiques&amp;link=http://www.webaaz.com/2010/06/opquast-les-bonnes-pratiques/&amp;notes=Le%20web%20est%20souvent%20un%20mauvais%20exemple%20en%20terme%20de%20qualit%C3%A9%2C%20d%27ergonomie%20ou%20d%27accessibilit%C3%A9.%20La%20faute%20%C3%A0%20des%20techniques%20vari%C3%A9es%2C%20des%20usages%20approximatifs%2C%20ou%20%C3%A0%20une%20%C3%A9volution%20rapide%20des%20de%20ces%20techniques%20et%20de%20ces%20usages.%0D%0A%0D%0APourtant%20avec%20le%20peu%20de%20recul%20que%20nous%20donne%20le%20web%2C%20des%20initiatives%20permettent%20de%20hausser%20un%20peu%20le%20niveau.%20Les%20normes%20du%20W3C%20par%20exemple%20permettent%20par%20leur%20respect%20de%20garantir%20que%20le%20document%20sera%20interpr%C3%A9table%20par%20tout%20les%20navigateurs.%20Les%20r%C3%A9f%C3%A9rentiels%20d%27accessibilit%C3%A9%20permettent%20aux%20utilisateurs%20ayant%20une%20quelconque%20d%C3%A9ficience%20de%20pouvoir%20surfer%20avec%20une%20contrainte%20moindre.%20Le%20projet%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Le%20web%20est%20souvent%20un%20mauvais%20exemple%20en%20terme%20de%20qualit%C3%A9%2C%20d%27ergonomie%20ou%20d%27accessibilit%C3%A9.%20La%20faute%20%C3%A0%20des%20techniques%20vari%C3%A9es%2C%20des%20usages%20approximatifs%2C%20ou%20%C3%A0%20une%20%C3%A9volution%20rapide%20des%20de%20ces%20techniques%20et%20de%20ces%20usages.%0D%0A%0D%0APourtant%20avec%20le%20peu%20de%20recul%20que%20nous%20donne%20le%20web%2C%20des%20initiatives%20permettent%20de%20hausser%20un%20peu%20le%20niveau.%20Les%20normes%20du%20W3C%20par%20exemple%20permettent%20par%20leur%20respect%20de%20garantir%20que%20le%20document%20sera%20interpr%C3%A9table%20par%20tout%20les%20navigateurs.%20Les%20r%C3%A9f%C3%A9rentiels%20d%27accessibilit%C3%A9%20permettent%20aux%20utilisateurs%20ayant%20une%20quelconque%20d%C3%A9ficience%20de%20pouvoir%20surfer%20avec%20une%20contrainte%20moindre.%20Le%20projet%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Opquast%20%3A%20Sites%20web%2C%20les%20bonnes%20pratiques&amp;link=http://www.webaaz.com/2010/06/opquast-les-bonnes-pratiques/&amp;notes=Le%20web%20est%20souvent%20un%20mauvais%20exemple%20en%20terme%20de%20qualit%C3%A9%2C%20d%27ergonomie%20ou%20d%27accessibilit%C3%A9.%20La%20faute%20%C3%A0%20des%20techniques%20vari%C3%A9es%2C%20des%20usages%20approximatifs%2C%20ou%20%C3%A0%20une%20%C3%A9volution%20rapide%20des%20de%20ces%20techniques%20et%20de%20ces%20usages.%0D%0A%0D%0APourtant%20avec%20le%20peu%20de%20recul%20que%20nous%20donne%20le%20web%2C%20des%20initiatives%20permettent%20de%20hausser%20un%20peu%20le%20niveau.%20Les%20normes%20du%20W3C%20par%20exemple%20permettent%20par%20leur%20respect%20de%20garantir%20que%20le%20document%20sera%20interpr%C3%A9table%20par%20tout%20les%20navigateurs.%20Les%20r%C3%A9f%C3%A9rentiels%20d%27accessibilit%C3%A9%20permettent%20aux%20utilisateurs%20ayant%20une%20quelconque%20d%C3%A9ficience%20de%20pouvoir%20surfer%20avec%20une%20contrainte%20moindre.%20Le%20projet%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Opquast+%3A+Sites+web%2C+les+bonnes+pratiques&amp;link=http://www.webaaz.com/2010/06/opquast-les-bonnes-pratiques/&amp;notes=Le%20web%20est%20souvent%20un%20mauvais%20exemple%20en%20terme%20de%20qualit%C3%A9%2C%20d%27ergonomie%20ou%20d%27accessibilit%C3%A9.%20La%20faute%20%C3%A0%20des%20techniques%20vari%C3%A9es%2C%20des%20usages%20approximatifs%2C%20ou%20%C3%A0%20une%20%C3%A9volution%20rapide%20des%20de%20ces%20techniques%20et%20de%20ces%20usages.%0D%0A%0D%0APourtant%20avec%20le%20peu%20de%20recul%20que%20nous%20donne%20le%20web%2C%20des%20initiatives%20permettent%20de%20hausser%20un%20peu%20le%20niveau.%20Les%20normes%20du%20W3C%20par%20exemple%20permettent%20par%20leur%20respect%20de%20garantir%20que%20le%20document%20sera%20interpr%C3%A9table%20par%20tout%20les%20navigateurs.%20Les%20r%C3%A9f%C3%A9rentiels%20d%27accessibilit%C3%A9%20permettent%20aux%20utilisateurs%20ayant%20une%20quelconque%20d%C3%A9ficience%20de%20pouvoir%20surfer%20avec%20une%20contrainte%20moindre.%20Le%20projet%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Opquast+%3A+Sites+web%2C+les+bonnes+pratiques&amp;link=http://www.webaaz.com/2010/06/opquast-les-bonnes-pratiques/&amp;notes=Le%20web%20est%20souvent%20un%20mauvais%20exemple%20en%20terme%20de%20qualit%C3%A9%2C%20d%27ergonomie%20ou%20d%27accessibilit%C3%A9.%20La%20faute%20%C3%A0%20des%20techniques%20vari%C3%A9es%2C%20des%20usages%20approximatifs%2C%20ou%20%C3%A0%20une%20%C3%A9volution%20rapide%20des%20de%20ces%20techniques%20et%20de%20ces%20usages.%0D%0A%0D%0APourtant%20avec%20le%20peu%20de%20recul%20que%20nous%20donne%20le%20web%2C%20des%20initiatives%20permettent%20de%20hausser%20un%20peu%20le%20niveau.%20Les%20normes%20du%20W3C%20par%20exemple%20permettent%20par%20leur%20respect%20de%20garantir%20que%20le%20document%20sera%20interpr%C3%A9table%20par%20tout%20les%20navigateurs.%20Les%20r%C3%A9f%C3%A9rentiels%20d%27accessibilit%C3%A9%20permettent%20aux%20utilisateurs%20ayant%20une%20quelconque%20d%C3%A9ficience%20de%20pouvoir%20surfer%20avec%20une%20contrainte%20moindre.%20Le%20projet%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Opquast+%3A+Sites+web%2C+les+bonnes+pratiques&amp;link=http://www.webaaz.com/2010/06/opquast-les-bonnes-pratiques/&amp;notes=Le%20web%20est%20souvent%20un%20mauvais%20exemple%20en%20terme%20de%20qualit%C3%A9%2C%20d%27ergonomie%20ou%20d%27accessibilit%C3%A9.%20La%20faute%20%C3%A0%20des%20techniques%20vari%C3%A9es%2C%20des%20usages%20approximatifs%2C%20ou%20%C3%A0%20une%20%C3%A9volution%20rapide%20des%20de%20ces%20techniques%20et%20de%20ces%20usages.%0D%0A%0D%0APourtant%20avec%20le%20peu%20de%20recul%20que%20nous%20donne%20le%20web%2C%20des%20initiatives%20permettent%20de%20hausser%20un%20peu%20le%20niveau.%20Les%20normes%20du%20W3C%20par%20exemple%20permettent%20par%20leur%20respect%20de%20garantir%20que%20le%20document%20sera%20interpr%C3%A9table%20par%20tout%20les%20navigateurs.%20Les%20r%C3%A9f%C3%A9rentiels%20d%27accessibilit%C3%A9%20permettent%20aux%20utilisateurs%20ayant%20une%20quelconque%20d%C3%A9ficience%20de%20pouvoir%20surfer%20avec%20une%20contrainte%20moindre.%20Le%20projet%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Opquast+%3A+Sites+web%2C+les+bonnes+pratiques&amp;link=http://www.webaaz.com/2010/06/opquast-les-bonnes-pratiques/&amp;notes=Le%20web%20est%20souvent%20un%20mauvais%20exemple%20en%20terme%20de%20qualit%C3%A9%2C%20d%27ergonomie%20ou%20d%27accessibilit%C3%A9.%20La%20faute%20%C3%A0%20des%20techniques%20vari%C3%A9es%2C%20des%20usages%20approximatifs%2C%20ou%20%C3%A0%20une%20%C3%A9volution%20rapide%20des%20de%20ces%20techniques%20et%20de%20ces%20usages.%0D%0A%0D%0APourtant%20avec%20le%20peu%20de%20recul%20que%20nous%20donne%20le%20web%2C%20des%20initiatives%20permettent%20de%20hausser%20un%20peu%20le%20niveau.%20Les%20normes%20du%20W3C%20par%20exemple%20permettent%20par%20leur%20respect%20de%20garantir%20que%20le%20document%20sera%20interpr%C3%A9table%20par%20tout%20les%20navigateurs.%20Les%20r%C3%A9f%C3%A9rentiels%20d%27accessibilit%C3%A9%20permettent%20aux%20utilisateurs%20ayant%20une%20quelconque%20d%C3%A9ficience%20de%20pouvoir%20surfer%20avec%20une%20contrainte%20moindre.%20Le%20projet%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/06/opquast-les-bonnes-pratiques/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Développer en équipe</title><link>http://www.webaaz.com/2010/06/developper-en-equipe/</link> <comments>http://www.webaaz.com/2010/06/developper-en-equipe/#comments</comments> <pubDate>Wed, 02 Jun 2010 15:26:41 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Analyse]]></category> <category><![CDATA[Développement]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Méthodologie]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Bonnes pratiques]]></category> <category><![CDATA[Communication]]></category> <category><![CDATA[Documentation]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=885</guid> <description><![CDATA[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... <strong>Avec une bonne communication le travail est simplifié, à condition d'avoir la documentation adéquate</strong>. <img
src="/images/2010/06/communication.jpg" alt="Antennes" width="570" height="250" /><a
title="Photo de minusbaby depuis Flickr" href="http://www.flickr.com/photos/57068770@N00/7828774">Photo de minusbaby depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Le travail en groupe n&#8217;est pas toujours évident, notamment quand tous les acteurs ne sont pas proches physiquement, que l&#8217;équipe évolue ou que les profils qui la composent sont variés&#8230; <strong>Avec une bonne communication le travail est simplifié, à condition d&#8217;avoir la documentation adéquate</strong>.</p><p><img
src="/images/2010/06/communication.jpg" alt="Antennes" width="570" height="250" /><a
title="Photo de minusbaby depuis Flickr" href="http://www.flickr.com/photos/57068770@N00/7828774">Photo de minusbaby depuis Flickr</a></p><p><strong>Mais il faut surtout se doter des bons outils&#8230;</strong></p><h2>Communication</h2><p>La communication est la base du travail d&#8217;équipe. Il est important de connaître son équipe visuellement. Le contact physique apporte beaucoup dans la relation et facilite les échanges à distance. L&#8217;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.<br
/> Il est aussi important de connaître son équipe visuellement. Le contact physique apporte beaucoup dans la relation et facilite les échanges à distance.</p><h3>Réunion</h3><p>Rien de pire que les réunions à rallonge ou rien ne se décide, mais elles sont pourtant indispensables pour avancer. L&#8217;idéal à mon avis est de les limiter tout en les multipliant. Je m&#8217;explique. Moins de réunions longues avec toute l&#8217;équipe, mais plus de réunions courtes voire très courtes avec juste les personnes concernées pour faire des points d&#8217;avancements, des points techniques&#8230;</p><p><strong>Pour qu&#8217;une réunion soit efficace, elle doit capter les intervenants et les faire participer sans les lasser !</strong></p><h3>Messagerie instantanée</h3><p>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 <strong>sur des sujets peu sensibles mais qui nécessitent une réponse simple et rapide</strong>.</p><h3>Mails</h3><p>Le mail a l&#8217;avantage de pouvoir garder une trace des échanges, avec éventuellement un tri par conversations, par projet&#8230; <strong>Intéressant pour archiver des demandes ou des décisions dont on pourrait avoir à prouver l&#8217;existence</strong>.<br
/> C&#8217;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&#8217;avoir de multiples versions de documents en cours d&#8217;utilisation.<br
/> Si l&#8217;on vous envoie un document, des données, classer les sur le réseau dans un wiki, mais pas dans vos mails, ce n&#8217;est pas fait pour cela.</p><h3>Téléphone</h3><p>A mon avis, très proche de la messagerie instantanée, les mêmes contraintes voire plus si le destinataire de l&#8217;appel est absent.<br
/> N&#8217;oubliez pas de valider les points importants par un mail récapitulatif.</p><h3>Visio-conférence</h3><p>Indispensable pour du travail à distance, même si l&#8217;on ne s&#8217;en sert pas systématiquement, elle apporte un plus, <strong>couplée à des outils tels que des tableaux blancs, elle apporte de l&#8217;interactivité et simplifie les rapports humains</strong>.</p><h2>Sources &#038; documentation</h2><p>Tout projet de développement n&#8217;existe pas sans sources et documentation. A plus ou moins grande échelle il est vrai. C&#8217;est pourquoi <strong>il est primordial de mettre en place les outils et les processus associés pour gagner en productivité et en qualité</strong>.</p><h3>Gestion des versions</h3><p>C&#8217;est l&#8217;outil de base, et pourtant tout le monde ne l&#8217;utilise pas encore. Au forum PHP 2009, pas plus de la moitié de l&#8217;audience d&#8217;une des conférences n&#8217;a levé la main pour dire qu&#8217;il l&#8217;utilisait. Je m&#8217;attendait à du 99%, surtout au regard de l&#8217;assistance plutôt « geek ».</p><p>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&#8217;intégrer les modifications d&#8217;autres développeurs à son code.</p><p>Bien évidemment <strong>il faut apporter une attention particulière à l&#8217;utilisation de ces outils, sans commentaires de qualité et sans soumissions régulières, l&#8217;intérêt s&#8217;amenuise&#8230;</strong></p><h3>Gestion documentaire</h3><p>Bien souvent c&#8217;est juste un dossier sur le réseau ou chacun peut écrire et lire des documents au format Word ou Excel. C&#8217;est une limitation gênante car à moins d&#8217;avoir une rigueur et des process sans failles, il n&#8217;est pas évident de tenir à jour ses documents et de les versionner&#8230;</p><p><strong>Passer un outil de gestion électronique de documents apporte un plus important avec l&#8217;ajout de méta données, une gestion des accès et des différentes versions facilitée</strong>.</p><h3>Wiki</h3><p>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&#8217;équipe, une présentation complète du projet avec une liste des différents outils et leurs emplacements&#8230;</p><p><strong>Cet un outil vivant et simple à prendre en main, un vrai plus pour centraliser les informations !</strong></p><h3>Gestion de tickets</h3><p>Pour échanger sur les nouvelles fonctionnalités ou les bugs, peu importe qu&#8217;on utilise Mantis, Trac ou Redmine, l&#8217;important est de l&#8217;utiliser et de bien documenter toutes les actions afin d&#8217;avoir une traçabilité sans faille, ces données doivent souvent être reprises par d&#8217;autres membres de l&#8217;équipe qui doivent comprendre ce que vous avez voulu dire ou faire sous peine de voir des régressions ou d&#8217;autres bugs surgir&#8230;<br
/> Et si vous pouvez <strong>intégrer le avec votre outil de versionning pour simplifier l&#8217;interaction entre les deux</strong>.</p><h2>Intranets, Extranets, Cloud&#8230;</h2><p>Certains Intranets ou Extranet regroupent une partie de ces outils, pour avoir un maximum d&#8217;efficacité, ils doivent êtres intégrés et inter-connectés de façon cohérente pour maximiser les</p><p>Sur mes projets personnels j&#8217;utilise Google Apps qui apporte tout un lot d&#8217;outils bien intégrés les uns aux autres et mes permet de gérer ma communication et ma documentation. Avec l&#8217;intégration progressive de tous les outils dans cette suite logicielle, elle va encore gagner en utilisabilité et permettre d&#8217;accroitre encore la productivité de ses utilisateurs.</p><h2>Conclusion</h2><p>É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 !</p><p><strong>Voilà mon avis de développeur, j&#8217;aimerai avoir votre avis, de développeur, de chef de projet, de client&#8230; Laissez un commentaire !</strong><br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/04/la-gestion-des-versions/" rel="bookmark" title="23 avril 2009">La gestion des versions</a></li><li><a
href="http://www.webaaz.com/2009/04/mysql-gui-tools/" rel="bookmark" title="24 avril 2009">MySQL GUI Tools</a></li><li><a
href="http://www.webaaz.com/2010/03/pencil-sketching/" rel="bookmark" title="23 mars 2010">Maquettage avec Pencil Sketching</a></li><li><a
href="http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/" rel="bookmark" title="22 décembre 2009">Les plugins Firefox : Colorzilla</a></li><li><a
href="http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/" rel="bookmark" title="28 septembre 2009">Comparaison et fusion de fichiers et de dossiers</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper+en+%C3%A9quipe&amp;link=http://www.webaaz.com/2010/06/developper-en-equipe/&amp;notes=Le%20travail%20en%20groupe%20n%27est%20pas%20toujours%20%C3%A9vident%2C%20notamment%20quand%20tous%20les%20acteurs%20ne%20sont%20pas%20proches%20physiquement%2C%20que%20l%27%C3%A9quipe%20%C3%A9volue%20ou%20que%20les%20profils%20qui%20la%20composent%20sont%20vari%C3%A9s...%20Avec%20une%20bonne%20communication%20le%20travail%20est%20simplifi%C3%A9%2C%20%C3%A0%20condition%20d%27avoir%20la%20documentation%20ad%C3%A9quate.%0D%0A%0D%0APhoto%20de%20minusbaby%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Le%20travail%20en%20groupe%20n%27est%20pas%20toujours%20%C3%A9vident%2C%20notamment%20quand%20tous%20les%20acteurs%20ne%20sont%20pas%20proches%20physiquement%2C%20que%20l%27%C3%A9quipe%20%C3%A9volue%20ou%20que%20les%20profils%20qui%20la%20composent%20sont%20vari%C3%A9s...%20Avec%20une%20bonne%20communication%20le%20travail%20est%20simplifi%C3%A9%2C%20%C3%A0%20condition%20d%27avoir%20la%20documentation%20ad%C3%A9quate.%0D%0A%0D%0APhoto%20de%20minusbaby%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper%20en%20%C3%A9quipe&amp;link=http://www.webaaz.com/2010/06/developper-en-equipe/&amp;notes=Le%20travail%20en%20groupe%20n%27est%20pas%20toujours%20%C3%A9vident%2C%20notamment%20quand%20tous%20les%20acteurs%20ne%20sont%20pas%20proches%20physiquement%2C%20que%20l%27%C3%A9quipe%20%C3%A9volue%20ou%20que%20les%20profils%20qui%20la%20composent%20sont%20vari%C3%A9s...%20Avec%20une%20bonne%20communication%20le%20travail%20est%20simplifi%C3%A9%2C%20%C3%A0%20condition%20d%27avoir%20la%20documentation%20ad%C3%A9quate.%0D%0A%0D%0APhoto%20de%20minusbaby%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper+en+%C3%A9quipe&amp;link=http://www.webaaz.com/2010/06/developper-en-equipe/&amp;notes=Le%20travail%20en%20groupe%20n%27est%20pas%20toujours%20%C3%A9vident%2C%20notamment%20quand%20tous%20les%20acteurs%20ne%20sont%20pas%20proches%20physiquement%2C%20que%20l%27%C3%A9quipe%20%C3%A9volue%20ou%20que%20les%20profils%20qui%20la%20composent%20sont%20vari%C3%A9s...%20Avec%20une%20bonne%20communication%20le%20travail%20est%20simplifi%C3%A9%2C%20%C3%A0%20condition%20d%27avoir%20la%20documentation%20ad%C3%A9quate.%0D%0A%0D%0APhoto%20de%20minusbaby%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper+en+%C3%A9quipe&amp;link=http://www.webaaz.com/2010/06/developper-en-equipe/&amp;notes=Le%20travail%20en%20groupe%20n%27est%20pas%20toujours%20%C3%A9vident%2C%20notamment%20quand%20tous%20les%20acteurs%20ne%20sont%20pas%20proches%20physiquement%2C%20que%20l%27%C3%A9quipe%20%C3%A9volue%20ou%20que%20les%20profils%20qui%20la%20composent%20sont%20vari%C3%A9s...%20Avec%20une%20bonne%20communication%20le%20travail%20est%20simplifi%C3%A9%2C%20%C3%A0%20condition%20d%27avoir%20la%20documentation%20ad%C3%A9quate.%0D%0A%0D%0APhoto%20de%20minusbaby%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper+en+%C3%A9quipe&amp;link=http://www.webaaz.com/2010/06/developper-en-equipe/&amp;notes=Le%20travail%20en%20groupe%20n%27est%20pas%20toujours%20%C3%A9vident%2C%20notamment%20quand%20tous%20les%20acteurs%20ne%20sont%20pas%20proches%20physiquement%2C%20que%20l%27%C3%A9quipe%20%C3%A9volue%20ou%20que%20les%20profils%20qui%20la%20composent%20sont%20vari%C3%A9s...%20Avec%20une%20bonne%20communication%20le%20travail%20est%20simplifi%C3%A9%2C%20%C3%A0%20condition%20d%27avoir%20la%20documentation%20ad%C3%A9quate.%0D%0A%0D%0APhoto%20de%20minusbaby%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper+en+%C3%A9quipe&amp;link=http://www.webaaz.com/2010/06/developper-en-equipe/&amp;notes=Le%20travail%20en%20groupe%20n%27est%20pas%20toujours%20%C3%A9vident%2C%20notamment%20quand%20tous%20les%20acteurs%20ne%20sont%20pas%20proches%20physiquement%2C%20que%20l%27%C3%A9quipe%20%C3%A9volue%20ou%20que%20les%20profils%20qui%20la%20composent%20sont%20vari%C3%A9s...%20Avec%20une%20bonne%20communication%20le%20travail%20est%20simplifi%C3%A9%2C%20%C3%A0%20condition%20d%27avoir%20la%20documentation%20ad%C3%A9quate.%0D%0A%0D%0APhoto%20de%20minusbaby%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/06/developper-en-equipe/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Les plugins Firefox : XRefresh</title><link>http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/</link> <comments>http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/#comments</comments> <pubDate>Thu, 18 Feb 2010 16:28:09 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Code]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Feuille de style]]></category> <category><![CDATA[Firebug]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[Intégration]]></category> <category><![CDATA[XRefresh]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=523</guid> <description><![CDATA[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é <a
title="Lire l'article sur l'extension Firefox : Firebug" href="http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/">Firebug</a>, 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é. <img
src="/images/2010/03/glacons-bleus.jpg" alt="Glaçons bleus" width="570" height="250" /> <a
title="Photo de Darrren Hester depuis Flickr" href="http://www.flickr.com/photos/42179515@N06/3903638350">Photo de Darrren Hester depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Firefox est la référence incontesté pour les développeurs web. Son rendu est excellent, mais c&#8217;est surtout pour la multitude d&#8217;outils qu&#8217;il propose qu&#8217;il fait la différence. Je vous avais déjà présenté <a
title="Lire l'article sur l'extension Firefox : Firebug" href="http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/">Firebug</a>, 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&#8217;autres plugins pour répondre à tout type de fonctionnalité.</p><p><img
src="/images/2010/03/glacons-bleus.jpg" alt="Glaçons bleus" width="570" height="250" /><br
/> <a
title="Photo de Darrren Hester depuis Flickr" href="http://www.flickr.com/photos/42179515@N06/3903638350" class="broken_link">Photo de Darrren Hester depuis Flickr</a></p><h2>Installation</h2><p>Cette extension est disponible sur le site d&#8217;extensions de Firefox et sur le site de l&#8217;éditeur :</p><ul><li><a
title="Voir l'extension Firebug pour Firefox" href="https://addons.mozilla.org/fr/firefox/addon/1843">Installer Firebug pour Firefox</a></li><li><a
title="" href="http://xrefresh.binaryage.com">Voir le site de l&#8217;éditeur</a></li></ul><p>Il n&#8217;existe qu&#8217;une version pour Windows et OSX pour le moment mais une version Linux devrait suivre.</p><h2>Présentation</h2><p>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 !</p><p>Ce plugin nécessite l&#8217;installation d&#8217;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&#8217;il en détecte une il passe le relais au plugin qui se charge de modifier la page en conséquence !</p><p>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.</p><h2>Conclusion</h2><p>Même si c&#8217;est idéal avec deux écrans, avec un seul grand, il y a déjà moyen de bien en profiter. Au final c&#8217;est plus simple que d&#8217;éditer les propriétés CSS directement dans Firebug.</p><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/" rel="bookmark" title="3 septembre 2009">Les plugins Firefox : Firebug</a></li><li><a
href="http://www.webaaz.com/2009/11/outils-edition-de-fichiers-avec-notepad/" rel="bookmark" title="24 novembre 2009">Outils : Edition de fichiers avec Notepad++</a></li><li><a
href="http://www.webaaz.com/2009/10/outils-xml-cooktop/" rel="bookmark" title="15 octobre 2009">Outils XML : Cooktop</a></li><li><a
href="http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/" rel="bookmark" title="22 décembre 2009">Les plugins Firefox : Colorzilla</a></li><li><a
href="http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/" rel="bookmark" title="28 septembre 2009">Comparaison et fusion de fichiers et de dossiers</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Les%20plugins%20Firefox%20%3A%20XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Optimiser son site web</title><link>http://www.webaaz.com/2009/10/optimiser-son-site-web/</link> <comments>http://www.webaaz.com/2009/10/optimiser-son-site-web/#comments</comments> <pubDate>Thu, 01 Oct 2009 16:00:03 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Développement]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[Non classé]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Apprendre]]></category> <category><![CDATA[Bonnes pratiques]]></category> <category><![CDATA[Code source]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Feuille de style]]></category> <category><![CDATA[Optimisation]]></category> <category><![CDATA[Performance]]></category> <category><![CDATA[Références]]></category> <category><![CDATA[Standard]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=267</guid> <description><![CDATA[La vitesse d'affichage d'un site web est très importante pour capter les visiteurs. Les internautes sont dans l'instantanéité et ne veulent pas attendre pour voir votre page. Avec quelques astuces simple à mettre en place, vous pouvez retenir vos visiteurs et améliorer leur expérience d'utilisateur, ce qui les incitera à revenir.
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
<img
src="/images/vitesse-lumiere.jpg" alt="La vitesse de la lumière" width="570" height="250" /> <a
title="Photo de GemMoth depuis Flickr" href="http://www.flickr.com/photos/24658593@N07/3426209850">Photo de GemMoth depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>La vitesse d&#8217;affichage d&#8217;un site web est très importante pour capter les visiteurs. Les internautes sont dans l&#8217;instantanéité et ne veulent pas attendre pour voir votre page. Avec quelques astuces simple à mettre en place, vous pouvez retenir vos visiteurs et améliorer leur expérience d&#8217;utilisateur, ce qui les incitera à revenir.</p><p>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&#8217;au bout, l&#8217;effet sera bénéfique en termes d&#8217;audience, et votre taux de transformation devrait augmenter lui aussi.</p><p>Voici donc quelques conseils, et quelques références afin de maîtriser le sujet</p><p><img
src="/images/vitesse-lumiere.jpg" alt="La vitesse de la lumière" width="570" height="250" /><br
/> <a
title="Photo de GemMoth depuis Flickr" href="http://www.flickr.com/photos/24658593@N07/3426209850">Photo de GemMoth depuis Flickr</a></p><h2>L&#8217;optimisation c&#8217;est quoi ?</h2><p>On peut voir dans un premier temps l&#8217;optimisation comme la mise en œuvre des moyens disponibles pour améliorer l&#8217;existant. Un second temps permet d&#8217;accentuer encore les performances en ajoutant de nouveaux moyens. Nous traiterons uniquement du premier point ici. Changer d&#8217;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.</p><h2>Quelques statistiques</h2><p>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&#8217;on ajoute a cela que le nombre de connexion <a
title="Voir la définition de RTC sur Wikipédia" href="http://fr.wikipedia.org/wiki/R%C3%A9seau_t%C3%A9l%C3%A9phonique_commut%C3%A9"><acronym
title="Réseau Téléphonique Commuté">RTC</acronym></a> est encore non négligeable aux États-Unis par exemple.</p><p>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.</p><p>A partir de 4 secondes d’attente on perd massivement les visiteurs&#8230;</p><h2>Que doit on améliorer ?</h2><p>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&#8230;</p><p>Des outils sont là pour vous aider à identifier les points importants parmi lesquels on trouve des plugins Firefox :</p><ul><li><a
title="Voir Yslow" href="https://addons.mozilla.org/fr/firefox/addon/5369">Yslow</a></li><li><a
title="Voir GooglePageSpeed" href="http://code.google.com/intl/fr/speed/page-speed/download.html" hreflang="en">Google Page Speed</a></li></ul><p>Et des sites de mesure de performance :</p><ul><li><a
title="Voir site-perf" href="http://site-perf.com/" hreflang="en">site-perf</a></li><li><a
title="Voir IBM Page Detailer" href="http://www.alphaworks.ibm.com/tech/pagedetailer" hreflang="en">IBM Page Detailer</a></li><li><a
title="Voir Web Pagetest" href="http://www.webpagetest.org/" hreflang="en">Web Pagetest</a></li></ul><p>Notez que ces derniers pourrons vous permettre de tester votre site depuis l&#8217;autre bout du monde et voir les impacts que cela a sur votre site.</p><p>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.</p><h2>Optimisation de la configuration du serveur</h2><h3>La mise en cache</h3><p>La mise en place d&#8217;un cache côté serveur est une bonne chose et permettra de fournir un contenu plus rapidement à l&#8217;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&#8217;ils sont déjà venus auparavant ou parce que vous partagez des ressources avec d&#8217;autres sites via des <a
title="Voir la définition de CDN sur Wikipédia" href="http://fr.wikipedia.org/wiki/Content_Delivery_Network"><acronym
title="Content Delivery Network">CDN</acronym></a>.<br
/> 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.</p><p>Configurez donc votre serveur pour qu&#8217;il envoie des indications de mise en cache au navigateur.</p><h3>La compression des données</h3><p>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.</p><ul><li><a
title="Voir le test de compression de pages web" href="http://www.port80software.com/tools/compresscheck.asp" hreflang="en">Tests de compression de pages web</a></li><li><a
title="Voir le visualiseur de ressources réseau" href="http://tools.pingdom.com/" hreflang="en">Visualiseur de ressources réseau</a></li></ul><h3>ETags</h3><p>Désactivez les ETags si le site est en cluster. Leur performance est alors très aléatoire. Si vous n&#8217;avez pas de cluster, vous pouvez les laisser, même si YSlow vous fait la remarque.</p><h3>Impacts de la latence réseau</h3><p>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.</p><p>Il est donc important de limiter le nombre de composants à charger par page.</p><p>L&#8217;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&#8217;abus de cette techniques pourrait avoir l&#8217;effet inverse en engorgeant le serveur de connexions persistantes inutiles.</p><p>Pour la concaténation de vos fichiers, un module d&#8217;Apache permet de faire le travail côté serveur, je ne l&#8217;ai pas testé, mais j&#8217;attends vos retours sur le sujet dans les commentaires :</p><ul><li><a
title="Voir le module d'Apache mod_concat" href="http://code.google.com/p/modconcat/">Mod_concat</a></li></ul><h2>Optimisation du code source</h2><h3>HTML</h3><p>Un code standard limite le travail de l’interpréteur HTML, par rapport à un code illisible que le navigateur devra corriger à la volée.<br
/> Limiter la profondeur du DOM pour limiter le reflow, c&#8217;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 <a
title="Voir la définition de reflow sur Mozilla" href="http://www.mozilla.org/newlayout/doc/reflow.html" class="broken_link">reflow</a>.</p><p>Vous devez limiter les iframes qui sont coûteuses en termes de performances, même vides.</p><h3>CSS</h3><p>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.</p><p>Mettre les scripts en début de page pour que le navigateur puisse faire la mise en page le plus tôt possible.<br
/> L&#8217;utilisation conjointe de scripts externes minimisés, permet de gagner jusqu&#8217;à 25% du poids des feuilles de style.</p><p>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 !</p><h3>Javascript</h3><p>Pour les bibliothèques génériques (jQuery, Dojo&#8230;) l&#8217;utilisation d&#8217;un cache central (google, yahoo…) permet comme pour les CSS de partager un cache avec tous les autres utilisateurs du CDN.</p><p>Pour optimiser encore mettez les scripts en fin de page. Le navigateur pourra afficher la page correctement avant de les charger, et l&#8217;utilisateur pourra naviguer avant la fin du chargement. Le temps qu&#8217;il interagisse avec la page, le Javascript sera chargé.</p><p>Comme pour les CCS, des scripts externes minimisés, permettent de gagner jusqu&#8217;à un tiers du poids des fichiers.</p><ul><li><a
title="Voir l'optimiseur de CSS CSSOptimiser" href="http://www.cssoptimiser.com/" hreflang="en">CSSOptimiser</a></li><li><a
title="Voir l'optimiseur de CSS CleanCSS" href="http://www.cleancss.com/" hreflang="en">CleanCSS</a></li></ul><p>Et dans vos scripts utilisez des sélecteurs précis basés sur l’id et pas sur les classes css, l&#8217;identifiant étant unique la navigateur retrouve plus facilement la balise demandée; que si il doit analyser toutes celles de la page.</p><h3>Ajax</h3><p>Ajax permet d&#8217;améliorer le ressenti utilisateur en limitant le rechargement de la page au strict minimum. C&#8217;est donc une bonne piste d&#8217;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.<br
/> 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&#8217;envoyer du code HTML pur !</p><h2>Optimisation des images</h2><h3>Les formats d&#8217;image</h3><p>En JPEG on peut gagner jusqu&#8217;à 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.</p><p>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 !</p><p>Le GIF ne devrait jamais être utilisé, sauf éventuellement pour du GIF animé.</p><h3>Sprites et métadatas</h3><p>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 !</p><ul><li><a
title="Voir l'article sur les sprites sur Pompage.net" href="http://www.pompage.net/pompe/sprites/">Sprites CSS : Meurs, découpe d’images, meurs !</a></li><li><a
title="Voir le cr&Atilde;&copy;ateur de sprites CSSSprites" href="http://csssprites.com/" hreflang="en">CSSSprites</a></li><li><a
title="Voir le créateur de sprites SpriteGen" href="http://spritegen.website-performance.org" hreflang="en">SpriteGen</a></li></ul><p>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.</p><ul><li><a
title="Voir le site de PNGCrush" href="http://pmt.sourceforge.net/pngcrush/" hreflang="en">PNGCrush</a></li><li><a
title="Voir le site d'OptiPNG" href="http://optipng.sourceforge.net" hreflang="en">OptiPNG</a></li><li><a
title="Voir le site de PunyPNG" href="http://www.gracepointafterfive.com/punypng" hreflang="en">PunyPNG</a></li></ul><h3>Favicon</h3><p>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&#8217;erreur personnalisée est lourde.</p><p>Ma référence pour avoir des information et des tests sur le traitement des images :</p><ul><li><a
title="Voir le site CSS-IG" href="http://www.css-ig.net/">CSS-IG : Optimisation Web, format PNG</a></li></ul><h2>D&#8217;autres pistes d&#8217;optimisation</h2><p>Il faut à tout prix limiter les redirections sur la page d’accueil, cela augmente la latence et n&#8217;est souvent qu&#8217;un mauvais palliatif à une solution plus pérenne. Ce n&#8217;est d&#8217;ailleurs pas bon non plus pour votre référencement.</p><h3>Les cookies</h3><p>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&#8217;il s n&#8217;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.</p><h3>DNS</h3><p>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 &laquo;&nbsp;vieux&nbsp;&raquo; 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.</p><h3>Buffer</h3><p>Il est important également d&#8217;envoyer votre buffer le plus rapidement possible. L&#8217;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.</p><h2>Références utiles</h2><p>Une des meilleures références sur le sujet est en français. Vous y trouverez beaucoup d&#8217;explications</p><ul><li><a
title="Voir le blog d'Éric Daspet" href="">Le blog d&#8217;Éric Daspet sur les performances web</a></li></ul><p>Les autres en anglais sont aussi de très bonne facture :</p><ul><li><a
title="Voir le site de Yahoo" href="http://developer.yahoo.com/performance/rules.html" hreflang="en">Les bonnes pratiques par Yahoo</a></li><li><a
title="Voir le site de Google" href="http://code.google.com/intl/fr/speed/page-speed/docs/rules_intro.html" hreflang="en">Les bonnes pratiques par Google</a></li><li><a
title="Voir le blog de Steve Souders" href="http://stevesouders.com/" hreflang="en">Le blog de Steve Souders</a></li></ul><h2>Conclusion</h2><p>Une fois tous ces éléments mis en place, votre site doit avoir retrouvé de sa vigueur et si tout n&#8217;est pas encore parfait, il est peut être temps de passer à l&#8217;é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.</p><p>un livre sur le sujet devrait paraitre bientôt, je ne manquerai pas de vous tenir informé !</p><p>Merci à <a
title="Voir le site d'Éric Daspet" href="http://eric.daspet.name/">Eric Daspet</a> de m&#8217;avoir ouvert les yeux sur ce sujet aussi utile que passionnant.<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/" rel="bookmark" title="28 avril 2010">Les générateurs de sprites CSS</a></li><li><a
href="http://www.webaaz.com/2009/05/bien-utiliser-les-feuilles-de-style-css/" rel="bookmark" title="15 mai 2009">Bien utiliser les feuilles de style (CSS)</a></li><li><a
href="http://www.webaaz.com/2010/08/recette-et-environnements-de-test/" rel="bookmark" title="9 août 2010">Recette &#038; environnements de test</a></li><li><a
href="http://www.webaaz.com/2011/11/utiliser-chrome-et-violer-la-neutralite/" rel="bookmark" title="2 novembre 2011">Utiliser Chrome et violer la neutralité ?</a></li><li><a
href="http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/" rel="bookmark" title="22 décembre 2009">Les plugins Firefox : Colorzilla</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+son+site+web&amp;link=http://www.webaaz.com/2009/10/optimiser-son-site-web/&amp;notes=La%20vitesse%20d%27affichage%20d%27un%20site%20web%20est%20tr%C3%A8s%20importante%20pour%20capter%20les%20visiteurs.%20Les%20internautes%20sont%20dans%20l%27instantan%C3%A9it%C3%A9%20et%20ne%20veulent%20pas%20attendre%20pour%20voir%20votre%20page.%20Avec%20quelques%20astuces%20simple%20%C3%A0%20mettre%20en%20place%2C%20vous%20pouvez%20retenir%20vos%20visiteurs%20et%20am%C3%A9liorer%20leur%20exp%C3%A9rience%20d%27utilisateur%2C%20ce%20qui%20les%20incitera%20%C3%A0%20revenir.%0D%0A%0D%0AIl%20faut%20bien%20avoir%20en%20t%C3%AAte%20que%20ce%20sont%20les%20petits%20gains%20par%20ci%20par%20l%C3%A0%20qui%20feront%20la%20diff%C3%A9rence.%20Cela%20vous%20demandera%20finalement%20assez%20peu%20de%20travail%20pour%20les%20premiers%20r%C3%A9sultats%20et%20beaucoup%20plus%20pour%20arriver%20%C3%A0%20un%20r%C3%A9sultat%20parfait.%20Mais%20m%C3%AAme%20sans%20pousser%20la%20d%C3%A9marche%20jusqu%27au%20bout%2C%20l%27effet%20sera%20b%C3%A9n%C3%A9fique%20en%20termes%20d%27audience%2C%20et%20votre%20taux%20de%20transformation%20devrait%20augmenter%20lui%20aussi.%0D%0A%0D%0AVoici%20donc%20quelques%20conseils%2C%20et%20quelques%20r%C3%A9f%C3%A9rences%20afin%20de%20ma%C3%AEtriser%20le%20sujet%0D%0A%0D%0A%0D%0APhoto%20de%20GemMoth%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=La%20vitesse%20d%27affichage%20d%27un%20site%20web%20est%20tr%C3%A8s%20importante%20pour%20capter%20les%20visiteurs.%20Les%20internautes%20sont%20dans%20l%27instantan%C3%A9it%C3%A9%20et%20ne%20veulent%20pas%20attendre%20pour%20voir%20votre%20page.%20Avec%20quelques%20astuces%20simple%20%C3%A0%20mettre%20en%20place%2C%20vous%20pouvez%20retenir%20vos%20visiteurs%20et%20am%C3%A9liorer%20leur%20exp%C3%A9rience%20d%27utilisateur%2C%20ce%20qui%20les%20incitera%20%C3%A0%20revenir.%0D%0A%0D%0AIl%20faut%20bien%20avoir%20en%20t%C3%AAte%20que%20ce%20sont%20les%20petits%20gains%20par%20ci%20par%20l%C3%A0%20qui%20feront%20la%20diff%C3%A9rence.%20Cela%20vous%20demandera%20finalement%20assez%20peu%20de%20travail%20pour%20les%20premiers%20r%C3%A9sultats%20et%20beaucoup%20plus%20pour%20arriver%20%C3%A0%20un%20r%C3%A9sultat%20parfait.%20Mais%20m%C3%AAme%20sans%20pousser%20la%20d%C3%A9marche%20jusqu%27au%20bout%2C%20l%27effet%20sera%20b%C3%A9n%C3%A9fique%20en%20termes%20d%27audience%2C%20et%20votre%20taux%20de%20transformation%20devrait%20augmenter%20lui%20aussi.%0D%0A%0D%0AVoici%20donc%20quelques%20conseils%2C%20et%20quelques%20r%C3%A9f%C3%A9rences%20afin%20de%20ma%C3%AEtriser%20le%20sujet%0D%0A%0D%0A%0D%0APhoto%20de%20GemMoth%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser%20son%20site%20web&amp;link=http://www.webaaz.com/2009/10/optimiser-son-site-web/&amp;notes=La%20vitesse%20d%27affichage%20d%27un%20site%20web%20est%20tr%C3%A8s%20importante%20pour%20capter%20les%20visiteurs.%20Les%20internautes%20sont%20dans%20l%27instantan%C3%A9it%C3%A9%20et%20ne%20veulent%20pas%20attendre%20pour%20voir%20votre%20page.%20Avec%20quelques%20astuces%20simple%20%C3%A0%20mettre%20en%20place%2C%20vous%20pouvez%20retenir%20vos%20visiteurs%20et%20am%C3%A9liorer%20leur%20exp%C3%A9rience%20d%27utilisateur%2C%20ce%20qui%20les%20incitera%20%C3%A0%20revenir.%0D%0A%0D%0AIl%20faut%20bien%20avoir%20en%20t%C3%AAte%20que%20ce%20sont%20les%20petits%20gains%20par%20ci%20par%20l%C3%A0%20qui%20feront%20la%20diff%C3%A9rence.%20Cela%20vous%20demandera%20finalement%20assez%20peu%20de%20travail%20pour%20les%20premiers%20r%C3%A9sultats%20et%20beaucoup%20plus%20pour%20arriver%20%C3%A0%20un%20r%C3%A9sultat%20parfait.%20Mais%20m%C3%AAme%20sans%20pousser%20la%20d%C3%A9marche%20jusqu%27au%20bout%2C%20l%27effet%20sera%20b%C3%A9n%C3%A9fique%20en%20termes%20d%27audience%2C%20et%20votre%20taux%20de%20transformation%20devrait%20augmenter%20lui%20aussi.%0D%0A%0D%0AVoici%20donc%20quelques%20conseils%2C%20et%20quelques%20r%C3%A9f%C3%A9rences%20afin%20de%20ma%C3%AEtriser%20le%20sujet%0D%0A%0D%0A%0D%0APhoto%20de%20GemMoth%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+son+site+web&amp;link=http://www.webaaz.com/2009/10/optimiser-son-site-web/&amp;notes=La%20vitesse%20d%27affichage%20d%27un%20site%20web%20est%20tr%C3%A8s%20importante%20pour%20capter%20les%20visiteurs.%20Les%20internautes%20sont%20dans%20l%27instantan%C3%A9it%C3%A9%20et%20ne%20veulent%20pas%20attendre%20pour%20voir%20votre%20page.%20Avec%20quelques%20astuces%20simple%20%C3%A0%20mettre%20en%20place%2C%20vous%20pouvez%20retenir%20vos%20visiteurs%20et%20am%C3%A9liorer%20leur%20exp%C3%A9rience%20d%27utilisateur%2C%20ce%20qui%20les%20incitera%20%C3%A0%20revenir.%0D%0A%0D%0AIl%20faut%20bien%20avoir%20en%20t%C3%AAte%20que%20ce%20sont%20les%20petits%20gains%20par%20ci%20par%20l%C3%A0%20qui%20feront%20la%20diff%C3%A9rence.%20Cela%20vous%20demandera%20finalement%20assez%20peu%20de%20travail%20pour%20les%20premiers%20r%C3%A9sultats%20et%20beaucoup%20plus%20pour%20arriver%20%C3%A0%20un%20r%C3%A9sultat%20parfait.%20Mais%20m%C3%AAme%20sans%20pousser%20la%20d%C3%A9marche%20jusqu%27au%20bout%2C%20l%27effet%20sera%20b%C3%A9n%C3%A9fique%20en%20termes%20d%27audience%2C%20et%20votre%20taux%20de%20transformation%20devrait%20augmenter%20lui%20aussi.%0D%0A%0D%0AVoici%20donc%20quelques%20conseils%2C%20et%20quelques%20r%C3%A9f%C3%A9rences%20afin%20de%20ma%C3%AEtriser%20le%20sujet%0D%0A%0D%0A%0D%0APhoto%20de%20GemMoth%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+son+site+web&amp;link=http://www.webaaz.com/2009/10/optimiser-son-site-web/&amp;notes=La%20vitesse%20d%27affichage%20d%27un%20site%20web%20est%20tr%C3%A8s%20importante%20pour%20capter%20les%20visiteurs.%20Les%20internautes%20sont%20dans%20l%27instantan%C3%A9it%C3%A9%20et%20ne%20veulent%20pas%20attendre%20pour%20voir%20votre%20page.%20Avec%20quelques%20astuces%20simple%20%C3%A0%20mettre%20en%20place%2C%20vous%20pouvez%20retenir%20vos%20visiteurs%20et%20am%C3%A9liorer%20leur%20exp%C3%A9rience%20d%27utilisateur%2C%20ce%20qui%20les%20incitera%20%C3%A0%20revenir.%0D%0A%0D%0AIl%20faut%20bien%20avoir%20en%20t%C3%AAte%20que%20ce%20sont%20les%20petits%20gains%20par%20ci%20par%20l%C3%A0%20qui%20feront%20la%20diff%C3%A9rence.%20Cela%20vous%20demandera%20finalement%20assez%20peu%20de%20travail%20pour%20les%20premiers%20r%C3%A9sultats%20et%20beaucoup%20plus%20pour%20arriver%20%C3%A0%20un%20r%C3%A9sultat%20parfait.%20Mais%20m%C3%AAme%20sans%20pousser%20la%20d%C3%A9marche%20jusqu%27au%20bout%2C%20l%27effet%20sera%20b%C3%A9n%C3%A9fique%20en%20termes%20d%27audience%2C%20et%20votre%20taux%20de%20transformation%20devrait%20augmenter%20lui%20aussi.%0D%0A%0D%0AVoici%20donc%20quelques%20conseils%2C%20et%20quelques%20r%C3%A9f%C3%A9rences%20afin%20de%20ma%C3%AEtriser%20le%20sujet%0D%0A%0D%0A%0D%0APhoto%20de%20GemMoth%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+son+site+web&amp;link=http://www.webaaz.com/2009/10/optimiser-son-site-web/&amp;notes=La%20vitesse%20d%27affichage%20d%27un%20site%20web%20est%20tr%C3%A8s%20importante%20pour%20capter%20les%20visiteurs.%20Les%20internautes%20sont%20dans%20l%27instantan%C3%A9it%C3%A9%20et%20ne%20veulent%20pas%20attendre%20pour%20voir%20votre%20page.%20Avec%20quelques%20astuces%20simple%20%C3%A0%20mettre%20en%20place%2C%20vous%20pouvez%20retenir%20vos%20visiteurs%20et%20am%C3%A9liorer%20leur%20exp%C3%A9rience%20d%27utilisateur%2C%20ce%20qui%20les%20incitera%20%C3%A0%20revenir.%0D%0A%0D%0AIl%20faut%20bien%20avoir%20en%20t%C3%AAte%20que%20ce%20sont%20les%20petits%20gains%20par%20ci%20par%20l%C3%A0%20qui%20feront%20la%20diff%C3%A9rence.%20Cela%20vous%20demandera%20finalement%20assez%20peu%20de%20travail%20pour%20les%20premiers%20r%C3%A9sultats%20et%20beaucoup%20plus%20pour%20arriver%20%C3%A0%20un%20r%C3%A9sultat%20parfait.%20Mais%20m%C3%AAme%20sans%20pousser%20la%20d%C3%A9marche%20jusqu%27au%20bout%2C%20l%27effet%20sera%20b%C3%A9n%C3%A9fique%20en%20termes%20d%27audience%2C%20et%20votre%20taux%20de%20transformation%20devrait%20augmenter%20lui%20aussi.%0D%0A%0D%0AVoici%20donc%20quelques%20conseils%2C%20et%20quelques%20r%C3%A9f%C3%A9rences%20afin%20de%20ma%C3%AEtriser%20le%20sujet%0D%0A%0D%0A%0D%0APhoto%20de%20GemMoth%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+son+site+web&amp;link=http://www.webaaz.com/2009/10/optimiser-son-site-web/&amp;notes=La%20vitesse%20d%27affichage%20d%27un%20site%20web%20est%20tr%C3%A8s%20importante%20pour%20capter%20les%20visiteurs.%20Les%20internautes%20sont%20dans%20l%27instantan%C3%A9it%C3%A9%20et%20ne%20veulent%20pas%20attendre%20pour%20voir%20votre%20page.%20Avec%20quelques%20astuces%20simple%20%C3%A0%20mettre%20en%20place%2C%20vous%20pouvez%20retenir%20vos%20visiteurs%20et%20am%C3%A9liorer%20leur%20exp%C3%A9rience%20d%27utilisateur%2C%20ce%20qui%20les%20incitera%20%C3%A0%20revenir.%0D%0A%0D%0AIl%20faut%20bien%20avoir%20en%20t%C3%AAte%20que%20ce%20sont%20les%20petits%20gains%20par%20ci%20par%20l%C3%A0%20qui%20feront%20la%20diff%C3%A9rence.%20Cela%20vous%20demandera%20finalement%20assez%20peu%20de%20travail%20pour%20les%20premiers%20r%C3%A9sultats%20et%20beaucoup%20plus%20pour%20arriver%20%C3%A0%20un%20r%C3%A9sultat%20parfait.%20Mais%20m%C3%AAme%20sans%20pousser%20la%20d%C3%A9marche%20jusqu%27au%20bout%2C%20l%27effet%20sera%20b%C3%A9n%C3%A9fique%20en%20termes%20d%27audience%2C%20et%20votre%20taux%20de%20transformation%20devrait%20augmenter%20lui%20aussi.%0D%0A%0D%0AVoici%20donc%20quelques%20conseils%2C%20et%20quelques%20r%C3%A9f%C3%A9rences%20afin%20de%20ma%C3%AEtriser%20le%20sujet%0D%0A%0D%0A%0D%0APhoto%20de%20GemMoth%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/10/optimiser-son-site-web/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Comparaison et fusion de fichiers et de dossiers</title><link>http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/</link> <comments>http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/#comments</comments> <pubDate>Mon, 28 Sep 2009 05:00:39 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Code source]]></category> <category><![CDATA[Comparaison de fichiers]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Fusion]]></category> <category><![CDATA[Merge]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[Tortoise]]></category> <category><![CDATA[Version]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=288</guid> <description><![CDATA[Travailler avec plusieurs versions d'un fichier peut être problématique. Dès que l'on doit appliquer certaines modifications d'un fichier sur un autre, ou les comparer pour analyser les changements, la démarche est souvent fastidieuse. Et pour peu que l'on doive comparer des dossier la tâche se complique encore...
Il existe des logiciels simples pour faire ce travail de comparaison. Voici donc une présentation d'un outil libre et gratuit, Winmerge.
<img
src="http://www.webaaz.com/images/2009/09/dossiers.jpg" alt="La vitesse de la lumière" width="570" height="250" /> <a
title="Photo de gomattolson depuis Flickr" href="http://www.flickr.com/photos/57537089@N00/3917375752">Photo de gomattolson depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Travailler avec plusieurs versions d&#8217;un fichier peut être problématique. Dès que l&#8217;on doit appliquer certaines modifications d&#8217;un fichier sur un autre, ou les comparer pour analyser les changements, la démarche est souvent fastidieuse. Et pour peu que l&#8217;on doive comparer des dossier la tâche se complique encore&#8230;</p><p>Il existe des logiciels simples pour faire ce travail de comparaison. Voici donc une présentation d&#8217;un outil libre et gratuit, Winmerge.</p><p><img
src="http://www.webaaz.com/images/2009/09/dossiers.jpg" alt="La vitesse de la lumière" width="570" height="250" /><br
/> <a
title="Photo de gomattolson depuis Flickr" href="http://www.flickr.com/photos/57537089@N00/3917375752">Photo de gomattolson depuis Flickr</a></p><h2>Présentation de l&#8217;outil</h2><p>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&#8217;un fichier à l&#8217;autre d&#8217;un simple clic pour fusionner les documents.<br
/> Il supporte la comparaison de fichiers aux formats texte DOS, UNIX et MAC.</p><p>WinMerge propose de comparer des répertoires complets en filtrant éventuellement sur l&#8217;extension des fichiers à comparer.</p><h2>Fonctionnalités annexes</h2><p>Il s&#8217;intègre dans le menu contextuel et autorise la sélection de fichiers par glisser/déposer. Et si vous utilisez <a
title="Voir l'article sur TortoiseSVN sur Webaaz.com" href="http://www.webaaz.com/2009/04/la-gestion-des-versions/">TortoiseSVN</a> pour la gestion des version de fichier sur vos projets, vous pouvez intégrer WinMerge à la place de l&#8217;outil par défaut.</p><h2>Téléchargement &#038; installation</h2><p><a
title="Voir le site officiel de WinMerge" href="http://winmerge.org/">Installer Winmerge</a></p><h2>Alternatives</h2><p>Pour les utilisateurs d&#8217;environnement Linux il existe de multiples alternatives libres et gratuites qui devraient vous satisfaire :</p><ul><li><a
title="Voir le site officiel de Meld" href="http://meld.sourceforge.net/index.html">Meld</a></li><li><a
title="Voir le site officiel de Kompare" href="http://www.caffeinated.me.uk/kompare/">Kompare</a></li></ul><p>Si vous avez des astuces pour simplifier la comparaison et la fusion de fichiers, les commentaires sont là pour ça !<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/11/outils-edition-de-fichiers-avec-notepad/" rel="bookmark" title="24 novembre 2009">Outils : Edition de fichiers avec Notepad++</a></li><li><a
href="http://www.webaaz.com/2009/04/mysql-gui-tools/" rel="bookmark" title="24 avril 2009">MySQL GUI Tools</a></li><li><a
href="http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/" rel="bookmark" title="22 décembre 2009">Les plugins Firefox : Colorzilla</a></li><li><a
href="http://www.webaaz.com/2009/10/outils-xml-cooktop/" rel="bookmark" title="15 octobre 2009">Outils XML : Cooktop</a></li><li><a
href="http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/" rel="bookmark" title="18 février 2010">Les plugins Firefox : XRefresh</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison+et+fusion+de+fichiers+et+de+dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison%20et%20fusion%20de%20fichiers%20et%20de%20dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison+et+fusion+de+fichiers+et+de+dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison+et+fusion+de+fichiers+et+de+dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison+et+fusion+de+fichiers+et+de+dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison+et+fusion+de+fichiers+et+de+dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Trouver un bon hébergeur web !</title><link>http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/</link> <comments>http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/#comments</comments> <pubDate>Tue, 18 Aug 2009 08:44:48 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Non classé]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[Apprendre]]></category> <category><![CDATA[dédié]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Hébergeur]]></category> <category><![CDATA[Logiciel]]></category> <category><![CDATA[Mutualisé]]></category> <category><![CDATA[PHP5]]></category> <category><![CDATA[Références]]></category> <category><![CDATA[Serveur web]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=218</guid> <description><![CDATA[Pour tout projet web, l'hébergement est un passage indispensable. On trouve aujourd'hui des milliers d'offres, pour tous les budgets, avec toutes sortes d'options, pour héberger de la simple page perso au site marchand, ou tout simplement votre blog ! J'ai déjà eu l'occasion personnellement ou professionnellement de tester un bon nombre d'entre eux. Je viens d'ailleurs de changer le mien afin d'avoir plus de possibilité techniques.
Partageons donc ces expériences, voici quelques conseils pour trouver l'<a
title="Voir la définition d'hébergeur web sur Wikipédia" href="http://fr.wikipedia.org/wiki/H%C3%A9bergeur_web">hébergeur web</a> 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. <img
src="/images/maisons-san-cristobal.jpg" alt="Maisons à flanc de montagne à San Cristobal" width="570" height="250" /> <a
title="Photo de edgar asencios depuis Flickr" href="http://www.flickr.com/photos/26954153@N07/3030519403">Photo de edgar asencios depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Pour tout projet web, l&#8217;hébergement est un passage indispensable. On trouve aujourd&#8217;hui des milliers d&#8217;offres, pour tous les budgets, avec toutes sortes d&#8217;options, pour héberger de la simple page perso au site marchand, ou tout simplement votre blog ! J&#8217;ai déjà eu l&#8217;occasion personnellement ou professionnellement de tester un bon nombre d&#8217;entre eux. Je viens d&#8217;ailleurs de changer le mien afin d&#8217;avoir plus de possibilité techniques.</p><p>Partageons donc ces expériences, voici quelques conseils pour trouver l&#8217;<a
title="Voir la définition d'hébergeur web sur Wikipédia" href="http://fr.wikipedia.org/wiki/H%C3%A9bergeur_web">hébergeur web</a> 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.</p><p><img
src="/images/maisons-san-cristobal.jpg" alt="Maisons à flanc de montagne à San Cristobal" width="570" height="250" /><br
/> <a
title="Photo de edgar asencios depuis Flickr" href="http://www.flickr.com/photos/26954153@N07/3030519403">Photo de edgar asencios depuis Flickr</a></p><h2>Identifier le besoin</h2><p>Nous n&#8217;aborderons pas ici les points techniques, vous savez bien si vous avez besoin de PHP5 ou de Java, d&#8217;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.</p><h3>Basique</h3><p>Le premier point important est d&#8217;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&#8217;hébergement premier prix sur des <a
title="Voir la définition d'hébergement mutualisé sur Wikipédia" href="http://fr.wikipedia.org/wiki/H%C3%A9bergement_mutualis%C3%A9">serveurs mutualisés</a> sont légions il faudra juste faire attention aux détails (version des base de données, paramétrage de PHP&#8230;). Comptez entre 0€ et 4€ par mois en moyenne.</p><h3>Modéré</h3><p>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&#8217;obtenir de très bons rapports performance/prix. Il faudra prévoir un budget entre 3€ et 10€ par mois.</p><h3>Important</h3><p>Si votre capacité financière le permet et si l&#8217;importance de votre projet le nécessite, vous pouvez passer sur un <a
title="Voir la définition de serveur dédié sur Wikipédia" href="http://fr.wikipedia.org/wiki/Serveur_d%C3%A9di%C3%A9">serveur dédié</a>, 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&#8217;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&#8217;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.</p><p>Un autre type d&#8217;offre se développe maintenant, la <a
title="Voir la définition de la virtualisation sur Wikipédia" href="http://fr.wikipedia.org/wiki/Virtualisation_(informatique)">virtualisation</a>. 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&#8217;ensemble pour ajouter de la puissance de calcul si les besoins augmentent ou baisser automatiquement quand la charge redescend.</p><p>A terme j&#8217;imagine que tous les hébergement seront sur la base de serveurs virtuels, tant cela apporte en termes de souplesse autant à l&#8217;hébergeur qu&#8217;a l&#8217;hébergé.</p><h2>Gratuit contre payant</h2><p>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 <abbr
title="Fournisseur d'Accès Internet">FAI</abbr> et une offre payante bon marché. Si vous débutez n&#8217;hésitez pas à tester vos première pages sur un hébergement gratuit, et si le besoin s&#8217;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&#8217;un gratuit, les offres évoluent plus souvent pour suivre les avancées techniques, les temps d&#8217;indisponibilités seront plus faibles, et vous ne serez pas limité sur certaines options comme l&#8217;envoi de mail par exemple.</p><h2>Mutualisé contre dédié</h2><p>Là encore à moins d&#8217;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&#8217;à ce que le serveur dédié s&#8217;impose.</p><p>Une autre bonne raison de passer au serveur dédié est d&#8217;avoir besoin de spécificités techniques qu&#8217;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&#8217;un OS spécifique, ou tout simplement d&#8217;avoir la main pour redémarrer suivant vos besoins, vous pourrez également changer de versions logicielles quand bon vous semble, et pas quand l&#8217;hébergeur l&#8217;aura décidé. Si votre application est critique, c&#8217;est le bon choix.</p><p>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&#8217;est une autre histoire&#8230;</p><p>Et si vous n&#8217;y connaissez rien mais que vos besoin vous obligent à prendre un serveur dédié, des solutions d&#8217;<a
title="Voir la définition d'infogérance sur Wikipédia" href="http://fr.wikipedia.org/wiki/Infog%C3%A9rance">inforgérance</a> vous permettent de laisser la partie technique à un prestataire compétent.</p><h2>Et le cloud computing alors ? Et les CDN ?</h2><p>Une autre possibilité s&#8217;offre à vous si vous avez de gros besoins c&#8217;est la nouvelle tendance du moment : Le <a
title="Voir la définition de cloud computing sur Wikipédia" href="http://fr.wikipedia.org/wiki/Informatique_dans_les_nuages">cloud computing</a>. On est dans la virtualisation mais avec des moyens infinis grâce à des <a
title="Voir la définition de datacenter sur Wikipédia" href="http://fr.wikipedia.org/wiki/Centre_de_traitement_des_donn%C3%A9es">datacenters</a> 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.<br
/> Vous pouvez donc imaginer utiliser ce &laquo;&nbsp;système en nuages&nbsp;&raquo; pour héberger votre application ou juste pour effectuer des calculs coûteux en ressources via un webservice.</p><p>Si vos besoins sont importants en termes de ressources statiques notamment si vous souhaitez disposer d&#8217;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 <a
title="Voir la définition de CDN sur Wikipédia" href="http://fr.wikipedia.org/wiki/Content_Delivery_Network"><acronym
title="Content Delivery Network">CDN</acronym></a>. Certains services offrent même une offre de base gratuite, idéale pour se faire une idée.</p><h2>Trouver des avis</h2><p>Alors avant de franchir le pas et de vous jeter sur le premier hébergeur venu, essayez d&#8217;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&#8217;hébergeur dans Google, vous devriez déjà en savoir un peu plus. D&#8217;autres solutions existent, des comparateurs d&#8217;hébergement existent, ils recensent les offres et les avis des consommateurs. Demandez également autour de vous, aujourd&#8217;hui on connait tous quelqu&#8217;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.<br
/> Regardez aussi les forums de l&#8217;hébergeur, pour voir si les clients se plaignent et si les réponses apportées sont de qualité ou si l&#8217;hébergeur ne s&#8217;en préoccupe même pas !</p><h2>Tester</h2><p>Certains hébergeur proposent une période de test gratuit, ou un accès au panneau d&#8217;administration, profitez-en pour pour vérifier que l&#8217;hébergement tient toutes ses promesses et que l&#8217;ergonomie de l&#8217;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.<br
/> 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 !</p><h2>Mes choix</h2><p>Voici les hébergeurs dont je suis satisfait :</p><ul><li><a
title="Voir les offres d'h&Atilde;&copy;bergement d'OVH" href="http://www.ovh.com/fr/index.xml">OVH</a></li><li><a
title="Voir les offres d'hébergement de Nuxit" href="http://www.nuxit.com/">Nuxit</a></li></ul><p>Je suis resté plusieurs années chez Nuxit, et je viens de migrer chez OVH car j&#8217;avais des besoins particuliers, notamment un serveur SVN et un accès SSH. Nuxit ne proposant pas ces options, j&#8217;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&#8217;ai jamais eu à m&#8217;en plaindre et je vous le recommande fortement.</p><p>Pour ce qui est d&#8217;OVH, je n&#8217;ai pas encore le recul nécessaire, mais sa réputation est bonne et pour le moment je n&#8217;ai pas à m&#8217;en plaindre, tout fonctionne très bien.</p><h2>Prévoir les montées en charge</h2><p>Pensez à vérifier que votre hébergeur proposent d&#8217;autres offres vous permettant d&#8217;upgrader votre solution facilement si le besoin s&#8217;en fait sentir, cela vous évitera des désagréments.<br
/> Pensez aussi à bien optimiser vos sites web, bien souvent une optimisation permet d&#8217;éviter de prendre une offre plus coûteuse pour le même résultat.</p><h2>Ne pas mettre tous ses œufs dans le même panier</h2><p>Si vous avez plusieurs sites, n&#8217;hésitez pas à prendre des hébergements séparés pour gérer séparément chaque site. Vous aurez ainsi la possibilité d&#8217;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&#8217;impactera pas directement les autres&#8230; C&#8217;est cette solution que j&#8217;ai prise dernièrement, et au final cela ne me coûte pas plus cher pour une plus grande souplesse.</p><h2>L&#8217;hébergement maison</h2><p>Je n&#8217;ai pas abordé ce sujet, mais la possibilité existe d&#8217;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&#8230; Cette solution n&#8217;est donc pas viable dans la très grande majorité des cas.</p><h2>Vérifier que tout est fonctionne bien</h2><p>Une fois que votre site est en place, surveillez le activement pour voir si il n&#8217;est pas indisponible, vérifiez les statistiques, le temps de chargement des pages, et n&#8217;hésitez pas à faire des retours et des suggestions au service technique afin d&#8217;améliorer la qualité du service.</p><p>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&#8230;</p><p>Avez vous vous aussi des conseils ou des expériences à partager sur le sujet ?<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2010/07/trouver-un-bon-hebergeur-web-quels-criteres/" rel="bookmark" title="20 juillet 2010">Trouver un bon hebergeur web, quels critères ?</a></li><li><a
href="http://www.webaaz.com/2009/04/la-gestion-des-versions/" rel="bookmark" title="23 avril 2009">La gestion des versions</a></li><li><a
href="http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/" rel="bookmark" title="6 juin 2009">Les bons outils pour PHP (partie 2)</a></li><li><a
href="http://www.webaaz.com/2009/12/bien-definir-son-projet-de-site-web/" rel="bookmark" title="15 décembre 2009">Bien définir son projet de site web</a></li><li><a
href="http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/" rel="bookmark" title="15 juillet 2009">Les plugins Firefox : FoxyProxy</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+un+bon+h%C3%A9bergeur+web+%21&amp;link=http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/&amp;notes=Pour%20tout%20projet%20web%2C%20l%27h%C3%A9bergement%20est%20un%20passage%20indispensable.%20On%20trouve%20aujourd%27hui%20des%20milliers%20d%27offres%2C%20pour%20tous%20les%20budgets%2C%20avec%20toutes%20sortes%20d%27options%2C%20pour%20h%C3%A9berger%20de%20la%20simple%20page%20perso%20au%20site%20marchand%2C%20ou%20tout%20simplement%20votre%20blog%20%21%20J%27ai%20d%C3%A9j%C3%A0%20eu%20l%27occasion%20personnellement%20ou%20professionnellement%20de%20tester%20un%20bon%20nombre%20d%27entre%20eux.%20Je%20viens%20d%27ailleurs%20de%20changer%20le%20mien%20afin%20d%27avoir%20plus%20de%20possibilit%C3%A9%20techniques.%0D%0A%0D%0APartageons%20donc%20ces%20exp%C3%A9riences%2C%20voici%20quelques%20conseils%20pour%20trouver%20l%27h%C3%A9bergeur%20web%20qui%20correspond%20%C3%A0%20vos%20besoins%2C%20en%20termes%20de%20capacit%C3%A9%20de%20stockage%2C%20de%20bande%20passante%2C%20de%20technologies%20utilis%C3%A9e%2C%20de%20support%20ou%20de%20qualit%C3%A9s%20de%20service.%0D%0A%0D%0A%0D%0APhoto%20de%20edgar%20asencios%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Pour%20tout%20projet%20web%2C%20l%27h%C3%A9bergement%20est%20un%20passage%20indispensable.%20On%20trouve%20aujourd%27hui%20des%20milliers%20d%27offres%2C%20pour%20tous%20les%20budgets%2C%20avec%20toutes%20sortes%20d%27options%2C%20pour%20h%C3%A9berger%20de%20la%20simple%20page%20perso%20au%20site%20marchand%2C%20ou%20tout%20simplement%20votre%20blog%20%21%20J%27ai%20d%C3%A9j%C3%A0%20eu%20l%27occasion%20personnellement%20ou%20professionnellement%20de%20tester%20un%20bon%20nombre%20d%27entre%20eux.%20Je%20viens%20d%27ailleurs%20de%20changer%20le%20mien%20afin%20d%27avoir%20plus%20de%20possibilit%C3%A9%20techniques.%0D%0A%0D%0APartageons%20donc%20ces%20exp%C3%A9riences%2C%20voici%20quelques%20conseils%20pour%20trouver%20l%27h%C3%A9bergeur%20web%20qui%20correspond%20%C3%A0%20vos%20besoins%2C%20en%20termes%20de%20capacit%C3%A9%20de%20stockage%2C%20de%20bande%20passante%2C%20de%20technologies%20utilis%C3%A9e%2C%20de%20support%20ou%20de%20qualit%C3%A9s%20de%20service.%0D%0A%0D%0A%0D%0APhoto%20de%20edgar%20asencios%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver%20un%20bon%20h%C3%A9bergeur%20web%20%21&amp;link=http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/&amp;notes=Pour%20tout%20projet%20web%2C%20l%27h%C3%A9bergement%20est%20un%20passage%20indispensable.%20On%20trouve%20aujourd%27hui%20des%20milliers%20d%27offres%2C%20pour%20tous%20les%20budgets%2C%20avec%20toutes%20sortes%20d%27options%2C%20pour%20h%C3%A9berger%20de%20la%20simple%20page%20perso%20au%20site%20marchand%2C%20ou%20tout%20simplement%20votre%20blog%20%21%20J%27ai%20d%C3%A9j%C3%A0%20eu%20l%27occasion%20personnellement%20ou%20professionnellement%20de%20tester%20un%20bon%20nombre%20d%27entre%20eux.%20Je%20viens%20d%27ailleurs%20de%20changer%20le%20mien%20afin%20d%27avoir%20plus%20de%20possibilit%C3%A9%20techniques.%0D%0A%0D%0APartageons%20donc%20ces%20exp%C3%A9riences%2C%20voici%20quelques%20conseils%20pour%20trouver%20l%27h%C3%A9bergeur%20web%20qui%20correspond%20%C3%A0%20vos%20besoins%2C%20en%20termes%20de%20capacit%C3%A9%20de%20stockage%2C%20de%20bande%20passante%2C%20de%20technologies%20utilis%C3%A9e%2C%20de%20support%20ou%20de%20qualit%C3%A9s%20de%20service.%0D%0A%0D%0A%0D%0APhoto%20de%20edgar%20asencios%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+un+bon+h%C3%A9bergeur+web+%21&amp;link=http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/&amp;notes=Pour%20tout%20projet%20web%2C%20l%27h%C3%A9bergement%20est%20un%20passage%20indispensable.%20On%20trouve%20aujourd%27hui%20des%20milliers%20d%27offres%2C%20pour%20tous%20les%20budgets%2C%20avec%20toutes%20sortes%20d%27options%2C%20pour%20h%C3%A9berger%20de%20la%20simple%20page%20perso%20au%20site%20marchand%2C%20ou%20tout%20simplement%20votre%20blog%20%21%20J%27ai%20d%C3%A9j%C3%A0%20eu%20l%27occasion%20personnellement%20ou%20professionnellement%20de%20tester%20un%20bon%20nombre%20d%27entre%20eux.%20Je%20viens%20d%27ailleurs%20de%20changer%20le%20mien%20afin%20d%27avoir%20plus%20de%20possibilit%C3%A9%20techniques.%0D%0A%0D%0APartageons%20donc%20ces%20exp%C3%A9riences%2C%20voici%20quelques%20conseils%20pour%20trouver%20l%27h%C3%A9bergeur%20web%20qui%20correspond%20%C3%A0%20vos%20besoins%2C%20en%20termes%20de%20capacit%C3%A9%20de%20stockage%2C%20de%20bande%20passante%2C%20de%20technologies%20utilis%C3%A9e%2C%20de%20support%20ou%20de%20qualit%C3%A9s%20de%20service.%0D%0A%0D%0A%0D%0APhoto%20de%20edgar%20asencios%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+un+bon+h%C3%A9bergeur+web+%21&amp;link=http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/&amp;notes=Pour%20tout%20projet%20web%2C%20l%27h%C3%A9bergement%20est%20un%20passage%20indispensable.%20On%20trouve%20aujourd%27hui%20des%20milliers%20d%27offres%2C%20pour%20tous%20les%20budgets%2C%20avec%20toutes%20sortes%20d%27options%2C%20pour%20h%C3%A9berger%20de%20la%20simple%20page%20perso%20au%20site%20marchand%2C%20ou%20tout%20simplement%20votre%20blog%20%21%20J%27ai%20d%C3%A9j%C3%A0%20eu%20l%27occasion%20personnellement%20ou%20professionnellement%20de%20tester%20un%20bon%20nombre%20d%27entre%20eux.%20Je%20viens%20d%27ailleurs%20de%20changer%20le%20mien%20afin%20d%27avoir%20plus%20de%20possibilit%C3%A9%20techniques.%0D%0A%0D%0APartageons%20donc%20ces%20exp%C3%A9riences%2C%20voici%20quelques%20conseils%20pour%20trouver%20l%27h%C3%A9bergeur%20web%20qui%20correspond%20%C3%A0%20vos%20besoins%2C%20en%20termes%20de%20capacit%C3%A9%20de%20stockage%2C%20de%20bande%20passante%2C%20de%20technologies%20utilis%C3%A9e%2C%20de%20support%20ou%20de%20qualit%C3%A9s%20de%20service.%0D%0A%0D%0A%0D%0APhoto%20de%20edgar%20asencios%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+un+bon+h%C3%A9bergeur+web+%21&amp;link=http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/&amp;notes=Pour%20tout%20projet%20web%2C%20l%27h%C3%A9bergement%20est%20un%20passage%20indispensable.%20On%20trouve%20aujourd%27hui%20des%20milliers%20d%27offres%2C%20pour%20tous%20les%20budgets%2C%20avec%20toutes%20sortes%20d%27options%2C%20pour%20h%C3%A9berger%20de%20la%20simple%20page%20perso%20au%20site%20marchand%2C%20ou%20tout%20simplement%20votre%20blog%20%21%20J%27ai%20d%C3%A9j%C3%A0%20eu%20l%27occasion%20personnellement%20ou%20professionnellement%20de%20tester%20un%20bon%20nombre%20d%27entre%20eux.%20Je%20viens%20d%27ailleurs%20de%20changer%20le%20mien%20afin%20d%27avoir%20plus%20de%20possibilit%C3%A9%20techniques.%0D%0A%0D%0APartageons%20donc%20ces%20exp%C3%A9riences%2C%20voici%20quelques%20conseils%20pour%20trouver%20l%27h%C3%A9bergeur%20web%20qui%20correspond%20%C3%A0%20vos%20besoins%2C%20en%20termes%20de%20capacit%C3%A9%20de%20stockage%2C%20de%20bande%20passante%2C%20de%20technologies%20utilis%C3%A9e%2C%20de%20support%20ou%20de%20qualit%C3%A9s%20de%20service.%0D%0A%0D%0A%0D%0APhoto%20de%20edgar%20asencios%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+un+bon+h%C3%A9bergeur+web+%21&amp;link=http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/&amp;notes=Pour%20tout%20projet%20web%2C%20l%27h%C3%A9bergement%20est%20un%20passage%20indispensable.%20On%20trouve%20aujourd%27hui%20des%20milliers%20d%27offres%2C%20pour%20tous%20les%20budgets%2C%20avec%20toutes%20sortes%20d%27options%2C%20pour%20h%C3%A9berger%20de%20la%20simple%20page%20perso%20au%20site%20marchand%2C%20ou%20tout%20simplement%20votre%20blog%20%21%20J%27ai%20d%C3%A9j%C3%A0%20eu%20l%27occasion%20personnellement%20ou%20professionnellement%20de%20tester%20un%20bon%20nombre%20d%27entre%20eux.%20Je%20viens%20d%27ailleurs%20de%20changer%20le%20mien%20afin%20d%27avoir%20plus%20de%20possibilit%C3%A9%20techniques.%0D%0A%0D%0APartageons%20donc%20ces%20exp%C3%A9riences%2C%20voici%20quelques%20conseils%20pour%20trouver%20l%27h%C3%A9bergeur%20web%20qui%20correspond%20%C3%A0%20vos%20besoins%2C%20en%20termes%20de%20capacit%C3%A9%20de%20stockage%2C%20de%20bande%20passante%2C%20de%20technologies%20utilis%C3%A9e%2C%20de%20support%20ou%20de%20qualit%C3%A9s%20de%20service.%0D%0A%0D%0A%0D%0APhoto%20de%20edgar%20asencios%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/08/trouver-un-bon-hebergeur-web/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Les plugins Firefox : FoxyProxy</title><link>http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/</link> <comments>http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/#comments</comments> <pubDate>Wed, 15 Jul 2009 08:59:17 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[Proxy]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=164</guid> <description><![CDATA[Voilà donc le premier article consacré aux plugins de Firefox. Ces "bouts de code", "modules" ou addons que l'on intègre directement dans notre navigateur afin de lui ajouter de nouvelles possibilités, sont aujourd'hui indispensables au développeur web.
Simple à installer, intégrés dans le navigateur, multiplateforme, ils sont d'une utilisation souvent très simple mais apportent non seulement des fonctionnalités inédites, mais un confort d'utilisation exemplaire. On y gagne en efficacité, productivité, inventivité... Que du bonheur donc...
<img
src="/images/veins-of-Bangkok.jpg" alt="Échangeur autoroutier" /> <a
title="Photo de Stuck in Customs depuis Flickr" href="http://www.flickr.com/photos/95572727@N00/310074290">Photo de Stuck in Customs depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Voilà donc le premier article consacré aux plugins de Firefox. Ces &laquo;&nbsp;bouts de code&nbsp;&raquo;, &laquo;&nbsp;modules&nbsp;&raquo; ou &laquo;&nbsp;addons&nbsp;&raquo; que l&#8217;on intègre directement dans notre navigateur afin de lui ajouter de nouvelles possibilités, sont aujourd&#8217;hui indispensables au développeur web.</p><p>Simple à installer, intégrés dans le navigateur, multiplateforme, ils sont d&#8217;une utilisation souvent très simple mais apportent non seulement des fonctionnalités inédites, mais un confort d&#8217;utilisation exemplaire. On y gagne en efficacité, productivité, inventivité&#8230; Que du bonheur donc&#8230;</p><p><img
src="/images/veins-of-Bangkok.jpg" alt="Échangeur autoroutier" /><br
/> <a
title="Photo de Stuck in Customs depuis Flickr" href="http://www.flickr.com/photos/95572727@N00/310074290">Photo de Stuck in Customs depuis Flickr</a></p><h2>pourquoi faire ?</h2><p>Je commence donc avec FoxyProxy, un gestionnaire avancé de configuration de proxy qui remplacera avantageusement celui plus simpliste de Firefox si vous avez des besoins plus élaborés. pour ma part le besoin s&#8217;est fait ressentir chez un client qui possède un réseau énorme. La configuration automatique du proxy ne me convenait, mon but était donc de paramétrer au plus juste les règles d&#8217;utilisation du serveur proxy.</p><h2>Comment ca marche ?</h2><p>Le module se configure à partir de listes blanches et noires, et de définitions de serveurs proxy.</p><p>Vous définissez ainsi quels sites (définis soit par ip, par plage d&#8217;ip, par nom ou expression régulière) doit utiliser quel proxy ou se connecter en direct à Internet. Votre navigateur sait ainsi en analysant votre requête de quelle manière il va se connecter au réseau.<br
/> Vous pouvez bien entendu déclarer un accès par défaut au réseau, et activer ou désactiver une règle d&#8217;un simple clic.</p><p>FoxyProxy peut aussi vous permettre d&#8217;accéder à une ressource réseau bloquée (dans certains pays par exemple) en passant par un serveur proxy public&#8230;</p><h2>Aide &#038; Support pour la configuration</h2><p>Vous trouverez certainement réponse à vos question dans la <a
tile="Voir la faq de FoxyProxy" href="http://foxyproxy.mozdev.org/faq.html" hreflang="en"><acronym
title="Foire aux Questions">FAQ</acronym></a> de Foxy Proxy.</p><p>Un <a
title="Voir le forum d'entraide de FoxyProxy" href="http://foxyproxy.mozdev.org/drupal/forum" hreflang="en">forum d&#8217;entraide</a>, d&#8217;échange d&#8217;astuces et de soumission de bugs vous permettra de répondre à tous les autres problèmes que vous pourrez rencontrer.</p><h2>Ou le trouver ?</h2><p>Vous pouvez le trouver sur l&#8217;indispensable site qui regroupe <a
title="Site de téléchargement des modules de Firefox" href="https://addons.mozilla.org/fr/firefox/">tous les modules de Firefox</a>, ou directement à l&#8217;adresse suivante :</p><ul><li><a
title="Aller sur le site des modules Firefox pour installer FoxyProxy" href="https://addons.mozilla.org/fr/firefox/addon/2464">Installer FoxyProxy</a></li></ul><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/" rel="bookmark" title="22 décembre 2009">Les plugins Firefox : Colorzilla</a></li><li><a
href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/" rel="bookmark" title="20 juin 2009">Navigateur Web standard : Firefox</a></li><li><a
href="http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/" rel="bookmark" title="18 février 2010">Les plugins Firefox : XRefresh</a></li><li><a
href="http://www.webaaz.com/2009/11/outils-edition-de-fichiers-avec-notepad/" rel="bookmark" title="24 novembre 2009">Outils : Edition de fichiers avec Notepad++</a></li><li><a
href="http://www.webaaz.com/2009/04/mysql-gui-tools/" rel="bookmark" title="24 avril 2009">MySQL GUI Tools</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Les%20plugins%20Firefox%20%3A%20FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Les bons outils pour PHP (partie 2)</title><link>http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/</link> <comments>http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/#comments</comments> <pubDate>Sat, 06 Jun 2009 17:46:11 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[Apache]]></category> <category><![CDATA[Cms]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Framework]]></category> <category><![CDATA[IDE]]></category> <category><![CDATA[MySQL]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[PHP5]]></category> <category><![CDATA[Serveur web]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=92</guid> <description><![CDATA[Voici la seconde partie de cet article sur PHP. Nous parlerons ici des outils, utiles pour bien développer avec PHP. La première partie d'introduction du sujet s'intitule <a
title="Lire l'article bien développer en PHP" href="/2009/06/bien-developper-en-php-partie-1">bien développer avec PHP</a> <img
src="/images/elephant-nantes.jpg" alt="L'éléphant de la troupe Royal de Luxe" /> <a
title="Photo de Stéfan depuis Flickr" href="http://www.flickr.com/photos/49462908@N00/746089951">Photo de Stéfan depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Voici la seconde partie de cet article sur PHP. Nous parlerons ici des outils, utiles pour bien développer avec PHP. La première partie d&#8217;introduction du sujet s&#8217;intitule <a
title="Lire l'article bien développer en PHP" href="/2009/06/bien-developper-en-php-partie-1">bien développer avec PHP</a></p><p><img
src="/images/elephant-nantes.jpg" alt="L'éléphant de la troupe Royal de Luxe" /><br
/> <a
title="Photo de Stéfan depuis Flickr" href="http://www.flickr.com/photos/49462908@N00/746089951">Photo de Stéfan depuis Flickr</a></p><h2>Editer le code, choix de l&#8217;IDE</h2><p>Pour travailler dans de bonnes conditions, un bon <acronym
title="Environnement de Développement Intégré">IDE</acronym> est indispensable. Voici les deux plus aboutis à mon gout, mais il en existe des dizaines d&#8217;autres.</p><h3>PDT</h3><p>En version 2.0 il apporte l&#8217;essentiel et même plus, puisque basé sur <a
title="Voir le site du projet Eclipse" href="http://www.eclipse.org">Eclipse</a> il supporte donc les plugins classiques notamment pour la <a
title="Voir l'article sur la gestion des versions sur Webaaz" href="/2009/04/la-gestion-des-versions/">gestion des versions</a>, mais vous pourrez aussi y ajouter vos propres plugins. Un excellent produit, gratuit, qui ne dépaysera pas les fans d&#8217;Eclipse.<br
/> Il faut noter que ce projet est soutenu par Eclipse et par Zend Technologies, un gage de qualité pour un IDE qui devrait devenir aussi évident que l&#8217;est Eclipse pour un développeur Java.</p><ul><li><a
title="Voir le site de PDT" href="http://www.eclipse.org/pdt/" lang="en"><acronym
title="PHP Development Tools">PDT</acronym> (PHP Development Tools)</a></li></ul><h3>Zend Studio</h3><p>Très fonctionnel avec des options de débogage, l&#8217;auto-complétion&#8230; enfin tout ce que l&#8217;on peut demander d&#8217;un bon IDE PHP. Il est développé par Zend Technologies, et ces améliorations profitent par la suite à la communauté et à PDT. Il est cependant payant, mais reste abordable.</p><ul><li><a
title="Voir le site de Zend Studio" href="http://www.zend.com/fr/products/studio/">Zend Studio</a></li></ul><h2>Frameworks</h2><p>Voici une présentation rapide des différents frameworks PHP que je connais, je vous conseille également de voir le site <a
title="Voir le site bestwebframeworks.com" href="http://www.bestwebframeworks.com/php/">bestwebframeworks</a>.</p><h3>Symfony</h3><p>Aujourd&#8217;hui le plus abouti de tous les framework PHP, il est développé par <a
title="Voir le site Sensiolabs" href="http://www.sensiolabs.com/fr">Sensio</a> et en particulier <a
title="Voir le site de Fabien Potencier" href="http://fabien.potencier.org/">Fabien Potencier</a>. C&#8217;est un projet français mais entièrement internationalisé. La documentation et les tutoriels sont de très grande qualité, et la communauté très active. Il faut cependant déjà bien maitriser PHP pour l&#8217;aborder sereinement. C&#8217;est aujourd&#8217;hui un des frameworks les plus utilisé en entreprise.</p><ul><li><a
title="Voir le site de Symfony" href="http://www.symfony-project.org/" lang="en">Site officiel du projet Symfony</a></li></ul><h3>Zend</h3><p>Le challenger de Symfony, supporté par Zend Technologies, il comprends une architecture MVC mais il peut aussi etre utilisé en tant que librairie dans un autre projet. C&#8217;est un framework très modulable également très utilisé professionnellement, le projet <a
title="Voir le site de Magento" href="http://www.magentocommerce.com/fr/">Magento</a> est basé sur ce framework. A noter que la documentation très complète existe en plusieurs langues dont le français</p><ul><li><a
title="Voir le site du Zend Framework" href="http://framework.zend.com/" lang="en">Zend Framework</a></li><li><a
title="Voir le site de la communauté française du Zend Framework" href="http://www.z-f.fr/">La communauté française</a></li></ul><h3>CakePHP</h3><p>CakePHP est un projet libre avec une communauté française active, il imite le principe de fonctionnement de <a
title="Voir la définition de RubyOnRails sur Wikipédia" href="http://fr.wikipedia.org/wiki/Ruby_on_Rails">RubyOnRails</a>.</p><ul><li><a
title="Voir le site de CakePHP" href="http://cakephp.org/"></a></li><li><a
title="" href="http://www.cakephp-fr.org/">La communauté française</a></li></ul><h3>Copix</h3><p>Un framework MVC très léger et très simple à prendre en main, il répondra parfaitement aux besoins de petits projets, en plus c&#8217;est un projet français, et toutes la documentation et le forum sont en français.</p><h2>Les <acronym
title="Content Management System">CMS</acronym></h2><p>Les systèmes de gestion de contenu, ou les moteurs de blog sont très répendus en PHP, ainsi si vous avec un projet simple, pas besoin de tout réécrire, utilisez un CMS et ajoutez seulement les modules qu&#8217;il vous manque&#8230; Les CMS ou moteurs de blog les plus connus sont à l&#8217;heure actuelle Drupal, Joomla, WordPress&#8230;</p><h2>Les bibliothèques</h2><p>PHP tient à jour deux bibliothèques. Une seconde écrite en PHP, <acronym
title="PHP Extension and Application Repository">PEAR</acronym> et une écrite en C, <acronym
title="PEAR Extended Code Language">PECL</acronym> utilisable sur un serveur dédié. Avec l&#8217;usage qui est fait des frameworks aujourd&#8217;hui, elles sont certainement moins utilisées qu&#8217;avant, cependant, les frameworks ne font pas tout, et on trouve dans ces bibliothèques un complément bien appréciable.</p><ul><li><a
title="Voir le site de PEAR" href="http://pear.php.net/" lang="en">PEAR</a></li><li><a
title="Voir le site de PECL" href="http://pecl.php.net/" lang="en">PECL</a></li></ul><h2>Les serveurs de développement</h2><p>Pour avoir un environnement de développement simple à installer et maintenir, être sur de pouvoir le répliquer facilement sur un autre poste, des packages existent. Il contiennent un serveur Web, Apache très souvent, PHP, et une base de données, MySQL la plupart du temps. Certains sont multi-plateforme, ils embarquent une base de données et souvent des outils annexes comme phpmyadmin.</p><h3>WampServer</h3><p>C&#8217;est aujourd&#8217;hui le projet francophone le plus utilisé, les mises à jour sont régulières et la stabilité est de mise. Il est en plus possible de switcher de version d&#8217;Apache de PHP ou de MySQL, un vrai bonheur pour tester dans des configurations différentes. Il ne fonctionne que sous Windows.</p><ul><li><a
title="Voir le site de WampServer 2" href="http://www.wampserver.com/">WampServer 2</a></li></ul><h3>EasyPHP</h3><p>Après une période sans mises à jour qui à profité à Wampserver, EasyPHP est aujourd&#8217;hui en version 3.0 et propose pour Windows un ensemble Apache, PHP et MySQL.</p><ul><li><a
title="Voir le site de EasyPHP" href="http://www.easyphp.org/">EasyPHP</a></li></ul><h3>Xampp</h3><p>XAMPP propose un package Apache, PHP et MySQL, pour les plateformes Linux, Mac, Solaris et Windows, utile si vous avez besoin de la même configuration sur différents systèmes.</p><ul><li><a
title="Voir le site de XAMPP" href="http://www.apachefriends.org/fr/xampp.html" lang="en">XAMPP</a></li></ul><h3>BitNami</h3><p>BitNami propose un choix incomparable pour installer un Apache, PHP et MySQL ou PostGreSQL au choix sur Linux, Mac ou Windows. Si avec cela vous ne trouvez pas votre bonheur. Ne l&#8217;ayant pas encore testé, j&#8217;attends vos retours d&#8217;expérience !</p><ul><li><a
title="Voir le site de BitNami" href="http://bitnami.org/" lang="en">BitNami</a></li></ul><p>Ces serveurs sont à utiliser en développement uniquement, en production, il vous faudra une installation &laquo;&nbsp;classique&nbsp;&raquo; et un paramétrage précis des différents éléments.</p><h2>Hébergement de votre site</h2><p>Vous n&#8217;aurez aucun mal à trouver un hébergeur PHP5, gratuit ou payant, en serveur dédié, mutualisé ou virtualisé l&#8217;offre est conséquente. Faites juste attention à la configuration de PHP, vérifiez que certaines fonctions dont vous avez besoin ne sont pas bloquées, que les extensions sont chargées&#8230;</p><p>Et pensez à lire <a
title="Lire l'article de Webaaz sur l'hébergement web" href="/2009/08/trouver-un-bon-hebergeur-web">l&#8217;article de Webaaz sur l&#8217;hébergement web</a>.</p><h2>Vidéos &#038; podcasts</h2><p><a
title="Voir et écouter les conférences PHP sur PHPTV" href="http://www.phptv.fr">PHPTV</a> vous permet de voir ou d&#8217;écouter les conférences sur PHP. Vous y retrouverez entre autres, les interventions des forums PHP depuis 2008.</p><h2>Conclusion</h2><p>Si vous êtes débutant, PHP est très simple à appréhender, et après quelques heures à lire des tutoriels et à tester toutes sortes de &laquo;&nbsp;hello world !&nbsp;&raquo; vous saurez rapidement dynamiser des pages Web, mais attention à avoir suffisamment de rigueur et à ne pas tomber dans la facilité, sinon les bugs et failles de sécurité seront rapidement au rendez-vous&#8230;</p><p>Si vous êtes déjà confirmé j&#8217;espère que mes liens vous apporteront quelques pistes pour mieux connaitre PHP. D&#8217;autres articles suivront pour rentrer un peu plus dans le détail, en attendant, j&#8217;attends vos sources et commentaires sur le sujet.</p><p>Et pour en savoir plus sur le sujet je vous invite à voir l&#8217;article de <a
title="Voir l'article sur les outils PHP sur developpez.com" href="http://jcrozier.developpez.com/tutoriels/web/php/outils-utiles-developpeurs/">développez.com</a> sur le sujet.<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/" rel="bookmark" title="26 octobre 2009">Bien utiliser Zend Framework</a></li><li><a
href="http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/" rel="bookmark" title="30 septembre 2010">Optimiser l&#8217;utilisation d&#8217;Eclipse</a></li><li><a
href="http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/" rel="bookmark" title="1 juin 2009">Bien développer en PHP (partie 1)</a></li><li><a
href="http://www.webaaz.com/2009/04/la-gestion-des-versions/" rel="bookmark" title="23 avril 2009">La gestion des versions</a></li><li><a
href="http://www.webaaz.com/2010/05/developper-sous-ubuntu/" rel="bookmark" title="5 mai 2010">Développer sous Ubuntu</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Les+bons+outils+pour+PHP+%28partie+2%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Les%20bons%20outils%20pour%20PHP%20%28partie%202%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Les+bons+outils+pour+PHP+%28partie+2%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Les+bons+outils+pour+PHP+%28partie+2%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Les+bons+outils+pour+PHP+%28partie+2%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Les+bons+outils+pour+PHP+%28partie+2%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
