HTML interattivo è stato introdotto in JMP® Versione 11. Ogni versione successiva aggiunge il supporto per più funzionalità interattive.
In JMP 15, Interactive HTML supporta anche il nostro nuovo prodotto, JMP Live .
Se utilizzato da solo, Interactive HTML consente agli utenti di condividere report JMP. JMP Live supporta questa condivisione con collaborazione, organizzazione, sicurezza, automazione e molta più interattività.
Questo documento spiega le nuove funzionalità di JMP 15 Interactive HTML, quando utilizzate da sole e come parte di JMP Live.
Come lavorano insieme?
Scegliendo "File: Salva con nome" o "File: Esporta", puoi esportare qualsiasi rapporto JMP in HTML interattivo. Questo crea un'applicazione web autonoma: un singolo file con estensione ".htm" o ".html".
Questo file può essere caricato in qualsiasi browser Web moderno, per visualizzare le analisi ed esplorare i dati. Il file può essere inviato tramite e-mail o archiviato su un'unità o un sito Web condivisi per condividerlo con altri. Come mostrato nella Figura 1, la connessione è a senso unico: JMP crea il file, ma il file non può comunicare con JMP. Con JMP Live, la connessione è bidirezionale, il che consente una maggiore interattività.
I browser Web moderni sono veloci, quindi utilizziamo la connessione bidirezionale solo quando necessario. Altrimenti, il nostro software funziona esclusivamente nel browser web. Questa architettura massimizza la velocità e minimizza i costi di trasferimento di rete per i nostri clienti, quindi prevediamo di mantenerla e migliorarla nelle versioni future.
Novità di entrambi per JMP 15?
Quando aggiungiamo nuove funzionalità a Interactive HTML, funzionano anche in JMP Live. Per JMP 15, abbiamo modernizzato la nostra interfaccia utente e aggiunto altri report interattivi.
Un'interfaccia utente moderna
Sul Web, cinque anni sono considerati una "generazione". Tutto cambia davvero così in fretta. Quindi la nostra interfaccia utente, progettata per JMP 11, aveva sei anni - tempo per un restyling.
Per molti anni, sia le applicazioni desktop che quelle web hanno utilizzato la terza dimensione come segnale visivo che un oggetto era interattivo. I pulsanti, ad esempio, sembravano tridimensionali, come nella vita reale, in modo che l'utente sapesse che potevano essere premuti. Abbiamo seguito questo stile "3D" per i nostri pulsanti e altri controlli.
A partire dal 2012, lo stile "Flat" è diventato popolare, soprattutto nel design Metro di Microsoft per Windows 8 (Ralph, 2012). Questo stile ha un aspetto pulito e semplice, ma senza segnali visivi 3D. Gli esperti di usabilità hanno sollevato preoccupazione al momento che se ogni oggetto fosse ugualmente cliccabile, gli utenti non saprebbero quale potrebbe essere utilizzato (Nielsen, 2012).
Negli ultimi anni, lo stile "Flat" è stato sostituito da "Flat 2.0" (Moran, 2015; Cousins, 2016). Questo stile mantiene l'aspetto piatto, ma aggiunge sottili sfumature 3D ed effetti interattivi per fornire spunti visivi. L'aspetto è ancora pulito e semplice; ma i segnali visivi aiutano l'utente a sapere cosa fare.
Un esempio dello stile "Flat 2.0" è quello di Google Material Design, (Cousins, 2015) che abbiamo scelto come guida allo stile dell'interfaccia utente. Questa è una vittoria. Otteniamo il vantaggio dei progetti di Google. Inoltre, vengono utilizzati in Google Chrome, Google Mail e altri prodotti ampiamente utilizzati. Seguendo questo standard familiare, riduciamo i costi di apprendimento per i nostri utenti.
Abbiamo anche iniziato a supportare due temi di colore, grigio e chiaro.
Infine, abbiamo trovato un algoritmo affidabile per il rilevamento del touchscreen. Questo problema è molto più difficile di quanto la maggior parte della gente pensi (Cox, 2013; Peterson, 2018). Risolverlo ci consente di fornire due interfacce utente, su misura per desktop o tablet. I pulsanti e altri controlli possono essere dimensionati correttamente per il dispositivo. Sul desktop, non è più necessario cambiare modalità per spazzolare i dati o selezionare più oggetti, il che consente di risparmiare tempo per l'utente.
Rapporti più interattivi
In JMP 15, i report HTML interattivi sono più interattivi.
Un modo in cui lo abbiamo fatto è migliorare il supporto per gli script grafici personalizzati. Queste sono funzioni importanti ma piuttosto nascoste di JMP; potresti non conoscerli se non disegni cerchi, rettangoli o altre primitive grafiche nei tuoi script JSL. Sebbene siano nascosti, gli script grafici personalizzati vengono utilizzati in molte piattaforme JMP, che ora sono tutte più interattive.
Inoltre, nei report di Graph Builder sono supportate più funzionalità interattive. I seguenti sono esempi:
Grafici a barre (barre di intervallo affiancate) Grafici a linee (risposta orizzontale, linee sovrapposte) Grafici ad area (risposta orizzontale, aree sovrapposte) Mappe di calore (etichetta per valore, ruoli colore categorici, scala di registro, più statistiche)Viene inoltre aggiunto il supporto per i filtri di dati condizionali, in cui i valori di un filtro sono determinati da un altro.
Abbiamo iniziato ad aggiungere il supporto per Control Chart Builder. JMP 15.0 supporta solo tooltip; ma questa è una direzione in cui ci stiamo muovendo.
Infine, in JMP 15 i profiler sono interattivi su più piattaforme, tra cui LogLinear Variance, Partition, Boosted Trees e Bootstrap Forest.
Cosa c'è solo in JMP Live Reports?
JMP Interactive HTML può fare molte cose, ma come applicazione Web autonoma, la sua interattività è limitata. JMP Live può rieseguire l'analisi. Due modi per rieseguire un'analisi sono cambiare colonna ed escludere le righe.
JMP Live supporta il commutatore di colonne. È possibile cambiare colonna per rieseguire un'analisi, proprio come in JMP.
Inoltre, in JMP Live, i filtri di dati supportano lo stato di riga Escludi, oltre agli stati Seleziona e Nascondi. Escludere o includere righe con un filtro dati e nuovamente l'analisi viene ricalcolata.
Infine, puoi anche escludere le righe senza un filtro dati. Ad esempio, per escludere un valore anomalo, selezionalo, quindi scegli il menu "Escludi e nascondi righe selezionate". Ancora una volta, questo rigenera l'intera analisi.
Esempi interattivi di queste funzionalità sono disponibili su JMP Public:
Prezzo del diamante per taglio, colore o chiarezza Distribuzioni di diamanti delle "Quattro C" Peso in carati del diamante per taglio, colore o chiarezza Diamond Price dei "Four C's"
Sommario
Ogni nuova versione di JMP Interactive HTML aggiunge il supporto per più funzionalità interattive. Per JMP 15, oltre a modernizzare l'interfaccia utente, abbiamo migliorato l'interattività in Grafici personalizzati, Graph Builder, Filtro dati condizionali, Control Chart Builder e Profiler.
Quando HTML interattivo viene utilizzato con JMP Live, l'intera analisi può essere ricalcolata, cambiando colonne o escludendo le righe.
Continueremo a migliorare l'HTML interattivo nelle versioni future, aggiungendo il supporto per le funzionalità di JMP che i nostri clienti desiderano di più.
Riferimenti
Cousins, C. (2015) "Quali sono i veri meriti del design dei materiali?", https://thenextweb.com/dd/2015/11/10/what-are-the-real-merits-of-material-design/ .
Cousins, C. (2016), "Che cos'è Flat 2.0 e perché dovresti preoccuparti?", https://designshack.net/articles/graphics/whats-flat-2-0-and-why-should-you-care/ .
Cox, S. (2013) "Non riesci a rilevare un touchscreen", http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ .
Moran, K. (2015) "Design piatto: origini, problemi e perché Flat 2.0 è meglio per gli utenti", https://www.nngroup.com/articles/flat-design/ .
Nielsen, J. (2012) "Windows 8 - Usabilità deludente sia per i principianti che per gli utenti esperti", https://www.nngroup.com/articles/windows-8-disappointing-usability/ .
Petersen, J. (2018) "Detecting Touch Devices: A 2018 Update", https://peterscene.com/detecting-touch-devices-2018-update/ .
Ralph, N. (2012) "Windows 8 Metro UI: A Bold New Face for Windows", https://www.pcworld.com/article/251340/windows_8_metro_ui_a_bold_new_face_for_windows.html .
