Heman Robinson, développeur principal de logiciels JMP, SAS
John Powell, 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é, envoyés par courriel à des collègues ou partagés via un service de stockage cloud. 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 : températures au bureau
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 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 et les commandes qui l'entourent sont statiques.
Figure 5. Profileur 2D interactif, avec profileur 3D statique
Partage de 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 informatique motivé. Il est donc préférable de partir du principe que partager des fichiers HTML interactifs implique également partager ses donné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 mettre l'accent sur l'interactivité et le partage de données.
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)
Comment partager
Nous avons simplifié le partage des fichiers HTML interactifs en intégrant images et données dans un seul fichier. Bien que chaque fichier soit considéré comme une page web autonome, il n'est pas nécessaire de le rendre accessible sur un serveur web pour le partager. Il peut être distribué comme n'importe quel autre fichier. Cependant, ces fichiers peuvent être volumineux ; il peut donc être judicieux d'envisager des alternatives à la création de copies multiples. Envoyer un fichier HTML interactif en pièce jointe par e-mail peut sembler simple, mais une copie est créée à chaque transfert. Il peut également être décevant pour le destinataire de tenter de prévisualiser la pièce jointe. Dans de nombreux cas, la prévisualisation échoue, car la fonctionnalité de prévisualisation du logiciel de messagerie n'est pas toujours un visualiseur de pages web moderne et complet et ne permet pas d'afficher nos fichiers HTML interactifs.
Une alternative simple pour partager un fichier HTML interactif au sein d'une entreprise consiste à l'enregistrer directement sur un emplacement réseau partagé et à l'envoyer par e-mail aux destinataires souhaités. Lorsque vous copiez le chemin réseau dans un e-mail, votre logiciel de messagerie y insère probablement un lien hypertexte, permettant aux destinataires de cliquer dessus pour afficher le fichier dans leur navigateur par défaut.
Une autre façon de partager des fichiers HTML interactifs est d'utiliser un service de stockage et de partage de fichiers cloud (Muchmore et Duffy, 2017) comme Dropbox, Google Drive ou Microsoft OneDrive. Ces services vous permettent d'enregistrer le fichier à un emplacement spécifique sur votre ordinateur et de le copier automatiquement dans le cloud. Une fois dans le cloud, le fichier ou le répertoire de fichiers peut être partagé. Chaque service possède son propre mécanisme de partage, mais il crée généralement un lien vers le fichier dans le cloud et l'envoie à une ou plusieurs personnes par e-mail. Attention : ces services proposent également des aperçus de fichiers HTML, qui peuvent ne pas être compatibles avec l'affichage de nos fichiers HTML interactifs.
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" );
rapport = Bivarié( Y( :poids ), X( :hauteur ), Ligne d'ajustement );
rapport << 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 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
Enregistrement de plusieurs rapports au format HTML interactif
Pour enregistrer rapidement plusieurs rapports au format HTML interactif et les organiser dans un rapport Web, utilisez « 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
- Conseils sur les images épinglées et contextuelles
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 images épinglées et contextuelles 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. Images dans les astuces épinglées et contextuelles
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.
Muchmore M. et Duffy J. (2017) « Les meilleurs services de stockage et de partage de fichiers dans le cloud de 2017 »
( https://www.pcmag.com/roundup/306323/the-best-cloud-storage-providers-and-file-syncing-services )
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.
