Bonjour et bienvenue sur le blog de Pierre ROYER

Ce flux Atom (RSS) traite des différentes évolutions de mon site internet, ainsi que de son contenu, depuis 1996.

Les pages historiques ont été générées avec Netscape Navigator, et des balises "spécifiques Netscape", certaines ouvertes et non fermées, d'autres non supportées par internet explorer...

XHTML 1.0 est recommandé par le W3C (World Wide Web Consortium), et semblerait donc succéder à HTML4, une évolution parait donc judicieuse.

D'autre part, j'abandonne les éditeurs WYSIWYG (What you see is what you get), générateurs de code "pas propre", et opte pour un simple éditeur de textes.

De ce fait, je me suis "paluché" à la mano des centaines de lignes HTML, et réécrit entièrement mon site. Ca m'a pris beaucoup de temps, mais au moins, je maitrise le squelette de mes pages !

Super voyage, riche culturellement, et très varié : le Nil, la mer rouge (premier baptême de plongée sous-marine !), la valée des Rois, le Caire et ses pyramides.

De retour de vacances en Tanzanie, où j'ai dormi sous une tente, au milieu de bêtes sauvages et féroces. Je reviens avec des souvenirs plein la tête, et une odeur de fauve ! Afin de partager mes photos, j'ai mis une galerie, crée avec le logiciel Picasa que Google met à disposition gratuitement. Pour se rendre dans la galerie, j'ai créé une sous-section dédiée à mes photos : https://pierreau.fr/Photos/

Bonne visite, et bon dépaysement !

Ce document est une synthèse de mes connaissances fondamentales des systèmes Linux et Unix (Solaris). Je l'ai mis en forme au fil de l'eau... et de mes expériences.

L'évolution des spécifications de RSS 2.0 est figée par son fondateur Dave Winer. Le projet est potentiellement mort, alors je décide de basculer mes Feeds vers Atom, qui est plus récent, et plus fourni en matière de possibilités (entre-autre l'intégration de balises XHTML bien pratiques, à l'intérieur du contenu des entrées).

Afin de répondre aux offres du marché en tant que consultant-formateur Linux, je change de statut et me mets en auto-entrepreneur. Il devient urgent d'isoler une zone de mon site internet afin de bénéficier d'une vitrine professionnelle, à part entière, et de créer une page d'accueil (et donc d'index) dédiée.

Ma décision est de faire une sous-section de mon site, à l'image de ce que j'ai fait avec la galerie photos. L'adresse web de ce nouveau point d'entrée est courte et facile à retenir : https://pierreau.fr/pro/. Cela me permet, dans la foulée, de faire imprimer mes cartes de visite professionnelles avec cette adresse.

Dans cette nouvelle section, j'y mets évidement mon CV (format PDF et web), mais également une page qui explique ce que l'on ne peut pas trouver sur un CV : pourquoi je fais ce métier.

Par ailleurs, comme tout bon commerçant, j'y ai ajouté un catalogue de mes compétences et prestations.

Deux semaines à découvrir Java et une partie de Bali avec un sac à dos. L'aventure comme je l'aime, dans un pays qui m'a charmé : l'Indonésie. Regardez, appréciez, et partagez si vous le souhaitez cette nouvelle galerie de photos.

Je me fait spammer à tout va, et je dois effacer toute trace d'adresse mail sur mon site. Cependant, on doit pouvoir continuer à me contacter, et la solution la plus aisée est de mettre en place une formulaire HTML avec du PHP derrière.

Mon précédent voyage en Asie m'a vraiment beaucoup plu, alors j'y suis retourné ! La Thaïlande est un pays plein de contrastes : traditions et modernité y font bon ménage !

Un formulaire de contact par ci, un livre d'or par là, plus la création d'une nouvelle page ailleurs pour mon QR-code... Ce n'est pas très clean ! Je range tout ça dans un même sous-dossier https://pierreau.fr/Contact/

Cependant, il faut que je redirige les pages déjà existantes vers leurs nouveaux endroits, sinon les caches des moteurs de recherche vont se perdre ! Le moyen le plus simple est de paramétrer des redirections dans le fichier racine de mon site. Là, je fais appel à Apache, .htaccess et les "Redirect 301".

Un mois en totale immersion au Vietnam, Laos et Cambodge, seul avec mon sac à dos... et mon appariel photos.

En plus des méta-données déjà existantes dans l'entête de mes pages, je rajoute celles proposées par Dublin Core afin de faciliter le "travail" de ces chers web crawlers (robots d'indexation).

Ma galerie photos sent le vieillot : Picasa, c'est pratique, mais pas très sexy. J'ai choisi le logiciel jAlbum, avec lequel j'ai repassé à la moulinette l'ensemble de mes photos. Le résultat est plutôt sympa !

Un grand mois de vacances, en mode baroudeur, pour découvrir les iles de Fores, Komodo, Trawangan et Bali.

Les 'hit count' placés sur mes pages pour comptabiliser le nombre de visiteurs sur mon site étaient à l'origine un service offert part des sites externes.

Cependant, plusieurs désavantages non négligeables me font changer d'orientation :

• le temps de chargement de ces compteurs est long (parfois plusieurs secondes)
• les caractères pour afficher les chiffres sont souvent laids et criards
• la notion d'un utilisateur par session unique n'est pas garantie
• le comptage par pages visitées est peu fiable...

La solution consiste à me remettre au PHP, et créer mes propres compteurs. Pour cela, nul besoin d'une base de données, mais de quelques scripts, et d'un simple fichier texte de quelques octets pour les enregistrements !

Le (x)HTML4 est dépassé : je me traîne avec un menu en Flash sur ma page d'accueil, et du Javasrcipt partout. De plus, le W3C recommande de ne plus utiliser les frames. Bien sûr, tout mon site est basé sur des frames : une pour la navigation, l'autre pour le contenu...

Le HTML 5 devrait alléger mes pages, et me simplifier leurs contenu (je développe toujours avec un simple éditeur de texte Notepad++), notament en séparant distinctement le contenu HTML, et la mise en forme CSS dans un fichier commun. Même si ce nouveau standard n'est pas encore totalement finalisé, les navigateurs web récents le supportent correctement.

Je décide pour la troisième fois de coder à nouveau l'ensemble de mon site internet...

Afin d'optimiser encore le référencement de mes pages d'index, je mets en place les balises Open Graph.

Je publie une étude sur les solutions existantes qui permettent de fluidifier et sécuriser les bases de données, en assurant un maximum de redondance.

Ajout du chapitre sur LVM (Logical Volume Manager).

-

Venez visiter la nouvelle mouture de mes pages web ! Entièrement recréée avec Bootstrap 3.3.7 et jQuery 3.3.1, elle répond à la philosophie "Mobile First", et est maintenant entièrement "Responsive"....

Cette fois, il ne s'agit plus de recoder le HTML sans impacter l'aspect visuel et l'expérience utilisateurs. Là, je décide pour la première fois depuis 20 ans de rajeunir le look... Adieu les années 1990 et 2000, les gifs animés, les couleurs criardes !

Il s'agit de la version 2.0 de mon site, vu par les visiteurs, mais en réalité, c'est la quatrième refonte de l'ensemble de mes pages web.

Pour les nostalgiques, j'ai gardé une relique du look de ce qui existait auparavant !

Les pages d'index du site (accueil, pro et photos) ont dorénavant leurs petites soeurs au format AMP (Accelerated Mobile Pages). Un exemple est consultable ICI.

De même, elles bénéficient de données structurées (balisage schema.org) au format Json (JavaScript Object Notation) et de cartes enrichies, afin de privilégier d'une meilleure accroche suite à une recherche Google sur des terminaux mobiles. J'ai même poussé (et facilité) leurs référencements en y ajoutant des twitter cards.

Toujours dans une optique "Mobile First", et pour aller jusqu'au bout du raisonnement (faible débit si mauvaise couverture), il est bienvenu de pouvoir optimiser le chargement des pages depuis les terminaux mobiles. C'est bien beau de mettre du bootstrap par ci, du jQuery par là, mais ça implique à chaque fois le chargement de feuilles de styles CSS, de modules Javascript, bref des centaines de Ko. J'aime mes visiteurs, et surtout ceux qui reviennent ;) et c'est pourquoi j'active les fonctions de mise en cache sur le serveur Apache, via le fichier .htaccess.

Les moteurs de recherches commencent à privilégier les pages sécurisées...

Soit, qu'il en soit ainsi ! J'ai demandé à mon hébergeur web de me fournir un certificat de clé publique, et j'ai modifié tous mes liens de toutes mes pages en HTTPS.

La ré-indexation des robots prend du temps, mais j'ai laissé mes anciennes pages HTTP, le temps de la transition, de mes validations, et avant de rediriger (RewriteRule Apache 301) l'entièreté de mes pages HTTP en HTTPS...

Les pares-feux, les protocoles chiffrés (HTTPS...), la virtualisation, apportent leurs lots de technologies, qui aspirent à un certain niveau de confiance.

Le back-end maîtrisé, les bases de données et autres formats de stockages sécurisés, les outils de sauvegardes / archivages éprouvés, les politiques de sécurité et habilitations implémentées, les accès physiques aux informations contôlés, font partie des bonnes pratiques.

La qualité des codes (javascript, PHP, jQuery...), l'isolation (conteneurisation) des applications, les tests unitaires etc..., nous rassurent et sont une (très bonne) chose, mais...

Qu'en est-il de votre navigateur web préféré, et votre protection envers des attaques fréquentes du type "Man In The Middle" ? C'est là que j'interviens pour vous protéger ;) Comment ?

En paramétrant directement la configuration du serveur Web Apache de mon hébergeur, au niveau des "Header", en y incluant des mécanismes de protection tels que :

CPS (Content-Security-Policy), Strict Transport Security (HSTS), Protection Cross Site Scripting (XSS), X-Frame-Options, X-Content-Type-Options, Set-Cookie...

Vous voilà protégé, de moi... jusqu'à vous !

Les navigateurs internet évoluent, le language PHP et autres strandards web aussi...

Un passage en douceur de la version de Bootstrap 3.3.7 vers Bootstrap 4.1.3 fut la bienvenue ;)

Afin de continuer dans une logique 'Mobile first', et améliorer l'expérience utilisateur, j'ai transformé mes pages d'index en PWA sécurisée. Mon site web est dorénavant installable et consultable 'offline' !

Depuis le début du confinement de la pandémie du COVID, mes clients ne sont pas équipés d'outils pour le télétravail. Je créé une extension de mon site (https://cloud.pierreau.fr) dans mon Cloud privé, sécurisé en HTTPS avec un reverse proxy (SWAG).

Afin de faciliter les accès aux ressources de mon Cloud privé, d'optimiser et sécuriser (IPsec) les flux, je mets en place le protocole IPV6.

En plus de sécuriser mon cloud privé avec SSL, j'inclue la prise en charge du protocole HTTP/2, plus efficace que son prédécesseur.

Optimisation de mon SEO, suite à la mise à jour "Google Core Update", incluant les critère CWV (Core Web Vitals) : LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), et FID (First Input Delay).