Heman Robinson, Haupt-Softwareentwickler von JMP, SAS
John Powell, Haupt-Softwareentwickler von JMP, SAS
HTML Version 5 oder Interactive HTML unterstützt viele der Untersuchungsfunktionen von JMP®, einschließlich Punktidentifizierung, Verlinkung und Brushing (Becker und Cleveland, 1987; Stuetzle, 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, 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: Bürotemperaturen
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, einschließlich 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. Dialog "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
|
Die 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ützten Funktionen
Figur 4. Protokollmeldung
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 Protokollmeldung anzeigt, sind der dreidimensionale Profiler und die Steuerelemente daneben statisch.
Abbildung 5. Interaktiver 2D-Profiler mit statischem 3D-Profiler
Teilen 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. Gehen Sie also am besten davon aus, dass Sie beim Freigeben von interaktiven HTML-Dateien auch Ihre Daten freigeben.
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 die Interaktivität als auch die gemeinsame Nutzung von Daten hervorzuheben.
Abbildung 6. Dialog „Datei: Speichern unter“ für statisches HTML (HTML4)
Abbildung 7. Dialog "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 einer Datei eingebettet haben. Obwohl jede Datei als eigenständige Webseite betrachtet wird, muss sie nicht auf einem Webserver verfügbar gemacht werden, um sie freizugeben. Es kann wie jede Datei verteilt werden. Diese Dateien können jedoch groß werden, sodass es sich lohnen könnte, Alternativen zum Erstellen mehrerer Kopien in Betracht zu ziehen. Das Versenden einer interaktiven HTML-Datei als Anhang per E-Mail mag einfach erscheinen, erstellt jedoch bei jeder Weiterleitung der E-Mail eine Kopie. Es kann auch enttäuschend sein, wenn der Empfänger versucht, eine Vorschau des Anhangs anzuzeigen. In vielen Fällen schlägt die Vorschau fehl, weil 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 Alternative zum Freigeben einer interaktiven HTML-Datei innerhalb eines Unternehmens besteht darin, die Datei direkt an einem freigegebenen Netzwerkspeicherort zu speichern und den Speicherort 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 andere Möglichkeit, interaktive HTML-Dateien zu teilen, ist die Verwendung eines Cloud-Speicher- und Dateifreigabedienstes (Muchmore und Duffy, 2017) wie Dropbox, Google Drive oder Microsoft OneDrive. Mit diesen Diensten können Sie an einem bestimmten Ort auf Ihrem Computer speichern und die Datei wird automatisch in die Cloud kopiert. Einmal in der Cloud kann die Datei oder das Dateiverzeichnis mit anderen geteilt werden. Jeder Dienst hat seinen eigenen Mechanismus zum Teilen, aber sie erstellen normalerweise einen Link zu der Datei in der Cloud und senden den Link per E-Mail an eine oder mehrere Personen. Ein Wort der Vorsicht ist, dass diese Dienste auch HTML-Dateivorschauen anbieten, die möglicherweise nicht in der Lage sind, unsere interaktiven HTML-Dateien anzuzeigen.
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" );
Bericht = Bivariate( Y( :Gewicht ), X( :Höhe ), Anpassungslinie );
Bericht << Interaktives HTML speichern ( "C:\Bivariat.html" );
Netz ( "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
Speichern mehrerer Berichte als interaktives HTML
Um mehrere Berichte schnell als interaktives HTML zu speichern und sie in einem Webbericht zu organisieren, verwenden Sie "Ansicht: Webbericht erstellen". 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
- Wertetiketten und Wertreihenfolge
- Bilder in angehefteten und Popup-Tipps
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 Bilder und Popup-Tipps 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. Bilder in angehefteten und Popup-Tipps
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.JMP 13 Interaktive HTML-Beispiele, 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.
Goldmann D. (2011). "Der Anfang vom Ende für Adobes Flash". CNN-Geld ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
Meier E. (2004). Cascading Style Sheets: Der endgültige 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). "Fenster zeichnen", Zeitschrift der American Statistical Association, 82 , 466-475.
