Daniel Valente, PhD, JMP-Produktmanager, SAS
Brady Brady, JMP Technical Enablement Engineer, SAS
Aaron Kennedy, leitender Digitaldesigner bei JMP, SAS
Abstrakt
Es ist immer schön, Ihre Datenanalyseergebnisse aus JMP direkt in JMP anzuzeigen. In einigen Fällen müssen Sie die Ergebnisse jedoch möglicherweise mit Personen teilen, die keinen Zugriff auf die Software haben. Durch das Speichern interaktiver HTML-Berichte können sogar diejenigen, die nicht über JMP verfügen, die Daten mithilfe dynamischer Diagramme und Berichte untersuchen. Obwohl diese Berichte in den meisten modernen Browsern angezeigt werden können, fehlt ihnen möglicherweise der erforderliche Kontext, um einen Arbeitsablauf oder einen Analyseprozess zu demonstrieren. In diesem Whitepaper wird ein neues JMP-Add-In erläutert, das eine Webseite und eine Ordnerstruktur erstellt, um eine beliebige Anzahl interaktiver HTML-Berichte aus JMP zu organisieren. Dies kann am Ende einer Analysesitzung ohne Skripterstellung erfolgen, sodass der Benutzer nicht gezwungen ist, den Analysefluss zu verlassen, um Berichte zu speichern. Benutzer können Berichte auswählen, die in die endgültige Webseite aufgenommen werden sollen, und eine stilisierte Indexseite erstellen, um eine Präsentation zu unterstützen. Die endgültige Ausgabe wird in einem Ordner gekapselt, der auf einem Server gehostet oder mit anderen geteilt werden kann.

Dieser JMP ® Add-In erstellt Webseiten und eine Ordnerstruktur, um eine beliebige Anzahl interaktiver HTML-Berichte von JMP bereitzustellen. Es erfordert nicht, dass ein Benutzer ein Skript erstellt oder den Analysefluss verlässt, um Berichte zu speichern, und kann am Ende einer Analysesitzung durchgeführt werden. Sie können Berichte auswählen, die in die endgültige Webseite aufgenommen werden sollen, und eine stilisierte Indexseite erstellen, um die Präsentation zu unterstützen. Die endgültige Ausgabe wird in einem Ordner gekapselt, der auf dem Server gehostet oder mit anderen geteilt werden kann.
Unten ist die Webseitenstruktur, die als Ergebnis der Ausführung dieses Add-Ins geschrieben wurde:

In diesem Demovideo können Sie den Vorgang zum Erstellen eines zusammenfassenden Berichts interaktiver HTML5-Berichte mit diesem Add-In sehen.
https://www.youtube.com/watch?v=E6C7GZd2x6A
Doppelklicken Sie einfach auf die Indexseite im Ordner, und die Webseite wird in Ihrem Browser angezeigt (wie oben im Startbild des Beispiel-JMP-Berichts gezeigt). Klicken Sie dann auf die Symbole, um die interaktiven HTML-JMP-Berichte anzuzeigen.
Die Indexseite wird ebenfalls mit Standard-HTML erstellt, und das Design wird durch Cascading Style Sheets (CSS) gesteuert. Die Details auf der Indexseite können direkt in JMP angepasst werden, sodass Sie den Berichtstitel ändern und Beschreibungen oder Anmerkungen zu den Symbolen hinzufügen können, um die Präsentation Ihrer Ergebnisse zu unterstützen.
Wenn Sie das Add-In zum ersten Mal starten, werden Sie nach einem Verzeichnis gefragt, in dem Sie die erstellte Webseite speichern möchten.
Um mit der Erstellung Ihres Berichts zu beginnen, klicken Sie auf Berichtsliste aktualisieren Schaltfläche, um die Liste mit allen geöffneten JMP-Berichten zu füllen.
Wenn Sie möchten, dass alle geöffneten Berichte Teil der endgültigen Ausgabe sind, müssen Sie nichts auswählen.
Wenn nur eine Teilmenge der Berichte Teil des Abschlussberichts sein soll, können Sie diese in der Liste auswählen. Wenn Sie nach dem Ausführen der Anwendung alle geöffneten Berichte schließen möchten, wählen Sie aus Berichte nach Ausführung schließen . Wenn Sie bereit sind, den Bericht zu erstellen, klicken Sie auf Erstellen Sie einen Bericht mit Auswahlen Taste.
Dadurch wird eine JMP-Tabelle generiert und das zuvor angegebene Verzeichnis mit drei Ordnern und einer Index-HTML-Datei gefüllt:
- Der _css Der Ordner enthält .css-Dateien, die das Aussehen und die Organisation der Indexseite anpassen.
- Der _html5 enthält alle generierten interaktiven HTML-Berichte mit von JMP gespeicherten Daten.
- Der _Bilder Der Ordner enthält Miniaturansichten der JMP-Berichte, die zum Füllen der Indexseite generiert wurden.
- Schließlich gibt es eine Indexseite, die die Hauptdatei zum Durchsuchen und Starten Ihrer JMP-Berichte ist.
Unten sehen Sie ein Beispiel der erstellten JMP-Tabelle mit dem Namen Blast Queue. Wenn Sie möchten, können Sie diese Datei in dem Verzeichnis speichern, in dem die Webseite erstellt wird. Mit dieser JMP-Tabelle können Sie das Layout der Webseite anpassen und auch den Inhalt der Indexseite direkt bearbeiten. Sie müssen den HTML-Code nicht manuell bearbeiten, um Änderungen vorzunehmen.
Ändern Sie nicht die Daten in der Spalte FileName oder ImageName. Dies sind Links zu den interaktiven JMP-Berichten und Miniaturansichten in der generierten Dateistruktur. Damit Änderungen auf der generierten Webseite wiedergegeben werden, müssen Sie das erste Skript in der Datentabelle ausführen: Aktuelles Verzeichnis festlegen , und navigieren Sie zu demselben Ordner, in dem Sie den Bericht erstellt haben, als Sie das Add-In zum ersten Mal ausgeführt haben.
In dieser Tabelle befinden sich drei Skripte, mit denen Sie das Aussehen der Indexseite anpassen können:
- Tabellenlayoutbericht: Erzeugt eine Indexseite in einem Raster mit bis zu vier Analyseschritten hintereinander.
- Vertikaler Bericht (Lg. Symbole): Erzeugt eine Indexseite in einer Liste mit großen Vorschaubildern.
- Vertikaler Bericht (Sm. Symbole): Erzeugt eine Indexseite in einer Liste mit kleinen Vorschaubildern.
Damit der Zeitstempel die tatsächliche Zeit widerspiegelt, zu der der Bericht ausgeführt wurde, navigieren Sie zu JMP > Einstellungen > Berichte und dann auswählen Datumstitel bei Ausgabe . Dadurch werden Datum und Uhrzeit in den JMP-Bericht geschrieben, der wiederum in die Spalte Timestamp geschrieben wird.
Sie können den Berichtsnamen und die Beschreibung ändern, indem Sie den Text in diesen Spalten bearbeiten. Die Reihenfolge des Berichts ist dieselbe wie in der Tabelle. Um die Berichtsreihenfolge zu ändern, ändern Sie einfach die Reihenfolge der Zeilen in der Tabelle. Um Berichte von der Indexseite zu löschen, löschen Sie sie aus der Tabelle.
Erweiterte Funktionen
Miniaturansichten werden automatisch basierend auf der ersten verfügbaren Grafik im Bericht generiert. Sie können die Miniaturansicht manuell auswählen, indem Sie das Auswahlwerkzeug verwenden; Markieren Sie einfach das Objekt im JMP-Bericht, das Sie als Miniaturansicht verwenden möchten, bevor Sie auf klicken Erstellen Sie einen Bericht mit Auswahlen Taste.
Sie können das Journal auch verwenden, um einen Bericht auf der Webseite zu erstellen. Dies ist nützlich, wenn Sie eine PPT-Folie oder ein Bild haben, das Sie in Ihre Webseite einfügen möchten. Erstellen Sie ein neues Journal und fügen Sie dann das Bild ein:

Dies wird auf der Berichtsliste und der nachfolgenden Webseite als statisches Bild angezeigt:

Wenn Sie Ihre eigene CSS-Datei verwenden möchten, können Sie der Datentabelle mitteilen, wo sich diese befindet, indem Sie die ausführen Legen Sie eine benutzerdefinierte CSS-Datei fest Tabellenskript. Führen Sie dann aus, um den Bericht mithilfe dieser benutzerdefinierten CSS-Datei zu erstellen den benutzerdefinierten CSS-Dateibericht Skript.
Sie können Ihren JMP-Berichten während der Analysesitzung automatisch eine Beschreibung hinzufügen, indem Sie direkt nach dem Daten-/Zeitstempel einen Textblock hinzufügen. Wenn der Bericht gesprengt wird, wird dieser Textblock dann in das Beschreibungsfeld für diese Zeile gezogen.

Pseudocode/Programmablauf
- Verzeichnisse einrichten.
- Root-HTML-Berichtsverzeichnis: Der Benutzer wählt dies zur Laufzeit aus.
- Basisverzeichnis: Verzeichnis mit Zeitstempel, das diesem automatischen Bericht zugeordnet ist.
- css-Unterverzeichnis: enthält .css-Dateien.
- html-Unterverzeichnis: enthält .html5-Berichte, die von JMP generiert wurden.
- Unterverzeichnis images: enthält Bilddateien für Thumbnails.
- Speichern Sie CSS-Dateien (enthalten in „defineCssTxt.jsl“ im Ordner „_css“).
- Definieren Sie den HTML-Basistext für die Indexdatei. Enthält Platzhalter zum Einfügen des HTML-Textes jedes Berichts.
- Präsentieren Sie dem Benutzer das Steuerungsfenster:
- Rufen Sie eine Liste der geöffneten Fenster ab.
- Entfernen Sie aus dieser Liste Fenster, die keine Berichte enthalten.
- Ändern Sie Fensternamen, um sie eindeutig zu machen, und listen Sie sie im Steuerungsfenster auf.
- Wenn der Benutzer auf die Schaltfläche OK klickt:
- Erstellen Sie die Warteschlangentabelle mit Spalten für Dateiname, Bildname, Berichtsname, Beschreibung und Zeitstempel.
- Für jedes Fenster in der Fensterliste:
- Fügen Sie der Warteschlangentabelle eine Zeile hinzu.
- Fügen Sie den Fensternamen der aktuellen Zeile der Tabelle hinzu.
- Holen Sie sich die Baumstruktur des aktuellen Fensters, blenden Sie es aus und erhalten Sie den Text daraus.
- Holen Sie sich das Bild des ersten ausgewählten Elements im Bericht oder das erste Bild im Bericht, wenn kein Element ausgewählt ist.
- Schreiben Sie den Namen dieses Bildes in die Warteschlange.
- Journaltext des aktuellen Berichts abrufen.
- Analysieren Sie es, um den Plattformnamen zu erhalten.
- Speichern Sie diesen Namen als Standardberichtsnamen für den aktuellen Bericht.
- Zeitstempel und Beschreibungsinformationen für den aktuellen Bericht abrufen:
- Journaltext für aktuellen Bericht abrufen.
- Holen Sie sich Zeitstempel und beschreibende Informationen, falls verfügbar.
- Beachten Sie, dass für diese Voreinstellungen festgelegt werden müssen, bevor der Bericht ausgeführt wird.
- Speichern Sie interaktives HTML für den aktuellen Bericht.
- Warteschlange nach Zeitstempel sortieren.
- Für jede Zeile in der Warteschlange:
- Definieren Sie HTML-Text für einen allgemeinen Bericht mit Platzhaltern für Spalteninformationen aus der Warteschlange.
- Ersetzen Sie diese Platzhalter durch Spalteninformationen aus der aktuellen Zeile.
- Ersetzen Sie die resultierende Zeichenfolge in den Basis-HTML-Text.
- F. Speichern Sie die resultierende Indexdatei.
- G. Schließen Sie bei Bedarf alle Berichte.
- H. Schreiben Sie Steuerungs- und Anzeigeskripts in die Warteschlangentabelle.
Wo bekomme ich es her?
Das HTML5 Auto-Publishing-Add-In ist auf JMP File Exchange verfügbar. Hier herunterladen: https://community.jmp.com/docs/DOC-6118
Ressourcen für Informationen zu CSS
Wenn Sie die .css-Dateien bearbeiten und das Aussehen der Indexseite anpassen möchten, finden Sie hier einige Ressourcen für den Einstieg. Das erste, HTML Dog, eignet sich besonders gut für Anfänger und dient auch als gute Referenzquelle. Es wird regelmäßig aktualisiert, um auf dem neuesten Stand zu bleiben. Der zweite Link sind die CSS-Tricks von Chris Coyier, die eher auf fortgeschrittene/fortgeschrittene Benutzer ausgerichtet sind.
HTML-Hund: http://www.htmldog.com/guides/css/beginner /
CSS-Tricks: http://css-tricks.com /
Kommentare und Vorschläge
Bitte senden Sie Kommentare, Fragen und Anregungen an Daniel.Valente@jmp.com oder Brady.Brady@jmp.com .