Photo de minusbaby depuis Flickr

Mais il faut surtout se doter des bons outils…

Communication

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

Réunion

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

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

Messagerie instantanée

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

Mails

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

Téléphone

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

Visio-conférence

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

Sources & documentation

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

Gestion des versions

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

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

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

Gestion documentaire

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

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

Wiki

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

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

Gestion de tickets

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

Intranets, Extranets, Cloud…

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

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

Conclusion

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

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

Sur le même thème

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

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

Fond d’écran d’Ubuntu Lucid Lynx

Passer à Linux

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

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

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

• Passer à Linux

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

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

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

Mes logiciels

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

Navigateurs

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

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

Suite bureautique

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

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

Environnement de Développement Intégré

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

Logiciels de gestion de version

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

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

Gestion de base de données

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

Client FTP

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

Outils graphiques

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

Outils divers

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

Webwares

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

Passer le cap !

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

• Télécharger Ubuntu

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

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

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

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

• Simple comme Ubuntu 10.04 en PDF

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

Conclusion

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

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

Sur le même thème

• MySQL GUI Tools
• La gestion des versions
• Développer en équipe
• Navigateur Web standard : Firefox
• Comparaison et fusion de fichiers et de dossiers

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

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

Photo de Jeff Kubina depuis Flickr

Performance ?

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

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

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

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

Pour en savoir plus sur l’optimisation :

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

Méthode

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

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

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

Webwares

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

En voici quelques exemples :

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

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

• Générateur de syles CSS Sprite creator

software

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

• Css Sprites en Java
• Css Sprites Reloaded en Python

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

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

Conclusion

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

Sur le même thème

• Optimiser son site web
• Trouver de belles photos pour son site web
• Bien utiliser les feuilles de style (CSS)
• Internationalisation & localisation
• Les plugins Firefox : Firebug

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

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

Photo de PSD depuis Flickr

Fonctionnalités

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

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

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

Plugins

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

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

Astuces

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

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

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

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

• Site officiel de Notepad++

Aide, forum et wiki

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

• Forums
• Wiki

Mon avis

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

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

Sur le même thème

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

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

Photo de gomattolson depuis Flickr

Présentation de l’outil

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

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

Fonctionnalités annexes

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

Téléchargement & installation

Installer Winmerge

Alternatives

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

• Meld
• Kompare

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

Sur le même thème

• Outils : Edition de fichiers avec Notepad++
• MySQL GUI Tools
• Les plugins Firefox : Colorzilla
• Outils XML : Cooktop
• Bien utiliser les feuilles de style (CSS)

Photo de Hamed Saber depuis Flickr

Installation

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

• Installer Firebug pour Firefox

Présentation

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

Fonctionnalités principales

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

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

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

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

Tutoriel

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

• Tutoriel Firebug

FirebugLite

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

• FirebugLite

Les extensions

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

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

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

• La liste complète des extensions de Firebug

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

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

Sur le même thème

• Les plugins Firefox : XRefresh
• Bien utiliser Javascript
• Les plugins Firefox : Colorzilla
• Bien utiliser les feuilles de style (CSS)
• Maquettage avec Pencil Sketching

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…

Photo de Stuck in Customs depuis Flickr

pourquoi faire ?

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’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’utilisation du serveur proxy.

Comment ca marche ?

Le module se configure à partir de listes blanches et noires, et de définitions de serveurs proxy.

Vous définissez ainsi quels sites (définis soit par ip, par plage d’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.
Vous pouvez bien entendu déclarer un accès par défaut au réseau, et activer ou désactiver une règle d’un simple clic.

FoxyProxy peut aussi vous permettre d’accéder à une ressource réseau bloquée (dans certains pays par exemple) en passant par un serveur proxy public…

Aide & Support pour la configuration

Vous trouverez certainement réponse à vos question dans la FAQ de Foxy Proxy.

Un forum d’entraide, d’échange d’astuces et de soumission de bugs vous permettra de répondre à tous les autres problèmes que vous pourrez rencontrer.

Ou le trouver ?

Vous pouvez le trouver sur l’indispensable site qui regroupe tous les modules de Firefox, ou directement à l’adresse suivante :

• Installer FoxyProxy

Sur le même thème

• Les plugins Firefox : Colorzilla
• Navigateur Web standard : Firefox
• Les plugins Firefox : XRefresh
• MySQL GUI Tools
• Outils : Edition de fichiers avec Notepad++

Photo de Harlequeen depuis Flickr

Présentation & Historique

Firefox est né de la mise sous licence libre du code de Netscape Navigator, et de sa reprise sous le nom de code « Mozilla ». Ainsi, depuis 2002 la fondation Mozilla nous livre régulièrement le fruit de son travail avec une nouvelle version de Firefox. Contrairement à d’autres éditeurs qui se reposent sur leurs lauriers, les développeurs de Mozilla réinventent en permanence les usages d’un navigateur web. Ils ont ainsi successivement apporté, un lecteur de flux RSS, un filtre anti-hameçonnage, un autre anti publicité, la navigation par onglet, la gestion des extensions… Certaines de ces améliorations lui ont permis de se démarquer, mais pour les développeurs, le point important c’est surtout le respect des standards, ce qui lui donne aujourd’hui une longueur d’avance, et oblige Internet Explorer par exemple à se renouveler plus souvent pour essayer de contrer l’inexorable montée de Firefox dans les sondages, aujourd’hui crédité de plus de 30% de parts de marché en europe.

Voir Présentation complète sur Wikipédia.

Avantages et inconvénients

A l’utilisation on y trouve bien sûr des avantages, grâce notamment à une ergonomie bien pensée et une rapidité d’affichage exemplaire et des options très intéressantes comme le correcteur orthographique… Mais si il est si populaire c’est surtout pour son système d’extensions qui permet d’ajouter les fonctionnalités spécifiques qui manquent à chacun pour en faire LE navigateur adapté à tous les usages. Le code source étant libre et la création d’extensions encouragée par la fondation, il en existe aujourd’hui plusieurs milliers dans toutes les langues !

Pour les développeurs ces extensions sont une mine d’or, et mon but pour prochains articles de cette catégorie sera de vous les faire découvrir, il y en quelques unes que vous trouverez rapidement indispensables et qui vous apporterons beaucoup en qualité et en productivité.

Et bien sûr le respect de nombreux standards du web, HTML, CSS, SVG… en font un navigateur agréable à utiliser. Mais son avance, ainsi que celle d’autres navigateurs un peu moins répandus, lui confère un avantage certain du point de vue théorique. Mais qui aujourd’hui utilise du SVG dans son site web ? Personne ou quasiment car tous les navigateurs ne le supportent pas, et une partie des visiteurs ne comprendrait pas que la faute revient au navigateur et pas au site en question… Disons que c’est un énorme point positif pour celui qui comprends le problème et c’est en tout cas un moteur pour faire évoluer les concurrents, ce qui n’est pas rien !

Pour résumer, ses points forts sont :

• Libre
• Extensible
• Respectueux des standards

Quand aux défauts, on lui reproche parfois sont temps de chargement, rien de rébarbatif à mon goût… Si c’est là son seul point faible, les concurrents ont du soucis à se faire !

Téléchargement et Installation

Le plus simple est encore de le télécharger depuis le site de l’éditeur, la dernière version est toujours la meilleure, alors n’hésitez pas à toujours mettre à jour votre nouveau navigateur favori

• Installer Firefox

Pour en savoir plus

Vous pouvez bien sûr relire mon article sur la compatibilité des navigateurs, pour les Ubunteros, la documentation française leur apportera les réponses à leurs questions sur le sujet :

• Tout savoir sur Firefox sous Ubuntu

Les utilisateurs nomades pourront regarder du côté du projet « Portable Firefox  » pour avoir un navigateur sur leur clé USB ou vers « Fennec » le projet de navigateur pour Smartphone.

Conclusion

Un navigateur à découvrir si vous ne le connaissez pas déjà ! Je vous présenterai bientôt quelques extensions pour gérer un serveur FTP, un proxy avancé, des outils pour les développeurs (accessibilité, rapidité…), gestion des favoris…

Et pour les plus impatients voilà deux sites pour faire remplir votre navigateur d’extensions :

• Le site officiel pour les extensions de Firefox
• Le site des extensions en langue française

Sur le même thème

• Les plugins Firefox : XRefresh
• Les plugins Firefox : Colorzilla
• La compatibilité du code avec les navigateurs
• Les plugins Firefox : FoxyProxy
• MySQL GUI Tools

Photo de rpeschetz depuis Flickr

Historique

Aux débuts du web, l’offre en navigateurs était limitée, très limitée. Le premier à réellement s’imposer est, dès 1995, Netscape Navigator qui devient la référence pour surfer, mais le public est encore limité. Microsoft sort la même année la première version de son navigateur Internet Explorer.

A partir de 2000, avec le développement de l’accès Internet chez les particulier, IE devient pour la plupart des internautes néophytes, le seul moyen d’accéder à Internet sous Windows. On le trouve sur quasiment tout les pc, alors pourquoi faire autrement ? IE grâce à la position dominante de Microsoft s’impose rapidement, c’est le début d’un très long règne…

Qui durera et dure encore… Même si depuis 2005 Mozilla et son navigateur Firefox, grignote tous les mois des parts de marché au géant de Redmond. Aujourd’hui suivant les statistiques, on estime que plus de 30% des internautes utilisent Firefox (70% pour ce blog).

Pour en savoir plus :

• Définition des navigateurs web

Contexte

Si les premiers navigateurs respectaient le code rudimentaire de l’époque, le développement des technologies du web avec l’évolution de l’HTML, l’arrivée du javascript, ou de fonctionnalités propriétaires comme flash, a amené chaque navigateur a implémenter à sa manière toutes ses nouveautés. Chacun voulant à tout prix imposer sa façon de faire aux autres, et tout cela sans aucune concertation. C’est à ce moment que des choix peu judicieux ont étés faits, Microsoft décidant que son navigateurs devait être souple avec la « grammaire » du code HTML et tolérer des approximations dans le code. Ainsi la plupart des erreurs de code étaient interprétées par IE qui les corrigeait. Les développeurs ont ainsi pris de bien mauvaises habitudes.

Par la suite chaque navigateurs ayant ses spécificités dans l’interprétation et la mise en page du code, il a fallu commencer à corriger ces différences, on a ainsi développé différentes versions des sites web, en fonction du navigateur qui affichait la page. Imaginez la charge de travail supplémentaire ! En plus bien souvent les différentes versions étaient contradictoires et arriver au compromis souhaité relevait du défi… Et quand un navigateur implémentait une nouveauté intéressante mais que les concurrents ne l’utilisaient pas, il fallait faire des choix cornéliens aux dépends des internautes.

Et puis… tout a changé…

Ou presque… Disons que en théorie au moins, il y a eu une volonté de faire mieux. Le W3C est arrivé, en fait dès 1994, avec la volonté d’unifier et de normaliser les technologies du web. Ainsi HTML, CSS ou ECMAScript ont étés standardisés. On avait ainsi un modèle à suivre et c’est ce qui à permis à des navigateurs comme Opéra ou Firefox de tirer leur épingle du jeu en promettant un rendu parfait, correspondant exactement au code développé. Ainsi plus de version spécifique, l’utilisateur est libre du choix de son navigateur en fonction du logiciel lui même, de son extensibilité, de son ergonomie ou de sa portabilité…

Firefox est ainsi devenu une référence grâce a un panel d’extensions unique, une ergonomie appréciée et sa portabilité sur les différents OS.
Aujourd’hui Microsoft à senti le vent tourner et s’est remis au travail, lui qui n’avait pas sorti de nouvelle version de son navigateur phare depuis 2001, a depuis 2006 sorti deux nouvelles versions et tente de rattraper le retard avec l’ambition de garder sa place de numéro un et la volonté affichée de respecter les standards. Sur ce point il reste encore beaucoup de travail à Microsoft même si les progrès des dernières versions sont encourageants.

Alors, comment ca marche ?

Aujourd’hui plusieurs façons de faire divergent, mais on sent une évolution et une volonté d’abandonner les mauvaises habitudes du coté des développeurs professionnels du moins, les autres ne cernant pas forcément les enjeux.

Aujourd’hui donc, on voit émerger quelques initiatives visant à ne plus développer de site « compatible » avec Internet Explorer 6. Le but est de casser le cercle vicieux de l’incompatibilité en forçant les utilisateurs à évoluer et passer à la dernière version proposée par leur éditeur. Les navigateurs étant gratuits, le seul points acceptable pour rester dans une version antérieure est un problème de rapidité du PC. Cependant pour les 20% d’utilisateurs de Internet Explorer 6, la plupart peuvent facilement évoluer. Beaucoup de ces anciennes versions sont encore utilisées dans de grandes entreprises qui ne migrent pas pour des raisons d’incompatibilité avec des outils maison spécifiquement développés pour IE6, la migration se fera au fur et à mesure de l’élimination de ces barrières.

Certains sont aujourd’hui beaucoup plus virulents et crient haut et fort qu’ils ne veulent plus des vieux navigateurs à l’instar de plusieurs gros sites norvégiens qui ont lancé une campagne pour éradiquer IE6 dont Framablog se fait l’écho.

Mais beaucoup de Web Agency font encore des sites pour IE6 en 2009 car le client reste le roi, reste sourd aux explications, et ne voit que les avantages à court terme.

Et les bonnes pratiques alors ?

Si il y a quelques années, il était encore « normal » d’arborer un logo « optimisé pour IE6″, aujourd’hui la tendance est plutôt de faire un site conforme avec éventuellement quelques adaptations pour les « vieux » navigateurs. Il apparait aujourd’hui logique de faire un site pour la dernière version d’un navigateur et éventuellement garder la compatibilité avec la version précédente afin de toucher un large public, il n’est donc pas choquant de développer sans penser à IE6. Plus le web sera standard, plus les navigateurs le seront et l’internaute sera gagnant !

Alors si vous hésitez à utilisez une technologie, que vous vous posez des questions sur le support des CSS sur un navigateur, sur l’implémentation de CANVAS ou le support des images PNG, un site recense pour vous les différentes implémentations des navigateurs web.

Conclusion

Les avis sont donc partagés, tout le monde n’ayant pas les mêmes besoins, mais les navigateurs et les développeurs allant dans le même sens, on peut espérer pouvoir développer des sites standards et les voir s’afficher correctement dans les différents navigateurs du marché. D’ailleurs même Chrome le dernier venu respecte déjà très bien les normes du W3C.

Pour ma part, je développe autant que faire se peut en respectant les normes et standards en vigueur, et pour peu que ce soit le souhait de mes clients, mais à titre personnel, je ne m’accorde plus aucune digression, mes sites seront donc dégradés avec des navigateurs ne respectant pas les standards, mais resterons lisibles, et j’espère que cela incitera les utilisateurs à migrer vers une version plus récente, ou un navigateur plus respectueux du travail des développeurs.

Alors pour tenter de dégrader proprement, je vais tenter cette initiative qui me parait intéressante et qui consiste à avoir une feuille de style simplifiée pour IE6 :

• Universal Internet Explorer 6 CSS

Rien n’empêche en plus d’afficher un message explicatif, invitant l’internaute à changer de navigateur, ou au moins de version.

Pour en savoir plus

• Pourquoi les standards ?

Sur le même thème

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

Photo de WIlly Volk depuis Flickr

Présentation

MySQL GUI Tools est actuellement en version 5.0 et regroupe les logiciels suivants :

• MySQL Administrator 1.2
• MySQL Query Browser 1.2
• MySQL Migration Toolkit 1.1

Ces logiciels sont compatibles avec MySQL 5.1.

Points forts

• Licence MySQL AB (libre ou commerciale suivant l’utilisation)
• Gratuit
• Mutli plateforme (Windows, MacOS, Linux)
• Environnement graphique intuitif

MySQL Administrator

MySQL Administrator est un logiciel de gestion et d’administration pour les bases de données MySQL. La première version date de 2004.
Grâce a une interface graphique simple et ergonomique, vous pouvez gérer vos utilisateurs, vos objets SQL, et toutes les opérations relatives à la gestion d’une base de données MySQL, il suffit pour cela d’être connecté à la base.
Mais cet outil vous apporte aussi la possibilité de visualiser en temps réel la charge du serveur, l’occupation de la mémoire, les connexions, les requêtes, les logs ou l’espace disque utilisé. Il permet aussi de sauvegarder votre base sous forme de dump ou de les restaurer

MySQL Query Browser

MySQL Query Browser est un outil de requêtage. Il permet notamment de faire toutes les opération CRUD, mais aussi faire des requêtes plus ou moins complexes et de les comparer ou les analyser pour les améliorer.
L’outil idéal pour visualiser votre base de données ou pour passer des scripts de maintenance.

A noter : L’outil garde un historique très utile des requêtes passées

MySQL Migration Toolkit

Si vous ne travaillez pas encore avec une base MySQL, cet outil vous sera d’une grande utilité et dans ce cas, je vous invite à voir la page de MySQL sur les migrations. En effet MySQL Migration Toolkit est un outil de migration de vos bases compatibles avec la norme SQL et avec ACID vers MySQL. Sinon, cet outil ne vous sera vraiment pas indispensable !

Comment l’installer

Toutes les versions pour le différentes plateformes ainsi que les sources sont disponibles sur le site de MySQL :

• Installer MySQL GUI Tools

A noter : Pour Ubuntu les packages existent sur le dépôts.

Conclusion

C’est une suite logicielle indispensable, bien plus pratique à utiliser que PHPmyAdmin si vous avez la possibilité d’installer un client lourd sur votre ordinateur. Si vous êtes en situation de nomadisme, PHPMyAdmin reste bien évidemment un outil très pratique.
Son gros avantage est son coté multi-plateforme qui vous permettra de l’utiliser sur n’importe quel poste de travail, ainsi vous n’avez qu’un seul outil à connaitre quel que soit votre environnement de développement.
Sa gratuité est bien sur encore un point essentiel.

Sur le même thème

• Les plugins Firefox : FoxyProxy
• Bien utiliser Zend Framework
• Comment apprendre le développement web ?
• Bien définir son projet de site web
• Les plugins Firefox : XRefresh