El HTML interactivo se introdujo en la versión 11 de JMP®. Cada versión posterior agrega soporte para funciones más interactivas.
En JMP 15, HTML interactivo también es compatible con nuestro nuevo producto, JMP en vivo .
Cuando se usa solo, el HTML interactivo permite a los usuarios compartir informes JMP. JMP Live admite ese intercambio con colaboración, organización, seguridad, automatización y una interactividad significativamente mayor.
Este documento explica las nuevas características de JMP 15 Interactive HTML, cuando se usa solo y como parte de JMP Live.
¿Como trabajan juntos?
Al elegir "Archivo: Guardar como" o "Archivo: Exportar", puede exportar cualquier informe JMP a HTML interactivo. Esto crea una aplicación web independiente: un solo archivo con extensión ".htm" o ".html".
Este archivo se puede cargar en cualquier navegador web moderno para ver los análisis y explorar los datos. El archivo puede enviarse por correo electrónico o almacenarse en una unidad compartida o en un sitio web para compartirlo con otros. Como se muestra en la Figura 1, la conexión es unidireccional: JMP crea el archivo, pero el archivo 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 LiveFigure 1. JMP Interactive HTML and JMP LiveFigura 1. JMP HTML interactivo y JMP Live
Los navegadores web modernos son rápidos, por lo que solo usamos 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 versiones futuras.
¿Qué hay de nuevo en ambos para JMP 15?
Cuando agregamos nuevas funciones a HTML interactivo, también funcionan en JMP Live. Para JMP 15, modernizamos nuestra interfaz de usuario y agregamos más informes interactivos.
Una interfaz de usuario moderna
En la Web, cinco años se considera una "generación". Todo realmente cambia así de rápido. Así que nuestra interfaz de usuario, diseñada para JMP 11, tenía seis años: era hora de un cambio de imagen.
Durante muchos años, tanto las aplicaciones web como las de escritorio utilizaron la tercera dimensión como una 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 se podían presionar. Seguimos este estilo "3D" para nuestros botones y otros controles.
A partir de 2012, el estilo "Flat" se hizo popular, sobre todo en el diseño Metro de Microsoft para Windows 8 (Ralph, 2012). Este estilo tiene un aspecto limpio y simple, pero no tiene señales visuales en 3D. Los expertos en usabilidad expresaron su preocupación en ese momento de que si todos los objetos parecieran igualmente accesibles, los usuarios no sabrían cuál podría usarse (Nielsen, 2012).
En los últimos años, el estilo "Flat" ha sido reemplazado por "Flat 2.0" (Moran, 2015; Cousins, 2016). Este estilo conserva el aspecto plano, pero agrega sombreado 3D sutil y efectos interactivos para proporcionar pistas visuales. El aspecto sigue siendo limpio y simple; pero las señales visuales ayudan al usuario a saber qué hacer.
Figure 2. 3D, Flat, and Flat 2.0 StylesFigure 2. 3D, Flat, and Flat 2.0 StylesFigura 2. Estilos 3D, Plano y Plano 2.0 Un ejemplo del estilo "Flat 2.0" es el de Google diseño de materiales, (Cousins, 2015) que hemos elegido como nuestra guía de estilo de interfaz de usuario. Este es un ganar-ganar. Obtenemos el beneficio de los diseños de Google. Además, se utilizan en Google Chrome, Google Mail y otros productos ampliamente utilizados. Al seguir este estándar familiar, reducimos los costos de aprendizaje para nuestros usuarios.
También comenzamos a admitir dos temas de color, gris y claro.
Figure 3. Gray and Light ThemesFigure 3. Gray and Light ThemesFigura 3. Temas grises y claros
Finalmente, encontramos un algoritmo confiable para la detección de pantalla táctil. Este problema es mucho más difícil de lo que la mayoría de la gente piensa (Cox, 2013; Peterson, 2018).Resolverlo nos permite ofrecer dos interfaces de usuario, adaptadas a computadoras de escritorio o tabletas. Los botones y otros controles se pueden dimensionar correctamente para el dispositivo. En el escritorio, ya no es necesario cambiar de modo para cepillar 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 en que lo hemos hecho es mejorar la compatibilidad con scripts de gráficos personalizados. Estas son una característica importante pero bastante oculta de JMP; es posible que no los 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 todas más interactivas.
Figure 4. Custom Graphics Script in Discriminant PlatformFigure 4. Custom Graphics Script in Discriminant PlatformFigura 4. Script de gráficos personalizados en plataforma discriminante
Además, se admiten más funciones interactivas en los informes de Graph Builder. Los siguientes son ejemplos:
- Gráficos de barras (barras de intervalos 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 BuilderFigure 5. More Interactive Graphs from Graph BuilderFigura 5. Más gráficos interactivos de Graph Builder
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.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 de datos condicional. Los estados del tercer filtro están condicionados por la población del segundo filtro, que está condicionada por la región del primer filtro.
Hemos comenzado a agregar soporte para Control Chart Builder. JMP 15.0 solo admite información sobre herramientas; pero esta es una dirección en la que nos estamos moviendo.
Finalmente, en JMP 15, los generadores de perfiles son interactivos en más plataformas, incluidas LogLinear Variance, Partition, Boosted Trees y Bootstrap Forest.
Figure 7. LogLinear Variance ProfilerFigure 7. LogLinear Variance ProfilerFigura 7. Perfilador de varianza loglineal
¿Qué hay solo en los informes en vivo de JMP?
JMP Interactive HTML puede hacer muchas cosas, pero como aplicación web independiente, su interactividad es limitada. JMP Live puede volver a ejecutar el análisis. Dos formas de volver a ejecutar un análisis son cambiar de columna y excluir filas.
JMP Live es compatible con Column Switcher. Puede cambiar de columna para volver a ejecutar un análisis, como en JMP.
Figure 8. Column Switcher in JMP Live, Exploring Air Quality DataFigure 8. Column Switcher in JMP Live, Exploring Air Quality DataFigura 8. Conmutador de columna en JMP Live, exploración de 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. Excluya o incluya filas con un filtro de datos y nuevamente se vuelve a calcular el análisis.
Figure 9. Data Filter Include/Exclude MenuFigure 9. Data Filter Include/Exclude Menu 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".Nuevamente, esto regenera todo el análisis.
Figure 10. "Hamburger" Include/Exclude MenuFigure 10. "Hamburger" Include/Exclude MenuFigura 10. Menú Incluir/Excluir "Hamburguesa"
e interactivo ejemplos de estas características se pueden ver en JMP Public:
Resumen
Cada nueva versión de JMP Interactive HTML agrega soporte para más funciones interactivas. Para JMP 15, además de modernizar la interfaz de usuario, hemos mejorado la interactividad en Gráficos personalizados, Creador de gráficos, Filtro de datos condicionales, Creador de gráficos de control y Perfiladores.
Cuando se usa HTML interactivo con JMP Live, se puede volver a calcular todo el análisis cambiando columnas o excluyendo filas.
Continuaremos mejorando el HTML interactivo en versiones futuras, agregando soporte para las características de JMP que más desean nuestros clientes.
Referencias
Cousins, C. (2015) "¿Cuáles son los méritos reales del diseño de materiales?", https://thenextweb.com/dd/2015/11/10/what-are-the-real-merits-of-material-design/ .
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/no-puedes-detectar-una-pantalla-tactil/ .
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 principiantes como para usuarios 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 cara audaz para Windows", https://www.pcworld.com/article/251340/windows_8_metro_ui_a_bold_new_face_for_windows.html .
