Architecture technique

Publié le 22 juillet 2006 et mis à jour le 28 juillet 2018 -
PDF Afficher une version imprimable de cette page
  

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

Côté utilisation, vous pouvez consulter la visite guidée du blog.

Making of Opinions Libres

Ce blog tourne sous WordPress version US dans une version régulièrement réactualisée. 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  : un antispam pour les commentaires. Assez efficace. Mais qui ne sert presque plus à rien depuis que j’ai installé capcc. Il détecte cependant des spams qui savent passer au travers du captcha.
  • Audio Player : un player audio utilisé pour écouter des conférences audio au sein des posts. Je ne l’utilise pas souvent.
  • CapCC : 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 : 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 quelques posts dans la home page, mais beaucoup plus si vous faites une recherche par mois ou par catégorie.
  • 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 : permet de visualiser la mise en page d’un commentaire en cours de rédaction.
  • Photo-Folders, un plugin maison pour l’affichage de photos, que j’ai développé à partir de 2012, et mis en production sur ce site le 4 juillet 2014.
  • Post Teaser : permet l’affichage du début des posts lorsqu’il y en a plusieurs à l’écran et de pointer sur la version complète.
  • Search Everything : une fonction qui permet d’effectuer des recherches non seulement dans les posts mais également dans les pages statiques et dans les commentaires. Complète la fonction de recherche dynamique que j’ai moi-même développée en Ajax.
  • Subscribe2 : permet de gérer l’abonnement par mail aux nouveaux articles de ce blog. Et uniquement par opt-in.
  • Twitter Mentions as Comments : permet d’importer de manière semi-automatique les tweets reliés aux articles et de les intégrer comme commentaires. Mis en place en février 2012.
  • wp-mpdf : qui permet de générer des fichiers PDF à partir des articles, et de les gérer en cache pour éviter de les regénérer à chaque chargement.
  • WP-PostViews : 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.
  • wp-print : qui permet d’afficher des articles dans un mode d’affichage permettant leur impression.
  • Et enfin, quelques plug-ins administratifs dont certains permettent de sécuriser le blog. Je ne les cite pas par précaution.

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. Depuis les nombreuses modifications que j’y ai intégrées, il ne reste plus grand chose du template d’origine.

J’y utilise notamment quelques plug-ins de mon cru pour modifier la fonction de recherche (en la rendant 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 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, ce qui n’est pas trivial lorsque l’on n’est pas développeur à temps plein.

J’ai passé pas mal de temps à peaufiner le template pour en valider la structure avec le W3C Validator. Les pages principales sont maintenant validées, modulo quelques tags dans les articles qui peuvent poser quelques problèmes.

Et puis, tout cela est hébergé chez 1&1 pour 10€ par mois ! Même si j’ai eu quelques déboires avec eux à l’automne 2007, le service rendu est de bon niveau. La performance de MySQL et PHP est très bonne chez eux en général.

Du côté poste client, ce blog fonctionne aussi bien avec Internet Explorer 7/8/9/10 qu’avec Firefox (sous Windows comme sous Linux et MacOS) et Google Chrome. Il ne fonctionne plus convenablement sous Internet Explorer 6.0 depuis août 2011, du fait d’une mise à jour de WordPress. Je teste aussi le site avec Safari sur un Mac Mini tout comme sur l’iPad. Le site est en HTML 5.0 depuis l’automne 2013.

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 et gratuit fonctionnant en mode offline sous Windows. Il fonctionne très bien avec WordPress et s’améliore régulièrement. Depuis 2015, j’utilise aussi Open Live Writer, depuis que Microsoft a abandonné Live Writer.

Les photos que je publie dans les articles sont réalisées avec un Canon EOS 5D II, 5D Mark III et 5D Mark IV selon les circonstances, et triées puis corrigées et “dérawtisées” sous Adobe Lightroom et parfois modifiées sous Photoshop CS. J’ai réalisé les photos en mode panorama (panoramic stitching) avec la fonction idoine de Photoshop CS5, avec le logiciel open source Hugin et depuis début 2012, avec Microsoft ICE qui est très rapide et efficace, avec un réglage temps réel de la perspective. L’entête du blog a été réalisée avec Inkscape. Certaines images ont été traitées avec TheGIMP.

Les photos sont publiées dans le blog via le plugin Photo-Folders de mon cru.

Enfin, je développe et 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.

En juillet 2018, je suis passé à HTTPS pour sécuriser les accès au blog. Cela m’a pris quelques heures de tuning de mon code et de la base de données du blog. Au passage, cela a remis à zéro les compteurs sociaux Facebook et autres.

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

Pour la petite histoire, voici l’évolution du look du blog Opinions Libres qui peut faire sourire avec le recul (il faut assumer…). Tout d’abord au démarrage en 2006, avec le thème d’Andreas Viklund et Tara Aukerman très légèrement modifié, qui utilise trois colonnes :

Look Opinions Libres 2006

En 2008, le look évolue, toujours sur trois colonnes. Il met en avant les deux ouvrages de référence publiés sur le blog : le Guide des Startups et le Rapport du Consumer Electronics Show.

Look Opinions Libres 2007

En 2009, nouvelle évolution du bandeau, sans grands changements.

Look Opinions Libres 2009

En 2010, grosse refonte à la fois au niveau du look, plus dépouillé, sur deux colonnes et avec un menu rassemblant un grand nombre des points d’entrées qui étaient dans les deux colonnes de droite, et l’ajout de nombreuses fonctionnalités parmi lesquelles : sorties PDF et d’impression des articles, open data pour consulter les statistiques de lecture et sur les commentaires, et version pour mobiles avec un thème spécialisé. Le thème d’origine à complètement disparu avec mes nombreuses modifications, intervenues en profondeur dans le CSS du template.

RRR

 
S
S
S
S
S
S
S
img
img
img

Publié le 22 juillet 2006 et mis à jour le 28 juillet 2018 Page de | 95021 lectures

PDF Afficher une version imprimable de cette page     

Ajouter un commentaire

Vous pouvez utiliser ces tags dans vos commentaires :<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> , sachant qu'une prévisualisation de votre commentaire est disponible en bas de page après le captcha.

Last posts / derniers articles

Free downloads

Understanding Quantum Technologies 2023, a free 1,366 pages ebook about all quantum technologies (computing, telecommunications, cryptography, sensing) also available in paperback edition on Amazon:

image

Free downloads

Understanding Quantum Technologies 2023 Short version, a 24 pages with key takeaways from the eponymous book.

image

Voir aussi la liste complète des publications de ce blog.

Derniers albums photos

Depuis juillet 2014, mes photos sont maintenant intégrées dans ce site sous la forme d'albums consultables dans le plugin "Photo-Folders". Voici les derniers albums publiés ou mis à jour. Cliquez sur les vignettes pour accéder aux albums.
albth
QFDN
Expo
791 photos
albth
Remise Légion d'Honneur Philippe Herbert Jul2021
2021
15 photos
albth
Vivatech Jun2021
2021
120 photos
albth
Visite C2N Palaiseau Mar2021
2021
17 photos
albth
Annonce Stratégie Quantique C2N Jan2021
2021
137 photos
albth
Maison Bergès Jul2020
2020
54 photos
albth
Grenoble Jul2020
2020
22 photos

image

Avec Marie-Anne Magnac, j'ai lancé #QFDN, l'initiative de valorisation de femmes du numérique par la photo. Elle circule dans différentes manifestations. L'initiative rassemble près de 800 femmes du numérique (en janvier 2022) et elle s'enrichit en continu. Tous les métiers du numérique y sont représentés.

Les photos et les bios de ces femmes du numérique sont présentées au complet sur le site QFDN ! Vous pouvez aussi visualiser les derniers portraits publiés sur mon propre site photo. Et ci-dessous, les 16 derniers par date de prise de vue, les vignettes étant cliquables.
flow
Gaëlle Rannou
Gaëlle est étudiante à 42 Paris et tutrice de l’équipe pédagogique (en 2021).
flow
Jehanne Dussert
Jehanne est étudiante à l'école 42, membre d'AI For Tomorrow et d'Open Law, le Droit ouvert. Elle est aussi fondatrice de "Comprendre l'endométriose", un chatbot informant sur cette maladie qui touche une personne menstruée sur 10, disponible sur Messenger. #entrepreneuse #juridique #santé
flow
Chloé Hermary
Chloé est fondatrice d'Ada Tech School, une école d'informatique alternative et inclusive dont la mission est de former une nouvelle génération de talents diversifié à avoir un impact sur le monde. #entrepreneuse #formation
flow
Anna Minguzzi
Anna est Directrice de Recherche au CNRS au Laboratoire de Physique et Modélisation des Milieux Condensés (LPMMC) à Grenoble. #quantique
flow
Maeliza Seymour
Maeliza est CEO et co-fondatrice de CodistAI, qui permet de créer une documentation du code informatique par une IA.
flow
Candice Thomas
Candice est ingénieure-chercheuse au CEA-Leti, travaillant sur l’intégration 3D de bits quantiques au sein du projet Quantum Silicon Grenoble. #recherche #quantique
flow
Stéphanie Robinet
Stéphanie dirige un laboratoire de conception intégrée de circuits électroniques du CEA-Leti qui travaille sur des systèmes sur puces intégrés, des interfaces de capteurs, des interfaces de contrôle de qubits et de la gestion intégrée de l'énergie. #recherche #quantique
flow
Sabine Keravel
Sabine est responsable du business development pour l’informatique quantique chez Atos. #quantique #IT
flow
Céline Castadot
Céline est HPC, AI and Quantum strategic project manager chez Atos.
flow
Léa Bresque
Léa est doctorante, en thèse à l'institut Néel du CNRS en thermodynamique quantique, sous la direction d'Alexia Auffèves (en 2021). #quantique #recherche
flow
Emeline Parizel
Emeline est chef de projet web et facilitatrice graphique chez Klee Group, co-fondatrice TEDxMontrouge, gribouilleuse à ses heures perdues, joue dans une troupe de comédie musicale, co-animatrice de meetups et est sensible à l’art et à la culture. #création
flow
Elvira Shishenina
Elvira est Quantum Computing lead chez BMW ainsi que présidente de QuantX, l'association des polytechniciens du quantique. #quantique
flow
Marie-Noëlle Semeria
Marie-Noëlle est Chief Technology Officer pour le Groupe Total après avoir dirigé le CEA-Leti à Grenoble. #recherche
flow
Gwendolyn Garan
Gwendolyn est travailleuse indépendante, Game UX Designer, Game UX Researcher (GUR) et 2D Artist pour le jeu vidéo, étudiante en Master 2 Sciences du Jeu, speaker et Formatrice sur l'autisme et la neurodiversité, l'accessibilité et les systèmes de représentation dans les jeux vidéo. #création #jeuvidéo
flow
Alexandra Ferreol
Alexandra est étudiante d'un bachelor Game Design à L'Institut Supérieur des Arts Appliqués (année scolaire 2019/2020) #création #jeuvidéo
flow
Ann-elfig Turpin
Ann-elfig est étudiante en deuxième année à Lisaa Paris Jeux Vidéos (Technical artist, 3D artiste), année scolaire 2019/2020. #création #jeuvidéo

Derniers commentaires

“[…] to Olivier Ezratty, author of Understanding quantum technologies 2023, the challenge for Europe is to position itself outside of where the US and China are likely end up...”
“Désolé, je suis passé à l'anglais en 2021 sans revenir au français. Traduire un tel ouvrage (1366) pages d'une langue à l'autre est un travail herculéen, même avec des outils de traduction automatique. Sachant...”
“Je suis un artiste conceptuel, certes je garde la grande majorité de mon travail dans ma tête par défaut d'un grand mécène. Mon travail de base se situe sur le "mimétisme" qui mène aux itérations et de nombreux...”
“Better than a Harry Potter! Thanks Olivier...”
“J'ai bien aimé le commentaire sur le film Openheiner avec l'interrogation du chercheur sur l'utilisation de ses découvertes. En continuation de ces propos, je propose d'écouter le débat suivant qui m'a semblé...”

Abonnement email

Pour recevoir par email les alertes de parution de nouveaux articles :


 

RRR

 
S
S
S
S
S
S
S
img
img
img