Note de l'éditeur : Cet article a été sélectionné comme meilleur article invité par les participants du JMP Discovery Summit 2016.
Heman Robinson heman.robinson , développeur principal de logiciels JMP, SAS
HTML version 5, ou HTML interactif, prend en charge de nombreuses fonctionnalités exploratoires de JMP®, notamment l'identification de points, la liaison et le brossage (Becker et Cleveland, 1987 ; Stuetzle, 1987). Les rapports enregistrés peuvent être téléchargés sur un serveur web, placés dans un dossier partagé ou envoyés par courriel à des collègues. Ils sont consultables dans n'importe quel navigateur web moderne.
Le HTML interactif a été introduit dans la version 11 de JMP, et chaque version suivante ajoute des fonctionnalités en fonction de leur utilisation dans le produit. JMP 13 prend désormais en charge les fonctionnalités les plus populaires de Graph Builder, ainsi que d'autres fonctionnalités demandées par les clients.
Cet article décrit comment partager les résultats JMP avec HTML interactif et les nouvelles fonctionnalités de JMP 13.
Figure 1. Un tableau de bord HTML interactif : prix du diamant, poids en carats, couleur, pureté, taille
Histoire
HTML, ou HyperText Markup Language, est la technologie qui définit la structure de toutes les pages Web ( http://www.w3.org/html/ ) (Berners-Lee, 1989). HTML est utilisé avec les feuilles de style en cascade pour le style ( http://www.w3.org/Style/CSS/ ) (Meyer, 2004) et JavaScript pour la programmation ( http://www.ecmascript.org/ ) (Crockford, 2008).
La version HTML 4 était limitée dans sa prise en charge des graphiques et de l'interactivité. À partir de 2011 environ, la version HTML 5 a commencé à prendre en charge les graphiques dans l'élément canvas, ainsi que de nouveaux contrôles tels que les curseurs pour l'interactivité.
La prise en charge d'Adobe Flash ( http://www.adobe.com/products/flashplayer.html ) et d'autres technologies concurrentes a commencé à décliner à cette époque (Goldman, 2011). En réponse, JMP, comme d'autres logiciels, a commencé à migrer sa technologie de Flash vers le HTML interactif.
Dans JMP 11, le HTML interactif prenait en charge les tableaux et les graphiques simples, notamment les nuages de points, les histogrammes, les lignes, les ellipses et les boîtes à moustaches.
Dans JMP 12, les graphiques à bulles et les profileurs ont été ajoutés, ainsi que la prise en charge des tablettes.
Dans JMP 13, le HTML interactif prend en charge les fonctionnalités les plus populaires de Graph Builder. Nous avons également fourni un ensemble de fonctionnalités plus modestes demandées par nos clients.
Comment l'utiliser
Sauvegarde du rapport JMP
Pour enregistrer un rapport JMP au format HTML5, sélectionnez « Fichier : Enregistrer sous : » sous Windows ou « Fichier : Exporter » sous Mac. Enregistrez sous le type « HTML interactif avec données ». Un fichier HTML interactif est alors créé dans le répertoire spécifié.
Figure 2. Boîte de dialogue « Fichier : Enregistrer sous » pour le HTML interactif
Navigateurs pris en charge
Une fois le fichier HTML enregistré, vous pouvez l'ouvrir dans n'importe quel navigateur web moderne. JMP 13 prend en charge le HTML interactif sur les appareils et navigateurs suivants :
|
Appareil
|
Navigateurs pris en charge
|
|
Windows
|
Internet Explorer 11, Edge, Chrome, Firefox, Opera
|
|
Mac
|
Safari, Chrome, Firefox, Opera
|
|
iPad
|
Safari, Chrome
|
|
Androïde
|
Chrome
|
|
Kindle Fire
|
Soie
|
Tableau 1. Appareils et navigateurs pris en charge
En raison d'une demande limitée de la part de nos clients, nous ne testons pas le HTML interactif sur les téléphones. Cependant, il fonctionne généralement bien sur les téléphones équipés des navigateurs Safari ou Chrome, car ces navigateurs partagent le code avec leurs versions pour tablettes. Les performances varient selon le téléphone.
Fonctionnalités non prises en charge
Le HTML interactif prend en charge les fonctionnalités les plus fréquemment utilisées de JMP. Si votre rapport contient une fonctionnalité non prise en charge, un avertissement s'affichera dans la boîte de dialogue et un message plus détaillé apparaîtra dans le journal JMP, comme illustré ci-dessous.
Figure 3. Avertissement de fonctionnalité non prise en charge
Figure 4. Message de journal
Si une fonctionnalité n'est pas prise en charge, une partie de votre rapport sera exportée sous forme d'image statique. Dans l'image ci-dessous, le profileur bidimensionnel est interactif. Comme l'indique le message de journal, le profileur tridimensionnel est statique.
Figure 5. Profileur 2D interactif, avec profileur 3D statique
Sécuriser vos données
JMP Interactive HTML, comme JMP sur ordinateur, permet l'interactivité en stockant les données en mémoire. Autrement dit, les données des graphiques sont intégrées à la page web. Elles sont obscurcies, mais lisibles par tout pirate motivé.
On pourrait croire que ce risque de sécurité pourrait être atténué par le chiffrement des données. Or, ce n'est pas le cas. Les données doivent être lisibles par les navigateurs web. Par conséquent, des données chiffrées nécessiteraient une clé de déchiffrement, également lisible par les navigateurs web – et par tout le monde. Chiffrer les données équivaudrait à acheter une alarme anti-intrusion coûteuse pour sa maison, puis à laisser la clé sous le paillasson.
Vous pouvez réduire les risques en anonymisant vos données, par exemple en créant un sous-ensemble de vos données sans colonnes Nom ou ID. Il est plus sûr de créer ce sous-ensemble vous-même. Cependant, les colonnes non utilisées dans le rapport JMP ne sont pas intégrées au fichier HTML interactif. Ainsi, tant que vous n'utilisez pas de colonnes d'identification pour les libellés ou autres, vos données sont automatiquement anonymisées.
Une alternative consiste à utiliser du HTML statique (HTML version 4), qui n'intègre aucune donnée. Dans la boîte de dialogue « Fichier : Enregistrer sous », le HTML4 est simplement intitulé « Fichier HTML ». Le HTML5 est intitulé « HTML interactif avec données » pour privilégier l'interactivité et la sécurité.
Figure 6. Boîte de dialogue « Fichier : Enregistrer sous » pour HTML statique (HTML4)
Figure 7. Boîte de dialogue « Fichier : Enregistrer sous » pour HTML interactif (HTML5)
Rédaction du rapport
La création de rapports HTML interactifs peut être automatisée grâce au langage de script JMP (JSL) (SAS, 2014). Dans le script ci-dessous, la commande « Enregistrer le HTML interactif » est suivie de la commande « Web ». Le rapport s'affiche alors automatiquement dans votre navigateur web par défaut.
// Exporte un ajustement bivarié.
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariate( Y( :poids ), X( :hauteur ), Ligne d'ajustement );
obj << Enregistrer HTML interactif( "C:\Bivariate.html" );
Web( "C:\Bivariate.html" );
Nouvelles fonctionnalités de JMP 13
Générateur de graphiques
Dans JMP 13, nous avons ajouté la prise en charge des rapports créés avec le Générateur de graphiques. Cela inclut les fonctionnalités les plus fréquemment utilisées : points, lisseurs, ellipses, lignes, barres, aires, boîtes à moustaches, histogrammes, cartes thermiques, mosaïques, légendes et formes de carte. Ces éléments du Générateur de graphiques sont mis en évidence dans la figure ci-dessous.
Figure 8. Éléments du générateur de graphiques
Prise en charge du tableau de bord
Les tableaux de bord d'information (Few, 2013) combinent des informations connexes dans des présentations personnalisées pour une communication efficace. Dans JMP 13, les tableaux de bord peuvent être créés via le menu « Fichier > Nouveau > Tableau de bord » ou « Fenêtre > Combiner les fenêtres ».
L'ajout de la prise en charge de Graph Builder nous permet de prendre en charge de nombreux autres types de tableaux de bord dans JMP 13. Le premier tableau de bord ci-dessous contient quatre des nouveaux éléments de Graph Builder, illustrant la qualité de l'air et la température régionales.
De plus, nous avons amélioré la prise en charge des mises en page de tableau de bord en HTML interactif. La deuxième illustration ci-dessous présente un tableau de bord utilisant une mise en page efficace avec des onglets pour afficher les bénéfices par employé pour différents types d'entreprises.
Figure 9. Tableau de bord de la qualité de l'air
Figure 10. Tableau de bord avec onglets de contrôle
Organiser vos pages Web
Si vous créez de nombreuses pages HTML, il est important de les organiser. Dans JMP 12, vos pages sont facilement organisées grâce au module complémentaire de publication automatique JMP (Valente, Brady et Kennedy, 2014). Ce module automatise l'organisation de vos rapports, avec une page de couverture et des vignettes liées aux rapports individuels. Vous pouvez télécharger le module complémentaire de publication automatique JMP depuis la communauté des utilisateurs JMP à l' adresse https://community.jmp.com/docs/DOC-6689 .
Dans JMP 13, le module complémentaire de publication automatique a été intégré au produit, dans le menu « Affichage : Créer un rapport Web ». Ce menu affiche une interface de type assistant qui vous guide tout au long du processus d'organisation et vous permet de personnaliser l'ordre, les styles et les images. Cet outil a été utilisé pour créer tous nos exemples disponibles sur http://www.jmp.com/jmphtml5/ .
Figure 11. Menu JMP « Affichage : Créer un rapport Web ».
Encore quelques petites choses
Au fil des ans, nos clients ont demandé de nombreuses fonctionnalités. Outre celles mentionnées ci-dessus, nous avons ajouté la prise en charge des fonctionnalités suivantes dans JMP 13 :
• Profileurs nouveaux et améliorés
• Plages de référence
• Étiquettes de valeur et ordre de valeur
• Info-bulles épinglées et images de survol
Trois nouveaux profileurs intégrés prennent en charge les rapports neuronaux, de régression généralisée et de modèle linéaire généralisé. De plus, la prise en charge des axes Y adaptatifs, des valeurs X formatées, des mises en page enveloppées et des modèles mixtes est améliorée .
Figure 12. Profileur de régression généralisé avec disposition enveloppée
Les plages de référence, les libellés de valeurs et l'ordre des valeurs permettent des graphiques plus descriptifs. Le graphique ci-dessous utilise ces caractéristiques pour illustrer les taux de mariage et de divorce au fil du temps.
Figure 13. Taux de mariage et de divorce
Les infobulles épinglées et les images de survol permettent une présentation et une exploration plus agréables et efficaces. La figure ci-dessous présente des informations sur les planètes, classées selon leur distance au Soleil.
Figure 14. Info-bulles épinglées et images de survol
Exemples interactifs
Cet article présente de nombreuses images statiques, mais cela ne remplace pas l'interaction avec les pages web elles-mêmes. Vous pouvez découvrir toutes les fonctionnalités de JMP Interactive HTML sur http://www.jmp.com/jmphtml5/ .
Nous attendons avec impatience vos commentaires et suggestions alors que nous continuons à développer notre partie de JMP.
Figure 15. Exemples HTML interactifs JMP 13, organisés avec « Vue : Créer un rapport Web ».
Références
Becker R. et Cleveland W. (1987). « Brossage des nuages de points », Technométrie , 127-142.
Berners-Lee T. (1989). « Gestion de l'information : une proposition », CERN .
Crockford D. (2008). JavaScript : les bons côtés. O'Reilly.
Peu S. (2013). Conception de tableaux de bord d'information : affichage des données pour un suivi en un coup d'œil , deuxième édition . Analytics Press.
Goldman D. (2011). « Le début de la fin pour Adobe Flash ». CNN Money ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
Meyer E. (2004). Feuilles de style en cascade : le guide complet. O'Reilly.
SAS (2014). Guide de script JMP 11, deuxième édition . SAS Institute Inc.
Stuetzle W. (1987). « Plot Windows », Journal de l'Association américaine de statistique, 82 , 466-475.
Valente D., Brady B. et Kennedy, A. (2014). « Un module complémentaire JMP pour la publication automatique de rapports HTML interactifs », Sommet JMP Discovery 2014 .
