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 en direct .
Lorsqu'il est utilisé seul, Interactive HTML permet aux utilisateurs de partager des rapports JMP. JMP Live prend en charge ce partage avec la collaboration, l'organisation, la sécurité, l'automatisation et bien plus d'interactivité.
Ce document explique les nouvelles fonctionnalités de JMP 15 Interactive HTML, lorsqu'elles sont utilisées seules 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. Cela crée une application Web autonome : un seul fichier avec l'extension ".htm" ou ".html".
Ce fichier peut être chargé dans n'importe quel navigateur Web moderne, pour afficher les analyses et explorer les données. Le fichier peut être envoyé par e-mail ou stocké sur un lecteur partagé ou un site Web pour le partager avec d'autres. Comme le montre la figure 1, la connexion est à sens unique : JMP crée le fichier, mais le fichier ne peut pas communiquer avec JMP.Avec JMP Live, la connexion est bidirectionnelle, ce qui permet plus d'interactivité.
Figure 1. JMP Interactive HTML and JMP LiveFigure 1. JMP Interactive HTML and 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 maximise 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 versions futures.
Quoi de neuf dans les deux pour JMP 15 ?
Lorsque nous ajoutons de nouvelles fonctionnalités à Interactive HTML, elles fonctionnent également dans 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 est considéré comme une "génération". Tout change vraiment aussi vite. Ainsi, notre interface utilisateur, conçue pour JMP 11, avait six ans - il était temps de faire peau neuve.
Pendant de nombreuses années, les applications de bureau et Web ont utilisé la troisième dimension comme signal visuel indiquant qu'un objet était interactif. Les boutons, par exemple, semblaient tridimensionnels, comme dans la vraie vie, de sorte que l'utilisateur savait qu'ils pouvaient être pressés. Nous avons suivi ce style "3D" pour nos boutons et autres commandes.
À partir de 2012 environ, le style "Flat" est devenu populaire, surtout dans la conception Metro de Microsoft pour Windows 8 (Ralph, 2012). Ce style a un look épuré et simple, mais pas de repères visuels 3D. Les experts en utilisabilité craignaient à l'époque que si chaque objet semblait également cliquable, les utilisateurs ne sauraient pas lequel pourrait être utilisé (Nielsen, 2012).
Au cours des dernières années, le style « Flat » a été remplacé par « Flat 2.0 » (Moran, 2015 ; Cousins, 2016). Ce style préserve l'aspect plat, mais ajoute un ombrage 3D subtil et des effets interactifs pour fournir des repères visuels. Le look est toujours propre et simple; mais les repères visuels aident l'utilisateur à savoir quoi faire.
Figure 2. 3D, Flat, and Flat 2.0 StylesFigure 2. 3D, Flat, and Flat 2.0 StylesFigure 2. Styles 3D, Plat et Plat 2.0 Un exemple du style "Flat 2.0" est celui de Google Conception matérielle, (Cousins, 2015) que nous avons choisi comme guide de style d'interface utilisateur. C'est un gagnant-gagnant. Nous bénéficions des conceptions de Google. En outre, ils sont 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, gris et clair.
Figure 3. Gray and Light ThemesFigure 3. Gray and Light ThemesFigure 3. Thèmes gris et clair
Enfin, nous avons trouvé un algorithme fiable pour la détection des écrans tactiles. Ce problème est beaucoup plus difficile que la plupart des gens ne le pensent (Cox, 2013 ; Peterson, 2018).Le résoudre nous permet de fournir deux interfaces utilisateur, adaptées aux ordinateurs de bureau ou aux tablettes. Les boutons et autres commandes peuvent être dimensionnés correctement pour l'appareil. Sur le bureau, il n'est plus nécessaire de changer de mode pour brosser les données ou sélectionner plusieurs objets, ce qui fait gagner du temps à l'utilisateur.
Plus de rapports 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 plutôt cachée de JMP ; vous ne les connaissez peut-être pas à moins que vous ne dessiniez 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 plates-formes JMP, qui sont désormais toutes plus interactives.
Figure 4. Custom Graphics Script in Discriminant PlatformFigure 4. Custom Graphics Script in Discriminant PlatformFigure 4. Script graphique personnalisé dans une plate-forme discriminante
De plus, des fonctionnalités plus interactives sont prises en charge dans les rapports de Graph Builder. Voici des exemples :
- Graphiques à barres (barres d'intervalle côte à côte)
- Tracés linéaires (réponse horizontale, lignes empilées)
- Parcelles de zone (réponse horizontale, zones empilées)
- Heat Maps (Étiquette par valeur, rôles de couleur catégoriels, échelle de log, plus de statistiques)
Figure 5. More Interactive Graphs from Graph BuilderFigure 5. More Interactive Graphs from Graph BuilderFigure 5. Plus de graphiques interactifs de Graph Builder
La 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. 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 dans le troisième filtre sont conditionnés par la population dans le deuxième filtre, qui est conditionnée par la région dans le premier filtre.
Nous avons commencé à ajouter la prise en charge de Control Chart Builder. JMP 15.0 prend uniquement en charge les info-bulles ; mais c'est une direction dans laquelle nous nous dirigeons.
Enfin, dans JMP 15, les profileurs sont interactifs sur davantage de plates-formes, notamment LogLinear Variance, Partition, Boosted Trees et Bootstrap Forest.
Figure 7. LogLinear Variance ProfilerFigure 7. LogLinear Variance ProfilerFigure 7. Profileur de variance loglinéaire
Qu'y a-t-il uniquement dans les rapports en direct JMP ?
JMP Interactive HTML peut faire beaucoup de choses, mais en tant qu'application Web autonome, son interactivité est limitée. JMP Live peut relancer l'analyse. Deux façons de réexécuter une analyse consistent à changer de colonne et à exclure des lignes.
JMP Live prend en charge le sélecteur de colonne. Vous pouvez changer de colonne pour réexécuter une analyse, comme dans JMP.
Figure 8. Column Switcher in JMP Live, Exploring Air Quality DataFigure 8. Column Switcher in JMP Live, Exploring Air Quality DataFigure 8. Sélecteur de colonne 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 de ligne Exclure, en plus des états Sélectionner et Masquer. Excluez ou incluez des lignes avec un filtre de données, et là encore l'analyse est recalculée.
Figure 9. Data Filter Include/Exclude MenuFigure 9. Data Filter Include/Exclude Menu 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".Encore une fois, cela régénère l'ensemble de l'analyse.
Figure 10. "Hamburger" Include/Exclude MenuFigure 10. "Hamburger" Include/Exclude MenuFigure 10. Menu Inclure/Exclure "Hamburger"
Interactif et exemples de ces fonctionnalités sont visibles sur JMP Public :
Résumé
Chaque nouvelle version de JMP Interactive HTML ajoute la prise en charge de fonctionnalités plus interactives. Pour JMP 15, outre la modernisation de l'interface utilisateur, nous avons amélioré l'interactivité dans les graphiques personnalisés, le générateur de graphiques, le filtre de données conditionnel, le générateur de cartes de contrôle et les profileurs.
Lorsque Interactive HTML est utilisé avec JMP Live, l'intégralité de l'analyse peut être recalculée, en changeant de colonne ou en excluant des lignes.
Nous continuerons d'améliorer Interactive HTML dans les prochaines versions, en ajoutant la prise en charge des fonctionnalités JMP que nos clients souhaitent le plus.
Les références
Cousins, C. (2015) "Quels sont les vrais 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 - 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 : 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 .
