JPlatform 10 SP3 - Les principales nouveautés

Les services pack de JPlatform livrent habituellement des lots de correctifs et de petites évolutions fonctionnelles et techniques.

JPlatform 10 SP3 livre plus de 150 correctifs de bug, plus de 160 améliorations et une dizaine de nouveautés : https://issues.jalios.com/browse/JCMS/fixforversion/13803

JPlatform 10 SP3 apporte aussi un nouveau lanceur d'application et une refonte importante des interfaces utilisateurs (UI) et de l’ergonomie (UX).

Cet article présente les principales nouveautés apportées par JPlatform 10 SP3.

Vous pouvez tester ces nouveautés en allant sur le site de démonstration de la prochaine version de JPlatform Cloud : https://demo10sp3.jaliosagora.com/

mceclip0 - 2019-10-27 14h12m23s

Le site de démonstration de JPlatform Cloud en basé sur JPlatform 10 SP3

 

Les évolutions sur les interfaces portent à la fois sur JPlatform mais aussi sur les modules. Cependant tous les modules qui ont bénéficié de ces évolutions ne sont pas encore ressortis. Aussi afin que vous puissiez en bénéficier dès maintenant, nous diffusons un nouveau module, RefreshUI. Ce module ne couvre pas toutes les évolutions des modules mais il apporte les correctifs sur les styles CSS, le vocabulaire et les icônes des modules.

1. Des interfaces rafraichies

1.1 De nouvelles icônes

Au fil du temps les interfaces de JPlatform se sont enrichies de nouvelles fonctionnalités qui ont apporté de nouvelles icônes. Ces icônes n’étaient pas toujours dans le même style que les précédentes. Avec le temps, ceci a entraîné une certaine hétérogénéité sur l'ensemble des icônes.

Toutes les icônes de JPlatform et de ses modules ont été revues et homogénéisées.

Les icônes se répartissent en 2 gammes.

Les icônes représentant des données (article, commentaire, page wiki, catégorie, …)

Ces icônes sont plutôt colorées.

Les icônes représentant des actions ou des états

Ces icônes sont grises (#666) et dans un style « au fil» afin d’alléger les interfaces lorsque de nombreuses icônes sont affichées (p. ex. dans les menus contextuels). Certaines d'entres elles font exception et ont des touches colorées pour renforcer leur signification (p. ex. la fleche verte de la fonction "Ajouter au panier"). Certaines des ces icônes, deviennent aussi colorées pour être mises en avant lorsqu'elles représentent un état non nominal (p. ex. lorsqu'un contenu a été ajouté au favoris, mis à lire plus tard ou qu'il y a une tâche assignée dessus).

Quelques exemples de nouvelles icônes :

10 SP2 10 SP3
mceclip0 - 2019-10-27 15h12m07s mceclip1 - 2019-10-27 15h12m10s

Quelques icônes des types de contenus

 

10 SP2 10 SP3
mceclip1 - 2019-10-26 19h49m56s mceclip0 - 2019-10-26 19h49m47s

Menu des actions d'une publication

 

10 SP2 10 SP3

mceclip5 - 2019-10-26 19h57m05s

mceclip2 - 2019-10-26 19h56m10s

mceclip4 - 2019-10-26 19h56m30s

mceclip3 - 2019-10-26 19h56m21s

Menus Outils et Publication de la topbar

 

10 SP2 10 SP3

mceclip8 - 2019-10-26 20h01m09s

mceclip1 - 2019-10-28 14h51m46s

Menu contextuel des publications

 

10 SP2 10 SP3
mceclip0 - 2019-10-26 22h44m15s mceclip0 - 2019-10-28 14h51m34s

Menu contextuel des membres

 

1.2 De nouvelles couleurs

Les interfaces ont été recolorisées avec des couleurs plus vives et en accord entre elles (basées sur la palette de couleurs de JPlatform).

10 SP2 10 SP3
mceclip2 - 2019-10-26 22h45m35s mceclip3 - 2019-10-26 22h45m39s

Nouvelles couleurs des messages

 

10 SP2 10 SP3

mceclip4 - 2019-10-26 22h46m36s

mceclip5 - 2019-10-26 22h46m41s

mceclip6 - 2019-10-26 22h46m46s

mceclip7 - 2019-10-26 22h46m50s

mceclip8 - 2019-10-26 22h46m54s

mceclip9 - 2019-10-26 22h46m59s

Nouvelles couleurs des alertes

 

1.3 De nouveaux onglets

Les onglets ont été rafraichis et homogénéisés avec un style plus léger et plus moderne.

10 SP2

mceclip0 - 2019-10-26 22h56m53s

 

10 SP3

mceclip1 - 2019-10-26 22h56m57s

 

Nouveaux onglets

 

1.4 De nouvelles fenêtres modales

Les fenêtres modale ont aussi été améliorées pour être en accord avec le nouveau style plus coloré.

10 SP2

mceclip13 - 2019-10-26 22h49m03s

 

10 SP3

mceclip12 - 2019-10-26 22h48m39s

 

Nouvelles fenêtres modales

 

1.5 Un nouveau backoffice

Les interfaces de l’espace d’administration et des espaces de travail ont été revues. Elles reprennent la structure des Apps avec une sidebar comportant la navigation de premier niveau. Un fil d'Ariane rappelle où l'on se trouve. La sidebar est rétractable pour avoir plus d’espace lorsque cela est nécessaire.

mceclip2 - 2019-10-26 23h00m40s

Accueil de l'espace d'administration

 

mceclip3 - 2019-10-26 23h00m47s

Editeur de propriétés

 

mceclip4 - 2019-10-26 23h01m35s

Espace de travail

 

1.6 De nouvelles cartes indicateurs

JPlatform 10 propose un nouveau type de carte pour afficher des indicateurs, comme par exemple des KPI (Key Performance Indicator).

Pour en savoir plus sur l’utilisation de ces cartes consultez la documentation : Cards indicator

mceclip0 - 2019-10-26 23h05m40s

Les nouvelles cartes indicateurs

 

2. Des interfaces plus simples

2.1 Des zones de recherche clarifiées

La zone de recherche de la tobpar ainsi que la zone de recherche au sein des espaces collaboratifs ont été revues à la fois sur le style (plus arrondis) et aussi avec une indication précise de la portée de la recherche. 

mceclip1 - 2019-10-26 23h12m24s

Des zones de recherches qui précisent la portée de la recherche

 

2.2 Un éditeur texte riche (wysiwyg) encore plus simple à utiliser

L’éditeur texte riche (ou wysiwyg) bénéficie lui aussi d’une interface améliorée. Lorsque vous faites une modification en contexte (i.e. in-line) d’un champ et que vous passez en plein écran, un bouton « Enregistrer » apparait. Ceci vous permet d’enregistrer vos modifications directement depuis la vue plein écran, sans avoir à revenir sur la vue précédente.

mceclip2 - 2019-10-26 23h16m03s

Un bouton pour enregistrer en vue plein écran

 

L’éditeur de texte riche permet d’insérer toute sorte d’informations internes ou externes via l’icône « + » de la barre d’outils. En fonction du nombre de modules actifs, plus d'une quinzaine de sources d'insertion peuvent être proposées. La page d’accueil de cette interface a été revue avec des textes guidant l’utilisateurs.

mceclip4 - 2019-10-26 23h17m56s

Accueil des options d'insertion

 

La nouvelle entrée "Nouveau document" permet d'insérer rapidement de nouveaux documents et de nouvelles images par glisser/déposer ou sélection de fichier. Les fichiers ainsi déposés sont insérés différemment selon leur nature : les images sont insérées sous forme d'images, les vidéos sont insérées avec le lecteur vidéo, les autres fichiers sont insérés sous forme de liens.

mceclip5 - 2019-10-26 23h18m32s

Insertion de documents, d'images, vidéos...

 

2.3 Le regroupement des services d’édition de documents

JPlatform dispose de plusieurs applications pour modifier un document : JDrive, OnlyOffice, Office365, GSuite, l'éditeur d'image intégré, ...

Selon les modules actifs sur JPlatform et selon les droits du membre, plusieurs applications peuvent être proposées pour un même document.

Jusqu'à présent, chaque module proposait la modification d'un document à sa manière (bouton ou lien) et avec son vocabulaire ("modifier", "éditer", "édition", …). Ceci pouvait créer de la confusion pour l'utilisateur qui ne savait plus vraiment sur quel bouton/lien appuyer pour modifier son document.

JPlatform 10 SP3 regroupe désormais l’ensemble des services d’édition de documents disponibles sous un même menu. Lorsqu’il n’y a qu’un seul service d’édition disponible, le menu est réduit à un bouton.

Pour le libellé du menu et du bouton, c’est le terme « Ouvrir avec » qui a été retenu afin d’être plus proche du vocabulaire connu des utilisateurs.

mceclip0 - 2019-10-26 23h25m25s

Regroupement des services d'édition de document en un seul menu

 

2.4 Un accès simplifié au profil

Depuis JPlatform 10, en cliquant sur sa photo dans la topbar, l’utilisateur fait apparaître un panneau latéral regroupant différents services le concernant (ma journée, ma navigation récente, mes espaces, mes favoris, …) Jusqu’à présent, pour accéder à son profil, l’utilisateur devait penser à cliquer sur sa photo, ce qui n’était pas très intuitif. Pour pallier cela, un nouvel onglet donne accès à une vue simplifiée du profil et à deux boutons pour le modifier ou le consulter.

mceclip1 - 2019-10-26 23h26m47s

L'accès au profil depuis le panneau latéral

 

2.5 Rendu du workflow en SVG (sans Flash)

Le support de Flash est en train de disparaître des navigateurs. JPlatform n’utilisait la technologie Flash que pour le rendu graphique des workflows. Dans JPlatform 10 SP3, les workflows sont désormais rendus en SVG.

mceclip2 - 2019-10-26 23h28m52s

Rendu des workflow en SVG

 

3. Des interfaces encore plus responsives

Jusqu’à présent JPlatform garantissait des interfaces opérationnelles de la tablette verticale au grand écran. Pour les smartphones, Jalios recommande d’utiliser le module JMobile.

Des évolutions ont été apportées sur JPlatform 10 SP3, afin de pouvoir consulter un site JPlatform sur un smartphone sans passer par le module JMobile.

La topbar, les menus rattachés et la barre de navigation ont désormais un rendu correct sur des petits écrans.

Le rendu des Applications (et notamment de la sidebar) a été amélioré sur smartphone. Un travail particulier a été mené sur l’interface de recherche.

mceclip5 - 2019-10-27 15h41m51s mceclip4 - 2019-10-27 15h41m42s mceclip3 - 2019-10-27 15h41m37s

Affichage responsive sur un smartphone

 

4. Un nouveau lanceur d’application

4.1 Pourquoi un nouveau lanceur ?

JPlatform 10 avait introduit le lanceur d’applications. Le lanceur avait été conçu pour accueillir une dizaine d’applications. Or on a pu constater chez certains client que c’est parfois plus de cinquante applications qui sont proposées. Cette utilisation massive n’est pas sans poser problèmes :

  • Il est difficile de savoir ce que font certaines applications (elles ne sont représentées que par une icône et un nom)
  • On ne peut pas rechercher une application
  • On peut pré-configurer un lanceur par défaut pour les nouveaux arrivants. Mais c’est le même pour tous les départements. Or, d’un département à l’autre les usages sont différents
  • Si on a ajouté beaucoup d’applications dans le premier niveau, il n'est pas toujours facile de s’y retrouver
  • Il n'est pas simple de créer de nouvelles applications vers des services externes

Aussi, nous avons pris les devants et nous avons imaginé et conçu un nouveau lanceur qui apporte des réponses à ces besoins tout en gardant ce qui a fait la force du lanceur : sa simplicité et son ergonomie.

Le nouveau lanceur dispose d’un système d’onglets. Vous pouvez ainsi regrouper vos applications par thématique.

mceclip0 - 2019-10-26 23h47m25s

Vous pouvez organiser vos applications en onglet

 

Pour ajouter une application dans l'un de vos onglets, cliquez sur l’icône "+" et choisissez "Ajouter une application". La liste des applications apparaît. Chaque application est présentée avec son icône, son nom et une courte description. 

Vous pouvez rechercher une application en tapant du texte. La recherche se fait sur le nom, la description et les mots-clés de l’application.

Celles qui sont déjà présentes dans votre lanceur apparaissent avec une coche verte sur la droite.

Pour ajouter une application, cliquez simplement sur l’icône "+" et choisissez l’onglet dans lequel vous voulez l’ajouter.

mceclip1 - 2019-10-26 23h50m20s

Rechercher et ajouter des applications rapidement

 

4.2 Un catalogue des applications

Le catalogue des applications permet de naviguer dans l’ensemble des applications disponibles.

Pour ouvrir le catalogue des applications, faites comme si vous vouliez ajouter une application (en cliquant sur l'icône "+") et cliquez sur "Accédez au catalogue des applications" .

Dans le catalogue des applications, vous pouvez faire des recherches, naviguer par thématique, tester les applications, les ajouter à votre lanceur et, si vous avez les droits, en ajouter ou modifier celles existantes.

mceclip2 - 2019-10-26 23h52m59s

Le catalogue des application vous permet de découvrir les applications qui sont proposées sur votre plateforme

 

4.3 Des lanceurs adaptés au besoin de chaque équipe

Lorsqu’un nouvel arrivant ouvre pour la première fois le lanceur d’application, celui-ci est pré-configuré (onglets et applications) selon le département auquel il appartient.

Il peut ensuite modifier cette configuration selon ses besoins : ajouter, déplacer et supprimer les onglets et les applications.

mceclip3 - 2019-10-26 23h55m07s

Composer des lanceurs d'applications adaptés aux besoins de chaque équipe

 

5. Sécurité

5.1 Contrôle de la longueur des mots de passe

Deux nouvelles options sont disponibles afin d'imposer la longueur minimum et/ou maximum d'un mot de passe utilisateur lors de son changement.

Les propriétés correspondantes : 

  • Longueur minimum: member.password-min-length  
    en valeur par défaut : 9 caractères sont désormais requis sur le mot de passe à partir de JPlatform 10 SP3.
  • Longueur maximum : member.password-max-length
    La valeur 70 est renseignée en standard.
    Attention : en raison des limites techniques liés à l'implémentation de l'algorithme de hachage BCrypt, utilisé pour le stockage des mots de passe, une valeur plus grande ne doit pas être spécifiée.

5.2 Contrôle de droit renforcé sur site privé

Un site est dit privé, lorsqu'une authentification est requise, car la propriété channel.is-authentication-required: true est positionnée.

Les contrôles de droit de lectures des publication sur ces sites sont renforcés à partir de JPlatform 10 SP3 : 
La politique de droit coeur refuse désormais le droit de lecture (consultation) aux utilisateurs anonymes (le contrôle était précédement uniquement assuré par un controle d'accès aux interfaces utilisateur).

En cas de régression, le comportement précédent peut être rétabli avec la propriété  channel.forbid-anonymous-access-to-private-site: false

5.3 Possibilité de désactiver le statut des membres

La  propriété member.status.visible permet de désactiver l'affichage du statut de tous les membres (pastille de couleur sur la photo), depuis les propriétés du site.

5.4 Feature-Policy

Afin de renforcer la sécurité, JPlatform 10 SP3 implémente en standard le header HTTP Feature-Policy.

Cette spécification W3C (actuellement en status brouillon ) permet de désactiver l'utilisation de certaines fonctionnalités du navigateur/terminal que le site n'utilise pas (afin d'éviter qu'un éventuel script maliceux les exploite).
Cette configuration s'applique sur toutes les pages de JPlatform, et sur toutes les iframes intégrées par JPlatform (sauf si l'iframe précise explicitement un réglage contraire).

Le réglage par défaut peut être modifié en changeant la propriété channel.global-http-header.Feature-Policy.

Voici le réglage retenu en standard dans JPlatform 10 SP3 pour chaque fonctionnalités référencées sur la documentation https://developer.mozilla.org/en-US/docs/Web/HTTP/Feature_Policy 
Si votre site intégère des développements spécifiques utilisant l'une des fonctionnalités interdite ci-dessous, vous devrez adapter la configuration.

Fonctionnalité
(avec lien vers MDN)
Paramétrage par défaut dans JPlatform 10 SP3
(vide == non précisé == réglage par défaut du navigateur)
Explication / Justification du choix
accelerometer 'none' non utilisé par JPlatform et les modules Jalios
ambient-light-sensor 'none' non utilisé par JPlatform et les modules Jalios
autoplay 'none' la lecture automatique n'est pas activé en standard dans les gabarits de JPlatform et des modules Jalios,
🚩si vous autorisez les contributeurs à activer la lecture automatique de médias, ou si vous avez personnalisé les gabarits de médias pour activer la lecture automatique, vous devrez retirer cette interdiction.
camera 'none' non utilisé par JPlatform et les modules Jalios
document-domain   spécifique à chaque installation
encrypted-media   des usages de cette fonctionnalité sont possible par l'insertion de médias externes
fullscreen   utilisé par le lecteur vidéo et les médias incorporés via iframe
geolocation 'none' non utilisé par JPlatform et les modules Jalios
gyroscope 'none' non utilisé par JPlatform et les modules Jalios
layout-animations   des usages de cette fonctionnalité sont possible dans le produit.
legacy-image-formats   dépends des contribution utilisateurs
magnetometer 'none' non utilisé par JPlatform et les modules Jalios
microphone 'none' non utilisé par JPlatform et les modules Jalios
midi 'none' non utilisé par JPlatform et les modules Jalios
oversized-images   dépends des contribution utilisateurs
payment 'none' non utilisé par JPlatform et les modules Jalios
picture-in-picture   peut être utilisé lors de la lecture de médias,
speaker   utilisé pour la lecture de média
sync-xhr   des usages de cette fonctionnalité sont encore possible dans le produit.
N'ajoutez pas de restriction sur cette fonctionnalité qui doit restée active.
unoptimized-images   dépends des contribution utilisateurs
unsized-media   dépends des contribution utilisateurs
usb 'none' non utilisé par JPlatform et les modules Jalios
vibrate   non utilisé par JPlatform et les modules Jalios,
cependant aucun valeur n'est spécifiée pour cette fonctionnalité car elle n'est pas (encore) reconnue par Chrome et provoque une erreur du type "Error with Feature-Policy header: Unrecognized feature: 'vibrate'." dans la console développeur.
vr 'none' non utilisé par JPlatform et les modules Jalios

 

6. Certifications

En plus des bases de données précédemment supportées, JPlatform 10 SP3 supporte PostgreSQL 11 et MariaDB 10.

En résumé...

Cet article présente les principales nouveautés apportées par JPlatform 10 SP3.

Sujet
Produits
Publié

28/10/19

Rédacteur
  • Olivier Dedieu