Architecture technique

Voici le “making of” de ce blog, comprenant la partie logicielle et aussi l’aspect photos.

Ce blog tourne sous WordPress 2.8.6 version US. J’avais commenté le rationnel de ce choix en 2006 et il reste toujours valable, tant Wordpress est devenu la plateforme standard open source pour gérer ses blogs.

Ma configuration Wordpress est complétée par un certain nombre de plug-ins dont :

• Akismet 2.2.6 : un antispam pour les commentaires. Assez efficace. Mais qui ne sert presque plus à rien depuis que j’ai installé capcc.
• Audio Player 2.0 : un player audio utilisé pour écouter des conférences audio au sein des posts.
• AutoMeta 0.7v : pour générer automatiquement des tags dans les posts. En fait, ne fonctionne pas très bien automatiquement.
• CapCC 1.01 : un outil de saisie de code visuel pour également limiter les spams de commentaires. Script Php que j’ai du modifier car il était buggé…
• Different Posts per Page 1.7 : permet de spécifier le nombre de posts par page selon l’affichage: home, search, catégorie, historique. Il me permet de ne présenter que 5 posts dans la home page, mais beaucoup plus si vous faites une recherche par mois ou par catégorie.
• Feed Facebook – Leave Facebook 1.0 qui génère un flux RSS pour alimenter mon compte Facebook avec les premières lignes de chaque article et un pointeur sur le blog.
• GetRecentComments 2.0.2 qui permet d’afficher la liste des commentaires récents dans la sidebar.
• Greg’s Threaded Comment Numbering qui sert à numéroter hiérarchiquement les commentaires imbriqués (threaded comments) mis en place depuis août 2009.
• Live Comment Preview 1.9 : permet de visualiser la mise en page d’un commentaire en cours de rédaction.
• Post Teaser 3.1 : permet l’affichage du début des posts lorsqu’il y en a plusieurs à l’écran et de pointer sur la version complète.
• Sociable 2.9.1 : qui ajoute les liens sur les sites de bookmarking à la fin de chaque article.
• Subscribe2 4.18 : permet de gérer l’abonnement par mail aux nouveaux articles de ce blog.
• Twitter Tools 2.0 qui envoie un twitt sur mon compte olivez à chaque publication d’un nouvel article.
• WP-PostViews 1.5 : qui permet de calculer le nombre de fois qu’un post est lu individuellement. Utilisé en particulier dans les archives par années et par mois.
• WordPress Mobile Plug-in 1.2: un plug-in d’Andy Moore qui formate le contenu du blog pour les mobiles courants. En test depuis février 2008 et a l’air de bien fonctionner.

Le template que j’utilise est un lointain dérivé d’un thème d’Andreas Viklund. Il est conçu pour s’adapter dynamiquement à la largeur de votre écran ou de la fenêtre de votre navigateur. J’y utilise quelques plug-ins de mon cru pour modifier la fonction de recherche (pour la rendre dynamique), un autre pour présenter la liste des principaux contributeurs au blog (une fonctionnalité que je n’ai jamais vue sur un blog), et enfin, un dernier pour présenter dynamiquement les archives annuelles du blog (avec statistiques de lectures et nombre de commentaires par article). J’ai expérimenté l’usage d’Ajax et de JavaScript pour ce faire.

Et puis, tout cela est hébergé chez 1&1 pour 5€ par mois. Même si j’ai eu quelques déboires avec eux à l’automne 2007.

Du côté poste client, ce blog fonctionne aussi bien avec Internet Explorer 7/8 qu’avec Firefox 2/3 (sous Windows comme sous Linux) et Google Chrome. Je le teste de temps en temps sous Internet Explorer 6.0, 5.5 et 5.0, mais sur ces versions, le support est moins bon. Sur Internet Explorer 5.0, les colonnes à droite ne s’affichent pas correctement, mais cette version n’est quasiment plus utilisée.

Sinon, je fais appel à PSPad, un freeware sympa pour l’édition de programmes avec lequel j’édite les scripts PHP et le template de mon blog, qui attaque directement un site FTP, ainsi qu’à Filezilla pour les uploads sur le site. Depuis la mi septembre 2006, j’édite mes posts avec Windows Live Writer un petit outil sympa qui fonctionne (presque) parfaitement avec Wordpress.

Les photos que je publie dans les articles sont réalisées avec un Canon EOS 5D, un 5D II ou un G10 selon les circonstances, et triées puis corrigées et “dérawtisées” sous Adobe Lightroom 2.5 et éventuellement Photoshop CS4. L’entête du blog a été réalisée avec Inkscape. Certaines images ont été traitées avec TheGIMP. Mes photos sont publiées sur Picasa Web Album et les vidéos sur YouTube.

Enfin, je teste les modifications de mon blog sur Ubuntu avec une réplication complète de l’environnement Linux, Apache, MySQL et PHP de mon hébergeur.

Mis à jour le 28 novembre 2009