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/

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 :

Quelques icônes des types de contenus

 

Menu des actions d'une publication

 

Menus Outils et Publication de la topbar

 

​

Menu contextuel des publications

 

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).

Nouvelles couleurs des messages

 

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.

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é.

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.

Accueil de l'espace d'administration

 

Editeur de propriétés

 

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

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. 

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

 

6. Certifications

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