Le HTML interactif a été introduit dans JMP® version 11. Chaque version suivante ajoute la prise en charge de fonctionnalités plus interactives.
Dans JMP 15, Interactive HTML prend également en charge notre nouveau produit, JMP Live .
Utilisé seul, le HTML interactif permet aux utilisateurs de partager des rapports JMP. JMP Live prend en charge ce partage avec collaboration, organisation, sécurité, automatisation et une interactivité nettement accrue.
Cet article explique les nouvelles fonctionnalités de JMP 15 Interactive HTML, lorsqu'il est utilisé seul et dans le cadre de JMP Live.
Comment travaillent-ils ensemble ?
En choisissant « Fichier : Enregistrer sous » ou « Fichier : Exporter », vous pouvez exporter n'importe quel rapport JMP au format HTML interactif. Vous créez ainsi une application web autonome : un fichier unique portant l'extension « .htm » ou « .html ».
Ce fichier peut être chargé dans n'importe quel navigateur web moderne pour visualiser les analyses et explorer les données. Il peut être envoyé par e-mail ou stocké sur un disque partagé ou un site web pour être partagé. Comme illustré à la figure 1, la connexion est unidirectionnelle : JMP crée le fichier, mais celui-ci ne peut pas communiquer avec JMP. Avec JMP Live, la connexion est bidirectionnelle, ce qui permet une plus grande interactivité.
Figure 1. JMP Interactive HTML and JMP LiveFigure 1. JMP Interactive HTML et JMP LiveFigure 1. JMP Interactive HTML et JMP Live
Les navigateurs web modernes sont rapides ; nous n'utilisons donc la connexion bidirectionnelle qu'en cas de besoin. Sinon, notre logiciel fonctionne uniquement dans le navigateur web. Cette architecture optimise la vitesse et minimise les coûts de transfert réseau pour nos clients. Nous prévoyons donc de la maintenir et de l'améliorer dans les prochaines versions.
Quoi de neuf dans les deux versions de JMP 15 ?
Les nouvelles fonctionnalités ajoutées à Interactive HTML sont également compatibles avec JMP Live. Pour JMP 15, nous avons modernisé notre interface utilisateur et ajouté des rapports plus interactifs.
Une interface utilisateur moderne
Sur le Web, cinq ans sont considérés comme une « génération ». Tout change vraiment aussi vite. Notre interface utilisateur, conçue pour JMP 11, datait de six ans ; il était temps de la repenser.
Pendant de nombreuses années, les applications bureautiques et web utilisaient la troisième dimension comme signal visuel de l'interactivité d'un objet. Les boutons, par exemple, semblaient tridimensionnels, comme dans la réalité, ce qui indiquait à l'utilisateur qu'il pouvait les appuyer. Nous avons adopté ce style « 3D » pour nos boutons et autres commandes.
À partir de 2012 environ, le style « Flat » est devenu populaire, notamment dans le design Metro de Microsoft pour Windows 8 (Ralph, 2012). Ce style présente une apparence épurée et simple, mais sans éléments visuels 3D. À l'époque, les experts en ergonomie craignaient que si tous les objets semblaient cliquables de la même manière, les utilisateurs ne sauraient pas lequel utiliser (Nielsen, 2012).
Ces dernières années, le style « Flat » a été remplacé par le style « Flat 2.0 » (Moran, 2015 ; Cousins, 2016). Ce style conserve l'aspect plat, mais ajoute de subtils dégradés 3D et des effets interactifs pour fournir des repères visuels. L'apparence reste épurée et simple, mais les repères visuels aident l'utilisateur à savoir quoi faire.
Figure 2. 3D, Flat, and Flat 2.0 Styles Figure 2. Styles 3D, Flat et Flat 2.0 Figure 2. Styles 3D, Flat et Flat 2.0 Un exemple du style « Flat 2.0 » est le Material Design de Google (Cousins, 2015), que nous avons choisi comme guide de style pour notre interface utilisateur. C'est une situation gagnant-gagnant. Nous bénéficions des designs de Google. Ils sont également utilisés dans Google Chrome, Google Mail et d'autres produits largement utilisés. En suivant cette norme familière, nous réduisons les coûts d'apprentissage pour nos utilisateurs.
Nous avons également commencé à prendre en charge deux thèmes de couleurs, le gris et le clair.
Figure 3. Gray and Light Themes Figure 3. Thèmes gris et clairs Figure 3. Thèmes gris et clairs
Nous avons enfin trouvé un algorithme fiable pour la détection des écrans tactiles. Ce problème est bien plus complexe qu'on ne le pense (Cox, 2013 ; Peterson, 2018). Sa résolution nous permet de proposer deux interfaces utilisateur, adaptées aux ordinateurs de bureau et aux tablettes. Les boutons et autres commandes peuvent être dimensionnés correctement pour l'appareil. Sur un ordinateur de bureau, il n'est plus nécessaire de changer de mode pour parcourir des données ou sélectionner plusieurs objets, ce qui fait gagner du temps à l'utilisateur.
Des rapports plus interactifs
Dans JMP 15, les rapports HTML interactifs sont plus interactifs.
Nous y sommes parvenus notamment en améliorant la prise en charge des scripts graphiques personnalisés. Il s'agit d'une fonctionnalité importante mais peu connue de JMP ; vous ne la connaissez peut-être pas, sauf si vous dessinez des cercles, des rectangles ou d'autres primitives graphiques dans vos scripts JSL. Bien que cachés, les scripts graphiques personnalisés sont utilisés dans de nombreuses plateformes JMP, désormais plus interactives.
Figure 4. Custom Graphics Script in Discriminant PlatformFigure 4. Script graphique personnalisé dans la plate-forme discriminanteFigure 4. Script graphique personnalisé dans la plate-forme discriminante
De plus, Graph Builder prend en charge davantage de fonctionnalités interactives dans les rapports. En voici quelques exemples :
- Graphiques à barres (barres d'intervalle côte à côte)
- Graphiques linéaires (réponse horizontale, lignes empilées)
- Graphiques de surface (réponse horizontale, surfaces empilées)
- Cartes thermiques (étiquette par valeur, rôles de couleur catégoriels, échelle logarithmique, plus de statistiques)
Figure 5. More Interactive Graphs from Graph BuilderFigure 5. Plus de graphiques interactifs grâce à Graph BuilderFigure 5. Plus de graphiques interactifs grâce à Graph Builder
Une prise en charge est également ajoutée pour les filtres de données conditionnels, dans lesquels les valeurs d'un filtre sont déterminées par un autre.
Figure 6. A Conditional Data Filter. The states in third filter are conditioned by the population in the second filter, which is conditioned by the region in the first filter. Figure 6. Un filtre de données conditionnel. Les états du troisième filtre sont conditionnés par la population du deuxième filtre, elle-même conditionnée par la région du premier filtre. Figure 6. Un filtre de données conditionnel. Les états du troisième filtre sont conditionnés par la population du deuxième filtre, elle-même conditionnée par la région du premier filtre.
Nous avons commencé à prendre en charge le générateur de cartes de contrôle. JMP 15.0 ne prend en charge que les info-bulles ; c'est une direction que nous empruntons.
Enfin, dans JMP 15, les profileurs sont interactifs sur davantage de plateformes, notamment LogLinear Variance, Partition, Boosted Trees et Bootstrap Forest.
Figure 7. LogLinear Variance ProfilerFigure 7. Profileur de variance log-linéaireFigure 7. Profileur de variance log-linéaire
Que contient uniquement les rapports JMP Live ?
JMP Interactive HTML offre de nombreuses fonctionnalités, mais en tant qu'application web autonome, son interactivité est limitée. JMP Live permet de relancer l'analyse. Deux méthodes permettent de relancer une analyse : changer de colonne et exclure des lignes.
JMP Live prend en charge le sélecteur de colonnes. Vous pouvez changer de colonne pour relancer une analyse, comme dans JMP.
Figure 8. Column Switcher in JMP Live, Exploring Air Quality DataFigure 8. Sélecteur de colonnes dans JMP Live, Exploration des données sur la qualité de l'airFigure 8. Sélecteur de colonnes dans JMP Live, Exploration des données sur la qualité de l'air
De plus, dans JMP Live, les filtres de données prennent en charge l'état « Exclure une ligne », en plus des états « Sélectionner » et « Masquer ». Excluez ou incluez des lignes avec un filtre de données, et l'analyse est recalculée.
Figure 9. Data Filter Include/Exclude Menu Figure 9. Menu Inclure/Exclure du filtre de données Figure 9. Menu Inclure/Exclure du filtre de données Enfin, vous pouvez également exclure des lignes sans filtre de données. Par exemple, pour exclure une valeur aberrante, sélectionnez-la, puis choisissez le menu « Exclure et masquer les lignes sélectionnées ». Là encore, cela régénère l'ensemble de l'analyse.
Figure 10. "Hamburger" Include/Exclude Menu Figure 10. Menu Inclure/Exclure « Hamburger » Figure 10. Menu Inclure/Exclure « Hamburger »
Des exemples interactifs de ces fonctionnalités peuvent être consultés sur JMP Public :
Résumé
Chaque nouvelle version de JMP Interactive HTML prend en charge davantage de fonctionnalités interactives. Pour JMP 15, outre la modernisation de l'interface utilisateur, nous avons amélioré l'interactivité des graphiques personnalisés, du générateur de graphiques, du filtre de données conditionnelles, du générateur de graphiques de contrôle et des profileurs.
Lorsque le HTML interactif est utilisé avec JMP Live, l'analyse entière peut être recalculée, en changeant de colonnes ou en excluant des lignes.
Nous continuerons d'améliorer le HTML interactif dans les prochaines versions, en ajoutant la prise en charge des fonctionnalités JMP que nos clients souhaitent le plus.
Références
Cousins, C. (2015) « Quels sont les véritables mérites du Material Design ? », https://thenextweb.com/dd/2015/11/10/what-are-the-real-merits-of-material-design/ .
Cousins, C. (2016), « Qu'est-ce que Flat 2.0 et pourquoi devriez-vous vous en soucier ? », https://designshack.net/articles/graphics/whats-flat-2-0-and-why-should-you-care/ .
Cox, S. (2013) « Vous ne pouvez pas détecter un écran tactile », http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ .
Moran, K. (2015) « Flat Design : ses origines, ses problèmes et pourquoi Flat 2.0 est meilleur pour les utilisateurs », https://www.nngroup.com/articles/flat-design/ .
Nielsen, J. (2012) « Windows 8 — Une facilité d'utilisation décevante pour les utilisateurs novices et expérimentés », https://www.nngroup.com/articles/windows-8-disappointing-usability/ .
Petersen, J. (2018) « Détection des appareils tactiles : une mise à jour 2018 », https://peterscene.com/detecting-touch-devices-2018-update/ .
Ralph, N. (2012) « Windows 8 Metro UI : un nouveau visage audacieux pour Windows », https://www.pcworld.com/article/251340/windows_8_metro_ui_a_bold_new_face_for_windows.html .
