Interaktives HTML wurde in JMP® Version 11 eingeführt. Jede nachfolgende Version bietet Unterstützung für weitere interaktive Funktionen.
In JMP 15 unterstützt Interactive HTML auch unser neues Produkt, JMP Live .
Bei alleiniger Verwendung ermöglicht interaktives HTML Benutzern die gemeinsame Nutzung von JMP-Berichten. JMP Live unterstützt diese gemeinsame Nutzung durch Zusammenarbeit, Organisation, Sicherheit, Automatisierung und deutlich mehr Interaktivität.
In diesem Dokument werden die neuen Funktionen in JMP 15 Interactive HTML erläutert, wenn es allein und als Teil von JMP Live verwendet wird.
Wie arbeiten sie zusammen?
Durch Auswahl von „Datei: Speichern unter“ oder „Datei: Exportieren“ können Sie jeden JMP-Bericht in interaktives HTML exportieren. Dadurch entsteht eine eigenständige Webanwendung: eine einzelne Datei mit der Erweiterung „.htm“ oder „.html“.
Diese Datei kann in jeden modernen Webbrowser geladen werden, um die Analysen anzuzeigen und die Daten zu erkunden. Die Datei kann per E-Mail verschickt oder auf einem freigegebenen Laufwerk oder einer Website gespeichert werden, um sie mit anderen zu teilen. Wie in Abbildung 1 dargestellt, besteht die Verbindung in einer Richtung: JMP erstellt die Datei, aber die Datei kann nicht mit JMP kommunizieren.Bei JMP Live ist die Verbindung bidirektional, was mehr Interaktivität ermöglicht.
Figure 1. JMP Interactive HTML and JMP LiveFigure 1. JMP Interactive HTML and JMP LiveAbbildung 1. JMP Interactive HTML und JMP Live
Moderne Webbrowser sind schnell, daher nutzen wir die bidirektionale Verbindung nur bei Bedarf. Ansonsten läuft unsere Software ausschließlich im Webbrowser. Diese Architektur maximiert die Geschwindigkeit und minimiert die Netzwerkübertragungskosten für unsere Kunden. Daher planen wir, sie in zukünftigen Versionen beizubehalten und zu verbessern.
Was ist in JMP 15 neu?
Wenn wir interaktives HTML um neue Funktionen erweitern, funktionieren diese auch in JMP Live. Für JMP 15 haben wir unsere Benutzeroberfläche modernisiert und weitere interaktive Berichte hinzugefügt.
Eine moderne Benutzeroberfläche
Im Web gelten fünf Jahre als eine „Generation“. Es ändert sich wirklich alles so schnell. Unsere für JMP 11 entwickelte Benutzeroberfläche war also sechs Jahre alt – Zeit für eine Überarbeitung.
Viele Jahre lang nutzten sowohl Desktop- als auch Webanwendungen die dritte Dimension als visuellen Hinweis darauf, dass ein Objekt interaktiv ist. Knöpfe beispielsweise sahen wie im echten Leben dreidimensional aus, sodass der Benutzer wusste, dass sie gedrückt werden konnten. Wir haben diesen „3D“-Stil für unsere Schaltflächen und andere Steuerelemente verwendet.
Ab etwa 2012 wurde der „Flat“-Stil populär, vor allem im Metro-Design von Microsoft für Windows 8 (Ralph, 2012). Dieser Stil hat ein klares und einfaches Aussehen, aber keine visuellen 3D-Hinweise. Usability-Experten äußerten damals Bedenken, dass Benutzer nicht wüssten, welches Objekt verwendet werden könne, wenn jedes Objekt gleich anklickbar aussehe (Nielsen, 2012).
In den letzten Jahren wurde der „Flat“-Stil durch „Flat 2.0“ abgelöst (Moran, 2015; Cousins, 2016). Dieser Stil behält den flachen Look bei, fügt jedoch subtile 3D-Schattierungen und interaktive Effekte hinzu, um visuelle Hinweise zu geben. Der Look ist immer noch sauber und schlicht; aber die visuellen Hinweise helfen dem Benutzer zu wissen, was zu tun ist.
Figure 2. 3D, Flat, and Flat 2.0 StylesFigure 2. 3D, Flat, and Flat 2.0 StylesAbbildung 2. 3D-, Flat- und Flat 2.0-Stile Ein Beispiel für den „Flat 2.0“-Stil ist der von Google Material Design, (Cousins, 2015), das wir als unseren Styleguide für die Benutzeroberfläche ausgewählt haben. Das ist eine Win-Win-Situation. Wir profitieren von den Designs von Google. Außerdem werden sie in Google Chrome, Google Mail und anderen weit verbreiteten Produkten verwendet. Indem wir diesem bekannten Standard folgen, reduzieren wir die Lernkosten für unsere Benutzer.
Wir haben auch damit begonnen, zwei Farbthemen zu unterstützen: Grau und Hell.
Figure 3. Gray and Light ThemesFigure 3. Gray and Light ThemesFigur 3. Graue und helle Themen
Schließlich haben wir einen zuverlässigen Algorithmus zur Touchscreen-Erkennung gefunden. Dieses Problem ist viel schwieriger, als die meisten Menschen denken (Cox, 2013; Peterson, 2018).Durch die Lösung können wir zwei Benutzeroberflächen bereitstellen, die auf Desktops oder Tablets zugeschnitten sind. Tasten und andere Bedienelemente können in der richtigen Größe für das Gerät angepasst werden. Auf dem Desktop ist es nicht mehr erforderlich, den Modus zu wechseln, um Daten zu bürsten oder mehrere Objekte auszuwählen, was dem Benutzer Zeit spart.
Weitere interaktive Berichte
In JMP 15 sind interaktive HTML-Berichte interaktiver.
Eine Möglichkeit, dies zu erreichen, besteht darin, die Unterstützung für benutzerdefinierte Grafikskripte zu verbessern. Dabei handelt es sich um eine wichtige, aber eher versteckte Funktion von JMP; Möglicherweise wissen Sie nichts davon, es sei denn, Sie zeichnen Kreise, Rechtecke oder andere Grafikprimitive in Ihren JSL-Skripten. Obwohl versteckt, werden in vielen JMP-Plattformen benutzerdefinierte Grafikskripte verwendet, die jetzt alle interaktiver sind.
Figure 4. Custom Graphics Script in Discriminant PlatformFigure 4. Custom Graphics Script in Discriminant PlatformFigur 4. Benutzerdefiniertes Grafikskript in der Discriminant-Plattform
Darüber hinaus werden in Berichten von Graph Builder weitere interaktive Funktionen unterstützt. Beispiele hierfür sind:
- Balkendiagramme (nebeneinander angeordnete Intervallbalken)
- Liniendiagramme (horizontale Reaktion, gestapelte Linien)
- Flächendiagramme (horizontale Reaktion, gestapelte Flächen)
- Heatmaps (Beschriftung nach Wert, kategoriale Farbrollen, Protokollskala, weitere Statistiken)
Figure 5. More Interactive Graphs from Graph BuilderFigure 5. More Interactive Graphs from Graph BuilderAbbildung 5. Weitere interaktive Diagramme von Graph Builder
Außerdem wird Unterstützung für bedingte Datenfilter hinzugefügt, bei denen die Werte eines Filters durch einen anderen bestimmt werden.
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. Abbildung 6. Ein bedingter Datenfilter. Die Zustände im dritten Filter werden durch die Bevölkerung im zweiten Filter bedingt, die durch die Region im ersten Filter bedingt wird.
Wir haben damit begonnen, Unterstützung für Control Chart Builder hinzuzufügen. JMP 15.0 unterstützt nur Tooltips; aber das ist eine Richtung, in die wir uns bewegen.
Schließlich sind Profiler in JMP 15 auf mehr Plattformen interaktiv, darunter LogLinear Variance, Partition, Boosted Trees und Bootstrap Forest.
Figure 7. LogLinear Variance ProfilerFigure 7. LogLinear Variance ProfilerAbbildung 7. LogLinearer Varianzprofiler
Was ist nur in JMP Live Reports enthalten?
JMP Interactive HTML kann viele Dinge tun, aber als eigenständige Webanwendung ist seine Interaktivität begrenzt. JMP Live kann die Analyse erneut ausführen. Zwei Möglichkeiten, eine Analyse erneut auszuführen, bestehen darin, Spalten zu wechseln und Zeilen auszuschließen.
JMP Live unterstützt den Column Switcher. Sie können die Spalten wechseln, um eine Analyse erneut auszuführen, genau wie in JMP.
Figure 8. Column Switcher in JMP Live, Exploring Air Quality DataFigure 8. Column Switcher in JMP Live, Exploring Air Quality DataAbbildung 8. Spaltenumschalter in JMP Live, Erkundung von Luftqualitätsdaten
Außerdem unterstützen Datenfilter in JMP Live neben den Zuständen „Auswählen“ und „Ausblenden“ auch den Zeilenstatus „Ausschließen“. Schließen Sie Zeilen mit einem Datenfilter aus oder ein, und die Analyse wird erneut neu berechnet.
Figure 9. Data Filter Include/Exclude MenuFigure 9. Data Filter Include/Exclude Menu Abbildung 9. Menü „Datenfilter einschließen/ausschließen“. Schließlich können Sie auch Zeilen ohne Datenfilter ausschließen. Um beispielsweise einen Ausreißer auszuschließen, wählen Sie ihn aus und wählen Sie dann das Menü „Ausgewählte Zeilen ausschließen und ausblenden“.Auch hierdurch wird die gesamte Analyse neu generiert.
Figure 10. "Hamburger" Include/Exclude MenuFigure 10. "Hamburger" Include/Exclude MenuAbbildung 10. „Hamburger“-Menü „Einschließen/Ausschließen“.
Interaktiv e Beispiele Diese Funktionen sind auf JMP Public zu sehen:
Zusammenfassung
Jede neue Version von JMP Interactive HTML bietet Unterstützung für weitere interaktive Funktionen. Für JMP 15 haben wir neben der Modernisierung der Benutzeroberfläche auch die Interaktivität in benutzerdefinierten Diagrammen, Graph Builder, Conditional Data Filter, Control Chart Builder und Profilern verbessert.
Wenn interaktives HTML mit JMP Live verwendet wird, kann die gesamte Analyse neu berechnet werden, indem Spalten gewechselt oder Zeilen ausgeschlossen werden.
Wir werden Interactive HTML in zukünftigen Versionen weiter verbessern und Unterstützung für die JMP-Funktionen hinzufügen, die unsere Kunden am meisten wünschen.
Verweise
Cousins, C. (2015) „Was sind die wahren Vorzüge des Materialdesigns?“, https://thenextweb.com/dd/2015/11/10/what-are-the-real-merits-of-material-design/ .
Cousins, C. (2016), „Was ist Flat 2.0 und warum sollte es Sie interessieren?“, https://designshack.net/articles/graphics/whats-flat-2-0-and-why-should-you-care/ .
Cox, S. (2013) „Sie können einen Touchscreen nicht erkennen“, http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ .
Moran, K. (2015) „Flat Design: Seine Ursprünge, seine Probleme und warum Flat 2.0 für Benutzer besser ist“, https://www.nngroup.com/articles/flat-design/ .
Nielsen, J. (2012) " Windows 8 – Enttäuschende Benutzerfreundlichkeit sowohl für Anfänger als auch für Power-Benutzer ", https://www.nngroup.com/articles/windows-8-disappointing-usability/ .
Petersen, J. (2018) „Erkennung von Touch-Geräten: Ein Update für 2018“, https://peterscene.com/detecting-touch-devices-2018-update/ .
Ralph, N. (2012) „Windows 8 Metro UI: Ein mutiges neues Gesicht für Windows“, https://www.pcworld.com/article/251340/windows_8_metro_ui_a_bold_new_face_for_windows.html .
