Teilen interaktiver Webberichte von JMP®Heman Robinson, JMP Principal Software Developer, SAS
In den letzten zwanzig Jahren gab es eine Reihe konkurrierender Technologien zur Unterstützung interaktiver Webseiten.Schließlich hat sich die Branche auf eine Technologie standardisiert und JMP® hat damit begonnen, Berichte in HTML Version 5, also interaktivem HTML, anzubieten.
Interaktives HTML unterstützt viele der explorativen Funktionen von JMP, einschließlich Punktidentifizierung, Verknüpfung und Brushing. Gespeicherte Berichte können über das Web geteilt oder per E-Mail an Kollegen gesendet werden. In diesem Dokument wird beschrieben, wann und wie interaktives HTML zum Teilen von JMP-Ergebnissen verwendet wird.
Hintergrund
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).
Ab Version 4 war die Unterstützung von Grafiken und Interaktivität für HTML eingeschränkt. Die zur Schließung dieser Lücke entwickelten Technologien waren meist Browsererweiterungen oder „Plug-ins“. Dazu gehören Java-Applets, ActiveX-Steuerelemente, Flash und Silverlight.
Ab etwa 2011 begannen Webbrowser, das neue HTML-Canvas-Element für Grafiken und neue Steuerelemente wie Schieberegler für Interaktivität zu unterstützen. Zu dieser Zeit begann der Niedergang konkurrierender Technologien und die Unterstützung interaktiver Webseiten begann mit HTML5. Die folgende Abbildung zeigt diesen Trend hinsichtlich der Keyword-Häufigkeiten in Anzeigen auf der Jobbörse Indeed.com ( http://www.indeed.com/ ).
Abbildung 1. Stellenausschreibungen für interaktive Webtechnologien
Als Reaktion auf diesen Trend hat JMP, wie andere Softwareprodukte auch, die Webentwicklung von Flash auf interaktives HTML verlagert. Ein JMP Interactive HTML-Bericht ist eine einzelne HTML-Datei, die geteilt werden kann von:
- es im Internet veröffentlichen,
- Speichern Sie es in einem freigegebenen Ordner oder
- per E-Mail an einen Kollegen senden.
Figur 2. Interaktiver JMP-HTML-Bericht
Wann sollte man es verwenden?
Interaktives HTML erfordert eingebettete Daten. Welche Daten auch immer zur Erstellung der Diagramme verwendet werden, diese Daten werden in die Webseite eingebettet. Die Daten sind verschleiert, aber für einen motivierten Hacker lesbar.
Es könnte den Anschein haben, dass dieses Sicherheitsrisiko durch die Verschlüsselung der Daten gemindert werden könnte. Das geht 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 ein gewisses Risiko beseitigen, 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 die Daten für Sie effektiv anonymisiert.
Wenn Sie sensible Daten analysieren, können Sie jederzeit das statische HTML-Format (HTML Version 4) verwenden, das die Daten nicht 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.
Figur 3. „Datei: Speichern unter“-Dialoge für statisches HTML (HTML4) und interaktives HTML (HTML5)
Neben eingebetteten Daten erfordert Interactive HTML auch einen modernen Webbrowser. Unter Windows unterstützt Internet Explorer Version 8 HTML Version 5 nicht und die IE-Versionen 9 und 10 unterstützen nur Teile davon. Der Standard-Android-Browser ist älter und langsamer, und Chrome und andere Browser können einfach heruntergeladen werden.
Ab 2015 empfiehlt JMP interaktives HTML für die folgenden Browser und Geräte:
- IE 11 und Edge unter Windows
- Firefox unter Windows und Mac
- Opera unter Windows und Mac
- Chrome auf Windows-, Mac- und Android-Tablets
- Safari auf Mac und iPad
- Seide auf Kindle Fire
Sie testen interaktives HTML nicht auf Telefonen. Auf den neueren iPhone- und Android-Handys funktioniert es jedoch oft gut. Leistung und Funktionen variieren je nach Telefon stark.
Wie man es benutzt
Speichern des Berichts
Um einen Bericht im HTML5-Format zu speichern, wählen Sie „Datei: Speichern unter:“ unter Windows oder „Datei: Exportieren“ auf dem Mac und geben Sie das Format „Interaktives HTML mit Daten“ an.
Figur 4. Dialogfeld „Datei: Speichern unter“ für interaktives HTML (HTML5)
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 angezeigt, wie in Abbildung 5 dargestellt. In diesem Fall wird ein Teil Ihres Berichts als statisches Bild exportiert, genau wie in Static HTML4.
Abbildung 5. Warnung vor nicht unterstützten Funktionen
Umrisse
Wenn Sie einen interaktiven HTML-Bericht erstellen, bleiben Diagramme und Tabellen, die beim Erstellen der Seite geschlossen waren, auf der Webseite geschlossen, bis Sie sie öffnen. Öffnen oder schließen Sie Berichtsabschnitte, indem Sie auf die Gliederungsschaltflächen im Bericht klicken oder darauf tippen.
Die folgende Abbildung zeigt, wie Sie die Tabelle „Lack of Fit“ öffnen. Die Tabellen „Varianzanalyse“ und „Parameterschätzungen“ sind bereits geöffnet.
Abbildung 6: Verwenden der Gliederungsschaltflächen
JMP Interactive HTML verwendet eine „Mobile First“-Strategie für das Design der Benutzeroberfläche (Wroblewski, 2011).Wenn Sie einen interaktiven HTML-Bericht erstellen, wissen Sie nicht immer, auf welchen Geräten er gelesen wird. Aus diesem Grund sind Steuerelemente wie Schaltflächen groß und einfach zu bedienen, sowohl auf Desktop- als auch auf Mobilgeräten.
Menüs
Verwenden Sie die Menüs, um den Status oder das Erscheinungsbild von Berichtsinhalten zu ändern. Der Inhalt des Menüs hängt vom Inhalt der zugehörigen Gliederung ab. Beispielsweise verfügt der Profiler über ein einziges Menü zum Zurücksetzen seines Status.
Abbildung 7: Verwenden des Profiler-Menüs
Der Bubble Plot verfügt über ein umfangreiches Menüsystem zum Ändern seines Aussehens und Verhaltens.
Abbildung 8: Verwenden des Blasendiagramm-Menüs
Modi
Betreffend Modi Bei Benutzeroberflächen lautet der traditionelle Design-Rat: „Vermeiden Sie sie, wenn möglich“ (Nielsen, 1993).Um ein so interaktives Produkt wie JMP zu unterstützen, sind jedoch einige Modi erforderlich.
Ein bekanntes Beispiel sind Auswahlmodi. Möglicherweise möchten Sie entweder einzelne Objekte oder mehrere Objekte auswählen. Einzelauswahl und Mehrfachauswahl sind zwei verschiedene Modi.
In Desktop-Produkten werden die Umschalt- und Strg-Tasten verwendet, um zwischen den Auswahlmodi zu wechseln. Auf mobilen Geräten sind diese Schlüssel jedoch nicht vorhanden.
Aus diesem Grund werden die Auswahlmodi als Umschalttastenpaar oben auf der Seite angezeigt. Standardmäßig ist die erste Taste in diesem Paar gedrückt. Dadurch können Sie jeweils ein Objekt auswählen und alle anderen abwählen.
Abbildung 9: Auswahl einzelner Objekte
Um mehrere Objekte auszuwählen, klicken oder tippen Sie auf die zweite Umschalttaste. Dadurch können Sie mehrere Objekte auswählen oder die Auswahl aufheben.
In der Abbildung unten wurden drei Histogrammbalken ausgewählt. Wie in JMP sind alle Diagramme so verlinkt , sodass in einem Diagramm ausgewählte Zeilen in allen Diagrammen hervorgehoben werden (Becker und Cleveland, 1987) (Stützle, 1987).
Abbildung 10: Auswahl mehrerer Objekte
Es gibt einen nützlichen Unterschied zwischen dem Verhalten der Umschalt- und Strg-Tasten und den Umschalttasten. Die Tasten ermöglichen einen temporären Moduswechsel, was tendenziell Benutzerfehler reduziert (Raskin 2000). Die Umschalttasten ermöglichen einen dauerhaften Moduswechsel, der auf Mobilgeräten einfacher und leichter zu erlernen ist. Wenn Sie einen interaktiven HTML-Bericht auf einem Desktop anzeigen, werden beide Verhaltensweisen unterstützt.
Das zweite Paar Umschalttasten wechselt den Fokus vom gesamten Bericht auf die Daten. Standardmäßig ist die erste Taste in diesem Paar gedrückt. Auf Mobilgeräten können Sie mit dieser ersten Umschalttaste im Bericht scrollen und zoomen. Auf allen Geräten ermöglicht es Ihnen, Objekte im Bericht zu identifizieren. Fast alle Objekte in interaktiven HTML-Berichten können einige identifizierende Informationen anzeigen.
Abbildung 11: Identifizieren von Objekten
Die folgende Grafik zeigt eine bivariate Anpassung mit Iris.jmp, einer JMP-Beispieldatentabelle, die Fishers Messungen von drei verschiedenen Irisarten enthält. Ein Datenpunkt wurde mit seinen X- und Y-Koordinaten und der Zeilennummer identifiziert. Die folgende Tabelle zeigt a P -Wert mit der zugehörigen Beschreibung.
Abbildung 12: Identifizieren von Datenwerten
Abbildung 13: Beschreibung von a P -Wert
Sie möchten nicht immer Objekte identifizieren oder den Bericht manipulieren. Ihr Ziel besteht oft darin, die Daten zu untersuchen. Durch Klicken oder Tippen auf die zweite Umschalttaste können Sie ein Rechteck ziehen, um Zeilen in Diagrammen auszuwählen. Das nennt man Bürsten , eine wichtige Technik zur Untersuchung multivariater Daten (Becker und Cleveland, 1987). Ziehen Sie an der Mitte des Rechtecks, um es zu verschieben, oder an den Ecken, um seine Größe zu ändern.
Abbildung 14: Bürsten der Daten
Für zusätzliche Leistung können die Modi kombiniert werden. Wenn Sie einen Pinsel mit Mehrfachauswahl verwenden, erweitert der Pinsel die Auswahl und „malt“ die Daten, wie in der Abbildung unten gezeigt.
Diese beiden Moduspaare unterstützen die gebräuchlichsten und nützlichsten interaktiven Funktionen für die Datenexploration. JMP bietet eine Vielzahl zusätzlicher Modi, von denen viele in einer Werkzeugpalette aufgeführt sind (Cooper und Reimann, 2003). Die Tool-Palette-Metapher ist in Webanwendungen aufgrund der schlechten Cursorunterstützung weniger nützlich, einige dieser Modi werden jedoch möglicherweise in zukünftigen Versionen unterstützt.
Abbildung 15: Bürsten mit Mehrfachauswahl
So automatisieren Sie es
Interaktive HTML-Berichte können mithilfe der JMP Scripting Language (JSL) automatisiert werden (SAS, 2014). Ein neuer Befehl „Interaktives HTML speichern“ aktiviert diese Funktion.
// 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" );
Open( "C:\Bivariate.html" );
Im obigen Skript folgt auf den Befehl „Interaktives HTML speichern“ ein Befehl „Öffnen“. Dadurch wird der Bericht automatisch in Ihrem Standard-Webbrowser angezeigt.
So organisieren Sie es
Wenn Sie viele interaktive HTML-Berichte erstellen, profitieren Sie vom JMP Auto-Publishing Add-In (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. Laden Sie das JMP Auto-Publishing Add-In von der JMP User Community unter herunter https://community.jmp.com/docs/DOC-6689 .
Das JMP Auto-Publishing Add-In hat das folgende Deckblatt für unsere Beispiele generiert unter http://www.jmp.com/jmphtml5/ .
Abbildung 16.Mit dem JMP Auto-Publishing-Add-In organisierte Berichte
Zukünftige Arbeit
Die Entwicklung dieses Projekts wird durch die Kundennachfrage vorangetrieben. Die am häufigsten verwendeten Tabellen und Grafiken werden in JMP 11 unterstützt. Blasendiagramme und Profiler wurden in JMP 12 hinzugefügt.
Für zukünftige Versionen besteht eine erhebliche Nachfrage nach GraphBuilder. Wir hoffen auch, das JMP Auto-Publishing Add-In in das Hauptprodukt integrieren zu können und sind an Kundenwünschen sehr interessiert.
Verweise
Becker R. und Cleveland W. (1987). „Bürsten von Streudiagrammen“, Technometrie , 127-142.
Berners-Lee T. (1989). „Informationsmanagement: Ein Vorschlag“, CERN .
Cooper A. und Reimann R (2003). Über Face 2.0: Die Grundlagen des Interaktionsdesigns . Wiley, 322-323.
Crockford D. (2008). Javascript: Die guten Teile. O'Reilly.
Meyer E. (2004). Cascading Style Sheets: Der endgültige Leitfaden. O'Reilly.
Nielsen J. (1993). Usability-Engineering. Akademische Presse, 146-148.
Raskin J. (2000). Die menschliche Schnittstelle: Neue Wege für die Gestaltung interaktiver Systeme . ACM Press, 55-59.
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 .
Wroblewski L. (2011). Mobil zuerst . Ein Buch für sich.
DatenexplorationDatenvisualisierung
