Archive for the ‘web’ Category

Posted on November 30, 2009 - by Jérôme M.

Open-source et microblogging

Le micro-blogging est en effervescence depuis la sortie de Twitter. Le message court de 140 caractères est de plus en plus utilisé chez les acteurs du web social. Et maintenant ce genre d’outil ce développe en open-source, je vais donc vous en présenter quelques uns pour pouvoir tweeter librement.

Identi.ca

Identi.ca a été crée en juillet 2008. Il est basé sur le moteur de StatusNet (qui s’appelait avant Laconica). Il est construit suivant le standard OpenMicroBlogging. À la manière de Twitter, il permet d’envoyer des messages d’une taille maximales de 140 caractères. Il supporte les groupes et les tags. Identi.ca a le mérite d’être assez complet. On peut par exemple mettre à jour son statut depuis le web, par mail ou alors par SMS. Il supporte aussi XMPP, donc on peut le lier facilement à Jabber. On peut utiliser Gwibber comme client Identi.ca, qui fait très bien son boulot.

Jaiku

Jaiku peut être considéré comme la plate-forme de micro-blogging la plus utilisée. Il a été fondé en février 2006 par Jyri Engeström et Petteri Koponen. Il a ensuite été racheté par Google le 9 octobre 2007. Les sources de Jaiku sont maintenant disponibles pour tout le monde ici. Il a été codé à l’aide du framework python Django. Il peut servir de base pour fabriquer son propre réseau social.

Jisko

Encore un autre clone de Twitter open-source. Celui-ci est réalisé en PHP et MySQL. Les sources sont disponibles sur ce site web.

Conclusion

Il est possible de se passer de Twitter et de migrer vers une solution complètement open-source. Je vous en ai montré 3 mais ils en existent d’autres encore. Identi.ca me semble être le meilleur parmi ceux-là. Le seul problème est que ces réseaux sont beaucoup moins utilisé que Twitter, et donc il y a le risque de se couper de pas mal de monde. Mais tout est une question de choix.

Posted on September 6, 2009 - by Jérôme M.

Netbeans, un IDE pour PHP

Dans ce billet je vais vous faire la présentation de l’environnement de développement que j’utilise au travail : Netbeans. C’est un IDE développé en Java, qui est capable de gérer la programmation en Java, J2EE, C/C++, Rails, et PHP/Javascript. C’est surtout pour ce dernier qu’il m’intéresse, car la plupart de mes développements web sont en PHP (peut-être bientôt Rails ou Django… je m’y intéresse)

Le premier point qui est pour moi important, c’est le fait qu’il soit multi-plateforme (merci à Java). Chez moi il tourne sous Arch Linux et Mac OS X et au travail il tourne sur Ubuntu et sur Vista. Ce qui fait seulement un outil à maitriser pour toutes ces machines.

Un autre point intéressant est son intégration d’outils de versionning comme par exemple Subversion que j’utilise tout le temps. Ce qui permet de travailler facilement à plusieurs sur un même projet.

Netbeans est aussi très bon dans l’écriture de code PHP, avec une bonne coloration syntaxique, la documentation des méthodes sous forme de pop-up, l’auto-complétion des variables, classes, méthodes.. Il peut générer automatiquement vos getters et setters. L’ensemble de votre projet est à chaque fois parsé, ce qui permet à l’éditeur de mieux voir les erreurs de syntaxes notamment.

Netbeans est très bon dans les tests unitaires, il gère aussi l’envoi du projet sur un serveur distant (FTP, sFTP), il peut débugger du PHP en utilisant xdebug etc.

Netbeans offre pour moi tout le nécessaire au développement objet PHP, en plus il est gratuit. Le seul point noir que je lui trouve est la taille qu’il prend en mémoire, mais bon on ne peut pas tout avoir :)

Si vous voulez l’essayer, c’est simple rendez vous sur le site officiel. Je profite de ce billet pour parler du blog d’Antoine Guiral qui fait des screencasts intéressants sur la programmation orientée objet avec PHP et il utilise netbeans pour les faire.

Posted on August 9, 2009 - by Jérôme M.

The Smashing Book

Je viens juste de pré-commander le Smashing Book. C’est le célèbre site Smashing Magazine qui le publie. Le bouquin sortira au mois de septembre mais on peut déjà le commander et bénéficier d’une réduction de 20%. Ce livre parlera des meilleures manières d’apréhender le Web Design, que ça soit d’un point de vue artistique, ergonomique ou même programmation.

Si vous voulez savoir ce qu’il contient, rendez-vous sur cette page :)

J’ai hâte.

Posted on August 2, 2009 - by Jérôme M.

Chromium supporte les thèmes

La version 3.0.197 de Chromium est sorti le 1er août et y apporte quelques nouveautés. Comme par exemple le choix des polices pour le rendu des pages web.. Mais c’est surtout au niveau de l’intégration graphique que Chromium change un peu. Il supporte désormais les thèmes de Google Chrome et la bordure de fenêtre de l’application a été revue.

En parallèle de ça, on peut noter la sortie de Midori en version 0.1.19, qui lui aussi ne cesse de s’améliorer. On ne va bientôt plus savoir lequel choisir :)

Posted on July 30, 2009 - by Jérôme M.

Chromium continue de s’améliorer

Chromium pour l’instant en version 3 continue de s’améliorer de jours en jours. Je rappelle pour ceux qui ne le savent pas encore que Chromium est le navigateur open-source de Google. J’utilise le dépôt de l’équipe de développement qui est rafraichit chaque matin. La version Linux devient de plus en plus stable et toujours aussi rapide, particulièrement pour le javascript.

Un truc que j’ai toujours bien aimé, c’est de suivre l’avancement d’un logiciel de semaines en semaines. Et c’est ce que je m’amuse à faire avec Chromium en ce moment. On peut dire que depuis mon dernier billet, le projet a bien avancé.

La page d’accueil a été revue, elle présente les pages récentes sous forme de vignettes. Avec la possibilité de pouvoir en mettre certaine en favoris, les déplacer. Sympathique pour avoir un rapide coup d’oeil sur l’historique, les derniers fichiers téléchargés. À noter aussi qu’on peut basculer l’affichage sous forme de liste.

Il y a eu aussi l’ajout de l’importation des favoris de Firefox, le support des thèmes (GTK pour l’instant, et peut être bientôt les thèmes propres à Chrome comme on commence à le voir dans les versions de développement de Windows), le support des extensions. Par exemple adsweep est un bon bloqueur de pubs.

Cela fait aussi quelques jours que Chromium supporte enfin le Flash. Il faut pour cela lancer Chromium en lui activant les plugins :

chromium-browser --enable-plugins

Ça prend forme et ça commence a devenir utilisable pour le surf. Je reste toujours bluffé par sa legereté et sa rapidité. Reste à voir s’il pourra me faire remplacer Firefox.

Posted on July 24, 2009 - by Jérôme M.

Mon poste de travail sous GNU/Linux

Je travaille en ce moment dans une entreprise de développement web qui s’appelle Tripnity. Nos développements sont pour la plupart orienté sur le web social. Il y a peu de temps j’ai reçu un nouvel ordinateur de la part de l’entreprise. La première chose à faire a été de virer Windows Vista et d’y installer Linux, avec lequel je suis beaucoup plus efficace.

Ne voulant pas trop perdre de temps en configuration, j’ai décidé d’installer une distribution user-friendly et j’ai choisi Ubuntu. En fait je n’y étais pas retourné depuis la version 7.10 et je dois dire que ça a changé un petit peu. L’installation est encore plus simple, le partitionage et cie. on peut faire tout ça sans les mains et l’installation est vraiment rapide.

Après un reboot on se retrouve avec un environnement utilisable. La carte graphique, le son, le wifi et le bluetooth on été reconnu sans problème. J’ai donc installé les logiciels que j’utilise pour le développement web :

Un IDE: Netbeans 6.7 (il gère assez bien le PHP orientée objet avec l’auto-complétition, les snippets: petit raccourcis clavier qui écrivent pas mal de code à votre place, etc). Je reviendrai sur la raison de mon choix dans un prochain billet.
Subversion.
Firefox 3.5 avec comme plugins : firebug, web developper, y!slow etc..
PlayOnLinux pour émuler IE6 et IE7 avec Wine. (même si les vrais tests se font sur des ordis windows)
Filezilla comme client FTP.
Et la console bien sur pour pas mal de choses. (SSH entre autres)
Spotify pour la musique :)

Bref je suis très satisfait de mon nouveau système et je n’ai pas rencontré de problèmes majeurs.

En ce moment je travaille sur le projet Bluenity, un réseau social de voyageurs, pour le compte d’Air France – KLM. Quelque chose qui sort bientôt mais je ne peux rien dire pour le moment ;)

Posted on July 5, 2009 - by Jérôme M.

Générateur de palettes

Ce petit outil en ligne va vous permettre de créer des palettes de couleurs à partir d’une image. Très utile quand on est en manque d’inspiration par exemple. Choisir des couleurs harmonieuses pour un projet est important et cet outil est très pratique pour cela.

Son utilisation est facile, il faut tout d’abord vous rendre sur cette page, envoyer votre image et la palette est automatiquement crée avec le code CSS et les couleurs en hexadécimal (avec leurs vrais noms aussi quand less couleurs existent). Vous pouvez aussi télécharger ce nuancier au format ASE, pour Photoshop.

Posted on May 31, 2009 - by Jérôme M.

Prévisualiser son site web avec Internet Explorer sous Linux

Les développeurs web sont tous confrontés au même problème : il existe plusieurs navigateurs qui n’ont pas le même rendu visuel du code. Il est donc nécessaire de tester son site sur les navigateurs les plus populaires. Et parmi eux.. Internet Explorer. Ies4linux est un logiciel qui va nous permettre d’installer plusieurs version d’Internet Explorer sur Linux.

Je vous avourai que pour des sites web perso, je ne m’occupe pas du tout d’IE. Si ça passe mal dessus, tant pis. De toute manière je n’ai pas ce problème ici : depuis le lancement du blog vous n’êtes que 4% à utiliser internet explorer :)

Mais d’un point de vue professionnel, quand on vous paye pour développer des sites internet, votre produit doit être fonctionnel et avoir le même rendu sur tous les navigateurs. Sur Linux on peut facilement tester sur Firefox, Opera et sur des navigateurs basé sur webkit (Chromium, Midori..), mais pour IE il faut soit installé un OS microsoft virtuel (VirtualBox), ou alors utiliser Wine.

N’ayant pas envi d’acheter une license windows, j’ai penché pour la deuxième solution.

Installation

Avant tout nous avons besoin de Wine et cabextract (pour les fichiers d’installation des IEs)

wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-latest.tar.gz
tar zxvf ies4linux-latest.tar.gz
cd ies4linux-*
./ies4linux

Laissez vous guider par le script d’installation. Vous avez le choix entre plusieurs versions d’Internet Explorer.

Bref je sais que c’est pas la joie d’avoir ce navigateur sur nos bécanes mais je suis surement pas le seul développeur web à travailler sous Linux. Il y a une version de ce script pour les Mac ici.

PS: Tout ça m’a fait pensé à un billet d’un ami sur un hack ie6. Nan sérieux j’ai jamais vu un hack aussi con lol. Ça se passe ici.

Posted on May 22, 2009 - by Jérôme M.

Midori, un navigateur ultra léger

Midori est un navigateur qui va dans le sens de la simplicité et de la legereté. Et ça me plaît beaucoup. Parce que je sais pas pour vous mais personnellement j’ai l’impression que Firefox s’alourdit de plus en plus à chaque release. Alors que le petit Midori est rapide comme l’éclair, ce n’est pas pour rien qu’il a été choisit pour devenir le navigateur officiel de Xfce.

Midori

Prononcez le « MI – DO – LI », c’est un mot japonais 緑 (みどり) qui veut dire vert. Il est développé par Christian Dywan et respecte la philosophie K.I.S.S, dans le sens où il ne fait pas 36 choses à la fois.

Par exemple il faudra lui signaler le programme à utiliser pour aggréger vos flux RSS car lui ne sait pas faire. Pareil pour regarder la source d’une page, il faudra lui indiquer d’utiliser gedit par exemple, c’est normal ce n’est pas son job. Midori est basé sur le moteur open source Webkit, ce qui lui donne de très bonne performance en terme de rendu Web.

Midori est encore en version alpha, mais son développement est rapide et à chaque nouvelle version il s’améliore beaucoup. Aujourd’hui il gère plutôt bien les signets, les scripts des utilisateurs (vous pouvez faire vos plugins ) et les téléchargements.

Ce petit bijou est disponible dans les dépôts d’Arch et surement dans les dépôts de votre distribution. Si ce n’est pas le cas, vous pouvez toujours télécharger les sources sur le site officiel et compiler tout ça comme à l’ancienne.

Posted on May 19, 2009 - by Jérôme M.

Nouveau serveur : Debian Lenny

J’ai enfin décidé de migrer mon site web d’un hébergeur mutualisé vers un serveur dédié. Je vous écris ces lignes depuis mon nouveau serveur, une Debian Lenny. Et c’est tout de suite plus sympa à configurer :D. Configurer Apache, PHP, mettre en place son propre FTP et les DNS.. j’adore. Les DNS ne se sont peut être pas propagés sur tous les FAI, néanmoins ça ne devrait plus être long. Bref une deuxième vie commence pour Phollow Me !