Il était temps pour moi de mettre un peu à jour mon environnement de développement, c’est-à-dire installer ce qui me manquait, mettre à jour ce que j’avais et pour finir faire le ménage dans ce que je n’utilisais pas. Je développe principalement en Ruby et pour Ruby on Rails, mais fait également du PHP et ai parfois un script en Perl ou Python ; sans oublier le Javascript et le XHTML / CSS. Il faut ajouter à cela une base de donnée (MySQL) et quelques besoins particuliers en matière de communication réseau.

Pour rappel mon desktop professionnel est sous Linux / Gentoo et celui que j’ai chez moi sous Windows (j’apprécie pouvoir jouer à des jeux vidéo dans de bonnes conditions) ; j’essaie dans la mesure du possible d’avoir les mêmes outils sur les deux machines bien que ma console et tous les outils que j’y trouve me manque quand je suis chez moi.

Pour commencer le gestionnaire de version. Tous mes projets sont gérés avec subversion, ce logiciel est pour moi indispensable au bon déroulement du développement, premièrement pars qu’il me permet de synchroniser correctement mes deux postes de travail (bureau et domicile) quand je suis seul sur un projet et de même quand on est plusieurs (même si ce n’est qu’un développeur et un graphiste). Je n’entrerai pas dans le détail de l’utilisation d’une application de ce type qui apporte aussi bien d’autres avantages (suivi des modifications, possibilité de revenir en arrière, gestion de différentes branches de développements, …).

J’ai adopté Eclipse comme IDE car il offre des plugins qui intègrent les différents langages dont j’ai besoin. Il est agréable de ne pas changer de logiciel et donc de méthode de travail à chaque fois qu’on passe d’un projet à un autre (ou d’un système d’exploitation à un autre) et l’environnement de base est très bien foutu. J’ai bien réduis le nombre de plugins que j’utilise en installant Aptana (attention il y a actuellement deux plugins à installer : Base + Ruby & Rails). Celui-ci offre donc tout ce dont j’ai besoin pour PHP, Ruby, Rails, HTML, CSS et Javascript. A ceci il faut ajouter subclipse pour gérer mes projets sous subversion, EPIC pour l’intégration de Perl (je viens de l’installer, je n’ai donc pas plus d’avis que ça dessus) , PyDev pour Python (que j’ai déjà utilisé par le passé et que je viens d’installer à nouveau) et Mylar.

Il me faut naturellement un Navigateur web et j’utilise donc principalement Firefox. J’y ai ajouté quelques extensions qui vont bien tel que Web Developer et Firebug (j’ai enfin cherché pourquoi il ne fonctionnait pas sur ma machine et en fait il faut compiler Firefox avec le USE Flag “mozdevelop” ) ainsi que Tab Mix Plus (dont certaines options sont bien agréables) et le dictionnaire MySpell en français ;-). J’en ai d’autres, mais elles ne sont pas là pour le développement (FlashGot, Google Brower Sync, Google Gears, Google Reader Notifier, coComment).

Enfin j’ai un serveur Apache et MySQL qui tournent et PhpMyAdmin pour gérer les bases de données.

Ma machine sous Linux m’offre également une flopée d’outils bien utile que je regrette quand je suis sous Windows. Il faudrait également que je prenne parfois le temps de me tenir au courent afin d’éventuellement pouvoir adopter de nouveaux outils… Si vous avez des suggestions n’hésitez pas :-)

L’écriture de contenu pour le web est importante pour mon entreprise, notre métier est la réalisation de site internet. Si pour ma part je me concentre sur le développement je pense que notre rôle (en temps que société) envers nos clients ne s’arrête pas à la réalisation technique (et graphique) mais que au contraire nous devons avant tout savoir les conseiller en matière de graphisme, d’ergonomie et de fonctionnalité bien sûr mais aussi leur apporter notre aide dans la conception et la mise en forme de leur contenu ; ceci est d’autant plus vrais pour les sites dynamique dont les textes ne passent pas entre nos mains pour leur intégration.

Je sais que a titre personnel je doit améliorer mon français et ma capacité à écrire en général, c’est entre autre pour cette raison que j’écris sur ce blog. Je pense tout de même que mon expérience dans le web ainsi que celle de mes collègues nous permet aujourd’hui d’avoir quelques notions sur la mise en forme du contenu dans ce domaine tout en étant bien conscient qu’il nous reste encore du chemin à parcourir pour améliorer nos capacités et mieux conseiller nos clients.

Pour en arriver à la raison de ce poste, j’ai découvert il y a quelque temps le blog de Muriel Yandermeulen, écrire pour le web. Je vous en conseil vivement la lecture si ce sujet vous intéresse. J’ai trouvé particulièrement intéressant son dernier article nous donnant un exemple de template pour un texte, rappelant au passage l’importance de la cohérence du contenu d’un site internet. Je peut également recommander la lecture de l’article sur l’écriture de texte simple ou de texte long qui fait fait suite à un poste sur le choix entre texte court et long.

J’en profite pour vous rappeler que je ne prend pas mal vos remarques sur mes textes, bien au contraire, je le sais bien que mon français est douteux. Que ce soit par un commentaire ou un message privé (vous trouverez un lien au début de la colonne de droite), je suis preneur de toute correction, si possible avec la règle qui va bien pour me permettre d’apprendre.

Quand il s’agit de permettre à l’utilisateur d’un site web d’ajouter du contenu avec des options de mise en forme on est face à à un choix quand à la solution à apporter à ce problème : intégrer une solution de tag (BBCode, Textile, …) ou d’utiliser un éditeur intégré (FCKeditor, …), ces deux solutions ont leurs avantages et défauts.

Pour la première on maitrise mieux l’aspect final du contenu, elle oblige l’auteur à se concentrer sur la structure du contenu et non pas la forme de celui-ci en lui permettant d’indiquer les titres ou paragraphes par exemple sans pouvoir jouer sur la taille ou la couleur du contenu pour finalement donner un résultat peut heureux. En contre partie il faut un temps d’apprentissage et cette tâche est assez peut intuitive, si elle est à la porté des utilisateurs elle les rebutes beaucoup.

Pour la seconde nous avons une solution plus intuitive et qui demande beaucoup moins d’apprentissage, l’utilisateur est face à un outils qui ressemble à son éditeur de texte habituel et il se rend compte immédiatement du résultats de son travail. Par contre il lui permet souvent de faire tout et surtout n’importe quoi, la structure du contenu ne ressemble à rien car il va souvent mettre en gras ou grossir la taille des caractères pour faire un titre, c’est un gros problème pour la cohérence dans la mise en forme d’un site et pour son accessibilité puisque la mise en forme est directement lié au contenu.

C’est entre ces deux solutions que viens se placer WYMeditor avec une idée intéraissante : offrir un éditeur intégré qui permette à l’utilisateur d’avoir un aperçus de son travail dans un cadre intuitif sans pour autant nuire à la cohérence de la mise en forme final en évitant d’ajouter des informations de mise en forme dans le contenu. Le principe est simple, l’éditeur rend un texte mis en forme simple, on y voie les titres, gras, italique, images, … mais celle-ci est basée sur des styles prédéfini. Ce son donc des class qui sont attaché aux balises entourant le contenu et la mise en forme est maitrisé par des feuilles de styles qui peuvent naturellement changer dans le temps sans remettre en question la mise en forme du contenu créer par l’utilisateur.

Pour résumé nous avons le confort d’un éditeur WYSIWYG tout en permetant de se concentrer sur la structure du texte en permetant d’assurer une mise en forme cohérente et flexible dans le temps.

Pour vous faire une idée je vous conseil la démo où on se rend bien compte que la srtucture du texte est mise en avant, l’auteur défini les titres et paragraphe, peut décider de mettre des éléments en gras par exemple ou qu’un paragraphe doit être un side block. Avec l’icone contenant une petite loupe en haut à droite on peut se rendre compte du résultat final et du fait qu’il est bien possible de changer de feuille de style à volenté sans que cela pose problème.

Ce projet est encore jeune, mais c’est exactement ce que je recherchai pour intégrer dans les applications web qui demande un éditeur intégré.

Découvert via le blog de Steph, voici un outils qui permet de transformer une photo en mosaic.

portait de moi même :-)

Je vous laisse vous amuser.