Interaktives HTML wurde in JMP® Version 11 eingeführt. Jede nachfolgende Version fügt Unterstützung für mehr interaktive Funktionen hinzu.
In JMP 15 unterstützt Interactive HTML auch unser neues Produkt JMP Live .
Bei alleiniger Verwendung ermöglicht interaktives HTML den Austausch von JMP-Berichten. JMP Live unterstützt diesen Austausch durch Zusammenarbeit, Organisation, Sicherheit, Automatisierung und deutlich mehr Interaktivität.
In diesem Dokument werden die neuen Funktionen in JMP 15 Interactive HTML erläutert, sowohl bei alleiniger Verwendung als auch bei Verwendung als Teil von JMP Live.
Wie arbeiten sie zusammen?
Über „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 jedem modernen Webbrowser geladen werden, um die Analysen anzuzeigen und die Daten zu untersuchen. Sie kann per E-Mail versendet oder auf einem freigegebenen Laufwerk oder einer Website gespeichert und mit anderen geteilt werden. Wie in Abbildung 1 dargestellt, ist die Verbindung einseitig: JMP erstellt die Datei, kann aber nicht mit JMP kommunizieren. Mit JMP Live ist die Verbindung bidirektional und ermöglicht so mehr Interaktivität.
Figure 1. JMP Interactive HTML and JMP LiveAbbildung 1. JMP Interactive HTML und 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. Wir planen daher, sie in zukünftigen Versionen beizubehalten und zu verbessern.
Was ist in beiden für 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 mehr interaktive Berichte hinzugefügt.
Eine moderne Benutzeroberfläche
Im Web gelten fünf Jahre als eine „Generation“. Alles ändert sich tatsächlich so schnell. Unsere für JMP 11 entwickelte Benutzeroberfläche war sechs Jahre alt – Zeit für eine Überarbeitung.
Viele Jahre lang nutzten Desktop- und Webanwendungen die dritte Dimension als visuellen Hinweis darauf, dass ein Objekt interaktiv war. Schaltflächen beispielsweise sahen dreidimensional aus, wie im echten Leben, sodass der Benutzer wusste, dass sie gedrückt werden konnten. Wir haben diesen „3D“-Stil für unsere Schaltflächen und andere Steuerelemente übernommen.
Ab etwa 2012 wurde der „Flat“-Stil populär, vor allem im Metro-Design von Microsoft für Windows 8 (Ralph, 2012). Dieser Stil zeichnet sich durch ein klares und schlichtes Design aus, verzichtet jedoch auf 3D-Elemente. Usability-Experten äußerten damals Bedenken, dass Benutzer nicht wüssten, welches Objekt verwendet werden könne, wenn alle Objekte gleich anklickbar seien (Nielsen, 2012).
In den letzten Jahren wurde der „Flat“-Stil durch „Flat 2.0“ (Moran, 2015; Cousins, 2016) abgelöst. Dieser Stil behält den flachen Look bei, fügt aber subtile 3D-Schattierungen und interaktive Effekte hinzu, um visuelle Hinweise zu geben. Der Look ist weiterhin klar und einfach, aber die visuellen Hinweise helfen dem Benutzer, zu wissen, was zu tun ist.
Figure 2. 3D, Flat, and Flat 2.0 Styles Abbildung 2. 3D-, Flat- und Flat 2.0-Stile Abbildung 2. 3D-, Flat- und Flat 2.0-Stile Ein Beispiel für den „Flat 2.0“-Stil ist Googles Material Design (Cousins, 2015), das wir als Stilleitfaden für unsere Benutzeroberfläche gewählt haben. Das ist eine Win-Win-Situation. Wir profitieren von Googles Designs. Sie werden auch in Google Chrome, Google Mail und anderen weit verbreiteten Produkten verwendet. Indem wir diesem vertrauten Standard folgen, reduzieren wir den Lernaufwand für unsere Nutzer.
Wir haben auch begonnen, zwei Farbthemen zu unterstützen: Grau und Hell.
Figure 3. Gray and Light Themes Abbildung 3. Graue und helle Themen Abbildung 3. Graue und helle Themen
Endlich haben wir einen zuverlässigen Algorithmus zur Touchscreen-Erkennung gefunden. Dieses Problem ist viel schwieriger als die meisten denken (Cox, 2013; Peterson, 2018). Die Lösung ermöglicht es uns, zwei Benutzeroberflächen bereitzustellen, die auf Desktops oder Tablets zugeschnitten sind. Schaltflächen und andere Steuerelemente können gerätespezifisch angepasst werden. Auf dem Desktop ist ein Moduswechsel zum Überstreichen von Daten oder Auswählen mehrerer Objekte nicht mehr erforderlich, 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. Diese sind eine wichtige, aber eher versteckte Funktion von JMP; Sie wissen möglicherweise nichts davon, es sei denn, Sie zeichnen Kreise, Rechtecke oder andere grafische Grundelemente in Ihren JSL-Skripten. Obwohl versteckt, werden benutzerdefinierte Grafikskripte in vielen JMP-Plattformen verwendet, die jetzt alle interaktiver sind.
Figure 4. Custom Graphics Script in Discriminant PlatformAbbildung 4. Benutzerdefiniertes Grafikskript in der Discriminant-PlattformAbbildung 4. Benutzerdefiniertes Grafikskript in der Discriminant-Plattform
Darüber hinaus werden in Berichten von Graph Builder weitere interaktive Funktionen unterstützt. Im Folgenden finden Sie Beispiele:
- Balkendiagramme (nebeneinanderliegende Intervallbalken)
- Liniendiagramme (horizontale Antwort, gestapelte Linien)
- Flächendiagramme (horizontale Antwort, gestapelte Flächen)
- Heatmaps (Beschriftung nach Wert, kategorische Farbrollen, logarithmische Skala, weitere Statistiken)
Figure 5. More Interactive Graphs from Graph BuilderAbbildung 5. Weitere interaktive Diagramme vom Graph BuilderAbbildung 5. Weitere interaktive Diagramme vom 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. Abbildung 6. Ein bedingter Datenfilter. Die Zustände im dritten Filter werden durch die Population im zweiten Filter bestimmt, die wiederum durch die Region im ersten Filter bestimmt wird. Abbildung 6. Ein bedingter Datenfilter. Die Zustände im dritten Filter werden durch die Population im zweiten Filter bestimmt, die wiederum durch die Region im ersten Filter bestimmt wird.
Wir haben begonnen, Unterstützung für den Control Chart Builder hinzuzufügen. JMP 15.0 unterstützt nur Tooltips; wir arbeiten jedoch in diese Richtung.
Schließlich sind Profiler in JMP 15 auf mehr Plattformen interaktiv, darunter LogLinear Variance, Partition, Boosted Trees und Bootstrap Forest.
Figure 7. LogLinear Variance ProfilerAbbildung 7. LogLinear Variance ProfilerAbbildung 7. LogLinear Variance Profiler
Was ist nur in JMP Live-Berichten enthalten?
JMP Interactive HTML bietet viele Funktionen, ist aber als eigenständige Webanwendung nur eingeschränkt interaktiv. Mit JMP Live können Sie die Analyse erneut ausführen. Zwei Möglichkeiten zum erneuten Ausführen einer Analyse sind das Vertauschen von Spalten und das Ausschließen von Zeilen.
JMP Live unterstützt den Spaltenwechsler. Sie können Spalten wechseln, um eine Analyse erneut auszuführen, genau wie in JMP.
Figure 8. Column Switcher in JMP Live, Exploring Air Quality DataAbbildung 8. Spaltenumschalter in JMP Live, Untersuchung von LuftqualitätsdatenAbbildung 8. Spaltenumschalter in JMP Live, Untersuchung von Luftqualitätsdaten
Datenfilter in JMP Live unterstützen neben den Zuständen „Auswählen“ und „Ausblenden“ auch den Status „Zeilen ausschließen“. Schließen Sie Zeilen mit einem Datenfilter aus oder ein, wird die Analyse erneut berechnet.
Figure 9. Data Filter Include/Exclude Menu Abbildung 9. Menü „Einschließen/Ausschließen“ des Datenfilters Abbildung 9. Menü „Einschließen/Ausschließen“ des Datenfilters Sie können auch Zeilen ohne Datenfilter ausschließen. Um beispielsweise einen Ausreißer auszuschließen, markieren Sie ihn und wählen Sie anschließend das Menü „Ausschließen und ausgewählte Zeilen ausblenden“. Auch hierdurch wird die gesamte Analyse neu erstellt.
Figure 10. "Hamburger" Include/Exclude Menu Abbildung 10. „Hamburger“-Einschluss-/Ausschlussmenü Abbildung 10. „Hamburger“-Einschluss-/Ausschlussmenü
Interaktive Beispiele dieser Funktionen können auf JMP Public angesehen werden:
Zusammenfassung
Jede neue Version von JMP Interactive HTML unterstützt weitere interaktive Funktionen. Für JMP 15 haben wir neben der Modernisierung der Benutzeroberfläche auch die Interaktivität in benutzerdefinierten Diagrammen, im Diagrammerstellungsprogramm, im bedingten Datenfilter, im Kontrolldiagrammerstellungsprogramm und in den Profilern verbessert.
Wenn interaktives HTML mit JMP Live verwendet wird, kann die gesamte Analyse durch Vertauschen von Spalten oder Ausschließen von Zeilen neu berechnet 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 Vorteile von Material Design?“, 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 für Anfänger und Power-User “, https://www.nngroup.com/articles/windows-8-disappointing-usability/ .
Petersen, J. (2018) „Erkennen von Touch-Geräten: Ein Update von 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 .
