Heman Robinson, JMP-Hauptsoftwareentwickler, SAS
John Powell, 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, per E-Mail an Kollegen gesendet oder in einem Cloud-Speicherdienst geteilt 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: Bürotemperaturen
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, sind der dreidimensionale Profiler und die daneben liegenden Steuerelemente statisch.
Abbildung 5. Interaktiver 2D-Profiler mit statischem 3D-Profiler
Weitergabe 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. Gehen Sie daher davon aus, dass Sie beim Teilen interaktiver HTML-Dateien auch Ihre Daten teilen.
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 Datenaustausch zu betonen.
Abbildung 6. Dialogfeld „Datei: Speichern unter“ für statisches HTML (HTML4)
Abbildung 7. Dialogfeld „Datei: Speichern unter“ für interaktives HTML (HTML5)
So teilen Sie
Wir haben das Teilen interaktiver HTML-Dateien vereinfacht, indem wir Bilder und Daten in eine Datei eingebettet haben. Obwohl jede Datei als eigenständige Webseite gilt, muss sie nicht auf einem Webserver bereitgestellt werden, um sie teilen zu können. Sie kann wie jede andere Datei verteilt werden. Da diese Dateien jedoch groß werden können, lohnt es sich, Alternativen zum Erstellen mehrerer Kopien in Betracht zu ziehen. Das Versenden einer interaktiven HTML-Datei als Anhang per E-Mail mag einfach erscheinen, erstellt aber bei jeder Weiterleitung eine Kopie. Es kann zudem enttäuschend sein, wenn der Empfänger versucht, eine Vorschau des Anhangs anzuzeigen. In vielen Fällen schlägt die Vorschau fehl, da die Vorschaufunktion des E-Mail-Programms oft kein moderner oder vollständiger Webseiten-Viewer ist und unsere interaktiven HTML-Dateien nicht anzeigen kann.
Eine einfache Möglichkeit, interaktive HTML-Dateien innerhalb eines Unternehmens zu teilen, besteht darin, die Datei direkt an einem freigegebenen Netzwerkspeicherort zu speichern und diesen per E-Mail an die gewünschten Empfänger zu senden. Wenn Sie den Netzwerkpfad in eine E-Mail kopieren, fügt Ihr E-Mail-Programm wahrscheinlich einen Hyperlink in die E-Mail ein, sodass die Empfänger einfach darauf klicken können, um die Datei in ihrem Standardbrowser anzuzeigen.
Eine weitere Möglichkeit zum Teilen interaktiver HTML-Dateien ist die Nutzung von Cloud-Speicher- und Dateifreigabediensten (Muchmore und Duffy, 2017) wie Dropbox, Google Drive oder Microsoft OneDrive. Mit diesen Diensten können Sie Dateien an einem bestimmten Ort auf Ihrem Computer speichern, und die Datei wird automatisch in die Cloud kopiert. Dort angekommen, kann die Datei oder das Dateiverzeichnis mit anderen geteilt werden. Jeder Dienst verfügt über eigene Freigabemechanismen. In der Regel wird jedoch ein Link zur Datei in der Cloud erstellt und per E-Mail an eine oder mehrere Personen gesendet. Vorsicht: Diese Dienste bieten auch HTML-Dateivorschauen an, die unsere interaktiven HTML-Dateien möglicherweise nicht anzeigen können.
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");
Bericht = Bivariate(Y(:Gewicht), X(:Größe), Anpassungslinie);
Bericht << 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
Speichern mehrerer Berichte als interaktives HTML
Um mehrere Berichte schnell als interaktives HTML zu speichern und in einem Webbericht zu organisieren, verwenden Sie „Ansicht: Webbericht erstellen“. Dieses Menü zeigt eine Assistentenoberfläche an, die Sie durch den Organisationsprozess führt und Ihnen ermöglicht, 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
- Bilder in angepinnten und Popup-Tipps
Drei neue eingebettete Profiler unterstützen neuronale, generalisierte Regressions- und generalisierte lineare Modellberichte. Darüber hinaus bieten Profiler 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
Bilder in angehefteten und Popup-Tipps 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. Bilder in angehefteten und Popup-Tipps
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, 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). „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.
Muchmore M. und Duffy J. (2017) „Die besten Cloud-Speicher- und File-Sharing-Dienste des Jahres 2017“
( https://www.pcmag.com/roundup/306323/the-best-cloud-storage-providers-and-file-syncing-services )
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.
