Anmerkung des Herausgebers: Dieses Papier wurde von den Teilnehmern des JMP Discovery Summit 2016 zum besten eingeladenen Papier gewählt.
Heman Robinson heman.robinson , JMP-Hauptsoftwareentwickler, SAS
HTML Version 5 (Interaktives HTML) unterstützt viele der explorativen Funktionen von JMP®, darunter Punktidentifikation, Verlinkung und Brushing (Becker und Cleveland, 1987; Stützle, 1987). Gespeicherte Berichte können auf einen Webserver hochgeladen, in einem freigegebenen Ordner abgelegt oder per E-Mail an Kollegen versendet werden. Berichte können in jedem modernen Webbrowser angezeigt werden.
Interaktives HTML wurde in JMP Version 11 eingeführt. Jede Folgeversion bietet weitere Funktionen, die auf deren Verwendung im Produkt basieren. JMP 13 unterstützt die beliebtesten Funktionen des Graph Builders sowie weitere von Kunden gewünschte Funktionen.
In diesem Dokument wird beschrieben, wie Sie JMP-Ergebnisse mit interaktivem HTML und den neuen Funktionen in JMP 13 teilen.
Abbildung 1. Ein interaktives HTML-Dashboard: Diamantpreis, Karatgewicht, Farbe, Reinheit, Schliff
Geschichte
HTML (HyperText Markup Language) ist die Technologie, die die Struktur aller Webseiten definiert ( http://www.w3.org/html/ ) (Berners-Lee, 1989). HTML wird zusammen mit Cascading Style Sheets ( http://www.w3.org/Style/CSS/ ) (Meyer, 2004) und JavaScript ( http://www.ecmascript.org/ ) (Crockford, 2008) für die Programmierung verwendet.
HTML Version 4 bot nur eingeschränkte Unterstützung für Grafiken und Interaktivität. Ab etwa 2011 unterstützte HTML Version 5 Grafiken im Canvas-Element sowie neue Steuerelemente wie Schieberegler für Interaktivität.
Die Unterstützung für Adobe Flash ( http://www.adobe.com/products/flashplayer.html ) und andere konkurrierende Technologien begann zu dieser Zeit zu sinken (Goldman, 2011). Als Reaktion darauf begann JMP, wie auch andere Softwareprodukte, seine Technologie von Flash auf interaktives HTML umzustellen.
In JMP 11 unterstützt interaktives HTML Tabellen und einfache Diagramme, darunter Streudiagramme, Histogramme, Linien und Ellipsen sowie Boxplots.
In JMP 12 wurden Blasendiagramme und Profiler sowie Unterstützung für Tablets hinzugefügt.
In JMP 13 unterstützt Interactive HTML die beliebtesten Funktionen des Graph Builders. Darüber hinaus haben wir eine Reihe kleinerer, von unseren Kunden angefragter Funktionen bereitgestellt.
Wie man es benutzt
Speichern des JMP-Berichts
Um einen JMP-Bericht im HTML5-Format zu speichern, wählen Sie „Datei: Speichern unter“ (Windows) bzw. „Datei: Exportieren“ (Mac). Speichern Sie als Typ „Interaktives HTML mit Daten“. Dadurch wird eine interaktive HTML-Datei im angegebenen Verzeichnis erstellt.
Abbildung 2. Dialogfeld „Datei: Speichern unter“ für interaktives HTML
Unterstützte Browser
Nachdem die HTML-Datei gespeichert wurde, können Sie sie in jedem modernen Webbrowser öffnen. JMP 13 unterstützt interaktives HTML auf den folgenden Geräten und Browsern:
|
Gerät
|
Unterstützte Browser
|
|
Windows
|
IE 11, Edge, Chrome, Firefox, Opera
|
|
Mac
|
Safari, Chrome, Firefox, Opera
|
|
iPad
|
Safari, Chrome
|
|
Android
|
Chrom
|
|
Kindle Fire
|
Seide
|
Tabelle 1. Unterstützte Geräte und Browser
Aufgrund der geringen Kundennachfrage testen wir interaktives HTML nicht auf Smartphones. Es funktioniert jedoch häufig gut auf Smartphones mit Safari- oder Chrome-Browsern, da diese Smartphone-Browser Code mit den Tablet-Versionen teilen. Die Leistung variiert je nach Smartphone.
Nicht unterstützte Funktionen
Interaktives HTML unterstützt die am häufigsten verwendeten Funktionen von JMP. Enthält Ihr Bericht eine nicht unterstützte Funktion, wird im Dialogfeld eine Warnung und im JMP-Protokoll eine ausführlichere Meldung angezeigt (siehe Abbildungen unten).
Abbildung 3. Warnung vor nicht unterstützter Funktion
Abbildung 4. Protokollnachricht
Wenn eine Funktion nicht unterstützt wird, wird ein Teil Ihres Berichts als statisches Bild exportiert. In der folgenden Abbildung ist der zweidimensionale Profiler interaktiv. Wie aus der Protokollmeldung hervorgeht, ist der dreidimensionale Profiler statisch.
Abbildung 5. Interaktiver 2D-Profiler mit statischem 3D-Profiler
Sicherung Ihrer Daten
JMP Interactive HTML ermöglicht, wie JMP auf dem Desktop, Interaktivität durch die Speicherung von Daten im Arbeitsspeicher. Das bedeutet: Die Daten in den Diagrammen sind in die Webseite eingebettet. Die Daten sind zwar verschleiert, aber für jeden motivierten Hacker lesbar.
Man könnte meinen, dieses Sicherheitsrisiko ließe sich durch Verschlüsselung der Daten mindern. Das ist jedoch nicht möglich. Die Daten müssen für Webbrowser lesbar sein. Daher benötigen verschlüsselte Daten einen Entschlüsselungsschlüssel, der ebenfalls für Webbrowser – und alle anderen – lesbar ist. Die Verschlüsselung der Daten wäre so, als würde man sich eine teure Alarmanlage kaufen und den Schlüssel unter der Fußmatte verstecken.
Sie können das Risiko reduzieren, indem Sie Ihre Daten anonymisieren , z. B. indem Sie eine Teilmenge Ihrer Daten ohne Namens- oder ID-Spalten erstellen. Am sichersten ist es, diese Teilmenge selbst zu erstellen. Spalten, die im JMP-Bericht nicht verwendet werden, werden jedoch nicht in die interaktive HTML-Datei eingebettet. Solange Sie also keine identifizierenden Spalten für Beschriftungen oder andere Zwecke verwenden, werden Ihre Daten automatisch anonymisiert.
Alternativ kann statisches HTML (HTML Version 4) verwendet werden, das keine Daten einbettet. Im Dialogfeld „Datei: Speichern unter“ wird HTML4 einfach als „HTML-Datei“ bezeichnet. HTML5 hingegen wird als „Interaktives HTML mit Daten“ bezeichnet, um sowohl Interaktivität als auch Sicherheit zu betonen.
Abbildung 6. Dialogfeld „Datei: Speichern unter“ für statisches HTML (HTML4)
Abbildung 7. Dialogfeld „Datei: Speichern unter“ für interaktives HTML (HTML5)
Skripten des Berichts
Die Erstellung interaktiver HTML-Berichte kann mit der JMP Scripting Language (JSL) (SAS, 2014) automatisiert werden. Im folgenden Skript folgt auf den Befehl „Interaktives HTML speichern“ der Befehl „Web“. Dadurch wird der Bericht automatisch in Ihrem Standard-Webbrowser angezeigt.
// Exportiert eine bivariate Anpassung.
dt = Öffnen("$SAMPLE_DATA/Big Class.jmp");
obj = Bivariate( Y( :Gewicht ), X( :Höhe ), Anpassungslinie );
obj << Interaktives HTML speichern( "C:\Bivariate.html" );
Web( "C:\Bivariate.html" );
Neue Funktionen in JMP 13
Diagrammerstellung
JMP 13 unterstützt jetzt auch mit Graph Builder erstellte Berichte. Dazu gehören die am häufigsten verwendeten Funktionen: Punkte, Glätter, Ellipsen, Linien, Balken, Flächen, Boxplots, Histogramme, Heatmaps, Mosaikdiagramme, Beschriftungsfelder und Kartenformen. Diese Graph Builder-Elemente sind in der folgenden Abbildung hervorgehoben.
Abbildung 8. Graph Builder-Elemente
Dashboard-Unterstützung
Informations-Dashboards (Few, 2013) kombinieren zusammengehörige Informationen in benutzerdefinierten Layouts für eine effiziente Kommunikation. In JMP 13 können Dashboards über das Menü „Datei: Neu: Dashboard“ oder über das Menü „Fenster: Fenster kombinieren“ erstellt werden.
Durch die Unterstützung von Graph Builder können wir in JMP 13 viele weitere Arten von Dashboards unterstützen. Das erste Dashboard unten enthält vier der neuen Graph Builder-Elemente und veranschaulicht die regionale Luftqualität und Temperatur.
Darüber hinaus haben wir die Unterstützung für Dashboard-Layouts in interaktivem HTML verbessert. Die zweite Abbildung unten zeigt ein Dashboard mit einem effizienten Layout und Registerkarten, um den Gewinn pro Mitarbeiter für verschiedene Unternehmenstypen anzuzeigen.
Abbildung 9. Dashboard zur Luftqualität
Abbildung 10. Dashboard mit Registerkartensteuerung
Organisieren Ihrer Webseiten
Wenn Sie viele HTML-Seiten erstellen, möchten Sie diese organisieren. In JMP 12 können Sie Ihre Seiten ganz einfach mit dem JMP Auto-Publishing Add-In (Valente, Brady und Kennedy, 2014) organisieren. Dies ermöglicht eine automatisierte Organisation Ihrer Berichte mit einem Deckblatt und Miniaturansichten, die mit den einzelnen Berichten verknüpft sind. Sie können das JMP Auto-Publishing Add-In von der JMP User Community unter https://community.jmp.com/docs/DOC-6689 herunterladen.
In JMP 13 ist das Auto-Publishing-Add-In im Menü „Ansicht: Webbericht erstellen“ integriert. Dieses Menü zeigt eine Assistentenoberfläche an, die Sie durch den Organisationsprozess führt und Ihnen die Möglichkeit bietet, Reihenfolge, Stile und Bilder anzupassen. Dieses Tool wurde zur Erstellung aller unserer Beispiele unter http://www.jmp.com/jmphtml5/ verwendet.
Abbildung 11. JMP-Menü „Ansicht: Webbericht erstellen“.
Nur noch ein paar Dinge
Kunden haben im Laufe der Jahre zahlreiche neue Funktionen angefragt. Daher haben wir in JMP 13 zusätzlich die Unterstützung für Folgendes hinzugefügt:
• Neue und verbesserte Profiler
• Referenzbereiche
• Wertebeschriftungen und Wertereihenfolge
• Angeheftete Tooltips und Hover-Bilder
Drei neue eingebettete Profiler unterstützen neuronale, verallgemeinerte Regressions- und verallgemeinerte lineare Modellberichte. Außerdem bieten Profiler eine verbesserte Unterstützung für adaptive Y-Achsen, formatierte X-Werte, umschlossene Layouts und Mischungsdesigns .
Abbildung 12. Verallgemeinerter Regressionsprofiler mit umschlossenem Layout
Referenzbereiche, Wertebeschriftungen und Wertesortierung ermöglichen aussagekräftigere Grafiken. Die folgende Grafik nutzt diese Merkmale, um die Heirats- und Scheidungsraten im Zeitverlauf zu veranschaulichen.
Abbildung 13. Heirats- und Scheidungsraten
Angeheftete Tooltips und Hover-Bilder ermöglichen eine angenehmere und effizientere Präsentation und Erkundung. Die folgende Abbildung zeigt Informationen zu den Planeten, aufgeschlüsselt nach ihrer Entfernung von der Sonne.
Abbildung 14. Angeheftete Tooltips und Hover-Bilder
Interaktive Beispiele
In diesem Dokument wurden viele statische Bilder gezeigt, dies ist jedoch kein Ersatz für die Interaktion mit den Webseiten selbst. Sie können alle Funktionen von JMP Interactive HTML unter http://www.jmp.com/jmphtml5/ erkunden.
Wir freuen uns auf Ihre Kommentare und Vorschläge bei der Weiterentwicklung unseres Teils von JMP.
Abbildung 15. Interaktive HTML-Beispiele für JMP 13, organisiert mit „Ansicht: Webbericht erstellen“.
Verweise
Becker R. und Cleveland W. (1987). „Brushing Scatterplots“, Technometrie , 127-142.
Berners-Lee T. (1989). „Informationsmanagement: Ein Vorschlag“, CERN .
Crockford D. (2008). JavaScript: Die guten Seiten. O'Reilly.
Few S. (2013). Information Dashboard Design: Datenanzeige für ein übersichtliches Monitoring , Zweite Ausgabe . Analytics Press.
Goldman D. (2011). „Der Anfang vom Ende für Adobe Flash“. CNN Money ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
Meyer E. (2004). Cascading Style Sheets: Der ultimative Leitfaden. O'Reilly.
SAS (2014). JMP 11 Scripting Guide, Zweite Ausgabe . SAS Institute Inc.
Stützle W. (1987). „Plot Windows“, Zeitschrift der American Statistical Association, 82 , 466-475.
Valente D., Brady B. und Kennedy, A. (2014). „Ein JMP-Add-In für die automatische Veröffentlichung interaktiver HTML-Berichte“, JMP Discovery Summit 2014 .
