Vidéo: Intégration Google Charts – Aras Innovator PLM Open Source

Posted on July 1, 2010

GoogleChartIconOn 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

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.


 

Yoann Maingon

Yoann Maingon is an Entrepreneur and a PLM enthousiast. He is our main blogger at Minerva as he has been publishing articles about General PLM concepts and Aras Innovator for more than three years.

More Posts

  • This looks pretty interesting. BTW What about data security? Do you have to send data over to Google? Can you do that in an encrypted format?

  • Very good comment. And you’re right in this exact case there is a possible issue with data security because we used the easiest way to create the chart, i.e. sending a URI to Google Chart Service.

    Two solutions:

    – First one is to get some libraries from Google. Google shares charts libraries so you can download them and run your Chart without connecting to the web. They also provide different connector to secure and encrypt your data when sent to their services, we still need to list all these opportunities to make sure we know most ways to implement this graphs while being compliant with our customers IT security strategy.

    – The Second solution is just to know what you’re sending and make sure you don’t send information that could be identified. In our example, the only elements that identifies our information are the manufacturer names and the legend. We just did it to include it in the graph. But you could separate the legend and don’t send the manufacturer name (you can replace it by a code for example)

    Also, this is a client-side request, so each person who needs to see this chart, needs to have a web access. We could transfer this process on the server if a customer needs it.

  • Yannick

    Hello,

    What happen if Google decide to ask some money for Google charts Service ?

  • Hello Yannick,

    If you’re using online request for Google Charts and if they become commercial, you’ll then have to pay for their service if you want to keep using it. But I don’t think it’s in any plan of Google. two reasons why:

    – Google Chart is not marked as Beta. Usually they run a service in Beta mode before creating a price list and releasing the service with a commercial activity
    – Google pricing is mainly based on data volumes not on using library content as these are freely available ( http://code.google.com/p/gwt-google-apis/downloads/detail?name=gwt-visualization-1.1.0.zip&can=2&q= ). And Google Charts query are very light, so i don’t think there’s any money to make from this.

    Anyhow, if you’ve been using this library and if, worst case scenario, it becomes commercial, then you already have done 90% of the work which was data formatting to expose to Google Charts, so you’ll just have to find another chart library. I’m sure there are some more available and we will show these kind of alternatives if we find any in the future. Don’t hesitate to ask us to show one of these integration if you find another freely available library.

    Best Regards,

Download Aras Innovator