Condivisione di report Web interattivi da JMP®Heman Robinson, sviluppatore software principale di JMP, SAS
Gli ultimi vent'anni hanno visto una sfilata di tecnologie concorrenti per supportare pagine web interattive.Infine, il settore si è standardizzato su una tecnologia e JMP® ha iniziato a offrire report in HTML versione 5 o HTML interattivo.
L'HTML interattivo supporta molte delle funzioni esplorative di JMP, tra cui l'identificazione dei punti, il collegamento e il brushing. I rapporti salvati possono essere condivisi sul Web o inviati tramite e-mail ai colleghi. Questo documento descrive quando e come utilizzare l'HTML interattivo per condividere i risultati di JMP.
Sfondo
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 a cascata per lo stile ( http://www.w3.org/Style/CSS/ ) (Meyer, 2004) e JavaScript per la programmazione ( http://www.ecmascript.org/ ) (Crockford, 2008).
Attraverso la versione 4, l'HTML era limitato nel suo supporto per la grafica e l'interattività. Le tecnologie sviluppate per colmare questa lacuna erano principalmente estensioni del browser o "plug-in". Questi includono applet Java, controlli ActiveX, Flash e Silverlight.
A partire dal 2011 circa, i browser Web hanno iniziato a supportare il nuovo elemento canvas HTML per la grafica e nuovi controlli come i cursori per l'interattività. Le tecnologie concorrenti iniziarono a declinare in questo periodo e le pagine Web interattive iniziarono a essere supportate utilizzando HTML5. La figura seguente mostra questa tendenza in termini di frequenza delle parole chiave negli annunci sul sito di lavoro Indeed.com ( http://www.indeed.com/ ).
Figura 1. Offerte di lavoro per tecnologie web interattive
In risposta a questa tendenza, JMP, come altri prodotti software, ha spostato lo sviluppo Web da Flash a HTML interattivo. Un report HTML JMP Interactive è un singolo file HTML che può essere condiviso da:
- pubblicandolo su Internet,
- salvandolo in una cartella condivisa, o
- inviandolo via e-mail a un collega.
Figura 2. Rapporto HTML interattivo di JMP
Quando usarlo
L'HTML interattivo richiede dati incorporati. Qualunque dato venga utilizzato per creare i grafici, tali dati sono incorporati nella pagina web. I dati sono offuscati, ma leggibili da un 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 tutti gli altri. Cifrare i dati equivarrebbe a comprare un costoso antifurto per la propria casa, e poi lasciare la chiave sotto il tappetino.
Puoi eliminare alcuni rischi con anonimizzazione i tuoi dati, ad esempio creando un sottoinsieme dei tuoi dati senza le colonne Nome o ID. È più sicuro creare questo sottoinsieme da soli. Tuttavia, le colonne non utilizzate nel report JMP non vengono incorporate nel file HTML interattivo. Quindi, fintanto che non utilizzi colonne identificative per etichette o altri scopi, i dati vengono effettivamente resi anonimi per te.
Se analizzi dati sensibili, puoi sempre utilizzare il formato HTML statico (HTML versione 4), che non incorpora i dati. Nella finestra di dialogo "File: Salva con nome", HTML4 è etichettato semplicemente come "File HTML". HTML5 è etichettato come "HTML interattivo con dati" per enfatizzare sia l'interattività che la sicurezza.
Figura 3. Finestre di dialogo "File: Salva con nome" per HTML statico (HTML4) e HTML interattivo (HTML5)
Oltre ai dati incorporati, l'HTML interattivo richiede anche un browser web moderno. Su Windows, Internet Explorer versione 8 non supporta HTML versione 5 e IE versioni 9 e 10 ne supportano solo parti. Il browser Android predefinito è più vecchio e più lento e Chrome e altri browser sono facili da scaricare.
A partire dal 2015, JMP consiglia l'HTML interattivo sui seguenti browser e dispositivi:
- Internet Explorer 11 e Edge su Windows
- Firefox su Windows e Mac
- Opera su Windows e Mac
- Chrome su tablet Windows, Mac e Android
- Safari su Mac e iPad
- Seta su Kindle Fire
Non testare l'HTML interattivo sui telefoni. Tuttavia, sui nuovi telefoni iPhone e Android, spesso funziona bene. Le prestazioni e le funzionalità variano notevolmente a seconda del telefono.
Come usarlo
Salvataggio del rapporto
Per salvare un rapporto in formato HTML5, scegli "File: Salva con nome:" su Windows o "File: Esporta" su Mac e specifica il formato "HTML interattivo con dati".
Figura 4. Finestra di dialogo "File: Salva con nome" per HTML interattivo (HTML5)
L'HTML interattivo supporta le funzioni più utilizzate di JMP. Se il report contiene una funzionalità non supportata, verrà visualizzato un avviso nella finestra di dialogo, come mostrato nella figura 5. In tal caso, parte del rapporto verrà esportato come immagine statica, come in HTML4 statico.
Figura 5. Avviso di funzionalità non supportate
Lineamenti
Quando si crea un report HTML interattivo, i grafici e le tabelle che erano chiusi al momento della creazione della pagina rimangono chiusi nella pagina Web finché non vengono aperti. Apri o chiudi le sezioni del rapporto facendo clic o toccando i pulsanti struttura nel rapporto.
La figura seguente mostra come aprire la tabella "Lack of Fit". Le tabelle "Analisi della varianza" e "Stime dei parametri" sono già aperte.
Figura 6: utilizzo dei pulsanti di contorno
JMP Interactive HTML utilizza una strategia di progettazione dell'interfaccia utente "Mobile First" (Wroblewski, 2011).Quando crei un report HTML interattivo, non sempre sai su quali dispositivi verrà letto. Per questo motivo, controlli come i pulsanti sono grandi e facili da usare, sia su desktop che su dispositivi mobili.
Menu
Utilizzare i menu per modificare lo stato o l'aspetto dei contenuti del report. I contenuti del menu dipendono dai contenuti della struttura associata. Ad esempio, il Profiler ha un unico menu per ripristinare il suo stato.
Figura 7: Utilizzo del menu Profiler
Il grafico a bolle ha un ampio sistema di menu per modificarne l'aspetto e il comportamento.
Figura 8: Utilizzo del menu Grafico a bolle
Modalità
Per quanto riguarda modalità nelle interfacce utente, il consiglio di progettazione tradizionale è "evitale se possibile" (Nielsen, 1993).Tuttavia, per supportare un prodotto così riccamente interattivo come JMP, sono necessarie alcune modalità.
Un esempio familiare sono le modalità di selezione. Potresti voler selezionare oggetti singoli o più oggetti. La selezione singola e la selezione multipla sono due modalità diverse.
Nei prodotti desktop, i tasti Maiusc e Ctrl vengono utilizzati per passare da una modalità di selezione all'altra. Tuttavia, sui dispositivi mobili, queste chiavi non esistono.
Per questo motivo, le modalità di selezione vengono visualizzate come una coppia di pulsanti di commutazione nella parte superiore della pagina. Per impostazione predefinita, viene premuto il primo pulsante di questa coppia. Ciò consente di selezionare un oggetto alla volta e deselezionare tutti gli altri.
Figura 9: Selezione di oggetti singoli
Per selezionare più oggetti, fai clic o tocca il secondo pulsante di attivazione/disattivazione. Ciò consente di selezionare o deselezionare più oggetti.
Nella figura seguente sono state selezionate tre barre dell'istogramma. Come in JMP, tutti i grafici lo sono collegato , quindi le righe selezionate in un grafico sono evidenziate in tutti i grafici (Becker e Cleveland, 1987) (Stuetzle, 1987).
Figura 10: selezione di più oggetti
C'è un'utile distinzione tra il comportamento dei tasti Maiusc e Ctrl ei pulsanti di commutazione. I tasti abilitano un cambio di modalità temporaneo, che tende a ridurre gli errori dell'utente (Raskin 2000). I pulsanti di commutazione consentono un cambio di modalità persistente, che è più semplice e più facile da apprendere sui dispositivi mobili. Se visualizzi un report HTML interattivo su un desktop, sono supportati entrambi i comportamenti.
La seconda coppia di pulsanti di commutazione sposta l'attenzione dal report nel suo insieme ai dati. Per impostazione predefinita, viene premuto il primo pulsante di questa coppia. Sui dispositivi mobili, questo primo pulsante di attivazione/disattivazione consente di scorrere e ingrandire il report. Su tutti i dispositivi, consente di identificare gli oggetti nel report. Quasi tutti gli oggetti nei report HTML interattivi possono visualizzare alcune informazioni identificative.
Figura 11: identificazione degli oggetti
Il grafico seguente mostra un adattamento bivariato utilizzando Iris.jmp, una tabella di dati di esempio JMP contenente le misurazioni di Fisher di tre diverse specie di iris. Un punto dati è stato identificato con le sue coordinate X e Y e il numero di riga. La tabella seguente mostra a P -value con la descrizione associata.
Figura 12: identificazione dei valori dei dati
Figura 13: descrizione a P -Valore
Non sempre vuoi identificare gli oggetti o manipolare il rapporto. Spesso, il tuo obiettivo è esplorare i dati. Facendo clic o toccando il secondo pulsante di commutazione, puoi trascinare un rettangolo per selezionare le righe nei grafici. Questo è chiamato spazzolatura , una tecnica importante per esplorare dati multivariati (Becker e Cleveland, 1987). Trascina il centro del rettangolo per spostarlo o gli angoli per ridimensionarlo.
Figura 14: spazzolatura dei dati
Per una maggiore potenza, le modalità possono essere combinate. Se si utilizza un pennello con selezione multipla, questo fa sì che il pennello estenda la selezione, "dipingendo" i dati come mostrato nella figura sottostante.
Queste due coppie di modalità supportano le funzionalità interattive più comuni e utili per l'esplorazione dei dati. JMP offre una ricca serie di modalità aggiuntive, molte delle quali sono emerse in una tavolozza degli strumenti (Cooper e Reimann, 2003). La metafora della tavolozza degli strumenti è meno utile nelle applicazioni Web a causa dello scarso supporto del cursore, ma alcune di queste modalità potrebbero essere supportate nelle versioni future.
Figura 15: pennello con selezione multipla
Come automatizzarlo
I report HTML interattivi possono essere automatizzati utilizzando JMP Scripting Language (JSL) (SAS, 2014). Un nuovo comando "Salva HTML interattivo", abilita questa funzione.
// Esporta un adattamento bivariato.
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariata( Y( :weight ), X( :height ), Fit Line );
obj << Salva HTML interattivo( "C:\Bivariate.html" );
Apri( "C:\Bivariate.html" );
Nello script precedente, il comando "Salva HTML interattivo" è seguito da un comando "Apri". Questo visualizza automaticamente il report nel tuo browser web predefinito.
Come organizzarlo
Se crei molti report HTML interattivi, trarrai vantaggio dal componente aggiuntivo per la pubblicazione automatica di JMP (Valente, Brady e Kennedy, 2014). Ciò fornisce un modo automatizzato per organizzare i rapporti, con una copertina e schizzi in miniatura collegati ai singoli rapporti. Scarica il componente aggiuntivo per la pubblicazione automatica di JMP dalla community degli utenti di JMP all'indirizzo https://community.jmp.com/docs/DOC-6689 .
Il componente aggiuntivo JMP Auto-Publishing ha generato la pagina di copertina di seguito, per i nostri esempi su http://www.jmp.com/jmphtml5/ .
Figura 16.Report organizzati con il componente aggiuntivo per la pubblicazione automatica di JMP
Lavoro futuro
Lo sviluppo di questo progetto è guidato dalla domanda dei clienti. Le tabelle e i grafici utilizzati più di frequente sono supportati in JMP 11. I grafici a bolle e i profiler sono stati aggiunti in JMP 12.
Per le versioni future, c'è una notevole richiesta di GraphBuilder. Ci auguriamo inoltre di integrare il componente aggiuntivo JMP Auto-Publishing nel prodotto principale e siamo particolarmente interessati alle richieste dei clienti.
Riferimenti
Becker R. e Cleveland W. (1987). "Grafici a dispersione a pennello", Tecnometria , 127-142.
Berners-Lee T. (1989). "Gestione delle informazioni: una proposta", CERN .
Cooper A. e Reimann R (2003). Informazioni su Face 2.0: gli elementi essenziali dell'Interaction Design . Wiley, 322-323.
Crockford D. (2008). JavaScript: Le parti buone. O'Reilly.
Meyer E. (2004). Fogli di stile a cascata: la guida definitiva. O'Reilly.
Nielsen J. (1993). Ingegneria dell'usabilità. Stampa accademica, 146-148.
Raskin J. (2000). L'interfaccia umana: nuove direzioni per la progettazione di sistemi interattivi . Stampa ACM, 55-59.
SAS (2014). Guida allo scripting di JMP 11, seconda edizione . SAS Institute Inc.
Stutzle 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 di JMP 2014 .
Wroblowski L. (2011). Cellulare prima . Un libro a parte.
Esplorazione dei datiVisualizzazione dati
