Après 3 années de travail chez Pyxis à me perfectionner notamment en architecture front-end et plus récemment en développement OOP avec le Zend Framework, j'ai fait le choix de changer de structure. En effet j'ai toujours été plus attiré par le framework Symfony. Et j'ai eu la chance de participer en février au workshop organisé par Particul.es et animé par Nicolas Perriault, c'est là que j'ai fait la connaissance de mes nouveaux employeurs : Lexik.

Lexik est une agence Web spécialisé dans les développements spécifiques avec Symfony, cela fait maintenant 1 an qu'ils utilisent ce framework pour tous leurs développements. Ce qui fait d'eux, l'une des toutes premières structures de l'Hérault à développer avec Symfony.

J'ai démarré en Juillet et mes techniques de développement et d'organisation d'un projet ont largement évolué. Vous pourrez donc continuer à me lire ici mais également sur le blog technique de Lexik. Premier gros chantier : refonte du site de Lexik !

L'autre grand changement, c'est que j'ai profité de cette évolution de carrière, pour m'établir un statut d'auto-entrepreneur. Une journée de mon temps hebdomadaire est maintenant consacrée à du développement, de la formation et des projets Open Source. Je créerai prochainement une rubrique à ce site, dédié à cette activité, en attendant vous pouvez retrouver ici mon CV.

Un projet commun avec Michael Ortali devrait d'ailleurs voir le jour le mois prochain, stay tuned! ;-)

Bref comme vous vous en doutez ce blog va s'orienter de plus en plus vers Symfony puisque je fais en sorte qu'il prenne place dans ma vie professionnelle.

Côté ligne éditoriale, je veux renforcer le côté articles, ils sont et resteront rares, j'essaie de les détailler suffisamment et ceci me prends beaucoup de temps. D'où le fait que j'ai ajouté un système de brèves qui me permet de sortir du cadre des articles, avec cette dernière par exemple.

Pour le flux RSS principal, pas de souci, puisque c'est feedburner qui s'en occupe, pour les autres et notamment celui des commentaires, je vous conseille d'aller jeter un oeil en bas de la page à propos.

Côté design, celui-ci est beaucoup plus simple que le précédent, plus épurée, il repose essentiellement sur une mise en avant des contenus, ce qui pêchait auparavant (surtout en terme de largeur pour l'affichage des articles). Dans les originalités on trouve surtout un code couleur par catégorie (bleu pour PHP, rouge pour CSS, vert pour le Javascript et gris foncé pour Webdesign) et on retrouve les titres positionnés à gauche du contenu des articles.

Et côté bonne nouvelle, le précédent design sera prochainement disponible en téléchargement sous la forme d'un template libre ou wordpress.

Avec la récente acquisition d'un Canon 50D et d'un 17-40 j'ai pas mal de photos à trier, retoucher et mettre en ligne sur mon Flickr, et je reviens dès que possible avec des articles !

(il se peut que des bugs aient échappés à mon attention, n'hésitez pas à me les signaler en commentaire)

Mais pourquoi n'y ai je pas pensé ! Mêler sa passion de la photo à celle du développement Web. Cela donne des clichés très intéressant et je suis persuadé que si les livres de CSS étaient illustrés de telles photos, cela donnerai plus envie aux développeurs de se séparer de leurs <table> ;-)

Skill Exchange dans sa version précédente avait représenté pour moi une énorme source d'enrichissement personnel. L'ouverture aux autres et les échanges qu'il m'avait apporté m'ont énormément appris.

J'avais toutefois abordé de multiples sujets, si bien qu'à force, il était devenu un fourre tout, loin de ce que j'avais souhaité à la base. Par cette refonte, je souhaite me concentrer sur les thèmes d'écriture suivants :

• Articles technique sur PHP, notamment sur le Zend Framework (que j'utilise désormais au quotidien chez Pyxis) ainsi que sur Symfony (que j'apprécie tout autant) ;
• Articles sur le CSS et l'intégration en général ;
• Articles sur le Javascript essentiellement sur jQuery ;
• Articles sur le Webdesign ;
• Des tests / descriptifs de CMS open source, avec une approche plutôt page, orienté PME ;
• Articles satellites sur des sujets divers (tels que le référencement, l'entreprenariat, etc.).

Pour le reste, le micro-blogging (Pownce en l'occurence) me convient très bien.

Voilà pour le premier article, pour ce qui est de contenu intéressant il faudra attendre courant de cette semaine avec une série d'astuces CSS pour IE !

Voici, pour l'instant, deux techniques pour redimensionner plusieurs photos sous Ubuntu, tout d'abord une astuce trouvée via ce post du forum Ubuntu-fr :

[mode console] Vous aurez besoin du paquet imagemagick afin d'utiliser l'outil mogrify, donc au préalable :

sudo apt-get install imagemagick

mogrify s'utilise ainsi :

mogrify -resize 800x600 *.jpg

En sachant que vous devez d'une part vous trouver dans le dossier de vos photos et d'autre part que jpg est à remplacer par l'extension de vos photos.

[mode graphique] Gràce à gthumb, il vous suffit de sélectionner les photos à redimensionner, puis cliquer sur Outils > Scale Images.

Voilà pour le moment les deux techniques que j'ai utilisé pour redimensionner mes photos en masse. Je vous rappelle qu'avec gthumb il est possible de générer son album Web.

Toutefois, comme il est précisé dans la documentation Ubuntu, XAMPP n'est pas fait pour être un environnement de production, en effet, il sera alors préférable d'installer chaque application à la main, via Synaptic ou apt-get. Néanmoins, à l'inverse de ce qui est cité dans la doc Ubuntu, d'une part XAMPP peut facilement devenir un ensemble assez sécurisé, au moyen d'un utilitaire, et d'autre part les fichiers de configuration d'Apache, de MySQL, de PHP, de proftpd, etc. sont bien présents et peuvent être modifiés.

1. Installation

Voyons tout d'abord comment installer XAMPP, il vous faudra en premier lieu télécharger l'archive, et l'extraire soit en mode console :

sudo tar xvfz xampp-linux-1.5.1.tar.gz -C /opt

Soit par le mode graphique en faisant click droit > extraire ici sur l'archive et en la déplaçant vers le dossier /opt de votre Ubuntu.
L'installation est terminée...

2. Lancement et arrêt

Comme il est indiqué dans la documentation Ubuntu, pour lancer XAMPP, il suffit de saisir cette commande :

sudo /opt/lampp/lampp start

Ce qui doit vous retourner :

Starting XAMPP for Linux 1.4.11...
XAMPP: Starting Apache with SSL (and PHP5)...
XAMPP: Starting MySQL...
XAMPP: Starting ProFTPD...
XAMPP for Linux started.

Il ne vous reste plus qu'à lancer votre navigateur et vous rendre sur la page http://localhost/, ce qui devrait directement vous renvoyer vers la page de xampp. Cliquez alors sur Statut, afin de bien vérifier que tous les composants se soient bien lancés. Pour arrêter XAMPP :

sudo /opt/lampp/lampp stop

3. Configuration et sécurité

Sélectionner sa version de PHP

Avec XAMPP, vous pouvez choisir votre version de PHP, entre PHP 4 et PHP 5. La commande suivante vous permet de savoir quelle version de PHP est activée sur votre serveur :

sudo /opt/lampp/lampp phpstatus

Pour sélectionner uniquement PHP 4 :

sudo /opt/lampp/lampp php4

Pour sélectionner uniquement PHP 5 :

sudo /opt/lampp/lampp php5

Sécuriser son serveur Web :

Toujours dans la page d'accueil de XAMPP, vous pouvez consulter la partie Sécurité qui vous informe qu'aucun mot de passe ne protège les différentes applications de votre serveur Web.
Un utilitaire fournit avec XAMPP permet de palier à ce manque de sécurité :

sudo /opt/lampp/lampp security

Vous aurez alors :

XAMPP: Quick security check...
XAMPP: Your XAMPP pages are NOT secured by a password.
XAMPP: Do you want to set a password? [yes] yes
XAMPP: Password: XAMPP: Password
(again):
XAMPP: Password protection active. Please use 'lampp' as user name!
XAMPP: MySQL is accessable via network. XAMPP: Normaly that's not recommended. Do you want me to turn it off? [yes] yes
XAMPP: Turned off.
XAMPP: Stopping MySQL...
XAMPP: Starting MySQL...
XAMPP: The MySQL/phpMyAdmin user pma has no password set!!!
XAMPP: Do you want to set a password? [yes] yes
XAMPP: Password: XAMPP:
Password (again):
XAMPP: Setting new MySQL pma password.
XAMPP: Setting phpMyAdmin's pma password to the new one.
XAMPP: MySQL has no root passwort set!!!
XAMPP: Do you want to set a password? [yes] yes
XAMPP: Write the password somewhere down to make sure you won't forget it!!!
XAMPP: Password: XAMPP:
Password (again):
XAMPP: Setting new MySQL root password.
XAMPP: Setting phpMyAdmin's root password to the new one.
XAMPP: The FTP password is still set to 'lampp'.
XAMPP: Do you want to change the password? [yes] yes
XAMPP: Password: XAMPP:
Password (again):
XAMPP: Reload ProFTPD...
XAMPP: Done.

Créer son répertoire public_html

Jusqu'à présent, sur les anciennes versions de XAMPP, il suffisait de créer un répertoire public_html dans son home afin d'y placer ses fichiers et les joindre via la page http://localhost/~nom-d-utilisateur/.
Avec cette nouvelle version, il faut activer une option d'Apache, pour cela ouvrez un terminal :

sudo gedit /opt/lampp/etc/httpd.conf

Et retirez le # devant la deuxième ligne :

# User home directories
#Include etc/extra/httpd-userdir.conf

Vous pouvez maintenant vous créer votre dossier public_html.

MySQL est marqué comme désactivé

Si en vous rendant dans la page Statut de XAMPP, MySQL est mentionné comme désactivé.
Il faut changer les droits d'accès sur le fichier mysql, pour cela lancer un terminal :

sudo chmod 755 /opt/lampp/bin/mysql <em>(à vérifier)</em>

Il faut ensuite redémarrer MySQL :

sudo /opt/lampp/lampp reloadmysql

Backup de ses sites

Je n'ai pas encore eu l'occasion de tester cette fonctionnalité, mais XAMPP inclut un système de backup des bases de données, des fichiers de logs, ainsi que des sources de vos sites (il ne doit par contre, pas récupérer les sources contenues dans le dossier public_html).

sudo /opt/lampp/lampp backup

Qui retourne :

Backing up databases...
Backing up configuration, log and htdocs files...
Calculating checksums...
Building final backup file...
Backup finished.
Take care of /opt/lampp/backup/xampp-backup-<em>date</em>.sh

Ainsi vous pouvez récupérer vos données via :

sudo sh <em>fichierbackup</em>

Fichiers de configuration

Voici où se trouvent quelques fichiers de configuration :

• Apache : /opt/lampp/etc/httpd.conf
• PHP : /opt/lampp/etc/php.ini
• MySQL : /opt/lampp/etc/my.cnf
• proFTPd : /opt/lampp/etc/proftpd.conf

4. Liens

• Projet XAMPP
• XAMPP dans la documentation Ubuntu
• Très bon tutoriel sur l'utilisation de XAMPP

Si vous souhaitez activer le partage Web de votre Mac, rendez vous tout simplement dans Préférences Systèmes > Partage (Internet et Réseau) :

MAMP est une solution serveur Web parmi tant d'autres, mais compatible Mac. Au même titre qu'EasyPHP ou encore XAMPP, MAMP, qui en est à sa version 1.0.1, met à votre disposition un serveur Web contenant ces différents éléments :

• Apache 2.0.54
• MySQL 4.1.12
• PHP 4.4 & 5.0.4
• eAccelerator 0.9.3
• phpMyAdmin 2.6.3-pl1
• Zend Optimizer 2.5.10
• SQLite 2.8.14
• Freetype 2.1.9
• t1lib 5.1.0
• bzip2 1.0.3
• curl 7.14.0
• jpeg 6b
• libpng-1.2.5
• gd 2.0.28

J'ai découvert cette solution gràce à cet article de Framasoft. Après avoir téléchargé, puis décompressé l'archive, vous vous retrouvez face à un fichier image (dmg), double cliquez dessus et rendez vous dans l'image montée :

Déplacez tout simplement le dossier MAMP dans votre dossier Applications pour que ce dernier s'installe. Lorsque cette procédure est terminée, vous devriez trouver ceci dans votre dossier Applications/MAMP :

Lançons MAMP (celui ci demandera une authentification si vous êtes protégé d'un mot de passe) et vous allez ensuite tomber sur un espace de lancement et d'administration de votre serveur Web, le voici :

Dans les préférences, vous avez notamment la possibilité de configurer les ports des serveurs Apache et MySQL, ils sont par défaut respectivement sur le 8888 et 8889, MAMP vous laisse la possibilité de mettre les ports réels de ces deux serveurs (80 et 3306). Vous pouvez aussi choisir votre version de PHP (4 ou 5), comme dans XAMPP. Enfin dans ce même panneau d'administration, vous pouvez sélectionner le répertoire de base d'Apache, très pratique si vous créez un répertoire public_html ou simplement que vos sites sont stockés dans le répertoire Sites de votre profil.

Au démarrage des serveurs, votre navigateur par défaut s'ouvre pour afficher cette page :

C'est la page d'accueil de MAMP (http://localhost/MAMP/), c'est par ici que vous accèderez en un seul click à phpMyAdmin, SQLiteManager et votre phpinfo.
Vous pouvez aussi accèder directement à phpMyAdmin via l'url : http://localhost/phpMyAdmin/
et http://localhost/SQLiteManager/ pour SQLiteManager.

En ce qui concerne vos pages Web, elles doivent tout simplement être placées dans le dossier MAMP/htdocs/.

Pour un paramètrage plus personnalisé vous avez accès au fichier httpd.conf dans le dossier MAMP/conf/apache, le php.ini se trouve dans MAMP/conf/php4 ou MAMP/conf/php5 suivant votre version.

Vous pouvez aussi lancer MAMP manuellement par la console gràce au start.sh que vous trouvez dans MAMP/bin/.

Il s'agit de cours autour des feuilles de style CSS ayant pour but de présenter tous les aspects ou presque que peut prendre une liste déroulante. Si vous êtes en manque d'inspiration ou simplement que vous voulez découvrir de nouvelles techniques, allez immédiatement sur ce site qui est extrêmement complet. Chacune des techniques sont très bien détaillées, le code source de la page HTML et de la feuilles de style CSS sont evidemment fournit, ce qui vous permettra de les appliquer simplement sur vos sites Internet.

Je vous recommande de débuter par cette section.

On en revient néanmoins à un problème, simple, plus ces techniques de graphistes sont démocratisées, plus elles deviennent banalisées et donc moins utilisées par les graphistes qui recherchent l'originalité et la nouveauté. Un article du blog elyste donne quelques styles à éviter car ils deviennent trop utilisés.

Ouvrez Synaptic (en ayant pris soin d'avoir mis à jour la base de vos dépots Synaptic) et faites une recherche sur :

streamtuner (ce logiciel permet de lister toutes les radios émettant avec le flux cité ci-dessus, il vous donnera bien sûr l'adresse pour vous y connecter et surtout permet de lancer automatiquement XMMS, Rythmbox ou BMP pour écouter la radio sélectionnée)

streamripper (celui ci est une application console permettant d'enregistrer un flux Shoutcast ou Icecast, ça tombe bien non ?)

Le bon combo de tout ceci c'est que streamtuner ajoute la possibilité d'enregistrer vos radios via streamripper.

http://www.nongnu.org/streamtuner/
http://streamripper.sourceforge.net/

Celle ci n'est pas prise dans le bon angle, amusant non ^^ :

Edit du 26/06/05:
On trouve enfin quelques photos supplémentaires dans la partie "illusion" du site abrutis.com, notamment les suivantes :
Une porte qu'on trouvera judicieu de ne pas emprunter
Une grande mouche qu'on s'abstiendra d'écraser
Un style très british et mystérieux, j'aime beaucoup
De loin ma préférée de toute, à voir...