Heman Robinson, sviluppatore software principale JMP, SAS
John Powell, JMP Sviluppatore software principale, 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, inviati tramite e-mail ai colleghi o condivisi in un servizio di archiviazione cloud. 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: temperature in ufficio
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 funzionalità 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 e i controlli accanto sono statici.
Figura 5. Profiler 2D interattivo, con profiler 3D statico
Condivisione dei tuoi dati
JMP Interactive HTML, come JMP sul Desktop, consente l'interattività memorizzando i dati in memoria. Ciò significa che i dati nei grafici sono incorporati nella pagina Web. I dati sono offuscati, ma leggibili da qualsiasi hacker motivato. Quindi, è meglio supporre che quando condividi file Interactive HTML stai condividendo anche i tuoi dati.
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 condivisione dei dati.
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)
Come condividere
Abbiamo reso i file HTML interattivi facili da condividere incorporando immagini e dati tutti in un file. Sebbene ogni file sia considerato una pagina web autonoma, non è necessario che sia reso disponibile su un server web per condividerlo. Può essere distribuito come qualsiasi file. Tuttavia, questi file possono diventare grandi, quindi potrebbe valere la pena considerare delle alternative alla creazione di più copie. Inviare un file HTML interattivo come allegato via email può sembrare semplice, ma crea una copia ogni volta che l'email viene inoltrata. Può anche essere deludente se il destinatario prova a visualizzare l'anteprima dell'allegato. In molti casi l'anteprima non riesce perché la capacità di anteprima del programma di posta elettronica spesso non è un visualizzatore di pagine web moderno o completo e non è in grado di visualizzare i nostri file HTML interattivi.
Una semplice alternativa per condividere un file HTML interattivo all'interno di un'azienda è salvare il file direttamente in una posizione di rete condivisa e inviare via e-mail la posizione ai destinatari desiderati. Quando copi il percorso di rete in un'e-mail, il tuo programma di posta elettronica inserirà probabilmente un collegamento ipertestuale nell'e-mail, in modo che i destinatari possano semplicemente fare clic su di esso per visualizzare il file nel loro browser predefinito.
Un altro modo per condividere file HTML interattivi è usare un servizio di archiviazione cloud e condivisione file (Muchmore e Duffy, 2017) come Dropbox, Google Drive o Microsoft OneDrive. Con questi servizi puoi salvare in una posizione specifica sul tuo computer e il file viene automaticamente copiato nel cloud. Una volta nel cloud, il file o la directory di file può essere condivisa con altri. Ogni servizio ha il suo meccanismo di condivisione, ma in genere crea un collegamento al file nel cloud e invia il collegamento a una o più persone tramite e-mail. Una parola di cautela è che questi servizi offrono anche anteprime di file HTML che potrebbero non essere in grado di visualizzare i nostri file HTML interattivi.
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" );
report = Bivariato( Y( :peso ), X( :altezza ), Linea di adattamento );
segnala << Salva HTML interattivo ( "C:\Bivariate.html" );
Sito 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
Salvataggio di più report come HTML interattivo
Per salvare rapidamente diversi report come HTML interattivo e organizzarli in un report Web, utilizzare "View: Create Web Report". Questo menu visualizza un'interfaccia in stile wizard che vi guida attraverso il processo di organizzazione, consentendovi 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:
- Profilatori nuovi e migliorati
- Intervalli di riferimento
- Etichette di valore e ordinamento del valore
- Immagini in Suggerimenti Pinned e Popup
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
Le immagini nei suggerimenti appuntati e popup 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. Immagini nei suggerimenti Pinned e Popup
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.
Muchmore M. e Duffy J. (2017) “I migliori servizi di archiviazione cloud e condivisione file del 2017”
( https://www.pcmag.com/roundup/306323/the-best-cloud-storage-provviders-and-file-syncing-services )
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.
