2. JoinMobilizon
3. News
4. English

Bientôt 3 mois sans nouvelles... Mais rassurez-vous, c'est parce que nous étions bien occupé⋅es à vous préparer une nouvelle version, à définir un partenariat avec Koena Connect et à mettre à jour la feuille de route pour les mois à venir.

Petit tour des dernières nouveautés autour du projet Mobilizon…

#### Mobilizon 1.2 - Des notifications pour signaler l'activité dans les groupes et les événements !

Dans la version 1.1, nous avions mis en place [un système permettant d'accéder à l'historique de toutes les actions / activités réalisées par les membres d'un groupe](https://joinmobilizon.org/fr/news#21-03-31). Ce premier pas vers un système de notifications se voit grandement amélioré dans cette version 1.2.

Jusqu'à maintenant, quand l'organisateur⋅ice d'un événement annulait ou modifiait son évènement (hors champ "À propos de cet événement"), les participant⋅es étaient notifié⋅es par mail de ces changements. Mais si on modifiait les contenus de la description de l'événement, ielles n'en étaient pas informé⋅es. Pour palier cette situation, **il est désormais possible pour l'organisateur⋅ice d'un événement d'ajouter un commentaire public à son événement et de choisir d'en notifier les participant⋅es**. Ce type de notification est de deux sortes : l'envoi d'un mail ou une notification push dans le navigateur, en fonction des paramètres choisis par chaque utilisateur⋅ice.

[](@:baseurl/img/news/21-06-29/fr/commentaire_notif.png)

D'ailleurs, **l'interface du menu Mon compte / Notifications a été remaniée** afin que vous puissiez indiquer plus aisément vos choix en la matière :

[](@:baseurl/img/news/21-06-29/fr/parametres_notif.png)

Comme vous pouvez le constater, vous pouvez aussi être notifié·es lorsque de nouveaux contenus sont ajoutés, modifiés ou supprimés au sein des groupes dont vous faites partie.

#### Mobilizon 1.2 - Amélioration des interfaces

Ces derniers mois, nous avons pas mal travaillé l'aspect des différents types de contenus qui composent Mobilizon. Notre objectif : rendre ces interfaces plus agréables à l’œil, plus compréhensibles et surtout plus accessibles (amélioration des contrastes des couleurs utilisées par exemple). Mais surtout, nous nous sommes appliqués à ce que ces interfaces soient bien plus agréables lorsqu'on les consulte en version mobile.

Ainsi, **sur les pages "événement", nous avons souhaité réduire la taille du bloc situé en haut de la page**. Pour cela, nous avons diminué la hauteur de la bannière, la taille du titre et déplacé un peu plus haut l'icône calendrier. Nous avons aussi modifié les couleurs de certains éléments : ainsi les mentions "Lieu", "Date et heure", "Organisé par" et "Site web" sont désormais en bleu foncé (car l'écriture jaune sur fond blanc n'était pas assez contrastée). Consulter ces pages à partir d'un appareil mobile devient plus aisé : les différents blocs composants un événement sont désormais facilement identifiables.

<div class="row text-center">
<figure class="col-md">
<a href="@:baseurl/img/news/21-06-29/fr/interface-event-1-1.png">
<img src="@:baseurl/img/news/21-06-29/fr/interface-event-1-1.png" alt="" />
</a>
<figcaption>Avant</figcaption>
</figure>
<figure class="col-md">
<a href="@:baseurl/img/news/21-06-29/fr/interface-event-1-2.png">
<img src="@:baseurl/img/news/21-06-29/fr/interface-event-1-2.png" alt="" />
</a>
<figcaption>Après</figcaption>
</figure>
</div>

Nous avons aussi réalisé quelques **modifications sur les couleurs d'affichage des commentaires afin de les identifier plus facilement**. Auparavant, tous les commentaires s'affichaient de la même façon, que ceux-ci aient été rédigés par l'organisateur⋅ice ou les participant⋅es. Désormais, tous les commentaires de l'organisateur⋅ice d'un événement sont facilement identifiables car le nom de l'organisateur⋅ice est surligné. De plus, les commentaires de l'organisateur avec notification des participant⋅es apparaissent désormais sur fond violet clair et sont épinglés en haut de la liste des commentaires. Enfin, il est possible de sélectionner un commentaire (en cliquant sur le créneau horaire), ce qui le fait apparaître sur un fond violet foncé et affiche son lien direct dans la barre d'url. Plutôt pratique pour partager un commentaire directement !

[](@:baseurl/img/news/21-06-29/fr/commentaires-couleurs.png)

Du côté des pages de groupes, nous avons centré l'avatar du groupe et réordonnancé d'autres informations qui y apparaissent. Nous avons aussi modifié la couleur des différents blocs de contenus (Discussions / Ressources / Événements / Page publique) afin qu'ils soient plus contrastés et donc plus accessibles.

<div class="row text-center">
<figure class="col-md">
<a href="@:baseurl/img/news/21-06-29/fr/interface-groups-1-1.png">
<img src="@:baseurl/img/news/21-06-29/fr/interface-groups-1-1.png" alt="" />
</a>
<figcaption>Avant</figcaption>
</figure>
<figure class="col-md">
<a href="@:baseurl/img/news/21-06-29/fr/interface-groups-1-2.png">
<img src="@:baseurl/img/news/21-06-29/fr/interface-groups-1-2.png" alt="" />
</a>
<figcaption>Après</figcaption>
</figure>
</div>

Enfin, nous avons ajouté deux nouveaux choix dans le menu d'actions (bouton avec les …) :
* la possibilité de partager le lien du groupe (choix "Partager")
* la possibilité d'afficher le groupe tel qu'il est vu par les personnes qui n'en sont pas encore membres (choix "Aperçu public")

Nous avons aussi fait quelques **modifications de l'apparence de la page d'accueil** : les vignettes des événements reprennent la nouvelle icône calendrier et les titres sont plus compacts.

<div class="row text-center">
<figure class="col-md">
<a href="@:baseurl/img/news/21-06-29/fr/pageaccueil-1-1.png">
<img src="@:baseurl/img/news/21-06-29/fr/pageaccueil-1-1.png" alt="" />
</a>
<figcaption>Avant</figcaption>
</figure>
<figure class="col-md">
<a href="@:baseurl/img/news/21-06-29/fr/pageaccueil-1-2.png">
<img src="@:baseurl/img/news/21-06-29/fr/pageaccueil-1-2.png" alt="" />
</a>
<figcaption>Après</figcaption>
</figure>
</div>

#### Améliorer l'accessibilité de Mobilizon en partenariat avec Koena Connect

En avril dernier, la société Koena, spécialiste de l'accessibilité numérique, a sollicité [le collectif CHATONS](https://www.chatons.org) pour expérimenter [son projet de médiation Koena Connect](https://koena.net/koena-connect-la-mediation-accessible-et-inclusive/). L'objectif est de permettre à des personnes ayant rencontré des problèmes d’accessibilité numérique sur une instance Mobilizon de nous faire part de leur expérience afin d'améliorer le logiciel pour tous⋅tes.

Nous avons donc ajouté un bouton "Contact accessibilité" sur notre instance mobilizon.fr (et les [chatons Keskonfai](https://keskonfai.fr) et [Colibris Outils libres](https://mobilizon.colibris-outilslibres.org) ont fait de même) qui donne accès à [la plateforme de médiation de Mobilizon](https://mediation.koena.net/framasoft/mobilizon/). L'équipe de Koena entreprend alors un échange avec la personne afin de préciser les difficultés en question et effectue ensuite un retour synthétique au projet Mobilizon.

Pour en savoir plus, vous pouvez consulter ce tutoriel :
<p>
<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" title="Tuto utilisateur (Plateforme de médiation Framasoft&#x2F;Mobilizon)" src="https://peertube.stream/videos/embed/862d5fb8-d717-4c80-a674-ad8bca532aa0?subtitle=fr" frameborder="0" allowfullscreen></iframe>
</p>

#### Une feuille de route actualisée

Au regard de nos avancées dans le développement de Mobilizon et afin d'apporter un maximum de transparence sur la direction que nous souhaitons prendre pour les mois à venir, nous avons publié [une feuille de route](https://framagit.org/framasoft/mobilizon/-/wikis/Roadmap) qui vous permet de vous faire une petite idée des prochaines évolutions.


#### Et en bonus : une vidéo pour découvrir Mobilizon

Lors de la sortie de la V1 en octobre dernier, nous avions rédigé un article sur le framablog : [[Roman Photo] Visite guidée de Mobilizon](https://framablog.org/2020/10/27/roman-photo-visite-guidee-de-mobilizon) afin de vous faire découvrir l'outil et la façon dont on peut l'utiliser. Cet article, illustré par David Revoy (CC-BY), a été mis en voix (comme [plein d'autres articles du framablog d'ailleurs](https://framablog.org/framablog-version-audio/)) par Sualtam, auteur du site lectureaudio.fr. Et nous avons décidé de réaliser [un petit montage vidéo de tout cela que nous avons publié](https://framatube.org/videos/watch/0af4f425-e301-49ad-a5e9-6134a8092900).

Beaucoup d'autres améliorations ont été apportées dans cette nouvelle version. Vous pouvez voir la liste complète (en anglais) dans le [Changelog](https://framagit.org/framasoft/mobilizon/-/blob/master/CHANGELOG.md).

Merci à tous.tes les contributeur⋅ices de Mobilizon !

Framasoft