Partage de rapports Web interactifs depuis JMP®Heman Robinson, développeur logiciel principal JMP, SAS
Les vingt dernières années ont été marquées par un défilé de technologies concurrentes pour prendre en charge les pages Web interactives.Enfin, l'industrie s'est standardisée sur une technologie et JMP® a commencé à proposer des rapports au format HTML version 5, ou HTML interactif.
Le HTML interactif prend en charge de nombreuses fonctionnalités exploratoires de JMP, notamment l'identification de points, la liaison et le brossage. Les rapports enregistrés peuvent être partagés sur le Web ou envoyés par courrier électronique à des collègues. Ce document décrit quand et comment utiliser le HTML interactif pour partager les résultats JMP.
Arrière-plan
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).
Grâce à la version 4, HTML était limité dans sa prise en charge des graphiques et de l'interactivité. Les technologies développées pour combler cette lacune étaient pour la plupart des extensions de navigateur ou des « plug-ins ». Ceux-ci incluent les applets Java, les contrôles ActiveX, Flash et Silverlight.
À partir de 2011 environ, les navigateurs Web ont commencé à prendre en charge le nouvel élément HTML Canvas pour les graphiques et de nouveaux contrôles tels que des curseurs pour l'interactivité. Les technologies concurrentes ont commencé à décliner à cette époque et les pages Web interactives ont commencé à être prises en charge à l'aide de HTML5. La figure ci-dessous montre cette tendance en termes de fréquences de mots clés dans les annonces sur le site d'emploi Indeed.com ( http://www.indeed.com/ ).
Figure 1. Offres d'emploi pour les technologies Web interactives
En réponse à cette tendance, JMP, comme d'autres produits logiciels, a fait passer le développement Web de Flash au HTML interactif. Un rapport HTML JMP Interactive est un fichier HTML unique qui peut être partagé par :
- en le publiant sur Internet,
- en l'enregistrant dans un dossier partagé, ou
- l'envoyer par e-mail à un collègue.
Figure 2. Rapport HTML interactif JMP
Quand l'utiliser
Le HTML interactif nécessite des données intégrées. Quelles que soient les données utilisées pour créer les graphiques, ces données sont intégrées dans la page Web. Les données sont obscurcies, mais lisibles par un pirate informatique motivé.
Il pourrait sembler que ce risque de sécurité pourrait être atténué en chiffrant les données. Ce n’est pas possible. 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 éliminer certains 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, les données sont effectivement anonymisées pour vous.
Si vous analysez des données sensibles, vous pouvez toujours utiliser le format HTML statique (HTML version 4), qui n'embarque pas les données. 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é.
Figure 3. Boîtes de dialogue « Fichier : Enregistrer sous » pour le HTML statique (HTML4) et le HTML interactif (HTML5)
Outre les données intégrées, Interactive HTML nécessite également un navigateur Web moderne. Sous Windows, Internet Explorer version 8 ne prend pas en charge la version HTML 5 et les versions 9 et 10 d'IE n'en prennent en charge que certaines parties. Le navigateur Android par défaut est plus ancien et plus lent, et Chrome et les autres navigateurs sont faciles à télécharger.
Depuis 2015, JMP recommande le HTML interactif sur les navigateurs et appareils suivants :
- IE 11 et Edge sous Windows
- Firefox sur Windows et Mac
- Opéra sur Windows et Mac
- Chrome sur les tablettes Windows, Mac et Android
- Safari sur Mac et iPad
- Soie sur Kindle Fire
Vous ne testez pas Interactive HTML sur les téléphones. Cependant, sur les nouveaux téléphones iPhone et Android, cela fonctionne souvent bien. Les performances et les fonctionnalités varient considérablement selon le téléphone.
Comment l'utiliser
Enregistrement du rapport
Pour enregistrer un rapport au format HTML5, choisissez « Fichier : Enregistrer sous : » sous Windows ou « Fichier : Exporter » sur Mac, et spécifiez le format « HTML interactif avec données ».
Graphique 4. Boîte de dialogue « Fichier : Enregistrer sous » pour HTML interactif (HTML5)
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, comme le montre la figure 5. Si cela se produit, une partie de votre rapport sera exportée sous forme d’image statique, comme en HTML4 statique.
Graphique 5. Avertissement concernant les fonctionnalités non prises en charge
Grandes lignes
Lorsque vous créez un rapport HTML interactif, les graphiques et les tableaux qui étaient fermés lors de la création de la page restent fermés dans la page Web jusqu'à ce que vous les ouvriez. Ouvrez ou fermez les sections du rapport en cliquant ou en appuyant sur les boutons de plan dans le rapport.
La figure ci-dessous montre comment ouvrir le tableau « Manque d'ajustement ». Les tableaux « Analyse de variance » et « Estimations des paramètres » sont déjà ouverts.
Figure 6 : Utilisation des boutons de contour
JMP Interactive HTML utilise une stratégie de conception d'interface utilisateur « Mobile First » (Wroblewski, 2011).Lorsque vous créez un rapport HTML interactif, vous ne savez pas toujours sur quels appareils il sera lu. Pour cette raison, les commandes telles que les boutons sont volumineuses et faciles à utiliser, que ce soit sur un ordinateur de bureau ou sur des appareils mobiles.
Menus
Utilisez les menus pour modifier l'état ou l'apparence du contenu du rapport. Le contenu du menu dépend du contenu du plan associé. Par exemple, le Profiler dispose d'un seul menu pour réinitialiser son état.
Figure 7 : Utilisation du menu du profileur
Le Bubble Plot dispose d'un système de menus complet pour modifier son apparence et son comportement.
Figure 8 : Utilisation du menu Graphique à bulles
Modes
Concernant Modes dans les interfaces utilisateur, les conseils de conception traditionnels sont de « les éviter si possible » (Nielsen, 1993).Cependant, pour prendre en charge un produit aussi richement interactif que JMP, certains modes sont nécessaires.
Un exemple familier est celui des modes de sélection. Vous souhaiterez peut-être sélectionner soit des objets uniques, soit plusieurs objets. La sélection unique et la sélection multiple sont deux modes différents.
Dans les produits de bureau, les touches Shift et Ctrl sont utilisées pour basculer entre les modes de sélection. Or, sur les appareils mobiles, ces clés n’existent pas.
Pour cette raison, les modes de sélection apparaissent sous la forme d'une paire de boutons à bascule en haut de la page. Par défaut, le premier bouton de cette paire est enfoncé. Cela vous permet de sélectionner un objet à la fois et de désélectionner tous les autres.
Figure 9 : Sélection d'objets uniques
Pour sélectionner plusieurs objets, cliquez ou appuyez sur le deuxième bouton bascule. Cela vous permet de sélectionner ou de désélectionner plusieurs objets.
Dans la figure ci-dessous, trois barres d'histogramme ont été sélectionnées. Comme dans JMP, tous les graphiques sont lié , de sorte que les lignes sélectionnées dans un graphique sont mises en évidence dans tous les graphiques (Becker et Cleveland, 1987) (Stuetzle, 1987).
Figure 10 : Sélection de plusieurs objets
Il existe une distinction utile entre le comportement des touches Maj et Ctrl et celui des boutons bascule. Les touches permettent un changement de mode temporaire, ce qui tend à réduire les erreurs des utilisateurs (Raskin 2000). Les boutons à bascule permettent un changement de mode persistant, qui est plus simple et plus facile à apprendre sur les appareils mobiles. Si vous affichez un rapport HTML interactif sur un ordinateur de bureau, les deux comportements sont pris en charge.
La deuxième paire de boutons bascule permet de passer du rapport dans son ensemble aux données. Par défaut, le premier bouton de cette paire est enfoncé. Sur les appareils mobiles, ce premier bouton bascule vous permet de faire défiler et de zoomer le rapport. Sur tous les appareils, il vous permet d'identifier les objets dans le rapport. Presque tous les objets des rapports HTML interactifs peuvent afficher des informations d'identification.
Figure 11 : Identification des objets
Le graphique ci-dessous montre un ajustement bivarié utilisant Iris.jmp, un exemple de tableau de données JMP contenant les mesures de Fisher sur trois espèces d'iris différentes. Un point de données a été identifié avec ses coordonnées X et Y et son numéro de ligne. Le tableau ci-dessous montre un p -value avec sa description associée.
Figure 12 : Identification des valeurs des données
Figure 13 : Décrire un p -Valeur
Vous ne souhaitez pas toujours identifier les objets ou manipuler le rapport. Souvent, votre objectif est d’explorer les données. En cliquant ou en appuyant sur le deuxième bouton bascule, vous pouvez faire glisser un rectangle pour sélectionner des lignes dans les graphiques. C'est appelé brossage , une technique importante pour explorer les données multivariées (Becker et Cleveland, 1987). Faites glisser le centre du rectangle pour le déplacer ou les coins pour le redimensionner.
Figure 14 : Brossage des données
Pour plus de puissance, les modes peuvent être combinés. Si vous utilisez un pinceau avec sélection multiple, le pinceau étend la sélection, « peignant » les données comme indiqué dans la figure ci-dessous.
Ces deux paires de modes prennent en charge les fonctionnalités interactives les plus courantes et les plus utiles pour l'exploration des données. JMP propose un riche ensemble de modes supplémentaires, dont beaucoup apparaissent dans une palette d'outils (Cooper et Reimann, 2003). La métaphore de la palette d'outils est moins utile dans les applications Web en raison d'une mauvaise prise en charge du curseur, mais certains de ces modes pourraient être pris en charge dans les versions futures.
Figure 15 : Brossage avec sélection multiple
Comment l'automatiser
Les rapports HTML interactifs peuvent être automatisés à l'aide du langage de script JMP (JSL) (SAS, 2014). Une nouvelle commande "Enregistrer le HTML interactif" active cette fonctionnalité.
// 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" );
Ouvrir( "C:\Bivariate.html" );
Dans le script ci-dessus, la commande « Enregistrer le HTML interactif » est suivie d'une commande « Ouvrir ». Cela affiche automatiquement le rapport dans votre navigateur Web par défaut.
Comment l'organiser
Si vous créez de nombreux rapports HTML interactifs, vous bénéficierez 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. Téléchargez le complément de publication automatique JMP depuis la communauté des utilisateurs JMP à l'adresse https://community.jmp.com/docs/DOC-6689 .
Le complément de publication automatique JMP a généré la page de garde ci-dessous, pour nos exemples sur http://www.jmp.com/jmphtml5/ .
Graphique 16.Rapports organisés avec le complément de publication automatique JMP
Travail futur
Le développement de ce projet est motivé par la demande des clients. Les tableaux et graphiques les plus fréquemment utilisés sont pris en charge dans JMP 11. Les tracés à bulles et les profileurs ont été ajoutés dans JMP 12.
Pour les versions futures, la demande pour GraphBuilder est considérable. Nous espérons également intégrer le complément de publication automatique JMP dans le produit principal et nous sommes très intéressés par les demandes des clients.
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 .
Cooper A. et Reimann R (2003). À propos de Face 2.0 : les éléments essentiels du design d'interaction . Wiley, 322-323.
Crockford D. (2008). JavaScript : Les bonnes pièces. O'Reilly.
Meyer E. (2004). Feuilles de style en cascade : le guide définitif. O'Reilly.
Nielsen J. (1993). Ingénierie de l'utilisabilité. Presse académique, 146-148.
Raskin J. (2000). L'interface humaine : nouvelles orientations pour la conception de systèmes interactifs . Presse ACM, 55-59.
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 .
Wroblewski L. (2011). Le mobile d’abord . Un livre à part.
Exploration des donnéesVisualisation de données
