Barre d'outils multi-sites

Bonjour,

Avec @johan nous avons en tête de développer une « barre d’outils » FabMob qui serait affichée sur les différents sites/outils de l’asso (site web, wiki, chat, forum, pad, cloud) , un peu sur le modèle de Yunohost (demo.yunohost.org) voire plus avancé encore si c’est possible d’afficher les notifications en utilisant le flux de Discourse par exemple (https://forum.fabmob.io/notifications.json). Cette barre d’outils permet d’avoir une vue globale et légère sur les différents outils, donc de permettre aux personnes inscrites de suivre.

Ça s’inscrit dans la continuité du SSO qui permet déjà à chaque utilisateur de se logguer partout avec les mêmes identifiants. C’est une expérimentation que @johan se propose de porter si cela intéresse d’autres projets / structures.

Nous sommes donc à la recherche de personnes intéressées par cette fonction pour l’intégrer dans leur communauté et éventuellement y contribuer.

4 Likes

Suite à une discussion très riche avec @pierre ce matin, je relance le sujet puisque l’idée est partagée et que son intérêt semble convaincre pas mal de personnes.

J’ai créé un pad pour déposer les notes utiles :

https://hackmd.io/@jailbreak/HyPJtBje8

Cela ne représente que l’exploration réalisée par Jailbreak en mai 2019. C’est donc unilatéral et ne représente plus complètement l’état de la réflexion aujourd’hui

Je pense qu’il serait utile maintenant de rassembler au sein d’un groupe de travail les personnes intéressées pour itérer sur ce premiet jet.

3 Likes

Hello, est-ce que ce que vous cherchez ne correspond pas à la Framanav présentes en haut de tous les services Frama ? Elle est très spécifique mais ça peut vous donner des idées :slight_smile:

2 Likes

Oui en fait, techniquement il faut héberger du html/css/js quelque part et ensuite (avec les bons CORS), on a en gros 2 options:

  1. nginx genre
sub_filter      </body>
    '<script language="javascript" src=https://navbar.fabmob.io></script></body>';
  1. aller dans chaque appli pour l’ajouter

En effet, les applis, en général, laissent la possibilité de rajouter des scripts - en général pour du google analytics. Et donc on peut aussi se plugger là.

1 Like

super ! on peut organiser un atelier quand on aura un premier proto :slight_smile:

Si ça peut vous donner des idées, on utilise organizr pour la présentation des outils mis à dispo par roflcopter : https://wtf.roflcopter.fr/apps/

1 Like

Ça, c’est pas mal aussi :wink:

https://material.io/components/buttons-floating-action-button/#extended-fab

cc @gabriel.plassat @johan

1 Like

Merci ! Je l’ai ajouté dans le pad dans la partie dédiée à l’étude de l’existant.

Cette solution ne permet pas d’afficher les notifications, mais @pierre suggérait à juste titre qu’on reprenne Framanav tel quel pour une première itération, et qu’on envisage des évolutions sur la base des premiers résultats obtenus.

@gabriel.plassat Est-ce qu’on pourrait commencer par expérimenter l’intégration de Framanav sur le Wordpress de la Fabmob ?

1 Like

Chez ARN on a adopté la même solution que Framasoft, on était dans le même cas avec de plus en plus de services…

On a adapté leurs codes pour pouvoir le nourrir avec un json. Mais il fonctionne pas sur mobile, on a pas pris le temps de réparer.

On a encore des apps où ça ne marche pas à cause de problème d’intégration de la barre… (libreto par exemple)

Il y a une app yunohost qui s’appelle menu_ynh et qui installe plus ou moins le menu frama en haut en mode paramétrable. Mais il faudrait que je la modifie un peu, surtout ne l’installez pas sur une prod…

Exemple d’intégration:
https://pad.sans-nuage.fr/

https://arn-fai.net/nav/nav.js
https://arn-fai.net/nav/nav.json

De mémoire notre repo est là: https://code.ffdn.org/arn/arn-nav

2 Likes

tout à fait on peut commencer par ça. De quoi as tu besoin ?
mais le blog est à refaire. ça sera donc un test ?

En y réfléchissant plus, je pense que la solution de google fonctionne bien aussi.
Ils ont du la coder en une semaine aussi je pense :wink:

2 Likes

c’est quoi la solution Google ?

54

Rajouter cette icône dans Nc, discourse, RC… On pourrait même rajouter les notifications.

2 Likes

tout à fait, c’est l’idée. Identifiant unique + petite barre multi-outils + gestion des notifs

oh zut … y’avait un candidat chatons , portée nov. 2019 (comme ilinux) qui a une superbe page de service, c’est aussi une TPE , me rappelle plus nom , zut ! (zourille un truc dans le genre)

1 Like

Je suis reparti de cette version simplifiée (et beaucoup plus légère), à laquelle j’ai apporté pas mal de petits changements (surtout sur les CSS), y compris l’affichage sur smartphones et tablettes.
J’en ai fait un article sur mon blog, qui présente la chose et pointe vers un dépôt public contenant la barre de navigation et un rôle Ansible pour l’intégration dans certaines applications.

@ljf je vois qu’il y a des traces de « bandeau d’alerte » dans le code. ça marche chez vous ? C’est intéressant pour le côté notifications, j’aimerai l’intégrer dans une prochaine version, à la Framasoft :smiley_cat: .

3 Likes

excellent ! ça semble très proche des besoins :smiley:

1 Like

Zourit ?

FYI: https://talk.libreho.st/t/multi-site-navigation-toolbar-navbar/365/2

1 Like