Nota dell'editore: questo articolo è stato selezionato come miglior articolo invitato dai partecipanti al JMP Discovery Summit 2016.
Heman Robinson Emanuel Robinson , Sviluppatore software principale JMP, SAS
HTML versione 5, o HTML interattivo, supporta molte delle funzionalità esplorative di JMP®, tra cui identificazione dei punti, collegamento e 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 e-mail ai colleghi. I report possono essere visualizzati in qualsiasi browser Web moderno.
L'HTML interattivo è stato introdotto in JMP versione 11 e ogni versione successiva aggiunge altre 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.
In questo documento viene descritto come condividere i risultati JMP con HTML interattivo e le nuove funzionalità di JMP 13.
Figura 1. Dashboard HTML interattiva: 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). HTML è utilizzato insieme a Cascading Style Sheets per lo stile ( http://www.w3.org/Style/CSS/ ) (Meyer, 2004) e JavaScript per la programmazione ( http://www.ecmascript.org/ ) (Crockford, 2008).
La versione HTML 4 era limitata nel suo supporto per la grafica e l'interattività. A partire dal 2011 circa, la versione HTML 5 ha iniziato a supportare la grafica nell'elemento canvas, insieme a nuovi controlli come i cursori per l'interattività.
Il supporto per Adobe Flash ( http://www.adobe.com/products/flashplayer.html ) e altre tecnologie concorrenti iniziò a declinare in quel periodo (Goldman, 2011). In risposta, JMP, come altri prodotti software, iniziò a migrare la sua tecnologia da Flash a Interactive HTML.
In JMP 11, l'HTML interattivo supportava tabelle e grafici semplici, tra cui diagrammi a dispersione, istogrammi, linee, ellissi e box plot.
In JMP 12 sono stati aggiunti i grafici a bolle e i profiler, oltre al supporto per tablet.
In JMP 13, Interactive HTML supporta le funzionalità più popolari di Graph Builder. Abbiamo anche fornito una raccolta di funzionalità più piccole richieste dai nostri clienti.
Come usarlo
Salvataggio del report JMP
Per salvare un report JMP in formato HTML5, seleziona "File: Salva con nome:" su Windows o "File: Esporta" su Mac. Salva come tipo "HTML interattivo con dati". Questo 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 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
|
|
Android
|
Cromo
|
|
Accendere il fuoco
|
Seta
|
Tabella 1. Dispositivi e browser supportati
A causa della domanda limitata dei clienti, non testiamo l'HTML interattivo sui telefoni. Tuttavia, spesso funziona bene sui telefoni che eseguono i browser Safari o Chrome, perché quei browser per telefoni condividono il codice con le loro versioni per tablet. Le prestazioni variano a seconda del telefono.
Funzionalità non supportate
L'HTML interattivo supporta le funzionalità di JMP più frequentemente utilizzate. 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 sottostanti.
Figura 3. Avviso di funzionalità non supportata
Figura 4. Messaggio di registro
Se una feature non è supportata, parte del report verrà esportata come immagine statica. Nella figura sottostante, il profiler bidimensionale è interattivo. Come indicato dal messaggio di log, il profiler tridimensionale è statico.
Figura 5. Profiler 2D interattivo, con profiler 3D statico
Protezione dei dati
JMP Interactive HTML, come JMP sul Desktop, consente l'interattività memorizzando 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 è possibile. I dati devono essere leggibili dai browser web. Pertanto, i dati crittografati richiederebbero una chiave di decifratura, anch'essa leggibile dai browser web e da tutti gli altri. Crittografare i dati equivarrebbe ad acquistare un costoso antifurto per la propria casa e poi lasciare la chiave sotto lo zerbino.
Puoi ridurre il rischio rendendo anonimi i tuoi dati, ad esempio creando un sottoinsieme dei tuoi dati senza colonne Nome o ID. È più sicuro creare questo sottoinsieme da soli. Tuttavia, le colonne non utilizzate nel report JMP non sono incorporate nel file HTML interattivo. Quindi, finché non utilizzi colonne identificative per etichette o altri scopi, i tuoi dati vengono resi anonimi automaticamente.
Un'alternativa è usare HTML statico (HTML versione 4), che non incorpora dati. Nella finestra di dialogo "File: Salva con nome", HTML4 è etichettato semplicemente "File HTML". HTML5 è etichettato "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 report
La creazione di report HTML interattivi può essere automatizzata con JMP Scripting Language (JSL) (SAS, 2014). Nello script seguente, il comando "Save Interactive HTML" è seguito dal comando "Web". Questo visualizza automaticamente il report nel tuo browser web predefinito.
// Esporta un adattamento bivariato.
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariato( Y( :peso ), X( :altezza ), Retta di adattamento );
obj << Salva HTML interattivo( "C:\Bivariate.html" );
Web( "C:\Bivariate.html" );
Nuove funzionalità in JMP 13
Costruttore di grafici
In JMP 13, abbiamo aggiunto il supporto per i report creati con Graph Builder. Ciò include le funzionalità più frequentemente utilizzate di Punti, Smoother, Ellissi, Linee, Barre, Aree, Box Plot, Istogrammi, Mappe termiche, Mosaic Plot, Caption Box e Map Shapes. Questi elementi di Graph Builder sono evidenziati nella figura sottostante.
Figura 8. Elementi del generatore di grafici
Supporto dashboard
I dashboard informativi (Few, 2013) combinano informazioni correlate in layout personalizzati per una comunicazione efficiente. In JMP 13, i dashboard possono essere creati utilizzando il menu "File: New: Dashboard" o il menu "Window: Combine Windows".
L'aggiunta del supporto per Graph Builder ci consente di supportare molti altri tipi di dashboard in JMP 13. La prima dashboard qui sotto contiene quattro dei nuovi elementi di Graph Builder, che illustrano la qualità dell'aria e la temperatura regionali.
Inoltre, abbiamo migliorato il supporto per i layout della dashboard in HTML interattivo. La seconda figura qui sotto mostra una dashboard che utilizza un layout efficiente con controlli a schede per mostrare i profitti per dipendente per diversi tipi di aziende.
Figura 9. Pannello di controllo della qualità dell'aria
Figura 10. Dashboard con controlli a schede
Organizzare le tue pagine web
Se crei molte pagine HTML, vorrai organizzarle. In JMP 12, le tue pagine possono essere facilmente organizzate utilizzando il componente aggiuntivo JMP Auto-Publishing (Valente, Brady e Kennedy, 2014). Questo fornisce un modo automatizzato per organizzare i tuoi report, con una pagina di copertina e schizzi in miniatura collegati ai singoli report. Puoi scaricare il componente aggiuntivo JMP Auto-Publishing dalla JMP User Community all'indirizzo https://community.jmp.com/docs/DOC-6689 .
In JMP 13, il componente aggiuntivo Auto-Publishing è stato integrato nel prodotto, nel menu "View: Create Web Report". 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 un paio di cose in più
Nel corso degli anni, i clienti hanno richiesto una serie di funzionalità. Quindi, oltre a quanto sopra, abbiamo aggiunto il supporto per quanto segue in JMP 13:
• Nuovi e migliorati profiler
• Intervalli di riferimento
• Etichette di valore e ordinamento del valore
• Tooltip bloccati e immagini al passaggio del mouse
Tre nuovi profiler incorporati supportano report Neural, Generalized Regression e Generalized Linear Model. Inoltre, i profiler hanno migliorato il supporto per assi Y adattivi, valori X formattati, layout wrapper e design di miscele .
Figura 12. Profiler di regressione generalizzata con layout wrappato
Intervalli di riferimento, etichette di valore e 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
I tooltip bloccati e le immagini al passaggio del mouse consentono una presentazione e un'esplorazione più piacevoli ed efficienti. La figura seguente mostra informazioni sui pianeti tracciati in base alla loro distanza dal sole.
Figura 14. Tooltip bloccati e immagini al passaggio del mouse
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 su 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 a spazzola”, Tecnometria , 127-142.
Berners-Lee T. (1989). “Gestione delle informazioni: una proposta”, Il Cern .
Crockford D. (2008). JavaScript: le parti buone. O'Reilly.
Few S. (2013). Progettazione del dashboard informativo: visualizzazione dei dati per un monitoraggio a colpo d'occhio , seconda edizione . Analytics Press.
Goldman D. (2011). “L'inizio della fine per Flash di Adobe”. 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). “Finestre dei grafici”, Rivista dell'Associazione Statistica Americana, 82 , 466-475.
Valente D., Brady B. e Kennedy, A. (2014). “Un componente aggiuntivo JMP per la pubblicazione automatica di report HTML interattivi”, Vertice di scoperta JMP 2014 .
