Nota dell'editore: questo articolo è stato selezionato come il miglior articolo su invito dai partecipanti al JMP Discovery Summit 2016.
Hemann Robinson heman.robinson , Principale sviluppatore di software JMP, SAS
La versione HTML 5, o HTML interattivo, supporta molte delle funzionalità esplorative di JMP®, tra cui l'identificazione dei punti, il collegamento e il brushing (Becker e Cleveland, 1987; Stuetzle, 1987). I report salvati possono essere caricati su un server Web, inseriti in una cartella condivisa o inviati tramite email ai colleghi. I report possono essere visualizzati in qualsiasi browser Web moderno.
L'HTML interattivo è stato introdotto nella versione 11 di JMP e ogni versione successiva aggiunge ulteriori funzionalità in base al loro utilizzo nel prodotto.JMP 13 aggiunge il supporto per le funzionalità più popolari di Graph Builder, insieme ad altre funzionalità richieste dai clienti.
Questo documento descrive come condividere i risultati di JMP con Interactive HTML e le nuove funzionalità di JMP 13.
Figura 1. Un dashboard HTML interattivo: prezzo del diamante, peso in carati, colore, purezza, taglio
Storia
HTML, o HyperText Markup Language, è la tecnologia che definisce la struttura di tutte le pagine Web ( http://www.w3.org/html/ ) (Berners-Lee, 1989). L'HTML viene utilizzato insieme ai fogli di stile CSS per lo styling ( http://www.w3.org/Style/CSS/ ) (Meyer, 2004) e JavaScript per la programmazione ( http://www.ecmascript.org/ ) (Crockford, 2008).
La versione 4 di HTML era limitata nel supporto per la grafica e l'interattività. A partire dal 2011 circa, la versione 5 di HTML ha iniziato a supportare la grafica nell'elemento canvas, insieme a nuovi controlli come i cursori per l'interattività.
Supporto per Adobe Flash ( http://www.adobe.com/products/flashplayer.html ) e altre tecnologie concorrenti iniziarono a declinare in questo periodo (Goldman, 2011). In risposta, JMP, come altri prodotti software, ha iniziato a migrare la propria tecnologia da Flash a HTML interattivo.
In JMP 11, l'HTML interattivo supportava tabelle e grafici semplici, inclusi grafici a dispersione, istogrammi, linee, ellissi e grafici a riquadri.
In JMP 12 sono stati aggiunti i grafici a bolle e i profiler, oltre al supporto per i tablet.
In JMP 13, Interactive HTML supporta le funzionalità più popolari del Costruttore di grafici. Abbiamo anche fornito una raccolta di funzionalità più piccole richieste dai nostri clienti.
Come usarlo
Salvataggio del rapporto JMP
Per salvare un report JMP in formato HTML5, scegli "File: Salva con nome:" su Windows o "File: Esporta" su Mac. Salva come tipo "HTML interattivo con dati". Ciò crea un file HTML interattivo nella directory specificata.
Figura 2. Finestra di dialogo "File: Salva con nome" per HTML interattivo
Browser supportati
Dopo aver salvato il file HTML, puoi aprirlo in qualsiasi browser Web moderno.JMP 13 supporta l'HTML interattivo sui seguenti dispositivi e browser:
Dispositivo
|
Browser supportati
|
finestre
|
IE 11, Edge, Chrome, Firefox, Opera
|
Mac
|
Safari, Chrome, Firefox, Opera
|
iPad
|
Safari, Cromo
|
Androide
|
Cromo
|
Kindle Fire
|
Seta
|
Tabella 1. Dispositivi e browser supportati
A causa della domanda limitata da parte dei clienti, non testiamo l'HTML interattivo sui telefoni. Tuttavia, spesso funziona bene sui telefoni che eseguono browser Safari o Chrome, perché tali browser del telefono condividono il codice con le versioni del tablet. Le prestazioni variano a seconda del telefono.
Funzionalità non supportate
L'HTML interattivo supporta le funzionalità di JMP utilizzate più di frequente. Se il report contiene una funzionalità non supportata, verrà visualizzato un avviso nella finestra di dialogo e un messaggio più dettagliato nel registro JMP, come mostrato nelle figure seguenti.
Figura 3. Avviso di funzionalità non supportata
Figura 4. Messaggio di registro
Se una funzionalità non è supportata, parte del report verrà esportata come immagine statica. Nella figura seguente, il profiler bidimensionale è interattivo. Come indicato dal messaggio di registro, il profiler tridimensionale è statico.
Figura 5. Profiler 2D interattivo, con Profiler 3D statico
Protezione dei tuoi dati
JMP Interactive HTML, come JMP sul desktop, consente l'interattività archiviando i dati in memoria. Ciò significa: i dati nei grafici sono incorporati nella pagina web. I dati sono offuscati, ma leggibili da qualsiasi hacker motivato.
Potrebbe sembrare che questo rischio per la sicurezza possa essere mitigato crittografando i dati. Non può. I dati devono essere leggibili dai browser web. Pertanto, i dati crittografati richiederebbero una chiave di decrittazione, leggibile anche dai browser web – e da chiunque altro. Crittografare i dati equivarrebbe a comprare un costoso antifurto per la propria casa e poi lasciare la chiave sotto lo zerbino.
Puoi ridurre il rischio anonimizzazione i tuoi dati, ad esempio creando un sottoinsieme dei tuoi dati senza colonne Nome o ID. È più sicuro creare tu stesso questo sottoinsieme.Tuttavia, le colonne non utilizzate nel report JMP non vengono incorporate nel file HTML interattivo. Pertanto, finché non utilizzi colonne identificative per etichette o altri scopi, i tuoi dati verranno resi anonimi automaticamente.
Un'alternativa è utilizzare HTML statico (HTML versione 4), che non incorpora dati. Nella finestra di dialogo "File: Salva con nome", HTML4 è etichettato semplicemente "File HTML". HTML5 è etichettato come "HTML interattivo con dati" per enfatizzare sia l'interattività che la sicurezza.
Figura 6. Finestra di dialogo "File: Salva con nome" per HTML statico (HTML4)
Figura 7. Finestra di dialogo "File: Salva con nome" per HTML interattivo (HTML5)
Scrittura del rapporto
La creazione di report HTML interattivi può essere automatizzata con JMP Scripting Language (JSL) (SAS, 2014). Nello script seguente, il comando "Salva HTML interattivo" è seguito dal comando "Web". Il report viene visualizzato automaticamente nel browser Web predefinito.
// Esporta un adattamento bivariato.
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariata( Y( :peso ), X( :altezza ), Adatta linea );
obj << Salva HTML interattivo( "C:\Bivariate.html" );
Web("C:\Bivariata.html");
Nuove funzionalità in JMP 13
Costruttore di grafici
In JMP 13 abbiamo aggiunto il supporto per i report creati con il Costruttore di grafici. Ciò include le funzionalità utilizzate più frequentemente di punti, smussature, ellissi, linee, barre, aree, grafici a riquadri, istogrammi, mappe di calore, grafici a mosaico, riquadri di didascalia e forme di mappa. Questi elementi del Costruttore di grafici sono evidenziati nella figura seguente.
Figura 8. Elementi del costruttore di grafici
Supporto del dashboard
I dashboard informativi (Few, 2013) combinano le informazioni correlate in layout personalizzati per una comunicazione efficiente. In JMP 13, i dashboard possono essere creati utilizzando il menu "File: Nuovo: Dashboard" o utilizzando il menu "Finestra: Combina finestre".
L'aggiunta del supporto per il Costruttore di grafici ci consente di supportare molti più tipi di dashboard in JMP 13. La prima dashboard in basso contiene quattro dei nuovi elementi del Graph Builder, che illustrano la qualità dell'aria e la temperatura regionali.
Inoltre, abbiamo migliorato il supporto per i layout del dashboard in HTML interattivo. La seconda figura seguente mostra un dashboard che utilizza un layout efficiente con controlli a schede per mostrare i profitti per dipendente per diversi tipi di aziende.
Figura 9. Cruscotto della qualità dell'aria
Figura 10. Dashboard con controlli scheda
Organizzare le tue pagine web
Se crei molte pagine HTML, ti consigliamo di organizzarle. In JMP 12, le tue pagine possono essere facilmente organizzate utilizzando il componente aggiuntivo di pubblicazione automatica di JMP (Valente, Brady e Kennedy, 2014). Ciò fornisce un modo automatizzato per organizzare i tuoi report, con una copertina e schizzi in miniatura collegati ai singoli report. È possibile scaricare il componente aggiuntivo per la pubblicazione automatica di JMP dalla comunità degli utenti JMP all'indirizzo https://community.jmp.com/docs/DOC-6689 .
In JMP 13, il componente aggiuntivo per la pubblicazione automatica è stato integrato nel prodotto, nel menu "Visualizza: Crea report Web". Questo menu visualizza un'interfaccia in stile procedura guidata che ti guida attraverso il processo di organizzazione, consentendoti di personalizzare l'ordinamento, gli stili e le immagini.Questo strumento è stato utilizzato per creare tutti i nostri esempi su http://www.jmp.com/jmphtml5/ .
Figura 11. Menu "Visualizza: Crea report Web" di JMP.
Solo qualche altra cosa
I clienti hanno richiesto una serie di funzionalità nel corso degli anni. Pertanto, oltre a quanto sopra, abbiamo aggiunto il supporto per quanto segue in JMP 13:
• Profiler nuovi e migliorati
• Intervalli di riferimento
• Etichette di valore e ordinamento di valori
• Descrizioni comandi e immagini al passaggio del mouse appuntate
Tre nuovi profiler incorporati supportano i report neurale, di regressione generalizzata e del modello lineare generalizzato. Inoltre, i profiler hanno migliorato il supporto per gli assi Y adattivi, i valori X formattati, i layout incapsulati e i progetti misti .
Figura 12. Profiler di regressione generalizzato con layout avvolto
Gli intervalli di riferimento, le etichette dei valori e l'ordinamento dei valori consentono grafici più descrittivi. Il grafico seguente utilizza queste caratteristiche per illustrare i tassi di matrimonio e divorzio nel tempo.
Figura 13. Tassi di matrimonio e divorzio
Le descrizioni comandi fissate e le immagini al passaggio del mouse consentono presentazioni ed esplorazioni più divertenti ed efficienti.La figura seguente mostra le informazioni sui pianeti tracciati in base alla loro distanza dal sole.
Figura 14. Descrizioni comandi e immagini al passaggio del mouse appuntate
Esempi interattivi
Questo documento ha mostrato molte immagini statiche, ma ciò non sostituisce l'interazione con le pagine web stesse. Puoi esplorare tutte le funzionalità di JMP Interactive HTML all'indirizzo http://www.jmp.com/jmphtml5/ .
Attendiamo con ansia i vostri commenti e suggerimenti mentre continuiamo a sviluppare la nostra parte di JMP.
Figura 15. Esempi HTML interattivi di JMP 13, organizzati con "Visualizza: Crea report Web".
Riferimenti
Becker R. e Cleveland W. (1987). “Grafici di dispersione spazzolati”, Tecnometria , 127-142.
Berners-Lee T. (1989). “Gestione delle informazioni: una proposta”, CERN .
Crockford D. (2008). JavaScript: Le parti buone. O'Reilly.
Pochi S. (2013). Progettazione del dashboard delle informazioni: visualizzazione dei dati per un monitoraggio immediato , Seconda edizione . Stampa analitica.
Goldman D. (2011). “L'inizio della fine per Adobe Flash”. Soldi della CNN ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
Meyer E. (2004). Fogli di stile a cascata: la guida definitiva. O'Reilly.
SAS (2014). Guida allo scripting JMP 11, seconda edizione . SAS Institute Inc.
Stuetzle W. (1987). “Traccia finestre”, Giornale dell'American Statistical Association, 82 , 466-475.
Valente D., Brady B. e Kennedy, A. (2014). “Un componente aggiuntivo JMP per la pubblicazione automatica di report HTML interattivi”, Summit sulla scoperta del JMP 2014 .
