Daniel Valente, PhD, Product Manager di JMP, SAS
Brady Brady, Ingegnere per l'abilitazione tecnica di JMP, SAS
Aaron Kennedy, progettista digitale senior di JMP, SAS
Astratto
È sempre bello mostrare i risultati dell'analisi dei dati da JMP direttamente in JMP. Ma in alcuni casi, potrebbe essere necessario condividere i risultati con persone che non hanno accesso al software. Il salvataggio di report HTML interattivi consente anche a chi non dispone di JMP di esplorare i dati utilizzando grafici e report dinamici. Sebbene questi report possano essere visualizzati nella maggior parte dei browser moderni, potrebbero non avere il contesto necessario per dimostrare un flusso di lavoro o un processo di analisi. In questo documento viene spiegato un nuovo componente aggiuntivo di JMP che crea una pagina Web e una struttura di cartelle per organizzare un numero arbitrario di report HTML interattivi da JMP. Questa operazione può essere eseguita senza script alla fine di una sessione di analisi, in modo che l'utente non sia costretto a lasciare il flusso di analisi per salvare i report. Gli utenti possono scegliere i report da includere nella pagina Web finale e creare una pagina indice stilizzata per aiutare una presentazione. L'output finale è incapsulato in una cartella che può essere ospitata su un server o condivisa con altri.
Questo JMP ® Il componente aggiuntivo crea pagine Web e una struttura di cartelle per fornire un numero arbitrario di report HTML interattivi da JMP. Esso non richiede che un utente scriva o abbandoni il flusso di analisi per salvare i report e può essere eseguito al termine di una sessione di analisi. Puoi scegliere i report da includere nella pagina web finale e creare una pagina indice stilizzata per facilitare la presentazione. L'output finale è incapsulato in una cartella che può essere ospitata sul server o condivisa con altri.
Di seguito è riportata la struttura della pagina Web scritta come risultato dell'esecuzione di questo componente aggiuntivo:
Puoi vedere il processo per creare un rapporto di riepilogo dei rapporti HTML5 interattivi utilizzando questo componente aggiuntivo guardando questo video dimostrativo.
https://www.youtube.com/watch?v=E6C7GZd2x6A
È sufficiente fare doppio clic sulla pagina dell'indice nella cartella e la pagina Web verrà visualizzata nel browser (come mostrato nell'immagine di avvio del report JMP di esempio, sopra). Quindi fare clic sulle icone per visualizzare i report JMP HTML interattivi.
Anche la pagina indice è costruita con HTML standard e il design è controllato da fogli di stile a cascata (CSS). I dettagli nella pagina dell'indice possono essere personalizzati direttamente in JMP, consentendo di modificare il titolo del rapporto e aggiungere descrizioni o note alle icone per agevolare la presentazione dei risultati.
Quando avvii per la prima volta il componente aggiuntivo, ti chiederà una directory in cui desideri archiviare la pagina Web creata.
Per iniziare a generare il tuo rapporto, fai clic su Aggiorna l'elenco dei rapporti pulsante per popolare l'elenco con tutti i report JMP aperti.
Se si desidera che tutti i report aperti facciano parte dell'output finale, non è necessario selezionare nulla.
Se desideri che solo un sottoinsieme dei report faccia parte del report finale, puoi selezionarli nell'elenco. Se si desidera chiudere tutti i report aperti dopo aver eseguito l'applicazione, selezionare Chiudere i report dopo l'esecuzione . Quando sei pronto per generare il rapporto, fai clic su Crea report con selezioni pulsante.
Questo genererà una tabella JMP e popolerà la directory specificata in precedenza con tre cartelle e un file HTML di indice:
- IL _css La cartella include file .css, che regolano l'aspetto e l'organizzazione della pagina indice.
- IL _html5 cartella include tutti i report HTML interattivi generati con i dati salvati da JMP.
- IL _immagini cartella include le miniature dei report JMP generati per popolare la pagina dell'indice.
- Infine c'è una pagina indice, che è il file principale per sfogliare e lanciare i tuoi report JMP.
Di seguito è riportato un esempio della tabella JMP creata, denominata Blast Queue. Se lo desideri, puoi salvare questo file nella directory in cui è stata creata la pagina web. Questa tabella JMP ti consente di regolare il layout della pagina web e ti consente anche di modificare direttamente il contenuto della pagina indice. Non è necessario modificare manualmente l'HTML per apportare modifiche.
Non modificare i dati nella colonna FileName o ImageName. Si tratta di collegamenti ai report JMP interattivi e alle miniature nella struttura del file generato. Affinché eventuali modifiche si riflettano nella pagina Web generata, è necessario eseguire il primo script nella tabella dati: Imposta directory corrente e vai alla stessa cartella in cui hai creato il rapporto quando hai eseguito il componente aggiuntivo per la prima volta.
In questa tabella sono presenti tre script che consentono di modificare l'aspetto della pagina dell'indice:
- Rapporto layout tabella: Genera una pagina indice in una griglia con un massimo di quattro passaggi di analisi consecutivi.
- Rapporto verticale (Lg. Icone): Genera una pagina indice in un elenco con icone di miniature di grandi dimensioni.
- Rapporto verticale (Sm. Icone): Genera una pagina indice in un elenco con piccole icone in miniatura.
Per fare in modo che il timestamp rifletta l'ora effettiva in cui è stato eseguito il rapporto, passare a JMP > Preferenze > Report e quindi selezionare Data Titolo in uscita . Questo scriverà la data/ora nel report JMP, che a sua volta verrà scritto nella colonna Timestamp.
È possibile modificare il nome e la descrizione del rapporto modificando il testo in tali colonne. L'ordine del rapporto sarà lo stesso della tabella, quindi per cambiare l'ordine del rapporto, basta cambiare l'ordine delle righe nella tabella. Per eliminare eventuali rapporti dalla pagina dell'indice, eliminali dalla tabella.
Funzionalità avanzate
Le miniature vengono generate automaticamente in base al primo grafico disponibile nel report. È possibile selezionare la miniatura manualmente utilizzando lo strumento di selezione; evidenziare semplicemente l'oggetto sul report JMP che si desidera utilizzare come miniatura prima di fare clic su Crea report con selezioni pulsante.
Puoi anche utilizzare il diario per generare un report nella pagina web. Questo è utile se hai una diapositiva PPT o un'immagine che desideri includere nella tua pagina web. Crea un nuovo diario e poi incolla l'immagine:
Questo verrà visualizzato nell'elenco dei rapporti e nella pagina Web successiva come immagine statica:
Se vuoi usare il tuo file CSS, puoi dire alla tabella dati dove si trova eseguendo il file Imposta file .css personalizzato copione da tavolo. Quindi, per creare il report utilizzando questo file .css personalizzato, esegui il report del file .css personalizzato copione.
È possibile aggiungere automaticamente una descrizione ai report JMP durante la sessione di analisi aggiungendo un blocco di testo subito dopo il data/timestamp. Quindi, quando il rapporto viene espulso, quel blocco di testo verrà inserito nel campo della descrizione per quella riga.
Pseudo flusso di codice/programma
- Imposta directory.
- Directory principale dei report HTML: l'utente sceglierà questa opzione in fase di esecuzione.
- Directory di base: directory con timestamp associata a questo rapporto automatico.
- sottodirectory css: contiene i file .css.
- sottodirectory html: contiene i report .html5 generati da JMP.
- sottodirectory immagini: contiene i file immagine per le miniature.
- Salva i file .css (contenuti in "defineCssTxt.jsl" nella cartella _css).
- Definire il testo di base HTML per il file indice. Include segnaposto per l'inserimento del testo HTML di ciascun report.
- Presenta la finestra di controllo all'utente:
- Ottenere un elenco di finestre aperte.
- Rimuovi da questo elenco le finestre che non contengono report.
- Cambia i nomi delle finestre per renderle univoche ed elencale nella finestra di controllo.
- Quando l'utente fa clic sul pulsante OK:
- Crea la tabella della coda, con colonne per Nome file, Nome immagine, Nome report, Descrizione e Timestamp.
- Per ogni finestra nell'elenco delle finestre:
- Aggiungi una riga alla tabella della coda.
- Aggiungi il nome della finestra alla riga corrente della tabella.
- Ottieni la struttura ad albero della finestra corrente, nascondila e ottieni il testo da essa.
- Ottieni l'immagine del primo elemento selezionato nel report o la prima immagine nel report se non è selezionato alcun elemento.
- Scrivi il nome di questa immagine nella coda.
- Ottieni il testo del diario del rapporto corrente.
- Analizzalo per ottenere il nome della piattaforma.
- Salva questo nome come nome del report predefinito per il report corrente.
- Ottieni informazioni su timestamp e descrizione per il rapporto corrente:
- Ottieni il testo del diario per il rapporto corrente.
- Ottieni timestamp e informazioni descrittive se disponibili.
- Si noti che le preferenze devono essere impostate per questi prima di eseguire il rapporto.
- Salva HTML interattivo per il report corrente.
- Ordina coda per timestamp.
- Per ogni riga in coda:
- Definire il testo HTML per un report generico, con segnaposto per le informazioni di colonna dalla coda.
- Sostituisci le informazioni sulla colonna dalla riga corrente per questi segnaposto.
- Sostituisci la stringa risultante nel testo HTML di base.
- F. Salva il file indice risultante.
- G. Se lo si desidera, chiudere tutti i rapporti.
- H. Scrivi il controllo e visualizza gli script nella tabella delle code.
Dove lo prendo?
Il componente aggiuntivo HTML5 Auto-Publishing è disponibile su JMP File Exchange. Scaricalo qui: https://community.jmp.com/docs/DOC-6118
Risorse per informazioni sui CSS
Se desideri modificare i file .css e personalizzare l'aspetto della pagina dell'indice, ecco alcune risorse per iniziare. Il primo, HTML Dog, è particolarmente adatto ai principianti e funge anche da buona fonte di riferimento. Viene aggiornato regolarmente per rimanere aggiornato. Il secondo collegamento è CSS-tricks di Chris Coyier, che è più orientato agli utenti intermedi/avanzati.
HTML Cane: http://www.htmldog.com/guides/css/beginner /
Trucchi CSS: http://css-tricks.com /
Commenti e Suggerimenti
Si prega di inviare commenti, domande e suggerimenti a Daniel.Valente@jmp.com O Brady.Brady@jmp.com .
