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 Principal Software Developer, SAS
HTML Version 5 oder Interactive HTML unterstützt viele der explorativen Funktionen von JMP®, einschließlich Punktidentifizierung, Verknüpfung 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 je nach Verwendung im Produkt weitere Funktionen hinzu.JMP 13 bietet Unterstützung für die beliebtesten Funktionen von Graph Builder sowie weitere von Kunden gewünschte Funktionen.
In diesem Dokument wird beschrieben, wie Sie JMP-Ergebnisse mit interaktivem HTML teilen und welche neuen Funktionen in JMP 13 vorhanden sind.
Abbildung 1. Ein interaktives HTML-Dashboard: Diamantpreis, Karatgewicht, Farbe, Reinheit, 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 die Gestaltung verwendet ( http://www.w3.org/Style/CSS/ ) (Meyer, 2004) und JavaScript für die Programmierung ( http://www.ecmascript.org/ ) (Crockford, 2008).
HTML Version 4 war in der Unterstützung von Grafiken und Interaktivität eingeschränkt. Ab etwa 2011 begann HTML Version 5 mit der Unterstützung von Grafiken im Canvas-Element sowie 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 zu dieser Zeit zurückzugehen (Goldman, 2011). Als Reaktion darauf begann JMP, wie andere Softwareprodukte auch, mit der Migration seiner Technologie von Flash auf interaktives HTML.
In JMP 11 unterstützte Interactive HTML Tabellen und einfache Diagramme, einschließlich 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 von Graph Builder. Wir haben auch eine Sammlung kleinerer Funktionen bereitgestellt, die von unseren Kunden gewünscht wurden.
So verwenden Sie es
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 es 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
|
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 begrenzten Kundennachfrage testen wir interaktives HTML nicht auf Mobiltelefonen. Es funktioniert jedoch oft gut auf Telefonen mit Safari- oder Chrome-Browsern, da diese Telefonbrowser den 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, wird im Dialogfeld eine Warnung und im JMP-Protokoll eine detailliertere Meldung angezeigt, wie in den folgenden Abbildungen dargestellt.
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 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 on the Desktop Interaktivität durch die Speicherung von Daten im Speicher. Das bedeutet: Die Daten in den Grafiken werden in die Webseite eingebettet. Die Daten sind verschleiert, aber für jeden motivierten Hacker lesbar.
Es scheint, dass dieses Sicherheitsrisiko durch die Verschlüsselung der Daten gemindert werden könnte. Es kann nicht. Die Daten müssen für Webbrowser lesbar sein. Für verschlüsselte Daten wäre daher ein Entschlüsselungsschlüssel erforderlich, der auch von Webbrowsern – und von allen anderen – gelesen werden kann. Die Verschlüsselung der Daten käme dem Kauf einer teuren Einbruchalarmanlage für das eigene Haus gleich und würde dann den Schlüssel unter der Matte liegen lassen.
Sie können das Risiko reduzieren, indem Sie Anonymisierung Ihre Daten, z. B. indem Sie eine Teilmenge Ihrer Daten ohne Namens- oder ID-Spalten erstellen. Am sichersten ist es, diese Teilmenge selbst zu erstellen.Allerdings werden Spalten, die nicht im JMP-Bericht verwendet werden, 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.
Eine Alternative besteht darin, statisches HTML (HTML-Version 4) zu verwenden, das keine Daten einbettet. Im Dialog „Datei: Speichern unter“ wird HTML4 einfach als „HTML-Datei“ bezeichnet. HTML5 trägt die Bezeichnung „Interaktives HTML mit Daten“, um sowohl Interaktivität als auch Sicherheit hervorzuheben.
Abbildung 6. „Datei: Speichern unter“-Dialog 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) automatisiert werden (SAS, 2014). 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( :weight ), X( :height ), Fit Line );
obj << Interaktives HTML speichern( "C:\Bivariate.html" );
Web( "C:\Bivariate.html" );
Neue Funktionen in JMP 13
Graph Builder
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, Beschriftungsfeldern 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 der 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 interaktivem HTML verbessert. Die zweite Abbildung unten zeigt ein Dashboard mit einem effizienten Layout und Tab-Steuerelementen, 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, möchten Sie diese organisieren. In JMP 12 können Ihre Seiten einfach mithilfe des JMP Auto-Publishing Add-Ins organisiert werden (Valente, Brady und Kennedy, 2014). Dies bietet eine automatisierte Möglichkeit, Ihre Berichte zu organisieren, mit einem Deckblatt und Miniaturansichten, 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 Oberfläche im Assistentenstil an, die Sie durch den Organisationsprozess führt und es Ihnen ermöglicht, Reihenfolge, Stile und Bilder anzupassen.Mit diesem Tool haben wir alle unsere Beispiele erstellt 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 gewünscht. Zusätzlich zu den oben genannten Funktionen haben wir in JMP 13 Unterstützung für Folgendes hinzugefügt:
• Neue und verbesserte Profiler
• Referenzbereiche
• Wertbeschriftungen und Wertreihenfolge
• Angepinnte Tooltips und Hover-Bilder
Drei neue eingebettete Profiler unterstützen neuronale, generalisierte Regressions- und generalisierte lineare Modellberichte. Außerdem verfügen Profiler über eine verbesserte Unterstützung für adaptive Y-Achsen, formatierte X-Werte, umschlossene Layouts und Mischungsdesigns .
Abbildung 12. Generalisierter Regressionsprofiler mit umschlossenem Layout
Referenzbereiche, Wertebeschriftungen und Wertereihenfolge ermöglichen aussagekräftigere Diagramme. Die folgende Grafik nutzt diese Merkmale, um die Heirats- und Scheidungsraten im Zeitverlauf zu veranschaulichen.
Abbildung 13. Heirats- und Scheidungsraten
Angepinnte 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. Angepinnte Tooltips und Hover-Bilder
Interaktive Beispiele
In diesem Artikel 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. JMP 13 Interactive HTML-Beispiele, 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 Teile. O'Reilly.
Wenige S. (2013). Design des Informations-Dashboards: Anzeige von Daten für eine Überwachung auf einen Blick , Zweite Ausgabe . Analytics Press.
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). „Plotfenster“, 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 .
