L'HTML interattivo è stato introdotto nella versione 11 di JMP®. Ogni versione successiva aggiunge il supporto per ulteriori funzionalità interattive.
In JMP 15, l'HTML interattivo supporta anche il nostro nuovo prodotto, JMP Live .
Se utilizzato da solo, l'HTML interattivo consente agli utenti di condividere i report JMP. JMP Live supporta tale condivisione con collaborazione, organizzazione, sicurezza, automazione e un'interattività significativamente maggiore.
In questo documento vengono illustrate le nuove funzionalità di JMP 15 Interactive HTML, utilizzato da solo e come parte di JMP Live.
Come lavorano insieme?
Scegliendo "File: Salva con nome" o "File: Esporta", è possibile esportare qualsiasi report JMP in HTML interattivo. In questo modo viene creata 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 via email o archiviato su un'unità condivisa o su un sito web per la condivisione con altri. Come mostrato nella Figura 1, la connessione è unidirezionale: JMP crea il file, ma il file non riesce a comunicare con JMP. Con JMP Live, la connessione è bidirezionale, il che consente una maggiore interattività.
Figure 1. JMP Interactive HTML and JMP LiveFigura 1. JMP HTML interattivo e JMP LiveFigura 1. JMP HTML interattivo e JMP Live
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 riduce al minimo i costi di trasferimento di rete per i nostri clienti, quindi prevediamo di mantenerla e migliorarla nelle versioni future.
Quali sono le novità di JMP 15?
Le nuove funzionalità aggiunte all'HTML interattivo funzionano anche in JMP Live. Per JMP 15, abbiamo modernizzato l'interfaccia utente e aggiunto report più interattivi.
Un'interfaccia utente moderna
Sul Web, cinque anni sono considerati una "generazione". Tutto cambia davvero così velocemente. Quindi la nostra interfaccia utente, progettata per JMP 11, aveva sei anni: era ora di rinnovarla.
Per molti anni, sia le applicazioni desktop che quelle web hanno utilizzato la terza dimensione come indicatore visivo dell'interattività di un oggetto. I pulsanti, ad esempio, apparivano tridimensionali, come nella vita reale, in modo che l'utente sapesse che potevano essere premuti. Abbiamo adottato questo stile "3D" per i nostri pulsanti e altri controlli.
A partire dal 2012 circa, 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 privo di elementi visivi 3D. All'epoca, gli esperti di usabilità sollevarono la preoccupazione che, se ogni oggetto avesse avuto lo stesso aspetto cliccabile, gli utenti non avrebbero saputo quale potesse essere utilizzato (Nielsen, 2012).
Negli ultimi anni, lo stile "Flat" è stato sostituito da "Flat 2.0" (Moran, 2015; Cousins, 2016). Questo stile conserva l'aspetto piatto, ma aggiunge sottili ombreggiature 3D ed effetti interattivi per fornire indicazioni visive. L'aspetto rimane pulito e semplice, ma le indicazioni visive aiutano l'utente a capire cosa fare.
Figure 2. 3D, Flat, and Flat 2.0 Styles Figura 2. Stili 3D, Flat e Flat 2.0 Figura 2. Stili 3D, Flat e Flat 2.0 Un esempio dello stile "Flat 2.0" è il Material Design di Google (Cousins, 2015), che abbiamo scelto come guida stilistica per l'interfaccia utente. È una soluzione vincente per tutti. Traiamo vantaggio dai design di Google. Inoltre, sono 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 colore: grigio e chiaro.
Figure 3. Gray and Light Themes Figura 3. Temi grigi e chiari Figura 3. Temi grigi e chiari
Infine, abbiamo trovato un algoritmo affidabile per il rilevamento del touchscreen. Questo problema è molto più complesso di quanto si pensi (Cox, 2013; Peterson, 2018). Risolverlo ci consente di offrire due interfacce utente, personalizzate per desktop e tablet. Pulsanti e altri controlli possono essere dimensionati correttamente per il dispositivo. Sul desktop, non è più necessario cambiare modalità per scorrere i dati o selezionare più oggetti, con un conseguente risparmio di tempo per l'utente.
Altri report interattivi
In JMP 15, i report HTML interattivi sono più interattivi.
Un modo in cui abbiamo raggiunto questo obiettivo è stato migliorare il supporto per gli script grafici personalizzati. Si tratta di una funzionalità importante ma piuttosto nascosta di JMP; potresti non conoscerla a meno che non disegni cerchi, rettangoli o altre primitive grafiche nei tuoi script JSL. Sebbene nascosti, gli script grafici personalizzati vengono utilizzati in molte piattaforme JMP, che ora sono tutte più interattive.
Figure 4. Custom Graphics Script in Discriminant PlatformFigura 4. Script grafico personalizzato nella piattaforma DiscriminantFigura 4. Script grafico personalizzato nella piattaforma Discriminant
Inoltre, nei report di Graph Builder sono supportate funzionalità più interattive. Ecco alcuni esempi:
- Grafici a barre (barre a intervalli affiancate)
- Grafici lineari (risposta orizzontale, linee sovrapposte)
- Grafici di area (risposta orizzontale, aree sovrapposte)
- Mappe di calore (etichetta per valore, ruoli di colore categoriali, scala logaritmica, altre statistiche)
Figure 5. More Interactive Graphs from Graph BuilderFigura 5. Altri grafici interattivi da Graph BuilderFigura 5. Altri grafici interattivi da Graph Builder
È stato aggiunto anche il supporto per i filtri dati condizionali, in cui i valori di un filtro sono determinati da un altro.
Figure 6. A Conditional Data Filter. The states in third filter are conditioned by the population in the second filter, which is conditioned by the region in the first filter. Figura 6. Un filtro dati condizionale. Gli stati nel terzo filtro sono condizionati dalla popolazione nel secondo filtro, che a sua volta è condizionata dalla regione nel primo filtro. Figura 6. Un filtro dati condizionale. Gli stati nel terzo filtro sono condizionati dalla popolazione nel secondo filtro, che a sua volta è condizionata dalla regione nel primo filtro.
Abbiamo iniziato ad aggiungere il supporto per il Generatore di Carte di Controllo. JMP 15.0 supporta solo i suggerimenti; ma è 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.
Figure 7. LogLinear Variance ProfilerFigura 7. Profilore della varianza log-lineareFigura 7. Profilore della varianza log-lineare
Cosa c'è solo nei report live di JMP?
JMP Interactive HTML può svolgere molte funzioni, 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 righe.
JMP Live supporta il cambio di colonna. È possibile cambiare colonna per rieseguire un'analisi, proprio come in JMP.
Figure 8. Column Switcher in JMP Live, Exploring Air Quality DataFigura 8. Cambio di colonna in JMP Live, esplorazione dei dati sulla qualità dell'ariaFigura 8. Cambio di colonna in JMP Live, esplorazione dei dati sulla qualità dell'aria
Inoltre, in JMP Live, i filtri dati supportano lo stato "Escludi riga", oltre agli stati "Seleziona" e "Nascondi". Escludendo o includendo righe con un filtro dati, l'analisi verrà nuovamente ricalcolata.
Figure 9. Data Filter Include/Exclude Menu Figura 9. Menu Includi/Escludi del filtro dati Figura 9. Menu Includi/Escludi del filtro dati Infine, è anche possibile escludere righe senza un filtro dati. Ad esempio, per escludere un valore anomalo, selezionarlo e quindi scegliere il menu "Escludi e nascondi righe selezionate". Anche in questo caso, l'intera analisi viene rigenerata.
Figure 10. "Hamburger" Include/Exclude Menu Figura 10. Menu Includi/Escludi "Hamburger" Figura 10. Menu Includi/Escludi "Hamburger"
Esempi interattivi di queste funzionalità sono disponibili su JMP Public:
Riepilogo
Ogni nuova versione di JMP Interactive HTML aggiunge il supporto per funzionalità più interattive. Per JMP 15, oltre a modernizzare l'interfaccia utente, abbiamo migliorato l'interattività in Grafici personalizzati, Generatore di grafici, Filtro dati condizionale, Generatore di grafici di controllo e Profiler.
Quando si utilizza l'HTML interattivo con JMP Live, è possibile ricalcolare l'intera analisi, cambiando le colonne o escludendo le righe.
Continueremo a migliorare l'HTML interattivo nelle versioni future, aggiungendo il supporto per le funzionalità JMP più desiderate dai nostri clienti.
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), "Cos'è Flat 2.0 e perché dovrebbe interessarti?", https://designshack.net/articles/graphics/whats-flat-2-0-and-why-should-you-care/ .
Cox, S. (2013) "Non puoi rilevare un touchscreen", http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ .
Moran, K. (2015) "Flat Design: le sue origini, i suoi problemi e perché Flat 2.0 è migliore 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) "Rilevamento dei dispositivi touch: un aggiornamento del 2018", https://peterscene.com/detecting-touch-devices-2018-update/ .
Ralph, N. (2012) "Windows 8 Metro UI: un nuovo volto audace per Windows", https://www.pcworld.com/article/251340/windows_8_metro_ui_a_bold_new_face_for_windows.html .
