Service Apps - 2023 - Présentation des nouveautés

Modifié le 24/01/2023 11:24

Version courante : 2022.1.133.0.03          Version précédente

WarningReleaseNotes

Note : Ceci est un document de sortie de version. Certaines copies d’écran peuvent être légèrement différentes de la version finale car l’amélioration du design est un processus continu jusqu’à la date de sortie.

   Vous trouverez sur cette page uniquement les versions présentant des nouveautés. Pour trouver les versions présentant uniquement des correctifs, consultez les pages Journaux des modifications.

  Les pages du wiki détaillant les dernières nouveautés vont être mises à jour prochainement. Pour vous tenir informé sur leur disponibilité, consultez la page Nouveautés du wiki.

Version 2023.1 - Build 2022.1.133.0.01
(23/01/2023 SaaS - 30/01/2023 On-Premise)

Modèles Service Apps

Nouveaux modèles

Micro Apps Meeting Room

Ce modèle, disponible dans la catégorie Micro Apps, est dédié à la gestion des salles de réunion.

  • Il permet d'obtenir des informations lorsque le QR code assigné à une salle de réunion est scanné : nombre de places de la salle, équipements disponibles, ...
  • Il permet également de déclarer un incident relatif à la salle de réunion.
     

Il est proposé en 3 versions.

  • Version Poste de travail
    Q4_2022 - Template Meeting Room - Desktop version.png
  • Version Mobile
    Q4_2022 - Template Meeting Room - Mobile version.png
  • Version Tablette
    Q4_2022 - Template Meeting Room - Tab version.png

Nouveau modèle Service Desk Homepage

Ce modèle, disponible dans la catégorie Page d'accueil, est une fusion des 2 modèles existants Service Desk et Service Desk With KPIs.

Note : Ces 2 modèles restent utilisables avec les versions précédentes de Service Apps.

          Q4_2022 - Template Service Desk Homepage.png

Évolutions sur les modèles

Modèles Self Service Portal, Service Desk Homepage et Mobile Tech Support

Un ensemble d'évolutions ont été réalisées sur les modèles pour améliorer les performances d'affichage et le ressenti des utilisateurs.

  • Une nouvelle charte de création a été appliquée aux modèles.
  • Le CSS des modèles a été grandement optimisé grâce à la nouvelle fonctionnalité Global Style introduite dans cette version.
  • Une revue graphique des modèles a été réalisée pour améliorer l’expérience d’utilisation en mode Exécution.
  • Des requêtes parents dédiées aux modèles ont été créées. De cette façon, seules les données nécessaires aux modèles sont désormais remontées dans les datasources, ce qui accélère leur chargement.

Modèle Self Service Portal

  • XLA (eXperience Level Agreement) :
    • Un bouton Feedback a été ajouté en différents endroits de l'application afin de permettre aux utilisateurs du portail de donner leur ressenti sur la qualité des communications (actualités), le matériel assigné, les services utilisés, le traitement des tickets.
               Q4_2022 - Template Self Service Portal 1.png
    • L'analyse des données s'effectue via un nouveau rapport Power BI dédié XLA Management.
               Q4_2022 - Template Self Service Portal 2.png
  • Catalogue : Le modèle a été enrichi d'une nouvelle page Catalogue des incidents.

Nouvelle fonctionnalité Global Style

La mise en place de cette nouvelle fonctionnalité permet d'améliorer grandement le ressenti utilisateur quant au temps de chargement des applications.

Elle repose sur une restructuration complète du chargement du code CSS de l'application, et s'appuie également sur la modification de l’ordre de chargement des objets des applications décrite dans la section Évolutions Noyau.

  • Dans les versions précédentes de Service Apps, chaque page d’un modèle disposait d’un ou plusieurs widgets nommés CSS dans lesquels étaient renseignés tous les éléments de style des widgets présents dans la page.
    • Le code CSS était chargé dans la partie <body> du code Html de l'application. Cela avait pour conséquence de charger les éléments de style en même temps que le reste, créant une sensation de chargement graphique disparate et non fluide (par exemple, le widget s’affiche dans un premier temps sans style, puis le style apparaît après coup).
    • Cela démultipliait également le nombre de widgets et le temps d'affichage, mais également le nombre d’entrées CSS à maintenir.
      Q4_2022 - Global style - Before.png
       
  • Dans cette nouvelle version de Service Apps, tous les éléments de style sont placés dans une nouvelle section Global Style commune à l'ensemble des objets de l'application (pages, datasources, widgets).
    • L'ensemble du code CSS est maintenant chargé dans la partie <header> du code Html de l'application. Il est ainsi chargé avant d'afficher les widgets, ce qui rend la sensation de chargement graphique beaucoup plus fluide.
    • Cette nouvelle façon de faire permet de réduire le nombre de widgets et d'améliorer considérablement le temps de chargement de l'application, et également permet de faciliter la maintenance, toutes les entrées CSS étant désormais regroupées en un endroit unique de l'application.
      Q4_2022 - Global style - After.png
       

Principe de mise en oeuvre

  • Cliquez sur la nouvelle section Global Style dans le volet Objets de l'éditeur graphique.
  • Placez dans cette section toutes les surcharges CSS utiles à l'application : Root / version Poste de travail / version Tablette / version Mobile.
    Q4_2022 - Global style section.png

Gestion des polices de la plateforme Service Apps

Cette nouvelle fonctionnalité permet à l'administrateur d'ajouter de nouvelles polices au niveau de la plateforme Service Apps, ce qui les rend disponibles dans l'ensemble des applications. Chaque créateur d’applications peut alors les utiliser dans l'éditeur graphique, pour configurer les widgets.

Principe de mise en oeuvre

  • Allez sur le nouvel écran d'administration via le menu Admin panel > Fonts Management dans la barre d'outils de la galerie.
    Note : Vous devez être administrateur de la plateforme (profil App Center Manager).
  • Allez sur l'onglet Standard Fonts : toutes les polices standard présentes par défaut sur la plateforme sont affichées.
    Q4_2022 - Font management.png
  • Allez sur l'onglet Platform Fonts : toutes les polices ajoutées manuellement sont affichées.
    • L'écran affiche le nom de chaque police, son format, une prévisualisation de celle-ci ainsi que la date d’import.
    • Vous pouvez ajouter une nouvelle police, exporter et supprimer une police existante.
      Q4_2022 - Font management - Import fonts.png
  • Une fois importées dans la plateforme, un créateur d'applications peut retrouver les nouvelles polices sur les différentes propriétés des widgets utilisant des propriétés graphiques (section Theme, Header, Footer, ...).
    • (1) Liste des polices personnalisées qui apparaît en premier dans une section My Fonts, triée par date d'import.
    • (2) Liste des polices présentes en standard sur la plateforme qui apparaît dans une section All Fonts, triée par ordre alphabétique.
      Q4_2022 - Font using.png
       

Limitations

  • Seuls les formats de fichiers suivants sont acceptés :
    • Ttf
    • Otf
    • Woff
    • Woff2
    • Eot
  • Il n’y a aucune limitation sur le nombre de polices pouvant être importées.

Évolutions Noyau

Mise en place des composants React

La librairie JS a été remplacée par la librairie React. Ce choix est porté par la volonté de travailler sur un framework récent soutenu par des entreprises innovantes (Meta by Facebook).

  • Le framework React est plus performant et plus léger. Il embarque les nouveaux styles de design et est orienté composants.
  • Les composants React permettent de découper l'interface utilisateur en éléments indépendants et réutilisables, permettant ainsi de considérer chaque élément de manière isolée.
     

Dans cette nouvelle version de Service Apps, les travaux de migration ont été réalisés dans la galerie des applications et dans la console d’administration, et tous les widgets sont à présent développés en React. À terme, l’objectif est de remplacer tous les composants JS par des composants React.

De nombreux éléments graphiques de l’interface ont été impactés, notamment le design des grilles.

  • Version précédente
    Q4_2022 - Grid with library JS.png
  • Nouvelle version
    Q4_2022 - Grid with library React.png

Modification de l’ordre de chargement des objets des applications

Afin d'améliorer les temps de chargement et d'exécution des applications, et pour mettre en place la nouvelle fonctionnalité Global Style, l'ordre de chargement des objets des applications a été optimisé.

  • Dans les versions précédentes de Service Apps, lorsqu'une application était lancée, elle chargeait un à un les widgets, chaque widget chargeant son CSS puis ses datasources.
    • Ce processus était répété autant de fois qu'il y avait de widgets présents dans la page, et se répétait à chaque changement de page.
    • Cela avait pour conséquence de démultiplier le nombre de chargement de styles et de widgets, et donc le temps d'affichage et d'exécution de l'application.
       
  • Dans cette nouvelle version de Service Apps, tous les éléments de style placés dans la nouvelle section Global Style sont chargés en premier, avant les widgets qui chargent ensuite chacun leurs datasources.
    • À chaque changement de page, aucun nouveau chargement de style n’est réalisé puisque tous les styles ont déjà été chargés au lancement de l'application.
    • Cette nouvelle façon de faire permet d'améliorer les performances et de réduire les sensations de lenteur, un accès plus rapide à l’interface et aux interactions, un allègement du code embarqué en réduisant le nombre de widgets pour customiser une application.
Tags :
Powered by XWiki © EasyVista 2022