07.01
On a montré récemment que nous portions beaucoup d’intérêt pour les outils mis à disposition par Google. A travers des discussions récentes avec des prospects et utilisateurs de la solution PLM Aras Innovator, on a réalisé qu’il y avait différents besoins de visualisation graphique rapide de données qui étaient évoqués. Aras Innovator intègre des tableaux de bord à partir d’images SVG, mais nous voulions des graphiques intégrés à des formulaires d’items.
On a donc relié le besoin de présenter divers graphiques avec la mise à disposition par Google de Google Charts.
Grâce à la flexibilité d’Aras Innovator et la simplicité d’intégrer divers objets dans les formulaires (ici un simple objet html). Nous avons pu intégrer un graphique à Barres pour présenter un classement des fournisseurs d’un article basé sur des critères préalablement renseignés (par le département des achats par exemple, ou alimenté par lien avec un ERP). Une telle intégration s’est faite en 4 heures, depuis l’idée initiale jusqu’au résultat ci-dessous. Le fonctionnement se fait à travers une méthode en javascript qui va chercher les données des fournisseurs de l’article et qui va construire une URI traitée par Google Charts pour afficher un graphique.
L’URI se compose d’éléments comme présentés ci-dessous:
[js]
var URIinit = "http://chart.apis.google.com/chart?";
var CharXrange = "&chxr=1,0,40,10";
var ChartType = "&cht=bhs";
var LegendSettings = "&chdl=Delivery Speed | Quality | Cost | Purch Dept Mark";
var Colors = "&chco=4D89F9,C6D9FD,EECC55,EA4C95";
var ChartSize = "&chs=350×120";
var ChartScale = "&chds=0,40";
var DataSet = "&chd=t:"; // complété des données récupérées
var NameSet = "&chxt=y,x&chxl=0:|"; // complété des noms de fournisseurs récupérés
var URI = URIinit + ChartType + LegendSettings + Colors + ChartSize + ChartScale + CharXrange +NameSet + DataSet;
[/js]
Dans l’exemple développé nous utilisons un graphique à barres horizontales, mais Google Charts met à disposition différents types de graphiques qui permettront d’exploiter différents types de données stockées par Aras Innovator.
Voila donc une copie d’écran du résultat que l’on obtient:
Formulaire Article avec Graphique Google Chart
Cette visualisation est mise à jour à chaque chargement du formulaire et évolue donc avec les données des fournisseurs renseignées pour cet article. La vidéo ci-dessous présente cette fonctionnalité:
Pour être prévenus de nos futurs articles vous pouvez renseigner votre adresse email ci-dessous.
LinkedIn
SlideShare
Twitter
Youtube