Anmerkung des Herausgebers: Dieses Papier wurde von den Teilnehmern des JMP Discovery Summit 2016 zum Best Invited Paper gewählt.
Heman Robinson heman.robinson , Haupt-Softwareentwickler von JMP, SAS
HTML Version 5 oder Interactive HTML unterstützt viele der Untersuchungsfunktionen von JMP®, einschließlich Punktidentifikation, Verlinkung und Brushing (Becker und Cleveland, 1987; Stuetzle, 1987). Gespeicherte Berichte können auf einen Webserver hochgeladen, in einem freigegebenen Ordner abgelegt oder per E-Mail an Kollegen gesendet werden. Berichte können in jedem modernen Webbrowser angezeigt werden.
Interaktives HTML wurde in JMP Version 11 eingeführt, und jede nachfolgende Version fügt weitere Funktionen basierend auf ihrer Verwendung im Produkt hinzu.JMP 13 fügt Unterstützung für die beliebtesten Funktionen von Graph Builder hinzu, zusammen mit anderen von Kunden gewünschten Funktionen.
Dieses Whitepaper beschreibt, wie Sie JMP-Ergebnisse mit Interactive HTML teilen und die neuen Funktionen in JMP 13.
Abbildung 1. Ein interaktives HTML-Dashboard: Diamantpreis, Karatgewicht, Farbe, Klarheit, Schliff
Geschichte
HTML oder 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 für das Styling verwendet ( http://www.w3.org/Style/CSS/ ) (Meyer, 2004) und JavaScript zum Programmieren ( http://www.ecmascript.org/ ) (Crockford, 2008).
HTML Version 4 war in seiner Unterstützung für Grafiken und Interaktivität eingeschränkt. Ab etwa 2011 begann HTML Version 5 mit der Unterstützung von Grafiken im Canvas-Element, zusammen mit neuen Steuerelementen wie Schiebereglern für Interaktivität.
Unterstützung für Adobe Flash ( http://www.adobe.com/products/flashplayer.html ) und andere konkurrierende Technologien begannen um diese Zeit zu sinken (Goldman, 2011). Als Reaktion darauf begann JMP, wie andere Softwareprodukte auch, mit der Migration seiner Technologie von Flash auf Interactive HTML.
In JMP 11 unterstützte Interactive HTML Tabellen und einfache Diagramme, darunter Streudiagramme, Histogramme, Linien und Ellipsen sowie Boxplots.
In JMP 12 wurden Blasendiagramme und Profiler hinzugefügt, zusammen mit Unterstützung für Tablets.
In JMP 13 unterstützt Interactive HTML die beliebtesten Funktionen von Graph Builder. Wir haben auch eine Sammlung kleinerer Funktionen geliefert, die von unseren Kunden angefordert wurden.
Wie man es benutzt
Speichern des JMP-Berichts
Um einen JMP-Bericht im HTML5-Format zu speichern, wählen Sie „Datei: Speichern unter:“ unter Windows oder „Datei: Exportieren“ auf dem Mac. Speichern Sie als Typ „Interaktives HTML mit Daten“. Dadurch wird eine interaktive HTML-Datei im angegebenen Verzeichnis erstellt.
Figur 2. „Datei: Speichern unter“-Dialog 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
|
Fenster
|
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 begrenzten Kundennachfrage testen wir Interactive HTML nicht auf Telefonen. Es funktioniert jedoch oft gut auf Telefonen mit Safari- oder Chrome-Browsern, da diese Telefonbrowser Code mit ihren Tablet-Versionen teilen. Die Leistung variiert je nach Telefon.
Nicht unterstützte Funktionen
Interaktives HTML unterstützt die am häufigsten verwendeten Funktionen von JMP. Wenn Ihr Bericht eine Funktion enthält, die nicht unterstützt wird, sehen Sie eine Warnung im Dialogfeld und eine ausführlichere Meldung im JMP-Protokoll, wie in den Abbildungen unten gezeigt.
Figur 3. Warnung vor nicht unterstützter Funktion
Figur 4. Protokollnachricht
Wenn eine Funktion nicht unterstützt wird, wird ein Teil Ihres Berichts als statisches Bild exportiert. In der Abbildung unten ist der zweidimensionale Profiler interaktiv. Wie die Protokollnachricht anzeigt, 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 Speichern von Daten im Arbeitsspeicher. Das bedeutet: Die Daten in den Grafiken sind in die Webseite eingebettet. Die Daten sind verschleiert, aber für jeden motivierten Hacker lesbar.
Es scheint, dass dieses Sicherheitsrisiko durch Verschlüsselung der Daten gemildert werden könnte. Es kann nicht. Die Daten müssen von Webbrowsern lesbar sein. Daher würden verschlüsselte Daten einen Entschlüsselungsschlüssel erfordern, der auch von Webbrowsern gelesen werden kann – und von allen anderen. Die Daten zu verschlüsseln wäre gleichbedeutend mit dem Kauf einer teuren Einbruchmeldeanlage für das eigene Haus und dem anschließenden Hinterlassen des Schlüssels unter der Fußmatte.
Sie können das Risiko verringern, indem Sie Anonymisieren Ihre Daten, z. B. indem Sie eine Teilmenge Ihrer Daten ohne Namens- oder ID-Spalten erstellen. Es ist am sichersten, diese Teilmenge selbst zu erstellen.Nicht im JMP-Bericht verwendete Spalten werden jedoch nicht in die interaktive HTML-Datei eingebettet. Solange Sie also keine identifizierenden Spalten für Labels oder andere Zwecke verwenden, werden Ihre Daten automatisch anonymisiert.
Eine Alternative ist die Verwendung von statischem HTML (HTML-Version 4), das keine Daten einbettet. Im Dialog „Datei: Speichern unter“ wird HTML4 einfach als „HTML-Datei“ bezeichnet. HTML5 wird als „Interaktives HTML mit Daten“ bezeichnet, um sowohl Interaktivität als auch Sicherheit hervorzuheben.
Abbildung 6. Dialog „Datei: Speichern unter“ für statisches HTML (HTML4)
Abbildung 7. „Datei: Speichern unter“-Dialog für interaktives HTML (HTML5)
Skripterstellung für den Bericht
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 = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariate( Y( :Gewicht ), X( :Höhe ), Fit Line );
obj << Interaktives HTML speichern( "C:\Bivariate.html" );
Web( "C:\Bivariat.html" );
Neue Funktionen in JMP 13
Graph-Generator
In JMP 13 haben wir Unterstützung für mit Graph Builder erstellte Berichte hinzugefügt. Dazu gehören die am häufigsten verwendeten Funktionen von Punkten, Glättungen, Ellipsen, Linien, Balken, Flächen, Boxplots, Histogrammen, Heatmaps, Mosaikplots, Beschriftungsboxen 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 verwandte 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 das Hinzufügen von Unterstützung für Graph Builder können wir viele weitere Arten von Dashboards in JMP 13 unterstützen. Das erste Dashboard unten enthält vier der neuen Graph Builder-Elemente, die die regionale Luftqualität und Temperatur veranschaulichen.
Darüber hinaus haben wir die Unterstützung für Dashboard-Layouts in Interactive HTML verbessert. Die zweite Abbildung unten zeigt ein Dashboard, das ein effizientes Layout mit Registerkarten verwendet, um die Gewinne pro Mitarbeiter für verschiedene Arten von Unternehmen anzuzeigen.
Abbildung 9. Luftqualitäts-Dashboard
Abbildung 10. Dashboard mit Tab-Steuerelementen
Organisieren Ihrer Webseiten
Wenn Sie viele HTML-Seiten erstellen, sollten Sie diese organisieren. In JMP 12 können Ihre Seiten mithilfe des JMP Auto-Publishing-Add-Ins (Valente, Brady und Kennedy, 2014) einfach organisiert werden. Dies bietet eine automatisierte Möglichkeit, Ihre Berichte zu organisieren, mit einem Deckblatt und Miniaturskizzen, die mit einzelnen Berichten verknüpft sind. Sie können das JMP Auto-Publishing Add-In von der JMP User Community unter herunterladen https://community.jmp.com/docs/DOC-6689 .
In JMP 13 wurde das Auto-Publishing-Add-In im Menü „Ansicht: Webbericht erstellen“ in das Produkt integriert. Dieses Menü zeigt eine assistentenähnliche Benutzeroberfläche an, die Sie durch den Organisationsprozess führt und es Ihnen ermöglicht, Reihenfolge, Stile und Bilder anzupassen.Dieses Tool wurde verwendet, um alle unsere Beispiele zu erstellen http://www.jmp.com/jmphtml5/ .
Abbildung 11. JMP-Menü „Ansicht: Webbericht erstellen“.
Nur noch ein paar Dinge
Kunden haben im Laufe der Jahre eine Reihe von Funktionen angefordert. Zusätzlich zu den oben genannten Funktionen haben wir in JMP 13 Unterstützung für Folgendes hinzugefügt:
• Neue und verbesserte Profiler
• Referenzbereiche
• Werteetiketten und Wertereihenfolge
• Angeheftete Tooltips und Hover-Bilder
Drei neue eingebettete Profiler unterstützen neuronale, verallgemeinerte Regressions- und verallgemeinerte lineare Modellberichte. Außerdem haben Profiler eine verbesserte Unterstützung für adaptive Y-Achsen, formatierte X-Werte, umbrochene Layouts und Mischungsdesigns .
Abbildung 12. Verallgemeinerter Regressions-Profiler mit umbrochenem Layout
Referenzbereiche, Wertebeschriftungen und Wertereihenfolge ermöglichen aussagekräftigere Diagramme. Die folgende Grafik verwendet diese Merkmale, um die Heirats- und Scheidungsraten im Laufe der Zeit 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 über die Planeten, aufgetragen nach ihrer Entfernung von der Sonne.
Abbildung 14. Angeheftete Tooltips und Hover-Bilder
Interaktive Beispiele
In diesem Dokument wurden viele statische Bilder gezeigt, aber das ist kein Ersatz für die Interaktion mit den Webseiten selbst. Sie können alle Funktionen von JMP Interactive HTML unter erkunden http://www.jmp.com/jmphtml5/ .
Wir freuen uns auf Ihre Kommentare und Vorschläge, während wir unseren Teil von JMP weiterentwickeln.
Abbildung 15. Interaktive HTML-Beispiele für JMP 13, organisiert mit „Ansicht: Webbericht erstellen“.
Verweise
Becker R. und Cleveland W. (1987). „Streudiagramme bürsten“, Technometrie , 127-142.
Berners-Lee T. (1989). „Informationsmanagement: Ein Vorschlag“, CERN .
Crockford D. (2008). JavaScript&Doppelpunkt; Die guten Teile. O’Reilly.
Wenige S. (2013). Informations-Dashboard-Design: Anzeige von Daten für die Überwachung auf einen Blick , Zweite Ausgabe . Analytics-Presse.
Goldman D. (2011). „Der Anfang vom Ende für Adobes Flash“. CNN-Geld ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
Meyer E. (2004). Cascading Style Sheets: Der endgültige Leitfaden. O’Reilly.
SAS (2014). JMP 11 Scripting Guide, Zweite Ausgabe . SAS Institute Inc.
Stützle W. (1987). „Fenster zeichnen“, Zeitschrift der American Statistical Association, 82 , 466-475.
Valentin D., Brady B. und Kennedy, A. (2014). „Ein JMP-Add-In für die automatische Veröffentlichung interaktiver HTML-Berichte“, JMP Discovery Summit 2014 .
