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 e-mail à des collègues ou partagés dans un service de stockage en nuage. 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 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 : les températures des bureaux
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 :
Appareil
|
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és non prises 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 et les contrôles à côté sont statiques.
Figure 5. Profileur 2D interactif, avec profileur 3D statique
Partage de 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 est donc préférable de supposer que lorsque vous partagez des fichiers HTML interactifs, vous partagez également vos 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", HTML4 est simplement étiqueté "Fichier HTML". HTML5 est étiqueté "HTML interactif avec données" pour mettre l'accent à la fois 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 facilité le partage des fichiers HTML interactifs en incorporant des images et des 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 mettre à disposition sur un serveur Web pour le partager. Il peut être distribué comme n'importe quel fichier. Cependant, ces fichiers peuvent devenir volumineux, il peut donc être intéressant d'envisager des alternatives à la création de copies multiples. Envoyer un fichier HTML interactif par e-mail en tant que pièce jointe peut sembler simple, mais cela crée une copie à chaque fois que l'e-mail est transféré. Cela peut également être décevant si le destinataire essaie de prévisualiser la pièce jointe. Dans de nombreux cas, l'aperçu échouera car la capacité d'aperçu du programme de messagerie n'est souvent pas une visionneuse de page Web moderne ou complète et est incapable d'afficher nos fichiers HTML interactifs.
Une alternative simple pour partager un fichier HTML interactif au sein d'une entreprise consiste à enregistrer le fichier directement sur un emplacement réseau partagé et à envoyer l'emplacement par e-mail aux destinataires souhaités. Lorsque vous copiez le chemin réseau dans un e-mail, votre programme de messagerie insère probablement un lien hypertexte dans l'e-mail, afin que les destinataires puissent simplement cliquer dessus pour afficher le fichier dans leur navigateur par défaut.
Une autre façon de partager des fichiers HTML interactifs consiste à utiliser un service de stockage et de partage de fichiers dans le cloud (Muchmore et Duffy, 2017) comme Dropbox, Google Drive ou Microsoft OneDrive. Avec ces services, vous pouvez enregistrer à un emplacement spécifique sur votre ordinateur et le fichier est automatiquement copié dans le cloud. Une fois dans le cloud, le fichier ou le répertoire de fichiers peut être partagé avec d'autres. Chaque service a son propre mécanisme de partage, mais ils créent généralement un lien vers le fichier dans le cloud et envoient le lien à une ou plusieurs personnes par e-mail. Une mise en garde est que ces services offrent également des aperçus de fichiers HTML qui peuvent ne pas être capables d'afficher nos fichiers HTML interactifs.
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" );
report = Bivariate( Y( :weight ), X( :height ), Fit Line );
rapport << Enregistrer le HTML interactif ( "C:\Bivarié.html" );
la toile ( "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
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, 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
- Images dans les conseils épinglés et contextuels
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 images épinglées et les conseils contextuels 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. Images dans les conseils épinglés et contextuels
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). "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 du tableau de bord d'informations : affichage des données pour une surveillance en un coup d'œil , Deuxième édition . Presse analytique.
Goldmann D. (2011). "Le début de la fin pour Adobe's 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.
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 création de scripts JMP 11, deuxième édition . Institut SAS Inc.
Stützle W. (1987). "Fenêtres de tracé", Journal de l'Association statistique américaine, 82 , 466-475.
