// BLOG

Mastoweb

Je travaille ces temps-ci sur un « side project » que j'ai provisoirement appelé Mastoweb et dont j'ai déjà brièvement parlé sur mon compte Mastodon. J'ai aujourd'huie un prototype qui fonctionne. Dans cet article, je donne un peu plus de précisions sur le concept de Mastoweb.

Rédigé le 10.01.2025
Par Gilles Vauvarin

Mastodon Duplication Web Fediverse Mastoweb

Je parle parfois de "toot". Un toot = une publication sur Mastodon.
Pour afficher les images en grande taille, ouvrez les dans un nouvel onglet de votre navigateur (clic droit) .

C'est quoi Mastoweb ?

Mastoweb est un site web qui regarde à intervalles réguliers si vous avez publié du contenu sur un compte Mastodon que vous possédez. Selon certaines conditions, le site web dupliquera et archivera vos publications Mastodon dans son propre système de gestion de contenu. Les toots sont classés dans des thématiques que vous aurez crée au préalable dans l'espace d'administration du site.

Page d'accueil d'un site Mastoweb avec affichage des toots d'une thématique
Page d'accueil d'un site Mastoweb avec affichage des toots d'une thématique
Page d'accueil d'un site Mastoweb avec la sidebar des thématiques ouverte
Page d'accueil d'un site Mastoweb avec la sidebar des thématiques ouverte
Page d'accueil d'un site Mastoweb avec visonnage des photos dans une fenêtre flottante comportant des boutons de navigation
Page d'accueil d'un site Mastoweb avec visonnage des photos dans une fenêtre flottante comportant des boutons de navigation "Précédent" et "Suivant".
Compte Mastodon lié au site web
Compte Mastodon lié au site web

Comment m'est venue l'idée ?

Un jour, un ami est parti au Japon faire un roadtrip avec sa fille. Il souhaitait documenter son séjour en ligne sous forme de carnet de voyage pour le partager avec ses proches.

Je lui ai ouvert un compte sur une plateforme de blog de voyage que j'avais créée. Je lui avais demandé en échange de faire le beta-testeur pour me faire des retours sur son usage de la plateforme.

Un des enseignements que j'ai tirés de ses feedbacks, c'est qu'il a beaucoup utilisé son téléphone pour biensure prendre des photos, faire des vidéos, enregistrer des audios mais aussi pour publier son contenu sur son blog de voyage …

En effet, un téléphone est compact, discret, pratique, léger, et on l'a toujours sur soi que se soit au restaurant, dans les transports en commun, dans les files d'attente ou au bord de la piscine lorsqu'on sirote son smoothie

Publier du contenu depuis son téléphone est pratique et rapide car tous les médias (photos, vidéos ...) sont à portée de main. En revanche, naviguer dans un espace d'administration de site web sur un téléphone peut impliquer parfois de nombreux clics et manipulations.

Dans le même temps, je voyais sur mon fil Mastodon passer les toots d'un cyclo-voyageur qui documentait son aventure sur un compte Mastodon dédié à son tour du monde. Je me suis tout de suite dit : "Mais quelle bonne idée, c'est idéal quand on utilise que son téléphone parce qu'on ne veut pas s'alourdir d'un laptop ou d'un boitier avec 3 objectifs!"

En effet, j'y voyais plein d'avantages :

– Les applications de microblogging comme Mastodon facilitent la publication de contenu depuis un téléphone. L'expérience est fluide, simple, rapide.

– Le microblogging permet de publier du texte, des images, des vidéos, des audios … bref, de quoi partager des contenus sous différentes formes.

– Le microblogging est très adapté au partage de contenu.

– Des personnes peuvent suivre le compte et être notifiées des nouvelles publications.

– Les personnes qui suivent le compte peuvent interagir avec la personne publiant sur ce compte.

– Une personne sur Mastodon peut suivre les aventures de la personne qui voyage en créant une liste pour ne voir que ses publications.

– Les contenus peuvent éventuellement être restreints à un nombre de personnes choisis (les proches, par exemple).

J'y voyais aussi quelques inconvénients :

– Nos proches ne sont pas toujours à l'aise avec le numérique et peuvent être réticent à installer une application de microbloging.

– Si ils acceptent, il va falloir leur créer un compte Mastodon et leur apprendre son fonctionnement et son utilisation.

– Les contenus sont stockés sur un serveur qui ne nous appartient pas et qui est géré par une tierce personne. Cela implique que les contenus peuvent éventuellement disparaitre. (Bien qu'un export des données soit possible sur Mastodon, vous ne pourrez pas les importer sur une autre instance si vous décidez d'en changer. Seuls les abonnements/abonnées sont transférables d'une instance à l'autre)

– Les publications sont limitées en nombre de caractères. Les médias liés sont également limités en taille.

– Les publications d'un compte sont affichées au fil de l'eau de la plus récente à la plus ancienne, mais il n'y a pas de véritable possibilité de regrouper les publications par thème, comme c'est le cas sur un site web. Archiver, classer et retrouver des anciens contenus peut donc être compliqué. Par exemple, si je fais plusieurs voyages, les publications de mon voyage de 2019 seront poussées par les publications de mon voyage de 2020 et ainsi de suite. Au bout d'un certain temps, il me sera difficile de retrouver les publications de mes premiers voyages. Seuls les tags permettent d'étiqueter les publications.

– Je n'ai pas de moyen de sauvegarder mes données, si ce n'est de faire un export de mon compte Mastodon et de stocker cet export.

– Mes contenus ne sont pas indexés par les moteurs de recherches (à confirmer).

– Si je n'ai pas un compte Mastodon dédié à mon voyage, mes contenus de voyage seront mélangés à mes autres types de contenus.

Pour combler les inconvénients du microblogging tout en conservant ses avantages, pourquoi pas avoir en parallèle une version web des publications Mastodon ?

– Si des proches ne sont pas à l'aise avec l'idée d'utiliser et d'installer un client Mastodon, il pourront suivre mes aventures depuis le site web.

– Si mes proches sont perturbés par l'affichage des publications par ordre anté-chronologique de Mastodon, je peux facilement inverser l'ordre sur un site web.

– Je peux créer dans le site web des thématiques pour classer et archiver mes toots.

– Si Mastodon venait à se merdifier un jour, j'ai une copie de mes contenus sous forme web.

– Mes contenus peuvent être indexés plus facilement par les moteurs de recherche.

– Je peux restreindre l'accès aux contenus par thématiques (via authentification) comme sur mon compte Mastodon.

C'est ainsi qu'est née l'idée de Mastoweb.

Comment ça fonctionne ?

Mastoweb est un site web avec un espace d'administration (j'ai choisi d'utiliser Kirby CMS). Vous indiquez les paramètres de connexion de votre compte Mastodon dans l'espace d'administration du site et celui-ci interroge votre compte Mastodon à intervalle régulier. S’il voit de nouvelles publications qui ne sont pas présentes sur le site, il les duplique dans une thématique de votre site web.

Organisation et affichage du contenu dans le site web

Le site est organisé en deux types de contenus :

– Les pages propres au site (À propos, Contact…)

– Les thématiques (Musique, Séries, Voyage en Italie 2020…) dans lesquelles les toots vont venir se ranger.

Donc les toots sont regroupées par thématique et affichées (avec les médias joints) dans l'ordre chronologique ou antéchronologique (option au choix).

Les réponses à une publication Mastodon sont également dupliquées. Elles peuvent être affichées ou pas sur le site web.

Les publications affichées dans une thématique peuvent être en accès privé (authentification) ou public. Une thématique peut être en accès privé et une autre en accès public, cette option se régle au niveau de chacune des thématiques.

Mode de fonctionnement de la duplication

Dans un premier temps, une ou des thématiques sont créées dans l'espace d'administration du site.

Il existe trois statuts possibles pour une thématique :

– Brouillon.

– En cours.

– En cours et à l'écoute d'un tag.

Brouillon

C'est l'état par défaut lorsque vous créez une nouvelle thématique. La thématique n'est pas visible en ligne et n'est pas en relation avec votre compte Mastodon.

En cours

Il ne peut y avoir qu'une seule thématique avec ce statut ! Lorsqu'une thématique est en statut "En cours", elle reçoit toutes les duplications de vos nouvelles publications Mastodon, sauf si la publication contient un tag spécifique choisi pour identifier une autre thématique.

En cours et à l'écoute d'un tag.

Il peut y avoir plusieurs thématiques avec ce statut. Chaque thématique peut être identifiée par un tag (un mot) que vous choisissez. Si vous ajoutez ce tag à votre publication Mastodon, le site dupliquera cette publication dans la thématique ayant ce tag comme identifiant.

Je récapitule : vous pouvez avoir qu'une seule thématique "En cours" mais plusieurs thématiques "En cours et à l'écoute d'un tag".

Espace d'administration du site - Thématiques avec les différents statuts
Espace d'administration du site - Thématiques avec les différents statuts
Espace d'administration du site - Gestion des options d'une thématique
Espace d'administration du site - Gestion des options d'une thématique
Espace d'administration du site - Gestion des options d'un toot
Espace d'administration du site - Gestion des options d'un toot

Exemple de cas d'usage

Le carnet de voyage

Si je documente en 2023 un carnet de voyage d'un séjour en Espagne, je vais créer une thématique avec le statut "En cours" intitulée, par exemple, "Voyage en Espagne - 2023".

Pendant mon voyage, je publie mes textes, photos et vidéos sur un compte Mastodon dédié et tout est dupliqué dans la thématique "Voyage en Espagne – 2023" de mon site web.

En 2024, je décide de visiter la Grèce en vélo. Je mets la thématique « Voyage en Espagne – 2023 » en statut "« En cours et à l'écoute d'un tag » et je crée une nouvelle thématique « Voyage à vélo en Grèce – 2024 » avec le statut "« En cours » pour recevoir mes nouvelles publications Mastodon sur mon voyage en Grèce.

Ici, je n'ai pas vraiment besoin d'utiliser le tag/identifiant dans ma thématique « Voyage en Espagne – 2023 », car il y a peu de chance qu'une publication Mastodon concerne cette thématique désormais, le voyage étant terminé.

Ainsi, mes publications de voyage sont en ligne sur le web et classées par thématique :

– Voyage en Espagne – 2023

– Voyage à vélo en Grèce – 2024

On pourrait imaginer d'autres cas d'usage de ce type :

– Documenter des conférences annuelles.

– Documenter des évènements d'actualités.

– Documenter des sorties de randonnées.

Bref, tout évènement en extérieur où l'usage du téléphone apporte plus de praticité pour publier du contenu et qui à lieu de façon répétée. A chaque nouvelle session de l'évènement, je publie dans une thématique avec le nom de l'évènement et la date.

Archivage de certains toots seulement

(pour rappel, un toot = une publication Mastodon)

Imaginons que j'ai un compte Mastodon personnel où je publie différentes choses sans ligne éditoriale particulière. Parfois, je partage un toot sur un titre de musique que j'ai découvert et apprécié. Je veux conserver ce toot dans la thématique « Découvertes musicales» de mon site web (merci @Julianoe pour l'idée).

Je crée sur le site une thématique «Découvertes musicales» et je la passe en statut. En cours et à l'écoute d'un tag. J'identifie cette thématique avec le mot/tag "mamusique".

Maintenant, à chaque fois que je veux archiver sur mon site web un toot qui présente un titre musical, je le tague avec #mamusique et il sera stocké dans ma thématique «Découvertes musicales». Les autres toots ne seront pas dupliqués sur le site si aucune thématique n'est en statut "En cours".

Bien sûr, je peux faire cela avec plusieurs thématiques (découvertes musicales, séries, livres, photos …).

Votre avis m'intéresse !

J'ai eu l'idée de Mastoweb en pensant au carnet de voyage publié depuis son téléphone sur Mastodon tout en ayant en parallèle une version web.

Mais j'aimerais savoir si cela vous fait penser à d'autres usages ? J'en ai déjà cités 2 ou 3, mais il y en a probablement d'autres.

Si vous souhaitez brainstormer avec moi, essayez de répondre aux 2 questions suivantes :

- Pour quel usage un système comme Mastoweb pourrait être intéressant ?
- Quel profil professionnel (ou pas) pourrait être intéréssé par Mastoweb et pourquoi ?

N'hésitez pas à partager vos idées en réponse à ce toot : https://elk.zone/mamot.fr/@pixenjoy/113833141641456860

Merci d'avance et rendez-vous sur le Fediverse :-)

PS: This side-project is 100% IA Free