Partage de rapports Web interactifs depuis JMP®Heman Robinson, développeur principal de logiciels JMP, SAS
Ces vingt dernières années ont vu défiler une multitude de technologies concurrentes pour la prise en charge des pages web interactives. Le secteur a finalement opté pour une technologie standardisée, et JMP® propose désormais des rapports en 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 courriel à des collègues. Cet article explique 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).
Jusqu'à la version 4, le HTML était limité dans sa prise en charge des graphiques et de l'interactivité. Les technologies développées pour combler cette lacune étaient principalement des extensions de navigateur, ou « plug-ins ». Parmi celles-ci figuraient 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 les curseurs, pour l'interactivité. Les technologies concurrentes ont commencé à décliner à cette époque, et les pages web interactives ont commencé à être prises en charge par HTML5. La figure ci-dessous illustre cette tendance en termes de fréquence des 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
Pour répondre à cette tendance, JMP, comme d'autres logiciels, a migré le développement web de Flash vers le HTML interactif. Un rapport HTML interactif JMP est un fichier HTML unique qui peut être partagé par :
- le publier sur Internet,
- l'enregistrer 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, elles sont intégrées à la page web. Ces données sont obscurcies, mais lisibles par un pirate informatique motivé.
On pourrait croire que ce risque de sécurité pourrait être atténué par le chiffrement des données. Or, ce n'est pas le cas. Les données doivent être lisibles par les navigateurs web. Par conséquent, des 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 anti-intrusion coûteuse pour sa maison, puis à laisser la clé sous le paillasson.
Vous pouvez éliminer certains risques en anonymisant 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 au fichier HTML interactif. Ainsi, tant que vous n'utilisez pas de colonnes d'identification pour les libellés ou autres, les données sont effectivement anonymisées.
Si vous analysez des données sensibles, vous pouvez toujours utiliser le format HTML statique (HTML version 4), qui n'intègre pas les données. Dans la boîte de dialogue « Fichier : Enregistrer sous », le format HTML4 est simplement intitulé « Fichier HTML ». Le format HTML5 est intitulé « HTML interactif avec données » pour privilégier l'interactivité et la sécurité.
Figure 3. Boîtes de dialogue « Fichier : Enregistrer sous » pour HTML statique (HTML4) et HTML interactif (HTML5)
Outre les données intégrées, le HTML interactif 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 partiellement. Le navigateur Android par défaut est plus ancien et plus lent, et Chrome et d'autres navigateurs sont faciles à télécharger.
Depuis 2015, JMP recommande le HTML interactif sur les navigateurs et appareils suivants :
- IE 11 et Edge sur Windows
- Firefox sur Windows et Mac
- Opera sur Windows et Mac
- Chrome sur les tablettes Windows, Mac et Android
- Safari sur Mac et iPad
- Silk sur Kindle Fire
Nous ne testons pas le HTML interactif sur les téléphones. Cependant, sur les iPhone et les téléphones Android plus récents, il fonctionne généralement bien. Les performances et les fonctionnalités varient considérablement selon le téléphone.
Comment l'utiliser
Sauvegarde du rapport
Pour enregistrer un rapport au format HTML5, choisissez « Fichier : Enregistrer sous : » sous Windows, ou « Fichier : Exporter » sous Mac, et spécifiez le format « HTML interactif avec données ».
Figure 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é non prise en charge, un avertissement s'affichera dans la boîte de dialogue, comme illustré à la figure 5. Dans ce cas, une partie de votre rapport sera exportée sous forme d'image statique, comme en HTML4 statique.
Figure 5. Avertissement de fonctionnalité non prise en charge
Grandes lignes
Lorsque vous créez un rapport HTML interactif, les graphiques et les tableaux fermés lors de la création de la page restent fermés dans la page web jusqu'à leur ouverture. Ouvrez ou fermez les sections du rapport en cliquant ou en appuyant sur les boutons de plan du rapport.
La figure ci-dessous montre comment ouvrir le tableau « Manque d'ajustement ». Les tableaux « Analyse de la variance » et « Estimations des paramètres » sont déjà ouverts.
Figure 6 : Utilisation des boutons de contour
JMP Interactive HTML adopte 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. C'est pourquoi les commandes, telles que les boutons, sont grandes et faciles à utiliser, sur ordinateur comme sur mobile.
Menus
Utilisez les menus pour modifier l'état ou l'apparence du contenu du rapport. Le contenu des menus dépend du contenu du plan associé. Par exemple, le Profiler dispose d'un menu unique pour réinitialiser son état.
Figure 7 : Utilisation du menu du profileur
Le Bubble Plot dispose d'un système de menu complet pour modifier son apparence et son comportement.
Figure 8 : Utilisation du menu Graphique à bulles
Modes
Concernant les modes dans les interfaces utilisateur, le conseil de conception traditionnel est de « les éviter autant que possible » (Nielsen, 1993). Cependant, pour prendre en charge un produit aussi richement interactif que JMP, certains modes sont nécessaires.
Les modes de sélection en sont un exemple courant. Vous pouvez sélectionner un ou plusieurs objets. La sélection simple et la sélection multiple sont deux modes différents.
Sur les produits de bureau, les touches Maj et Ctrl permettent de basculer entre les modes de sélection. En revanche, sur les appareils mobiles, ces touches sont absentes.
C'est pourquoi les modes de sélection sont présentés sous la forme de deux boutons bascules en haut de la page. Par défaut, le premier bouton de ces deux boutons est activé. 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és ; les lignes sélectionnées dans un graphique sont donc 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 de bascule. Les touches permettent un changement de mode temporaire, ce qui tend à réduire les erreurs d'utilisation (Raskin 2000). Les boutons de bascule permettent un changement de mode permanent, plus simple et plus facile à maîtriser sur les appareils mobiles. Si vous consultez 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 global aux données. Par défaut, le premier bouton est activé. Sur mobile, ce premier bouton bascule permet de faire défiler et de zoomer le rapport. Sur tous les appareils, il permet d'identifier les objets du rapport. Presque tous les objets des rapports HTML interactifs peuvent afficher des informations d'identification.
Figure 11 : Identification des objets
Le graphique ci-dessous présente un ajustement bivarié à l'aide d'Iris.jmp, un tableau de données d'échantillons JMP contenant les mesures de Fisher de 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 présente une valeur de p avec sa description.
Figure 12 : Identification des valeurs de données
Figure 13 : Description d'une valeur p
Il n'est pas toujours utile d'identifier des objets ou de manipuler le rapport. Souvent, l'objectif est d'explorer les données. En cliquant ou en appuyant sur le deuxième bouton, vous pouvez faire glisser un rectangle pour sélectionner des lignes dans les graphiques. C'est ce qu'on appelle le brossage , une technique importante pour l'exploration de données multivariées (Becker et Cleveland, 1987). Faites glisser le centre du rectangle pour le déplacer, ou ses 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 à sélection multiple, celui-ci étend la sélection et « peint » les données comme illustré ci-dessous.
Ces deux paires de modes prennent en charge les fonctionnalités interactives les plus courantes et les plus utiles pour l'exploration de données. JMP propose un riche ensemble de modes supplémentaires, dont beaucoup sont regroupés 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 prochaines versions.
Figure 15 : Brossage avec sélection multiple
Comment l'automatiser
Les rapports HTML interactifs peuvent être automatisés grâce au langage de script JMP (JSL) (SAS, 2014). Une nouvelle commande « Enregistrer le code HTML interactif » permet cette fonctionnalité.
// Exporte un ajustement bivarié.
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariate( Y( :poids ), X( :hauteur ), Ligne d'ajustement );
obj << Enregistrer HTML interactif( "C:\Bivariate.html" );
Ouvrir( "C:\Bivariate.html" );
Dans le script ci-dessus, la commande « Enregistrer le code HTML interactif » est suivie de la commande « Ouvrir ». Le rapport s'affiche alors automatiquement dans votre navigateur web par défaut.
Comment l'organiser
Si vous créez de nombreux rapports HTML interactifs, vous bénéficierez du module complémentaire de publication automatique JMP (Valente, Brady et Kennedy, 2014). Il permet d'organiser automatiquement vos rapports, avec une page de couverture et des vignettes liées aux rapports individuels. Téléchargez le module complémentaire de publication automatique JMP depuis la communauté des utilisateurs JMP à l' adresse https://community.jmp.com/docs/DOC-6689 .
Le module complémentaire de publication automatique JMP a généré la page de couverture ci-dessous, pour nos exemples sur http://www.jmp.com/jmphtml5/ .
Figure 16. Rapports organisés avec le module complémentaire de publication automatique JMP
Travaux futurs
Le développement de ce projet est stimulé par la demande des clients. Les tableaux et graphiques les plus fréquemment utilisés étaient pris en charge dans JMP 11. Les graphiques à bulles et les profileurs ont été ajoutés dans JMP 12.
Pour les prochaines versions, GraphBuilder connaît une forte demande. Nous espérons également intégrer le module complémentaire de publication automatique JMP au produit principal et nous sommes très intéressés par les demandes de nos clients.
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). About Face 2.0 : Les fondamentaux de la conception d'interaction . Wiley, 322-323.
Crockford D. (2008). JavaScript : les bons côtés. O'Reilly.
Meyer E. (2004). Feuilles de style en cascade : le guide complet. O'Reilly.
Nielsen J. (1993). Ingénierie de l'utilisabilité. Academic Press, 146-148.
Raskin J. (2000). L'interface humaine : nouvelles orientations pour la conception de systèmes interactifs . ACM Press, 55-59.
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.
Valente D., Brady B. et Kennedy, A. (2014). « Un module complémentaire JMP pour la publication automatique de rapports HTML interactifs », Sommet JMP Discovery 2014 .
Wroblewski L. (2011). Mobile First . Un livre à part.
