Note de l'éditeur : Cet article a été sélectionné comme meilleur article invité par les participants au JMP Discovery Summit 2016.
Héman 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 e-mail à des collègues. Les rapports peuvent être consultés dans n'importe quel navigateur Web moderne.
Le HTML interactif a été introduit dans la version 11 de JMP, et chaque version suivante ajoute davantage de fonctionnalités en fonction de leur utilisation dans le produit.JMP 13 ajoute la prise en charge des fonctionnalités les plus populaires de Graph Builder, ainsi que d'autres fonctionnalités demandées par les clients.
Ce document explique comment partager les résultats JMP avec Interactive HTML et les nouvelles fonctionnalités de JMP 13.
Figure 1. Un tableau de bord HTML interactif : prix du diamant, poids en carat, 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 4 de HTML était limitée dans sa prise en charge des graphiques et de l'interactivité. À partir de 2011 environ, HTML version 5 a commencé à prendre en charge les graphiques dans l'élément canvas, ainsi que de nouveaux contrôles tels que des curseurs pour l'interactivité.
Prise en charge d'Adobe Flash ( http://www.adobe.com/products/flashplayer.html ) et d'autres technologies concurrentes ont commencé à décliner à cette époque (Goldman, 2011). En réponse, JMP, comme d'autres produits logiciels, a commencé à migrer sa technologie de Flash vers Interactive HTML.
Dans JMP 11, Interactive HTML prenait en charge les tableaux et les graphiques simples, y compris les nuages de points, les histogrammes, les lignes, les ellipses et les boîtes à moustaches.
Dans JMP 12, Bubble Plots et Profilers ont été ajoutés, ainsi que la prise en charge des tablettes.
Dans JMP 13, Interactive HTML prend en charge les fonctionnalités les plus populaires de Graph Builder. Nous avons également fourni une collection de fonctionnalités plus petites demandées par nos clients.
Comment l'utiliser
Enregistrement du rapport JMP
Pour enregistrer un rapport JMP au format HTML5, choisissez "Fichier : Enregistrer sous :" sous Windows ou "Fichier : Exporter" sur Mac. Enregistrer sous le type "HTML interactif avec données". Cela crée un fichier HTML interactif dans le répertoire spécifié.
Figure 2. Boîte de dialogue "Fichier : Enregistrer sous" pour 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 :
Dispositif
|
Navigateurs pris en charge
|
les fenêtres
|
IE 11, Bord, Chrome, Firefox, Opéra
|
Mac
|
Safari, Chrome, Firefox, Opéra
|
iPad
|
Safari, Chrome
|
Android
|
Chrome
|
Kindle Fire
|
Soie
|
Tableau 1. Périphériques et navigateurs pris en charge
En raison de la demande limitée des clients, nous ne testons pas le HTML interactif sur les téléphones. Cependant, cela fonctionne souvent bien sur les téléphones exécutant les navigateurs Safari ou Chrome, car ces navigateurs téléphoniques partagent le code avec leurs versions de tablette. Les performances varient en fonction du 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é qui n'est pas prise en charge, un avertissement s'affiche dans la boîte de dialogue et un message plus détaillé dans le journal JMP, comme illustré dans les figures 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 la figure ci-dessous, le profileur bidimensionnel est interactif. Comme l'indique le message du 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 le bureau, permet l'interactivité en stockant les données en mémoire. Cela signifie que les données des graphiques sont intégrées dans la page Web. Les données sont obscurcies, mais lisibles par tout pirate motivé.
Il peut sembler que ce risque de sécurité pourrait être atténué en cryptant les données. Ça ne peut pas. Les données doivent être lisibles par les navigateurs Web. Par conséquent, les 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 antivol coûteuse pour sa maison, puis à laisser la clé sous le tapis.
Vous pouvez réduire les risques en anonymiser 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 dans le fichier HTML interactif. Ainsi, tant que vous n'utilisez aucune colonne d'identification pour les étiquettes ou à d'autres fins, 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", HTML4 est simplement étiqueté "Fichier HTML". HTML5 est étiqueté "HTML interactif avec données" pour mettre l'accent à la fois sur 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)
Script du rapport
La création de rapports HTML interactifs peut être automatisée avec le langage de script JMP (JSL) (SAS, 2014). Dans le script ci-dessous, la commande "Save Interactive HTML" est suivie de la commande "Web". Cela affiche automatiquement le rapport dans votre navigateur Web par défaut.
// Exporte un ajustement bivarié.
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariate( Y( :weight ), X( :height ), Fit Line );
obj << Enregistrer le HTML interactif( "C:\Bivariate.html" );
Web( "C:\Bivarié.html" );
Nouvelles fonctionnalités dans JMP 13
Générateur de graphiques
Dans JMP 13, nous avons ajouté la prise en charge des rapports créés avec Graph Builder. Cela inclut les fonctionnalités les plus fréquemment utilisées des points, des lisseurs, des ellipses, des lignes, des barres, des zones, des boîtes à moustaches, des histogrammes, des cartes thermiques, des mosaïques, des boîtes de légende et des formes de carte. Ces éléments de Graph Builder 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'informations (Few, 2013) combinent des informations connexes dans des mises en page personnalisées pour une communication efficace. Dans JMP 13, les tableaux de bord peuvent être créés à l'aide du menu "Fichier : Nouveau : Tableau de bord" ou du menu "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 Graph Builder, illustrant la qualité et la température de l'air régional.
De plus, nous avons amélioré la prise en charge des dispositions de tableau de bord dans Interactive HTML. La deuxième figure ci-dessous montre un tableau de bord utilisant une mise en page efficace avec des contrôles d'onglet 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
Organisation de vos pages Web
Si vous créez de nombreuses pages HTML, vous souhaiterez les organiser. Dans JMP 12, vos pages peuvent être facilement organisées à l'aide du complément de publication automatique JMP (Valente, Brady et Kennedy, 2014). Cela fournit un moyen automatisé d'organiser vos rapports, avec une page de garde et des croquis miniatures liés à des rapports individuels. Vous pouvez télécharger le complément de publication automatique JMP à partir de la communauté d'utilisateurs JMP à l'adresse https://community.jmp.com/docs/DOC-6689 .
Dans JMP 13, le complément 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, vous permettant de personnaliser l'ordre, les styles et les images.Cet outil a été utilisé pour créer tous nos exemples à http://www.jmp.com/jmphtml5/ .
Figure 11. Menu "Affichage : Créer un rapport Web" de JMP.
Juste quelques choses de plus
Les clients ont demandé un certain nombre de fonctionnalités au fil des ans. Ainsi, en plus de ce qui précède, nous avons ajouté la prise en charge des éléments suivants 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 Neural, Generalized Regression et Generalized Linear Model. De plus, les profileurs ont amélioré la prise en charge des axes Y adaptatifs, des valeurs X formatées, des mises en page enveloppées et des conceptions de mélange .
Figure 12. Profileur de régression généralisé avec mise en page enveloppée
Les plages de référence, les étiquettes de valeurs et l'ordre des valeurs permettent d'obtenir 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 info-bulles épinglées et les images de survol permettent une présentation et une exploration plus agréables et efficaces.La figure ci-dessous montre des informations sur les planètes tracées par leur distance par rapport au soleil.
Figure 14. Info-bulles épinglées et images de survol
Exemples interactifs
Ce document a montré 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 "Affichage : Créer un rapport Web".
Références
Becker R. et Cleveland W. (1987). « Brushing Scatterplots », Technométrie , 127-142.
Berners-Lee T. (1989). « Gestion de l'information : une proposition », CERN .
En ligneCrockford D. (2008). JavaScript: Les bonnes pièces. O'Reilly.
Peu S. (2013). Conception du tableau de bord d'informations : affichage des données pour une surveillance en un coup d'œil , Deuxième édition . Presse analytique.
En ligneGoldman D. (2011). "Le début de la fin pour Adobe Flash". Argent CNN ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
En ligneMeyer E. (2004). Feuilles de style en cascade : le guide définitif. O'Reilly.
SAS (2014). Guide de création de scripts JMP 11, deuxième édition . Institut SAS Inc.
En ligneStuetzle W. (1987). "Fenêtres de tracé", Journal de l'Association statistique américaine, 82 , 466-475.
Valente D., Brady B. et Kennedy, A. (2014). "Un complément JMP pour la publication automatique de rapports HTML interactifs", Sommet Découverte JMP 2014 .
