Pour ma méthode de veille, je cherchais une façon originale, évolutive et facilement intégrable à mon site. C’est tout naturellement que j’ai choisi Pearltrees pour m’aider dans cette tâche. Pearltrees est une arborescence de données diverses que vous pouvez alimenter comme vous le souhaitez. Il est souvent utilisé par des enseignants pour trier des cours, etc. Son plan gratuit offre déjà 1 Go de stockage, ce qui est largement suffisant pour quelques liens et des synthèses de quelques lignes. Il permet une intégration pratique à un site car, dans la catégorie de partage du Pearltrees, il y a une option qui permet de copier un bout de code HTML, qu’il ne me reste plus qu’à insérer dans un bloc « code court » dans WP. En plus de cela, le Pearltrees, du fait que j’ai un plan gratuit, est public à tous. Ceci n’est pas un désavantage car cela me permet de justifier la « diffusion » de mes veilles. Ce point étant la dernière étape d’une veille technologique, il est donc validé sans aucun effort de ma part. Et le nombre de vues est visible directement sur la page de mes veilles.

Pearltrees bénéficie aussi d’une extension de navigateur, typiquement quand je suis en train de lire un article qui me paraît pertinent pour ma veille, je peux, grâce à l’extension, l’ajouter en deux clics la veille voulue.

Vous l’aurez compris, Pearltrees est un excellent outil qui me permet d’automatiser beaucoup de tâches fastidieuses d’une veille.

Pour l’affichage des PDF, j’utilise l’extension WP : « PDF embed« . Pour fonctionner, elle nécessite une clé API qui est délivrée gratuitement sur le site d’Adobe. Cela me permet d’afficher mes.pdf au lieu de devoir créer un lien pas forcément très esthétique qui renvoie vers le PDF viewer du navigateur.

Pour la création de timeline dans la partie parcours professionnel/scolaire. J’utilise l’extension : « Timeline Block« . Il me permet d’insérer de jolies timelines pour présenter mon parcours.

J’en ai parlé un peu plus tôt dans la partie hébergement. Mon hébergeur me permet d’office d’avoir des sauvegardes journalières de mon portfolio, pour ne pas réitérer des erreurs du passé,…ehm…OVH…ehm…, j’effectue moi-même des sauvegardes de mon site. Elle est automatisée grâce à l’extension : « UpdraftPlus«  à laquelle je demande de me faire une sauvegarde hebdomadaire de mon site avec une rétention de 5 sauvegardes, qu’elles envoient directement vers un dossier de mon Google Drive. Et cela de façon complètement gratuite. En cas de problème, je n’ai qu’à me reconnecter à cette extension sur un site vierge et restaurer une sauvegarde.

Pour afficher de jolies cartes sur lesquelles on peut zoomer, dézoomer à l’infini (wow c’est beau), que j’utilise pour afficher mon lieu de travail, je me sers de l’extension : « WP Map Block by aBlocks« . Je peux ensuite y insérer des points avec des titres.

Qu’est-ce qu’un site responsive me direz-vous ? Un site responsive est un site qui est conçu et développé de façon à pouvoir s’adapter à toutes les résolutions d’écran. Donc visualisable aussi bien sur téléphone que sur ordinateur. Même si cela n’a pas d’intérêt pour l’oral de l’épreuve E4, il m’a semblé nécessaire de s’en inquiéter pour une utilisation sur le long terme. Imaginons qu’un employeur visite mon site sur son téléphone, j’aimerais qu’il ressemble le moins possible à un brouillon raté. Pour ce faire, WP bénéficie déjà de beaucoup d’options qui automatisent l’affichage responsive. Mais j’ai été buté à un point, mes codes courts Pearltrees et oui, ces codes fournis par Pearltrees sont réalisés avec une hauteur et une largeur strictement statique (ce qui n’est pas très responsive). Alors je me suis un peu sali les mains et j’ai bidouillé des classes CSS afin de réaliser une « iframe » auto-modulable. Pour cela, j’ai utilisé l’extension : « WPCode Lite« . Qui permet, dans sa version gratuite, d’intégrer des petits bouts de code sans trop d’effort.

<div class="iframe-container">
<iframe src="https://www.pearltrees.com/les_veilles_de_sacha?embed=2&d=202412061215" width="1000" height="404" style="border:0px;" allowtransparency="true"></iframe><span style="display:block; padding-top:2px; color:#818181; font-size:13px;"><a href="https://www.pearltrees.com/les_veilles_de_sacha" style=" color:#818181; font-size:13px;" target="_blank">Les_veilles_de_sacha</a></span>
</div>

.iframe-container {
  position: relative;
  padding-bottom: 40%;
  height: 200px;
}
.iframe-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

Je me suis tenté à l’utilisation de Popup à un moment. Pour cela j’avais choisi l’extension : « Popup Maker«  qui répondait le mieux à mes attentes et qui avait la version gratuite la plus complète. Mais elle a finalement généré des erreurs d’affichage sur mes pages, peut-être un problème de compatibilité avec une autre extension. J’ai donc abandonné ce projet.

Et oui, je ne suis pas un pro de l’orthographe et de la conjugaison, et si vous pouvez lire ce site sans avoir les yeux qui saignent, c’est grâce à Reverso. Bien sûr, il existe tout un tas de solutions de correction de fautes, même l’IA en est une maintenant. Mais, toujours dans une optique d’automatisation de tâches récurrentes et de gain de temps, je voulais que ces corrections soient rapides et simples. Reverso intègre un agent téléchargeable sur leur site qui permet, avec un raccourci clavier, de corriger un texte sélectionné sans devoir faire un copier-coller à chaque paragraphe. Vous pouvez vérifier le texte corrigé avant de le remplacer pour être sûr qu’il ne corrige pas des mots spéciaux. Je conseille de passer un paragraphe plusieurs fois dans le correcteur, cela corrigera plus de fautes.

Je diffuse mon site via mes réseaux sociaux : Instagram, LinkedIn, Pearltrees, etc. Cela m’apporte plus de visibilité et d’opportunités, par exemple, un employeur qui me découvrirait par ces biais.

Pour ma méthode de diffusion de documentation sur mon site, j’ai d’abord été intéressé par intégrer un projet Github qui m’a attiré l’oeil : « MixItUp ». Ou plus précisément « MixItUp MultiFilter« , il a été rendu opensource il y a peu (novembre 2024) et est décrit comme tel par son créateur :

« MixItUp MultiFilter est une extension de MixItUp qui rend la construction multidimensionnelle UI de filtrage sans effort. »

J’aurais aimé pouvoir me pencher un peu plus dessus car le projet avait l’air très complet et permettait beaucoup de choses qui correspondaient à mes attentes, mais j’ai dû finalement me résilier à une utilisation de Pearltrees car mes dates d’examen avançaient à grand pas et je n’avais plus le temps de m’en occuper. À voir s’il sera possible de le faire plus tard, car Pearltrees et ses 1 Go de stockage ne sont pas une solution viable et durable pour des documentations qui peuvent atteindre plusieurs centaines de Mo.

En tout cas, je vous invite à visiter et tester MixItUp sur la page Github du projet si cela vous intéresse.