Architecture technique

Publié le 22 juillet 2006 et mis à jour le 18 août 2010 - Commenter -

Voici le “making of” de ce blog, com­pre­nant la par­tie logi­cielle et aussi l’aspect photos.

Côté uti­li­sa­tion, vous pou­vez consul­ter la visite gui­dée du blog.

Ce blog tourne sous Word­Press ver­sion US dans une ver­sion régu­liè­re­ment réac­tua­li­sée. J’avais com­menté le ration­nel de ce choix en 2006 et il reste tou­jours valable, tant Word­Press est devenu la pla­te­forme stan­dard open source pour gérer ses blogs.

Ma confi­gu­ra­tion Word­Press est com­plé­tée par un cer­tain nombre de plug-ins dont :

• Akis­met  : un anti­spam pour les com­men­taires. Assez effi­cace. Mais qui ne sert presque plus à rien depuis que j’ai ins­tallé capcc. Il détecte cepen­dant des spams qui savent pas­ser au tra­vers du captcha.
• Audio Player : un player audio uti­lisé pour écou­ter des confé­rences audio au sein des posts.
• CapCC : un outil de sai­sie de code visuel pour égale­ment limi­ter les spams de com­men­taires. Script Php que j’ai du modi­fier car il était buggé…
• Dif­ferent Posts per Page : per­met de spé­ci­fier le nombre de posts par page selon l’affichage: home, search, caté­go­rie, his­to­rique. Il me per­met de ne pré­sen­ter que 5 posts dans la home page, mais beau­coup plus si vous faites une recherche par mois ou par catégorie.
• Feed Face­book – Leave Face­book qui génère un flux RSS pour ali­men­ter mon compte Face­book avec les pre­mières lignes de chaque article et un poin­teur sur le blog.
• Greg’s Threa­ded Com­ment Num­be­ring qui sert à numé­ro­ter hié­rar­chi­que­ment les com­men­taires imbri­qués (threa­ded com­ments) mis en place depuis août 2009.
• Live Com­ment Pre­view : per­met de visua­li­ser la mise en page d’un com­men­taire en cours de rédaction.
• Post Tea­ser : per­met l’affichage du début des posts lorsqu’il y en a plu­sieurs à l’écran et de poin­ter sur la ver­sion complète.
• Subscribe2 : per­met de gérer l’abonnement par mail aux nou­veaux articles de ce blog.
• WordT­wit qui envoie un twitt sur mon compte oli­vez à chaque publi­ca­tion d’un nou­vel article.
• wp-mpdf : qui per­met de géné­rer des fichiers PDF à par­tir des articles, et de les gérer en cache pour éviter de les regé­né­rer à chaque chargement.
• WP-PostViews : qui per­met de cal­cu­ler le nombre de fois qu’un post est lu indi­vi­duel­le­ment. Uti­lisé en par­ti­cu­lier dans les archives par années et par mois.
• wp-print : qui per­met d’afficher des articles dans un mode d’affichage per­met­tant leur impression.
• wp-typography : un plug-in qui amé­liore la typo­gra­phie d’ensemble du blog et y intègre la ges­tion des césures.
• wp-touch : un plug-in qui per­met l’accès au blog à par­tir de smart­phone et de leur navi­ga­teur web. Il sup­porte notam­ment l’iPhone.
• Et enfin, quelques plug-ins per­met­tant de sécu­ri­ser le blog que je ne cite­rai pas par précaution.

Le tem­plate que j’utilise est un loin­tain dérivé d’un thème d’Andreas Vik­lund. Il est conçu pour s’adapter dyna­mi­que­ment à la lar­geur de votre écran ou de la fenêtre de votre navi­ga­teur. Depuis les nom­breuses modi­fi­ca­tions que j’y ai inté­grées, il ne reste plus grand chose du tem­plate d’origine.

J’y uti­lise notam­ment quelques plug-ins de mon cru pour modi­fier la fonc­tion de recherche (en la ren­dant dyna­mique), un autre pour pré­sen­ter la liste des prin­ci­paux contri­bu­teurs au blog (une fonc­tion­na­lité que je n’ai jamais vue sur un blog), et enfin, un der­nier pour pré­sen­ter dyna­mi­que­ment les archives du blog (avec sta­tis­tiques de lec­tures et nombre de com­men­taires par article). J’ai expé­ri­menté l’usage d’Ajax et de JavaS­cript pour ce faire, ce qui n’est pas tri­vial lorsque l’on n’est pas déve­lop­peur à temps plein.

J’ai passé pas mal de temps à peau­fi­ner le tem­plate pour en vali­der la struc­ture avec le W3C Vali­da­tor. Les pages prin­ci­pales sont main­te­nant vali­dées, modulo quelques tags dans les articles qui peuvent poser quelques problèmes.

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, le ser­vice rendu est de bon niveau. La per­for­mance de MySQL et PHP est très bonne chez eux en général.

Du côté poste client, ce blog fonc­tionne aussi bien avec Inter­net Explo­rer 7/8 qu’avec Fire­fox 3.X (sous Win­dows comme sous Linux) et Google Chrome. Il mar­chotte sous Inter­net Explo­rer 6.0. Je teste aussi le site avec Safari sur un Mac Mini.

Sinon, je fais appel à PSPad, un free­ware sympa pour l’édition de pro­grammes avec lequel j’édite les scripts PHP et le tem­plate de mon blog, qui attaque direc­te­ment un site FTP, ainsi qu’à File­zilla pour les uploads sur le site. Depuis la mi sep­tembre 2006, j’édite mes posts avec Win­dows Live Wri­ter un petit outil sympa et gra­tuit qui fonc­tionne très bien avec Word­Press et qui s’améliore régulièrement.

Les pho­tos que je publie dans les articles sont réa­li­sées avec un Canon EOS 5D, un 5D II ou un G10 selon les cir­cons­tances, et triées puis cor­ri­gées et “déraw­ti­sées” sous Adobe Ligh­troom 2.7 et par­fois modi­fiées sous Pho­to­shop CS4. L’entête du blog a été réa­li­sée avec Inks­cape. Cer­taines images ont été trai­tées avec The­GIMP. Mes pho­tos sont publiées sur Picasa Web Album et les vidéos sur You­Tube.

Enfin, je déve­loppe et teste les modi­fi­ca­tions de mon blog sur Ubuntu avec une répli­ca­tion com­plète de l’environnement Linux, Apache, MySQL et PHP de mon hébergeur.

Au bout du compte, le nombre d’outils à mettre en oeuvre pour gérer un tel blog est assez impres­sion­nant quand on prend un peu de recul (cf l’image au début de la page) !