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 logiciel principal 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 courrier électronique à 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 des fonctionnalités supplémentaires 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 décrit 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 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 canevas, 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 Flash vers le HTML interactif.
Dans JMP 11, Interactive HTML prenait en charge les tableaux et les graphiques simples, notamment les nuages de points, les histogrammes, les lignes, les ellipses et les diagrammes en boîte.
Dans JMP 12, des graphiques à bulles et des profileurs 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 série 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 » sous Mac. Enregistrez 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 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
|
les fenêtres
|
IE 11, Edge, Chrome, Firefox, Opéra
|
Mac
|
Safari, Chrome, Firefox, Opéra
|
iPad
|
Safari, Chrome
|
Android
|
Chrome
|
Kindle Fire
|
Soie
|
Tableau 1. Appareils 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 du code avec leurs versions pour tablettes. 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, vous verrez un avertissement dans la boîte de dialogue et un message plus détaillé dans le journal JMP, comme le montrent les figures ci-dessous.
Figure 3. Avertissement de fonctionnalité non prise en charge
Graphique 4. Message du 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.
Graphique 5. Profileur 2D interactif, avec profileur 3D statique
Sécuriser vos données
JMP Interactive HTML, comme JMP on the Desktop, permet l'interactivité en stockant les données en mémoire. Cela signifie : les données des graphiques sont intégrées dans la page Web. Les données sont obscurcies, mais lisibles par tout pirate informatique motivé.
Il pourrait sembler que ce risque de sécurité puisse être atténué en chiffrant 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 tous les autres. Chiffrer les données équivaudrait à acheter une alarme antivol coûteuse pour sa maison, puis à laisser la clé sous le paillasson.
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.Toutefois, 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 intitulé « Fichier HTML ». HTML5 est étiqueté « HTML interactif avec des données » pour mettre l'accent à la fois sur l'interactivité et la sécurité.
Graphique 6. Boîte de dialogue « Fichier : Enregistrer sous » pour le HTML statique (HTML4)
Graphique 7. Boîte de dialogue « Fichier : Enregistrer sous » pour HTML interactif (HTML5)
Scripter le 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 « Enregistrer le HTML interactif » 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 = Bivarié( Y( :poids ), X( :hauteur ), Ligne d'ajustement );
obj << Enregistrer le 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 Graph Builder. Cela inclut les fonctionnalités les plus fréquemment utilisées : points, lisseurs, ellipses, lignes, barres, zones, boîtes à moustaches, histogrammes, cartes thermiques, tracés en mosaïque, zones de légende et 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 les informations associées 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 à l'aide 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 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 présentations de tableaux de bord en HTML interactif. La deuxième figure ci-dessous montre un tableau de bord utilisant une présentation efficace avec des onglets pour afficher les bénéfices par employé pour différents types d'entreprises.
Graphique 9. Tableau de bord de la qualité de l'air
Graphique 10. Tableau de bord avec contrôles d'onglets
Organiser 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 couverture et des croquis miniatures liés aux rapports individuels. Vous pouvez télécharger le complément de publication automatique JMP depuis la communauté des 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, sous le menu « Affichage : Créer un rapport Web ». Ce menu affiche une interface de style 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 sur http://www.jmp.com/jmphtml5/ .
Graphique 11. Menu JMP « Affichage : Créer un rapport Web ».
Juste quelques choses supplémentaires
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 classement des valeurs
• Info-bulles épinglées et images de survol
Trois nouveaux profileurs intégrés prennent en charge les rapports de modèle neuronal, de régression généralisée et de modèle linéaire généralisé. En outre, les profileurs ont amélioré la prise en charge des axes Y adaptatifs, des valeurs X formatées, des mises en page encapsulées et des conceptions de mélange. .
Graphique 12. Profileur de régression généralisée avec mise en page enveloppée
Les plages de référence, les étiquettes de valeur 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.
Graphique 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 plus efficaces.La figure ci-dessous montre des informations sur les planètes tracées en fonction de leur distance au soleil.
Graphique 14. Info-bulles épinglées et images de survol
Exemples interactifs
Cet article a montré de nombreuses images statiques, mais cela ne remplace pas l’interaction avec les pages Web elles-mêmes. Vous pouvez explorer 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 ».
Les 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 bonnes pièces. O'Reilly.
Peu de S. (2013). Conception d'un tableau de bord d'informations : affichage des données pour une surveillance en un coup d'œil , Deuxième édition . Presse analytique.
Goldman D. (2011). «Le début de la fin pour Adobe Flash». Argent CNN ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
Meyer E. (2004). Feuilles de style en cascade : le guide définitif. O'Reilly.
SAS (2014). Guide de script JMP 11, deuxième édition . Institut SAS Inc.
Stützle W. (1987). « Tracer les fenêtres », Journal de l'Association américaine de statistique, 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 .
