La 25e version de Zeste de Savoir

Description des nouveautés

La version 25 de Zeste de Savoir a été mise en production. Cette version est riche en nouveautés avec notamment l’arrivée de la bibliothèque et des casquettes. Nous vous proposons de découvrir tout cela dans cet article. :)

La bibliothèque

Depuis longtemps déjà, des débats ont lieu sur Zeste de savoir concernant la navigation dans les nombreux contenus que contient le site. Des ZEP ont été créés et de nombreuses idées ont émergé. Mais rien n’a été réalisé. Après une longue période de réflexion, une maquette et une implémentation, voici venir la bibliothèque.

Le nouveau menu.

L’idée derrière la bibliothèque est de rassembler les contenus validés (tutoriels et articles) en une seule et même interface (tout en gardant une distinction entre ces deux types) de manière à rendre plus aisée la navigation.

Ainsi, les sections tutoriels et articles sont fusionnées. De plus, les trois (nouvelles) sections principales du site se trouvent renommées avec comme référence des lieux (physiques donc) :

  • La bibliothèque montre tous les contenus, le savoir validé par la site ;
  • La tribune (au singulier car c’est un lieu) présente l’espace de liberté d’expression du site ;
  • Le forum, la fameuse place grecque, l’espace de discussion du site.
L’accueil de la bibliothèque.

Même si une évolution du design est prévu sur les sections tribune et forum, la section qui nous intéresse dans cette release est la bibliothèque.

Celle-ci comporte 4 niveaux hiérarchiques :

  1. La bibliothèque : présente les domaines de savoir ainsi que les catégories de ces derniers, les derniers tutoriels et articles et propose au lecteur de s’investir dans la création de contenu.
  2. Le domaine de savoir : présente les catégories, les derniers tutoriels et articles du domaine de savoir sélectionné.
  3. La catégorie : présente les derniers tutoriels et articles de la catégorie du domaine de savoir sélectionné.
  4. Le parcours libre : présente, une liste de contenu, paginé et filtré selon le type, des tags ou les catégories.

Cette section sera bien évidemment sujette à de nombreux nouveaux développements, il ne s’agit ici que d’un premier jet visant à mettre en valeur le cœur du métier de Zeste de savoir. Les 4 niveaux hiérarchiques présentent actuellement les derniers tutoriels et articles. Mais l’idée derrière cette refonte est de pouvoir afficher d’autres informations (ex. Contenus à la une, collections de contenus ou encore contenus chauds ou les plus lus).

En bref, tout reste à faire. Et vous êtes les bienvenus pour proposer vos idées. ;)

Les casquettes

Jusqu’à présent, les membres du staff de Zeste de Savoir possédaient un badge « Staff » qui s’affichait sur chacun des messages qu’ils postaient. Cela avait plusieurs inconvénients :

  • La plupart des messages postés par les membres du staff ne l’étaient pas en tant que modérateur. Cela pouvait provoquer des incompréhensions, notamment en donnant l’impression que le message exprimait le point de vue du site.
  • Lorsqu’un membre rejoignait le staff, tous ses anciens messages récupéraient le badge. De même, lorsqu’un membre du staff le quittait, ses messages postés avec le badge le perdaient.

Pour résoudre ces problèmes, Zeste de Savoir implémente désormais depuis cette version un système de casquettes fortement inspiré de celui en vigueur sur Lobsters.

Exemple de casquette.

Cela fonctionne de façon assez simple : chaque membre peut avoir plusieurs casquettes en fonction de ses responsabilités au sein de ZdS ou ailleurs. Il peut ensuite en choisir une pour chaque message qui sera mise en avant sur celui-ci, mais ce n’est en rien obligatoire. La liste des casquettes d’un membre est affichée sur son profil.

Plusieurs casquettes ont été accordées lors de la mise en production (notamment la casquette « Staff »). Si vous souhaitez demander une casquette, rendez-vous dans les paramètres de votre compte. :)

Et d'autres modifications moins importantes

La version 25 voit l’arrivée des smileys Clem, qui remplacent les traditionnels smileys utilisés sur le site :

Les nouveaux smileys.

Un grand merci à Buddy qui a fourni ces superbes smileys. Si toutefois ces smileys vous dérangent, vous avez la possibilité d’utiliser les anciens smileys dans vos paramètres.

Par ailleurs, cette version corrige une fonctionnalité qui ne marchait pas depuis les début du site : le déroulement des menus au survol. Nous avons désactivé cette fonctionnalité pour tous les utilisateurs afin de ne pas modifier vos habitudes, mais vous pouvez activer l’option dans vos paramètres.

Le menu principal a également été refait : les boutons sont désormais centrés et l’engrenage en haut à droite (remplacé par les alertes pour les modérateurs), qui faisait doublon avec l’avatar, a été supprimé.

Au niveau de l’interface utilisateur, cette version n’est certainement pas parfaite (par exemple, l’avatar en haut à droite pourrait être amélioré pour ressembler d’avantage aux boutons des menus). Nous avons cassé des petites choses comme ça presque volontairement pour pouvoir avancer : si ce n’était pas le cas, on sortirait une version tous les 6 mois. Il y a encore beaucoup à faire et cette 25ème version prépare le terrain pour l’avenir.


Depuis début août, le DTC (directeur technique) a été remplacé par deux rôles. Le premier est celui de Release Manager (occupé par Sandhose) et consiste à effectuer les mises en bêta et en production ainsi qu’à gérer l’infrastructure. Le second est le Maintainer (occupé par gcodeur) dont le rôle est d’écrire un changelog pour chaque release, à suivre le déroulement des tickets et à gérer le forum des bugs et suggestions.

Comme d’habitude, nous vous proposons de consulter le changelog complet de cette version :

Rapport pour le jalon v25 (v25-alexandria)

83 tickets sont compris dans ce jalon (0 ouverts et 83 fermés)

Tickets toujours ouvert

Aucun ticket

Tickets fermé

Corrections de bug

Ticket # Titre Label(s)
#4636 Corrige la couleur de fond de la logbox (#4631) C-Front, S-Régression
#4635 Ajoute un tiret entre casquette et lien de suppression C-Front, S-BUG
#4634 Forums -> Forum + fix du menu sélectionné C-Front, S-BUG
#4629 Corrige le script de déploiement avec instructions P-Haute, S-Régression
#4626 Arrange le style des casquettes C-Front, S-BUG
#4625 Compilation de plusieurs corrections CSS sur la v25 C-Front, S-BUG
#4619 tooltips: Passe des nœuds/strings à setContent C-Front, P-Haute, S-BUG
#4604 [v25]Empêche de trouver des billets avec une recherche depuis la bibliothèque C-Back, QA svp, S-BUG
#4601 Utilise la hauteur de ligne par défaut dans les <textarea> C-Front, S-Régression
#4592 [v25] Correction de la largeur de la barre de recherche #4552 C-Front, S-BUG
#4590 [beta][v25] Les lignes dans les <textarea> débordent les unes sur les autres C-Front, S-Régression
#4578 Centre parfaitement l’en-tête et le pied de page C-Front, S-BUG
#4577 Utilise des icônes à haute résolution dans l’en-tête C-Front, S-BUG, S-Régression
#4574 Enlève l’estimation du temps de lecture si on est dans un chapitre. C-Front, S-Régression
#4572 Corrige les erreurs 500 liées à l’attribution des casquettes C-Back, S-BUG
#4566 [v25] La page des tags d’une tribune renvoit vers la liste des tribune C-Front, S-BUG
#4565 [v25] Rajoute des order_by C-Back, S-BUG
#4544 .main.wrapper est flexible horizontalement C-Front, P-Bloquante, S-Régression
#4542 La page déborde horizontalement C-Front, P-Bloquante, S-Régression
#4538 Corrige l’accès au flux RSS/Atom d’une sous-catégorie C-Back, S-BUG
#4537 Empêche un utilisateur sans droits de signaler ses messages masqués C-Front, S-BUG
#4536 Corrige la gestion des apostrophes dans le MP d’une demande de casquette C-Back, S-BUG
#4522 ajoute le _blank pour le lien vers les forums C-Front, S-BUG
#4510 Corrige l’unicité et l’accès au tags et tente d’améliorer les performances C-Back, QA svp, S-BUG
#4508 Liens vers sous-catégories (fix #4507) C-Front, QA svp, S-BUG
#4495 Ajoute une migration oubliée C-Back, S-BUG
#4493 Rend optionnel le champ ’Se souvenir de moi’ dans le formulaire de connexion C-Front, S-BUG
#4491 Ferme les <span> correctement dans base.html C-Front, S-BUG
#4484 Corrige filtres, ordre et nombre de contenus C-Back, C-Front, S-Régression
#4480 Filtre proprement le types de publications C-Back, S-BUG
#4479 Supprime le dernier element de la page précédente dans la bibliothèque S-BUG
#4475 Fix #4474: affiche le nom du site correctement C-Front, S-Régression
#4472 Plus de 500 sur la liste des billets C-Back, S-Régression
#4466 Corrige les marges des .alert-box (toasts) C-Front, S-Régression
#4461 Le pied de page est toujours en bas C-Front, S-Régression
#4450 Corrige la gestion des unes C-Back, S-BUG
#4422 Fixe la taille du + de la recherche dans le menu mobile C-Front, S-BUG
#4405 Fix #4374 : Corrige le robot.txt pour ne pas indexer l’export des billets S-BUG

Évolutions

Ticket # Titre Label(s)
#4567 [v25] affiche les boutons ’plus de xxx’ uniquement si nécessaire C-Back, S-Évolution
#4532 Supprime un espace avant “…” C-Front, S-Évolution
#4529 Crée une vue différent pour le signalement de posts C-Back, S-Évolution
#4525 Change le message de la page d’accueil C-Front, S-Évolution
#4521 fix l’estimation du temps de lecture C-Front, S-Évolution
#4517 #4482 - rebased C-Front, S-Évolution
#4516 Remplace le mot contenu par publication C-Front, S-Évolution
#4512 Permet de demander une casquette C-Back, C-Front, S-Évolution
#4505 Travis compile le frontend C-Infra, S-Évolution
#4502 Encapsule snow.js dans une IIFE C-Front, S-Évolution
#4499 Adieu npm, on passe à Yarn C-Front, C-Infra, S-Évolution
#4497 Travis se grouille S-Évolution
#4496 Permet de modifier la casquette à l’édition d’un message C-Back, C-Front, S-Évolution
#4494 README.md : Met à jour le badge de Coveralls C-Documentation, S-Évolution
#4490 Adieu Modernizr C-Front, S-Évolution
#4482 Affichage de l’en-tête C-Front, S-Évolution
#4478 Modifie le nombre de contenu sur les différents niveaux de la bibliothèque S-Évolution
#4467 Rends les boutons du menu principal vraiment flexibles C-Front, S-Évolution
#4432 Met à jour les dépendances front C-Front, S-Évolution
#4431 Makefile : Supprime les options de flake8 C-Back, S-Évolution
#4425 Supprime assets/scss/mixins/_display-flex.scss C-Front, S-Évolution
#4424 npm run gulp survit en cas d’erreur C-Front, S-Évolution
#4421 Compile les assets dans le dossier dist/ C-Front, S-Évolution
#4408 Intégration des smileys clems C-Front, C-Infra, S-Évolution
#4392 Ajoute des champs DCMI aux pages des contenus - Rends le site compatible avec Zotero C-Front, S-Évolution
#4387 Système de casquettes C-Back, C-Front, S-Évolution

Non défini

Ticket # Titre Label(s)
#4614 Utilise une clé étrangère pour les casquettes des messages C-Back, S-Refactorisation
#4576 Les menus déroulants ne se ferment pas lorsque l’on clique dedans C-Front
#4540 Prépare les notes de déploiement v25 C-Documentation
#4535 Trie les billets par date de première mise en avant.
#4520 correctly spell url_protocol C-Front, S-Refactorisation
#4519 fix l’appelle à exception C-Back, S-Refactorisation
#4489 Améliore la partie "Envie de s’investir ?" de la bibliothèque C-Front
#4487 Extrais templates/member/sidebar.html C-Front, S-Refactorisation
#4485 Extrais templates/footer.html C-Front, S-Refactorisation
#4455 Remplace import zds.settings par from django.conf import settings
#4454 Réécrit le JS des dropdowns C-Front, S-Refactorisation
#4452 overrided -> overridden :/ C-Back
#4449 Utilise la couleur bleue du site pour les sélections
#4447 Corrige le nom d’une setting C-Back
#4446 Corrige l’affichage du tableau sur les petits écrans (#4427) C-Front
#4440 Améliore légèrement le CSS du menu C-Front
#4426 doc: Le mot de passe de staff est staff C-Documentation
#4420 Upgrade Elasticsearch à la version 5.5.2 C-Infra
#4381 Met des illustrations par défaut pour les contenus C-Front

Un grand merci à tous les contributeurs de cette release ! :)

22 commentaires

Bravo pour cette nouvelle version !

J’ai cependant toujours un peu de mal à faire la distinction entre tribune et article (d’accord, la tribune est un moyen d’expression plus libre qu’un article, qui doit être plus formel). Pourquoi est-ce que l’annonce de la version 25 de ZdS est un article, alors que l’annonce de la version 24 était une tribune ? La version 25 est plus importante ?

J’ai cependant toujours un peu de mal à faire la distinction entre tribune et article (d’accord, la tribune est un moyen d’expression plus libre qu’un article, qui doit être plus formel).

philippemilink

Un billet dans une tribune n’est pas validé. Un article passe par une phase de relecture, correction et validation faites par l’équipe.

Un article peut ne pas être formel (exemple), un billet peut l’être (exemple).

+0 -0

(qui a d’ailleurs un alias tribune.zestedesavoir.com) et la bibliothèque.

artragis

« Votre connexion n’est pas privée

Des individus malveillants tentent peut-être de subtiliser vos informations personnelles sur le site tribune.zestedesavoir.com (mots de passe, messages ou numéros de carte de crédit, par exemple). En savoir plus NET::ERR_CERT_COMMON_NAME_INVALID

[…]

Le site tribune.zestedesavoir.com est actuellement inaccessible, car il utilise la technologie HSTS. Les erreurs réseau et les attaques sont généralement temporaires. Vous devriez donc pouvoir accéder à cette page plus tard. »

Je ne sais pas ce qui a motivé la décision de la création de cet alias (PS : qui renvoie sur la home, d’ailleurs), mais on a un problème de nom de domaine HTTPS, et on aura un problème de duplicate content une fois celui-ci résolu, puisque les billets ne déclarent pas d’URL canonique (je viens de vérifier).

Pour ceux que ça intéresse, sachez aussi que suite à une suggestion de qwerty, les contenus du site sont désormais compatibles avec Zotero (et d’autres gestionnaires bibliographiques). Si vous voulez citer un article ou un tuto, vous n’aurez plus à remplir vous-même les métadonnées.

Aussi, la couleur de sélection est maintenant du même bleu que le menu du site, pour encore plus de style. :)

Au passage, un grand bravo à tous ceux qui ont bossé sur cette version.

+2 -0

Encore bravo à toute l’équipe :)

Par contre on a pas d’explication pour le nom de version cette fois ? Il est arbitraire ?

LudoBike

Je suis presque sur que le "Alexandria" fait référence à la nouvelle "Bibliothèque" (en clin d’œil à la bibliothèque d’Alexandrie). Espérons juste que le clins d’œil ne se poursuive pas jusqu’au bout. :D

+7 -0

Je connais un renard et un loup qui vont demandé des casquettes :-°

EN tout cas ça fais plaisir de voir un site qui avance toujours autant :)

Dryusdan

Non. Les délires ont une certaine limite. On ne joue pas avec les casquettes sinon ça va être difficile à gérer pour le staff qui doit valider ou non. ;)

+1 -0

Pour info ça donne ça dans zotéro

C’est étrange, je n’ai pas le même résultat chez moi.

ZdS Zotero
+0 -0

Oui oui, comme dit dans mon PS, c’est la sauvegarde auto qui a foiré. Y’a juste les auteurs qui sont mal gérés.

artragis

Oh, désolé, je l’avais mal compris. En effet, je vais faire un PR pour améliorer ça.

+0 -0

Une navigation retravaillée, ça fait plaisir ! Je la trouve nettement plus intuitive. En ce qui concerne le système des casquettes, j’attends de voir ce qu’il va donner, comment il sera utilisé, mais ça me semble être une fonctionnalité plutôt intéressante. Quant aux smileys, je les trouve plutôt sympa dans l’ensemble.

Au top !

Connectez-vous pour pouvoir poster un message.
Connexion

Pas encore membre ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte