El HTML interactivo se introdujo en JMP® versión 11. Cada versión posterior agrega soporte para más funciones interactivas.
En JMP 15, HTML interactivo también es compatible con nuestro nuevo producto, JMP Live .
Cuando se usa solo, el HTML interactivo permite compartir informes JMP. JMP Live facilita este intercambio con colaboración, organización, seguridad, automatización y mucha más interactividad.
Este documento explica las nuevas características de JMP 15 Interactive HTML, cuando se utiliza solo y como parte de JMP Live.
¿Cómo trabajan juntos?
Al seleccionar "Archivo: Guardar como" o "Archivo: Exportar", puede exportar cualquier informe JMP a HTML interactivo. Esto crea una aplicación web completa: un único archivo con la extensión ".htm" o ".html".
Este archivo se puede cargar en cualquier navegador web moderno para ver los análisis y explorar los datos. Se puede enviar por correo electrónico o almacenar en una unidad compartida o sitio web para compartirlo con otros. Como se muestra en la Figura 1, la conexión es unidireccional: JMP crea el archivo, pero este no puede comunicarse con JMP. Con JMP Live, la conexión es bidireccional, lo que permite una mayor interactividad.
Figure 1. JMP Interactive HTML and JMP LiveFigura 1. JMP Interactive HTML y JMP LiveFigura 1. JMP Interactive HTML y JMP Live
Los navegadores web modernos son rápidos, por lo que solo utilizamos la conexión bidireccional cuando es necesario. De lo contrario, nuestro software se ejecuta únicamente en el navegador web. Esta arquitectura maximiza la velocidad y minimiza los costos de transferencia de red para nuestros clientes, por lo que planeamos mantenerla y mejorarla en futuras versiones.
¿Qué novedades hay en ambos para JMP 15?
Cuando añadimos nuevas funciones a HTML interactivo, también funcionan en JMP Live. Para JMP 15, modernizamos nuestra interfaz de usuario y añadimos más informes interactivos.
Una interfaz de usuario moderna
En la web, cinco años se consideran una "generación". Todo cambia así de rápido. Así que nuestra interfaz de usuario, diseñada para JMP 11, tenía seis años: era hora de renovarla.
Durante muchos años, tanto las aplicaciones de escritorio como las web utilizaron la tercera dimensión como señal visual de que un objeto era interactivo. Los botones, por ejemplo, parecían tridimensionales, como en la vida real, para que el usuario supiera que podían presionarse. Seguimos este estilo "3D" para nuestros botones y otros controles.
A partir de 2012, aproximadamente, el estilo "Flat" se popularizó, especialmente en el diseño Metro de Microsoft para Windows 8 (Ralph, 2012). Este estilo tiene una apariencia limpia y sencilla, pero carece de elementos visuales 3D. En aquel momento, los expertos en usabilidad expresaron su preocupación por que, si todos los objetos tuvieran la misma facilidad de clic, los usuarios no sabrían cuál usar (Nielsen, 2012).
En los últimos años, el estilo "Flat" ha sido reemplazado por "Flat 2.0" (Moran, 2015; Cousins, 2016). Este estilo conserva la apariencia plana, pero añade un sutil sombreado 3D y efectos interactivos para ofrecer pistas visuales. El diseño sigue siendo limpio y simple, pero las pistas visuales ayudan al usuario a saber qué hacer.
Figure 2. 3D, Flat, and Flat 2.0 Styles Figura 2. Estilos 3D, Plano y Plano 2.0. Un ejemplo del estilo "Plano 2.0" es Material Design de Google (Cousins, 2015), que hemos elegido como nuestra guía de estilo de interfaz de usuario. Esto es beneficioso para todos. Nos beneficiamos de los diseños de Google. Además, se utilizan en Google Chrome, Google Mail y otros productos de uso generalizado. Al seguir este estándar familiar, reducimos los costos de aprendizaje para nuestros usuarios.
También hemos comenzado a admitir dos temas de color, gris y claro.
Figure 3. Gray and Light Themes Figura 3. Temas grises y claros Figura 3. Temas grises y claros
Finalmente, encontramos un algoritmo fiable para la detección de pantallas táctiles. Este problema es mucho más complejo de lo que la mayoría cree (Cox, 2013; Peterson, 2018). Su solución nos permite ofrecer dos interfaces de usuario, adaptadas a ordenadores de escritorio o tabletas. Los botones y otros controles se pueden ajustar al tamaño del dispositivo. En el ordenador de escritorio, ya no es necesario cambiar de modo para desplazarse por los datos o seleccionar varios objetos, lo que ahorra tiempo al usuario.
Más informes interactivos
En JMP 15, los informes HTML interactivos son más interactivos.
Una forma de lograrlo es mejorar la compatibilidad con scripts de gráficos personalizados. Se trata de una característica importante, aunque bastante oculta, de JMP; puede que no la conozca a menos que dibuje círculos, rectángulos u otras primitivas gráficas en sus scripts JSL. Aunque ocultos, los scripts de gráficos personalizados se utilizan en muchas plataformas JMP, que ahora son más interactivas.
Figure 4. Custom Graphics Script in Discriminant PlatformFigura 4. Script de gráficos personalizados en la plataforma discriminanteFigura 4. Script de gráficos personalizados en la plataforma discriminante
Además, los informes del Constructor de Gráficos admiten funciones más interactivas. A continuación, se muestran algunos ejemplos:
- Gráficos de barras (barras de intervalo una al lado de la otra)
- Gráficos de líneas (respuesta horizontal, líneas apiladas)
- Gráficas de área (respuesta horizontal, áreas apiladas)
- Mapas de calor (etiqueta por valor, roles de color categóricos, escala logarítmica, más estadísticas)
Figure 5. More Interactive Graphs from Graph BuilderFigura 5. Gráficos más interactivos del Constructor de gráficosFigura 5. Gráficos más interactivos del Constructor de gráficos
También se agrega soporte para filtros de datos condicionales, en los que los valores de un filtro están determinados por otro.
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. Filtro de datos condicional. Los estados del tercer filtro están condicionados por la población del segundo filtro, que a su vez está condicionada por la región del primer filtro.
Hemos comenzado a agregar compatibilidad con el Generador de gráficos de control. JMP 15.0 solo admite información sobre herramientas; pero estamos avanzando en esta dirección.
Finalmente, en JMP 15 los perfiladores son interactivos en más plataformas, incluidas LogLinear Variance, Partition, Boosted Trees y Bootstrap Forest.
Figure 7. LogLinear Variance ProfilerFigura 7. Perfilador de varianza loglinealFigura 7. Perfilador de varianza loglineal
¿Qué hay sólo en los informes en vivo de JMP?
JMP Interactive HTML puede realizar muchas funciones, pero como aplicación web independiente, su interactividad es limitada. JMP Live puede volver a ejecutar el análisis. Dos maneras de volver a ejecutar un análisis son cambiar de columna y excluir filas.
JMP Live es compatible con el Selector de Columnas. Puede cambiar de columna para volver a ejecutar un análisis, igual que en JMP.
Figure 8. Column Switcher in JMP Live, Exploring Air Quality DataFigura 8. Selector de columnas en JMP Live, explorando datos de calidad del aireFigura 8. Selector de columnas en JMP Live, explorando datos de calidad del aire
Además, en JMP Live, los filtros de datos admiten el estado "Excluir fila", además de los estados "Seleccionar" y "Ocultar". Al excluir o incluir filas con un filtro de datos, el análisis se recalcula.
Figure 9. Data Filter Include/Exclude Menu Figura 9. Menú Incluir/Excluir del Filtro de Datos. Figura 9. Menú Incluir/Excluir del Filtro de Datos . Finalmente, también puede excluir filas sin un filtro de datos. Por ejemplo, para excluir un valor atípico, selecciónelo y luego elija el menú "Excluir y Ocultar Filas Seleccionadas". Esto regenera el análisis completo.
Figure 10. "Hamburger" Include/Exclude Menu Figura 10. Menú de inclusión/exclusión de "Hamburguesa" Figura 10. Menú de inclusión/exclusión de "Hamburguesa"
Se pueden ver ejemplos interactivos de estas funciones en JMP Public:
Resumen
Cada nueva versión de JMP Interactive HTML añade compatibilidad con más funciones interactivas. En JMP 15, además de modernizar la interfaz de usuario, hemos mejorado la interactividad en Gráficos personalizados, el Constructor de gráficos, el Filtro de datos condicional, el Constructor de gráficos de control y los Perfiladores.
Cuando se utiliza HTML interactivo con JMP Live, se puede recalcular todo el análisis cambiando columnas o excluyendo filas.
Continuaremos mejorando el HTML interactivo en futuras versiones, agregando soporte para las funciones JMP que nuestros clientes más desean.
Referencias
Cousins, C. (2015) "¿Cuáles son los méritos reales del diseño material?", https://thenextweb.com/dd/2015/11/10/cuáles-son-los-verdaderos-méritos-del-diseño-de-materiales/ .
Cousins, C. (2016), "¿Qué es Flat 2.0 y por qué debería importarte?", https://designshack.net/articles/graphics/whats-flat-2-0-and-why-should-you-care/ .
Cox, S. (2013) "No se puede detectar una pantalla táctil", http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ .
Moran, K. (2015) "Diseño plano: sus orígenes, sus problemas y por qué Flat 2.0 es mejor para los usuarios", https://www.nngroup.com/articles/flat-design/ .
Nielsen, J. (2012) " Windows 8: usabilidad decepcionante tanto para usuarios principiantes como avanzados ", https://www.nngroup.com/articles/windows-8-disappointing-usability/ .
Petersen, J. (2018) "Detección de dispositivos táctiles: una actualización de 2018", https://peterscene.com/detecting-touch-devices-2018-update/ .
Ralph, N. (2012) "Windows 8 Metro UI: una nueva y audaz cara para Windows", https://www.pcworld.com/article/251340/windows_8_metro_ui_a_bold_new_face_for_windows.html .
