Article
28 novembre 2020

Créez votre business app sur mesure sans écrire une ligne de code !

La finalité lors de la mise en place d’un projet d’IoT industriel est souvent la création d’une ou plusieurs applications business pour restituer la donnée enrichie, partager l’information et échanger autour des services connectés élaborés au cours de ce projet. Idéalement, ces applications doivent être à l’image de l’entreprise, et adaptées à ces services spécifiques, de façon à présenter les bonnes informations aux bonnes personnes, de la manière la plus claire possible.

Le module Publish : un app builder directement intégré au Studio

Dans cet esprit, la plateforme InUse intègre désormais un builder d’application en marque blanche, personnalisable tant dans son apparence que dans sa structure et son contenu. C’est l’objectif de la section Share du Studio.       

 

L’apparence de la business app (nom, logo, bannières, couleurs principales…), est ainsi facilement administrable et ce depuis la première version de la plateforme. 

Au-delà de la personnalisation de l’apparence générale de l’application, nous avons poussé la démarche un cran plus loin avec une interface d’administration complète des pages de votre application business : le module Publish.

Le but de ce dernier, disponible dans la dernière version du Studio,  est de permettre une administration de l’intégralité des pages de la webapp. A la différence des plateformes IoT actuelles qui nécessitent des coûts d’intégration et de personnalisation importants, l’utilisateur peut ainsi construire à partir de zéro son application sur-mesure en point & click, sans avoir à écrire une ligne de code HTML ou Javascript. 

Création de pages

La création d’une page se fait en trois étapes : on définit d’abord ce qu’elle contient à travers une série de paramètres, puis on choisit sur quelles entités de la hiérarchie client on va les afficher dans la webapp, et enfin on spécifie qui y aura accès. En résumé, l’administration d’une page permet de répondre successivement aux questions :

  • Que contient la page ? En particulier, de quel type de page s’agit-il ?
  • Où est-elle publiée dans la webapp ?
  • Qui y a accès ?


Un choix de contenus et visualisations à la carte

Pour déterminer le contenu de la page, l’éditeur propose une série de templates de page, offrant des fonctionnalités spécifiques. Le contenu de la page est ainsi déterminé par son type, ainsi que par un certain nombre de paramètres spécifiques à chaque type de page. Voici une liste des principaux types de pages disponibles :

 

Type de page Description
Newsfeed Listing des posts générés par les machines ou par les utilisateurs
Planning Calendrier rassemblant les actions planifiées ainsi que leurs assignations 
Contents List Affiche un listing de visualisations de données au choix : séries temporelles, tableaux de bord data IoT, vues synoptiques…) pour y donner accès
Dashboard Affiche un tableau de bord dynamique de données IoT, créé dans le Studio
Usage Analytics Affiche un tableau de bord d’analytics sur l’activité dans l’app, créé dans le Studio
Time Series Affiche un ensemble de graphiques de séries temporelles, créé dans le Studio
Synoptic Affiche une vue synoptique d’une machine, d’une ligne de machines sur un site, etc.
Sites Affiche les sites appartenant à l’entité courante, dans une carte interactive et/ou dans un tableau
Machines Affiche les machines appartenant à l’entité courante, groupées par Ligne de production
Localizer Affiche la machine courante sur une carte interactive
Specifications Affiche un texte descriptif et une liste de fichiers concernant l’entité courante
Iframe Intègre une application tierce dans un iframe. Exemples : outil de vidéoconférence, catalogue de pièces détachées, CRM…

 

Une fois le type de page choisi et les différents paramètres spécifiques mis en place, un outil de prévisualisation est disponible dans le module pour tester l’apparence de la page sans avoir à la publier. 

 

Publication

La spécificité de la webapp conçue dans le builder InUse est d’organiser la navigation selon deux dimensions principales :

  • tout d’abord à travers les différentes entités de l’organisation hiérarchique du client : Producteurs > Sites > Lignes > Machines par exemple
  • puis à travers une série de pages, contextualisées selon l’entité de la hiérarchie 

Cette organisation par niveaux hiérarchiques permet de refléter fidèlement l’environnement de production d’un industriel (un ou plusieurs sites contenant chacun des machines placées dans des lignes de production) ou d’un équipementier (plusieurs clients / plusieurs sites / plusieurs machines…). 

Une navigation adaptée en fonction de l’utilisateur

Elle permet également d’adapter la navigation en fonction de l’utilisateur, en le plaçant au sous-niveau correspondant à ses droits d’accès. Par exemple, un fabricant de machines aura accès à l’intégralité de son parc machines, alors qu’un de ses clients n’aura accès qu’aux siennes. Les différents niveaux de l’organisation sont bien entendu intégralement administrables depuis le Studio (section Organiser). 

Le module Publish permet de contrôler simplement sur quelles entités de la hiérarchie une page va apparaître. Pour spécifier la publication, deux possibilités : soit exclure les entités sur lesquelles la page ne sera pas publiée ou à l’inverse spécifier explicitement celles sur lesquelles celle-ci sera publiée. Ainsi avec ces deux modes (général avec des exceptions, ou spécifique), l’utilisateur a un contrôle exhaustif sur la publication des pages.

Droits d’accès

Enfin, en plus de contrôler où sont publiées les pages, le module permet de définir les utilisateurs qui y auront accès dans la webapp :

  • Tous les utilisateurs
  • Des groupes d’utilisateurs spécifiques
  • Des utilisateurs spécifiques

Ainsi dans le cas d’un industriel, pourront être mises en place, en fonction de l’utilisateur, les pages suivantes (avec leur type entre parenthèses) :

Opérateur Usine :  

  • État Machine (Synoptique) 
  • Rapports TRS (Newsfeed)
  • Spécifications Machine (Specifications)
  • Diagnostic live (Time Series)

Responsable de Production : 

  • Rapports TRS (Newsfeed) 
  • Diagnostic live (Time Series) 
  • Tableau de bord Production (Dashboard)

Responsable Maintenance : 

  • Planning de maintenance (Planning) 
  • Alertes (Newsfeed) 
  • Tableau de bord Maintenance (Dashboard)

Directeur d’usine : 

  • Tableau de bord Production (Dashboard) 
  • Tableau de bord Maintenance (Dashboard)

 

En résumé

Le module Publish est donc un outil très puissant pour créer une business app sur mesure, offrant un parcours optimal aux utilisateurs selon leur fonction, pour leur présenter l’information de la manière la plus claire possible. Couplé aux fonctionnalités de white-labeling et d’administration du Studio, il permet donc d’offrir un builder complet de business application sans avoir à écrire une ligne de code.

 

Renaud Parent
Développeur Full Stack