Magali Anglès
Consultante / Formatrice Numérique
Nous organisons une réunion mensuelle ouverte, le premier jeudi de chaque mois, dans le but de rassembler toute la communauté Osuny. Cet événement est un moment d'échange et de discussions, pendant lequel l'équipe noesya présente les avancées fonctionnelles. Cet événement est ouvert, vous êtes libre de venir quand vous le souhaitez, il n'y a aucune obligation d'être présent·e chaque mois, c'est à votre convenance. Nous souhaitons co-construire l'ordre du jour de cette réunion mensuelle avec vous, donc nous sommes à l'écoute de vos remarques et/ou questions.
Consultante / Formatrice Numérique
Île-de-France
Communication Rennes Métropole
Chargée de communication, IUT de Bordeaux
Designer d'interface
Île-de-France
Responsable web, Rennes Ville et Métropole
Nouvelle-Aquitaine
Coordinateur audiovisuel et multimédia, IUT Bordeaux Montaigne
Ingénieure pédagogique
Cheffe de projet innovation numérique
Réflexions sur la médiathèque
https://developers.osuny.org/docs/admin/composants/media-library/ (lien externe)
De nombreux utilisateurs, particulièrement ceux habitués à Wordpress, la réclamaient. Bien que son absence ne soit pas toujours problématique, certains cas d'usage la rendent pertinente, notamment pour les collections de photos appartenant à une organisation. L'objectif est de permettre un accès à ses propres photos via la médiathèque.
Dans le back-office, un nouvel onglet Médiathèque permettra de modifier le nom, le texte alternatif, et de gérer des collections pour l'envoi de séries d'images avec des catégories. Le fonctionnement évolue : en plus du bouton d'import d'image existant, un nouveau bouton permet d'importer une collection, offrant des fonctionnalités de DAM (digital asset management) pour une photothèque simple. Cette fonction n'est pour l'instant disponible qu'en back-office.
Pour l'INSEAMM (lien externe), projet qui finance la médiathèque dans Osuny, le périmètre initial était de permettre de créer une collection de photos fonctionnelle, avec une gestion des droits prévue ultérieurement. La collection de photos est actuellement la fonctionnalité principale. Concernant le poids des images, Arnaud précise que celui-ci est visible dans la fiche média. Osuny gère l'optimisation des images dès le départ, utilisant une balise HTML (source set) avec six formats, des versions retina et non retina, ainsi que des breakpoints.
La question du nettoyage soulève des interrogations. Les fichiers sont stockés sur Scaleway, et une sécurité est déjà en place pour préserver les données. L'objectif est surtout d'éviter que les utilisateurs n'uploadent des images inutilement, c'est donc principalement une question pratique.
Concernant l'approche, similaire à Wordpress : faut-il que l'ajout d'une image l'affiche automatiquement dans la bibliothèque de médias, ou doit-on passer par celle-ci pour ajouter une image ?
Les deux options seront disponibles, mais les images devront obligatoirement intégrer une collection. Lors de l'ajout d'une image, il faudra la classer et l'organiser, évitant ainsi l'accumulation désordonnée d'images comme sur Wordpress.
Remarque de Yuna : cette approche s'inscrit dans une démarche d'éco-conception, évitant les uploads multiples d'images. Osuny fonctionne beaucoup par référencement, privilégiant la non-duplication des images. Bien que le système ne détecte pas encore les doublons, la médiathèque permettra de réutiliser les images sans nouvel upload, apportant une solution partielle. L'objectif est de trouver un équilibre entre un système natif robuste et un système développé en interne. Notre approche n'est pas d'imposer ou de donner une apparence éco-conçue.
Pour Justin Peyo, de l'IUT Bordeaux Montaigne, cette fonctionnalité l'intéresse depuis le début et lui manque beaucoup. Il n'attend pas quelque chose de semblable à Wordpress, car certaines fonctionnalités ne sont pas souhaitables et ne correspondent pas à la philosophie d'Osuny. Pouvoir accéder à une bibliothèque d'images pour un article est indispensable pour un établissement. À l'échelle universitaire, avec de nombreux contributeurs qui ne sont ni communicants ni techniciens, c'est particulièrement important. Sans avoir toutes les ressources sous la main et face à des images parfois inadaptées, disposer d'une solution clé en main est essentiel.
Pour Laura Fernandez, de l'IUT de Bordeaux, l'intérêt est d'avoir une visualisation globale de toutes les images et de leur emplacement sur les différentes pages, afin d'éviter l'utilisation répétée d'une même image. Sébastien explique que cette fonctionnalité sera disponible.
Question du poids des images
Laura demande s'il est prévu de développer un outil pour compresser les images supérieures à 5 Mo. L'issue est ouverte, mais Arnaud souhaite savoir qui d'autre a ce besoin.( https://github.com/osunyorg/admin/issues/2437) (lien externe)
Développer un système pour des JPGs volumineux faciliterait la vie, mais ne devrait-on pas plutôt éviter le téléchargement de fichiers trop lourds dès le départ ? Laura précise « C'est la formation qui m'envoie une image, je n'ai pas le choix dans l'image. » Justin : « En pensant aux contributeurs, je vois des personnes qui prennent une photo sans savoir si elle est lourde ni comment la réduire. Par exemple, un enseignant qui dit "J'ai des images de 30 Mo". » Justin suggère d'avoir une petite marge avec un outil qui redimensionne modérément. Arnaud propose plutôt de rediriger vers des outils externes, pour encourager l'implication des utilisateurs. Actuellement, nous utilisons KeyCDN. Une solution libre serait idéale. Une discussion est en cours avec Deux fleurs. La question est de savoir jusqu'où aller.
Laura comprend la position, mais souligne l'importance du service rendu à l'utilisateur. Certaines personnes ne savent pas comment procéder. Elle peut s'en sortir mais s'inquiète pour d'autres utilisateurs, comme les départements. Arnaud fait l'analogie avec les images sous droits : le problème est l'utilisation d'images prises au hasard. Pour Olivier de Rennes Métropole : « De nombreux sites web utilisent des images énormes permettant le zoom, ce qui n'est ni sobre ni logique. Nous avons besoin d'accompagnement et d'éducation. Les décisions doivent aller dans ce sens. Je ne suis pas favorable à trop ouvrir les possibilités. » Anthony : « Sur Praticable, une pop-up s'affichait lors de l'import d'images trop volumineuses, expliquant le problème et redirigeant vers le guide d'écoconception de designers éthiques. Nous avions aussi le plugin de redimensionnement et de recadrage de Kirby. Le recadrage était particulièrement utile. ». Yuna propose de rajouter un texte d'aide pédagogique lors du téléchargement d'une image trop lourde, avec un lien vers un outil externe. Pour Laura : « C'est une bonne idée, mais mes interlocuteurs sont très pressés. »
Pour Estelle, attention : « Il y a deux cas : ceux qui ne savent pas faire et ceux qui ne prendront pas le temps. Il faut maintenir certaines contraintes. Je doute que les gens consultent le tutoriel. » Pour la décision, pour Yuna, il faut s'interroger sur la "promesse" d'Osuny. « La réduction des tailles d'images à la source relève-t-elle de sa responsabilité ? » Pour Arnaud, la médiathèque pourrait apporter une solution — attendons les retours d'usage de Justin et Laura.
https://github.com/osunyorg/theme/releases/tag/v7.2.16 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.15 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.14 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.13 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.12 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.11 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.10 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.9 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.8 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.7 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.6 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.5 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.4 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.3 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.2 (lien externe)
https://github.com/osunyorg/theme/releases/tag/v7.2.1 (lien externe)https://github.com/osunyorg/theme/releases/tag/v7.2.0 (lien externe)
Audit accessibilité
Nous avons fini l'audit du thème avec Témésis (lien externe), le socle front atteignant 100 % d'accessibilité. Il faut rester vigilant, car l'accessibilité peut être compromise lors du développement et de la contribution de contenus. Estelle Solleillant, cheffe de projet numérique Rennes Métropole, félicite l'équipe et s'interroge sur l'articulation avec la suite de l'audit des contenus. Arnaud indique que l'objectif est d'établir une méthodologie d'audit Osuny avec Temesis et Numerik-ea (lien externe). La documentation developers a été mise à jour en conséquence : https://developers.osuny.org/docs/audit/. Nous devons y intégrer l'ensemble des documents, la grille d'audit et la méthodologie. Parmi les 106 critères du RGAA, certains sont déjà validés, les autres restent à tester. Nous prévoyons d'utiliser les cas Comnum (lien externe) et la Criée (lien externe) pour documenter notre processus, en identifiant les critères automatiquement validés et ceux nécessitant un audit.
Estelle demande si cela implique que les audits des autres sites Osuny doivent être réalisés avec Temesis et Numerikea. Arnaud précise que la démarche sera sous licence Creative Commons et non privative. Estelle souligne que de nombreux critères nécessitent une révision, chaque site ayant ses spécificités. Arnaud ajoute que l'audit dépend beaucoup du contexte et de l'interprétation personnelle — deux auditeurs n'aboutiront pas nécessairement au même résultat.
Modifications et améliorations
Nous avons apporté des améliorations liées à l'accessibilité, notamment sur les blocs vidéo, le son et le nettoyage des balises.
La question de l'automatisation de la non-régression se pose également. Nous disposons d'outils back-end, mais peu d'outils front-end. Sébastien a développé un outil interne qui signale automatiquement les invalidités W3C lors des modifications. Ce système d'alertes automatisées est nécessaire vu le volume important de changements. Un autre chantier concerne la non-régression visuelle : comment s'assurer qu'une mise à jour du thème ne dégrade pas l'apparence des menus ou du footer ? L'objectif est de créer un outil de vérification pour éviter les corrections successives et maintenir tous les sites sous contrôle.
Nous avons également abordé l'interdiction du tracking YouTube et Vimeo. Des paramètres sont désormais ajoutés par défaut pour les deux plateformes, bien que leur respect ne soit pas garanti.
La standardisation du « upper menu » est en cours. Le site de Communication Publique (3 sites) est en phase de finalisation. Le « upper menu » s'étend aux sous-domaines, avec des utilisations variables selon les cas.
Concernant le front-end et le back-end : les catégories et taxonomies ont été unifiées. Les catégories peuvent évoluer en taxonomies et inclure différents types. Cette approche, utilisée dans CIDS (lien externe), permet des regroupements efficaces. Estelle s'interroge sur la différence entre taxonomie et tag. Arnaud explique qu'Osuny n'utilise pas de tags, mais des catégories qu'il faut d'abord créer. L'organisation peut inclure des arborescences, mais tout reste dans les catégories. Les types d'articles ou sujets suivent la même logique. Un sujet peut être défini comme une taxonomie plutôt qu'une catégorie, formant une section distincte pour la gestion des contenus et des filtres. On obtient ainsi une partie « Sujet » séparée, avec des thématiques dans une catégorie et des types de documents à part. Cette fonctionnalité est disponible partout en back-end, et nous finalisons l'harmonisation.
https://github.com/osunyorg/admin/releases/tag/v3.1.0
Les sites de Rennes vont être développés en collaboration avec Ecedi (lien externe). Une documentation a été générée listant tous les points d'accès de l'API, permettant aux développeurs utilisant Osuny de comprendre son utilisation. Cette collaboration avec Ecedi implique l'utilisation de l'API dans différents systèmes d'information, ouvrant la voie à la création de plugins et de gems pour diverses applications.
Cas spécifiques : nous utilisons des partials pour la création des pages. Pour les surcouches HTML, certaines parties ont été réécrites pour des sites spécifiques. Nous pouvons ainsi les retester et effectuer les ajustements nécessaires. Ces modifications nous permettent de suivre les changements du code HTML et de maintenir le contrôle sur les mises à jour, en vérifiant la compatibilité des modifications et en nous assurant qu'aucun site n'est endommagé.
Bloc vidéo : deux erreurs d'accessibilité ont été identifiées : l'absence de titre et de transcription. La transcription est obligatoire. Pour le titre, s'il n'est pas renseigné, le système récupère automatiquement le titre de la vidéo depuis la plateforme. Nous avons unifié et réorganisé l'ensemble.
Pour les blocs avec titre ou description optionnelle, qui présentaient de nombreux cas particuliers avec duplication de code, nous avons précalculé tous ces blocs en back-end pour simplifier le front-end. Cela facilite la maintenance du thème.
Sur le showcase (lien externe) : nous avons ajouté un classement par année. Chaque objet dispose désormais de sa propre page, permettant le partage direct d'une page d'un site.
Le site Parole Publique est en ligne, mais le site Communication Publique n'est pas encore disponible.
En cours de finalisation : le site Bonne Pioche.
Auteur, Autrice par défaut
AfaLab (lien externe) souhaitait savoir s'il était possible de définir un auteur ou une autrice par défaut, car dans leur cas ce devrait toujours être "African Future Lab" (ce qui n'est pas possible actuellement). Pour l'instant, quand on crée un article, c'est la personne liée au compte utilisateur qui devient automatiquement l'auteur (ce qui est logique). Nous pourrions envisager une option au niveau du site web pour définir un auteur par défaut qui remplacerait le créateur. Si aucun auteur n'est défini, nous pouvons éviter le renvoi vers une page. La question des normes SEO se pose : devrait-on indiquer un auteur pour le référencement même en l'absence d'auteur réel ? Yuna évoque le cas d'un ancien collaborateur ou d'une personne travaillant pour une organisation qui souhaiterait avoir un profil professionnel plutôt qu'une présence individuelle. Estelle : « Dans Comnum (lien externe), mon nom apparaissait partout alors que je ne le souhaitais pas forcément. Je sélectionnais une page vide ou indiquais "article à 4 mains". »
Arnaud précise que nous avons la possibilité d'avoir plusieurs auteurs comme ici avec En Communs : https://www.encommuns.net/articles/2024-09-03-solastalgie-des-communs-quatre-poemes-de-john-clare-sur-la-tragedie-des-enclosures/.
Pour Arnaud, mettre un faux auteur n'est pas une solution préférable à l'absence d'auteur. Estelle suggère la possibilité de créer un pseudonyme. Emmy soulève la question des pigistes sans profils créés et insiste sur l'importance d'afficher leurs noms. Dans Osuny, la solution permettra de supprimer le compte utilisateur tout en conservant le nom de la personne sur les articles.
Dans le BO, avoir un nom différent pour « Actualités »
Sacha André souligne que le terme « Actualités » ne reflète pas la multifonctionnalité de cet outil. Par exemple, sur le site du philosophe « Lucien Sève » qu'il est en train de réaliser avec Osuny, nous utilisons le bloc actualité pour les publications sur et de Lucien Sève. Sur un site d'art, les actualités pourraient servir à publier chaque œuvre par catégorie (peinture, sculpture, etc.). Une confusion peut survenir entre l'agenda et les articles divers, notamment en raison de la proximité sémantique avec « Événements ». Sacha propose de remplacer « Actualités » par « Écrit », « sujet » ou « billet » (évitant délibérément « Article » pour se différencier de WordPress). Son idée serait de permettre la modification du terme « Actualités » lors de la création du site, durant la phase de conception. Arnaud précise qu'effectivement, sur le site de Lucien Sève, les actualités s'appellent « Publications ». Il suggère de pouvoir modifier le nom des objets dans le back-office, permettant ainsi à l'onglet Actualités d'avoir un nom différent.
Pour Anthony, les Organisations/personnes constituent un socle commun central, comme les Actualités et le portfolio. La question se pose : jusqu'où faut-il travailler la sémantique ? Yuna trouve cette réflexion pertinente malgré la complexité technique. Arnaud rappelle l'approche de la roadmap : à l'instar des custom types de WordPress, on peut ajouter des champs selon les besoins du site. Bien que la qualité sémantique d'Osuny soit bonne, la question des limites de personnalisation se pose. Yuna suggère une solution hybride : des objets bien structurés et des objets entièrement personnalisables. Pour le nommage, elle propose d'offrir un choix limité de termes (listes, agenda, planning) correspondant aux usages les plus courants. Pour l'instant, seul l'affichage front-end sera modifié, conservant « Actualités » dans le back-end.
Il serait pertinent de proposer des termes correspondant aux thématiques les plus demandées. Anthony rejoint l'avis de Yuna : le socle repose sur des pages, l'agenda et le portfolio étant des templates. Le choix des templates se fait pour leurs fonctionnalités plutôt que leur désignation, ce qui peut créer des confusions chez les clients. Arnaud explique qu'Osuny privilégie une approche sémantique : on choisit un objet pour son essence avant de le nommer, contrairement à une approche basée sur le design. Yuna note que la diversification des besoins nécessitera d'adapter l'outil, comme le fait régulièrement Anthony. Ce dernier suggère d'améliorer la présentation de la partie projet.
Selon Arnaud, il est essentiel de partir de l'essence de l'objet tout en améliorant sa présentation visuelle. Il considère que beaucoup d'adaptations design sont temporaires et constituent des points sensibles. Anthony approuve la proposition de Yuna concernant la modification des noms de rubriques. Il suggère d'intégrer des options communes, comme les catégories, au même endroit où l'on coche les fonctionnalités, et de les appliquer aux pages. Yuna souligne l'importance du changement de terminologie pour les équipes de rédaction qui utilisent leur propre vocabulaire.
Arnaud recentre la discussion sur le trio Actualités/Agenda/Portfolio. Il propose une solution pratique : utiliser dans le back-office le nom choisi pour la page (par exemple, si elle est nommée « News »). Yuna approuve cette solution transitoire en attendant une personnalisation plus complète. Anthony ajoute qu'il explique souvent l'utilisation du portfolio pour présenter des éléments, tout en notant que le terme « projets » varie selon les organisations, comme « actualités ». Il suggère la possibilité de renommer en « Expérimentations », par exemple, tout en précisant l'utilisation du template projet avec ses fonctionnalités. La solution rapide est donc d'adopter le nom de la page pour les trois éléments (Actualités/Agenda/Portfolio).
Rendre les titres d’onglets « Actualités » « Catégories » « Auteur.rice.s » plus lisible / identifiable
Pour Sacha, le léger changement de teinte n'est pas suffisamment identifiable comme élément cliquable. Il faudrait peut-être ajouter un contour, une bordure inférieure ou une ombre ? Proposition rapide d’Anthony pour mettre les titres dans des onglets : https://www.figma.com/design/tQh3oLfNwSt8aoVDuUjQt0/Th%C3%A8me-Osuny?node-id=19180-8&t=N4jbjLM04QJQgP9B-4 (lien externe). Ne devrions-nous pas souligner « Catégories » et « Auteurs » ? En termes d'accessibilité, ce n'est pas optimal. Arnaud propose un filet en dessous rendrait l'élément visiblement cliquable. Yuna propose un aplat noir pour indiquer que c'est actif. L’idée est de voir avec Denis Fongue et discuter du filet en dessous avec lui.
Nous avons avancé sur le système d'événements, on attend encore le site de la Gaîté Lyrique pour présenter.
Questions autour de la gestion de l'intégration d'admin et du suivi de design de l'admin. Quelques jours dans l'année sont prévus pour le suivi des designers afin de ranger, phaser et prioriser ce qui est vraiment urgent ou ce qui peut attendre. Par exemple, le système de recherche et le système d'accueil, redesignés par Denis Fongue depuis longtemps.
Nous avons terminé les missions liées à la subvention et allons demander le solde. On finance le travail de développement, mais nous ne finançons pas nous-mêmes le travail de design. À quel moment y aura-t-il assez de fonds dans le commun pour dégager du temps de Denis ou d'Anthony pour le design ?
Nous avons eu une discussion avec Vincent Bachelet concernant le don défiscalisé — est-ce possible ? Cette question revient régulièrement. La défiscalisation pourrait multiplier les contributions, ce qui serait très intéressant si c'est faisable. Vincent étudie les possibilités, mais il ne faut pas que noesya soit seul : il faut des piliers pour construire l'assemblage juridique. Il faudrait au minimum deux autres organisations pour créer un véhicule juridique, une association d'intérêt général, une fondation d'intérêt général, dont l'un accepterait les dons. Cela ne remet pas en cause la SCIC, mais il faut un autre véhicule juridique, car les dons ne sont pas possibles dans la SCIC, pour assurer la pérennité du commun. C'est plus proche du trust anglais : avoir une organisation sans but lucratif et de l'autre côté des organisations qui ont pour but de travailler sur le commun.
Informations
Crédits
Transcription