Compartir informes web interactivos desde JMP®Heman Robinson, desarrollador principal de software de JMP, SAS
Los últimos veinte años han sido testigos de un desfile de tecnologías competitivas para respaldar las páginas web interactivas.Finalmente, la industria se ha estandarizado en una tecnología y JMP® ha comenzado a ofrecer informes en HTML Versión 5 o HTML interactivo.
HTML interactivo admite muchas de las funciones exploratorias de JMP, incluida la identificación de puntos, la vinculación y el cepillado. Los informes guardados se pueden compartir a través de la Web o enviarse por correo electrónico a colegas. Este documento describe cuándo y cómo utilizar HTML interactivo para compartir resultados de JMP.
Fondo
HTML, o lenguaje de marcado de hipertexto, es la tecnología que define la estructura de todas las páginas web ( http://www.w3.org/html/ ) (Berners-Lee, 1989). HTML se utiliza junto con hojas de estilo en cascada para diseñar ( http://www.w3.org/Style/CSS/ ) (Meyer, 2004), y JavaScript para programación ( http://www.ecmascript.org/ ) (Crockford, 2008).
Hasta la Versión 4, HTML tenía un soporte limitado para gráficos e interactividad. Las tecnologías desarrolladas para llenar este vacío fueron en su mayoría extensiones o "complementos" de navegador. Estos incluyen subprogramas de Java, controles ActiveX, Flash y Silverlight.
A partir de 2011, los navegadores web comenzaron a admitir el nuevo elemento de lienzo HTML para gráficos y nuevos controles, como controles deslizantes, para interactividad. Las tecnologías de la competencia comenzaron a decaer en esta época y las páginas web interactivas comenzaron a ser compatibles con HTML5. La siguiente figura muestra esta tendencia en términos de frecuencia de palabras clave en los anuncios en el sitio de empleo Indeed.com ( http://www.deed.com/ ).
Figura 1. Ofertas de empleo para tecnologías web interactivas
En respuesta a esta tendencia, JMP, al igual que otros productos de software, ha trasladado el desarrollo web de Flash a HTML interactivo. Un informe HTML interactivo de JMP es un archivo HTML único que pueden compartir:
- publicarlo en Internet,
- guardarlo en una carpeta compartida, o
- enviándolo por correo electrónico a un colega.
Figura 2. Informe HTML interactivo de JMP
Cuando usarlo
El HTML interactivo requiere datos incrustados. Cualesquiera que sean los datos que se utilicen para crear los gráficos, esos datos están integrados en la página web. Los datos están confusos, pero un hacker motivado puede leerlos.
Podría parecer que este riesgo de seguridad podría mitigarse cifrando los datos. No puede. Los datos deben ser legibles por los navegadores web. Por lo tanto, los datos cifrados requerirían una clave de descifrado, que también puedan leer los navegadores web (y todos los demás). Cifrar los datos equivaldría a comprar una costosa alarma antirrobo para la casa y luego dejar la llave debajo de la alfombra.
Puedes eliminar algunos riesgos anonimizar sus datos, por ejemplo, creando un subconjunto de sus datos sin columnas de Nombre o ID. Lo más seguro es crear este subconjunto usted mismo. Sin embargo, las columnas que no se utilizan en el informe JMP no están incrustadas en el archivo HTML interactivo. Por lo tanto, siempre y cuando no utilice ninguna columna de identificación para etiquetas u otros fines, los datos se anonimizan de manera efectiva para usted.
Si analiza datos confidenciales, siempre puede utilizar el formato HTML estático (HTML Versión 4), que no incrusta los datos. En el cuadro de diálogo "Archivo: Guardar como", HTML4 está etiquetado simplemente como "Archivo HTML". HTML5 tiene la etiqueta "HTML interactivo con datos" para enfatizar tanto la interactividad como la seguridad.
Figura 3. Cuadros de diálogo "Archivo: Guardar como" para HTML estático (HTML4) y HTML interactivo (HTML5)
Además de los datos incrustados, el HTML interactivo también requiere un navegador web moderno. En Windows, Internet Explorer versión 8 no es compatible con HTML versión 5, y las versiones 9 y 10 de IE solo admiten partes del mismo. El navegador predeterminado de Android es más antiguo y más lento, y Chrome y otros navegadores son fáciles de descargar.
A partir de 2015, JMP recomienda HTML interactivo en los siguientes navegadores y dispositivos:
- IE 11 y Edge en Windows
- Firefox en Windows y Mac
- Ópera en Windows y Mac
- Chrome en tabletas Windows, Mac y Android
- Safari en Mac y iPad
- Seda en Kindle Fire
No prueba HTML interactivo en teléfonos. Sin embargo, en los teléfonos iPhone y Android más nuevos, suele funcionar bien. El rendimiento y las características varían mucho según el teléfono.
Cómo usarlo
Guardar el informe
Para guardar un informe en formato HTML5, elija "Archivo: Guardar como:" en Windows o "Archivo: Exportar" en Mac y especifique el formato "HTML interactivo con datos".
Figura 4. Cuadro de diálogo "Archivo: Guardar como" para HTML interactivo (HTML5)
HTML interactivo admite las funciones más utilizadas de JMP. Si su informe contiene una característica que no es compatible, verá una advertencia en el cuadro de diálogo, como se muestra en la Figura 5. Si esto ocurre, parte de su informe se exportará como una imagen estática, igual que en HTML4 estático.
Figura 5. Advertencia de funciones no compatibles
Contornos
Cuando crea un informe HTML interactivo, los gráficos y tablas que estaban cerrados cuando se creó la página permanecen cerrados en la página web hasta que los abre. Abra o cierre las secciones del informe haciendo clic o tocando los botones de esquema del informe.
La siguiente figura muestra cómo abrir la tabla "Falta de ajuste". Ya están abiertas las tablas de “Análisis de Varianza” y “Estimaciones de Parámetros”.
Figura 6: Uso de los botones de esquema
JMP Interactive HTML emplea una estrategia de diseño de interfaz de usuario "Mobile First" (Wroblewski, 2011).Cuando crea un informe HTML interactivo, no siempre sabe en qué dispositivos se leerá. Por esta razón, los controles como los botones son grandes y fáciles de usar, ya sea en dispositivos de escritorio o móviles.
Menús
Utilice los menús para cambiar el estado o la apariencia del contenido del informe. El contenido del menú depende del contenido del esquema asociado. Por ejemplo, Profiler tiene un único menú para restablecer su estado.
Figura 7: Uso del menú Profiler
Bubble Plot tiene un extenso sistema de menús para cambiar su apariencia y comportamiento.
Figura 8: Uso del menú Gráfico de burbujas
Modos
Sobre modos En las interfaces de usuario, el consejo de diseño tradicional es "evitarlas si es posible" (Nielsen, 1993).Sin embargo, para admitir un producto tan interactivo como JMP, se necesitan algunos modos.
Un ejemplo familiar son los modos de selección. Es posible que desee seleccionar objetos individuales o varios objetos. La selección única y la selección múltiple son dos modos diferentes.
En los productos de escritorio, las teclas Shift y Ctrl se utilizan para cambiar entre modos de selección. Sin embargo, en los dispositivos móviles estas claves no existen.
Por este motivo, los modos de selección aparecen como un par de botones de alternancia en la parte superior de la página. De forma predeterminada, se presiona el primer botón de este par. Esto le permite seleccionar un objeto a la vez y anular la selección de todos los demás.
Figura 9: Selección de objetos individuales
Para seleccionar varios objetos, haga clic o toque el segundo botón de alternancia. Esto le permite seleccionar o anular la selección de varios objetos.
En la siguiente figura, se han seleccionado tres barras de histograma. Como en JMP, todos los gráficos son vinculado , por lo que las filas seleccionadas en un gráfico se resaltan en todos los gráficos (Becker y Cleveland, 1987) (Stuetzle, 1987).
Figura 10: Seleccionar múltiples objetos
Existe una distinción útil entre el comportamiento de las teclas Shift y Ctrl y los botones de alternancia. Las teclas permiten un cambio de modo temporal, lo que tiende a reducir los errores del usuario (Raskin 2000). Los botones de alternancia permiten un cambio de modo persistente, que es más simple y más fácil de aprender en dispositivos móviles. Si ve un informe HTML interactivo en un escritorio, se admiten ambos comportamientos.
El segundo par de botones de alternancia cambia el foco del informe en su conjunto a los datos. De forma predeterminada, se presiona el primer botón de este par. En dispositivos móviles, este primer botón de alternancia le permite desplazarse y ampliar el informe. En todos los dispositivos, le permite identificar objetos en el informe. Casi todos los objetos de los informes HTML interactivos pueden mostrar alguna información de identificación.
Figura 11: Identificación de objetos
El siguiente gráfico muestra un ajuste bivariado utilizando Iris.jmp, una tabla de datos de muestra de JMP que contiene las mediciones de Fisher de tres especies de iris diferentes. Se ha identificado un punto de datos con sus coordenadas X e Y y número de fila. La siguiente tabla muestra una pag -valor con su descripción asociada.
Figura 12: Identificación de valores de datos
Figura 13: Describiendo un pag -Valor
No siempre es necesario identificar objetos o manipular el informe. A menudo, su objetivo es explorar los datos. Al hacer clic o tocar el segundo botón de alternancia, puede arrastrar un rectángulo para seleccionar filas en los gráficos. Se llama cepillado , una técnica importante para explorar datos multivariados (Becker y Cleveland, 1987). Arrastra el centro del rectángulo para moverlo o las esquinas para cambiar su tamaño.
Figura 14: Cepillar los datos
Para obtener potencia adicional, los modos se pueden combinar. Si utiliza un pincel con selección múltiple, esto hace que el pincel extienda la selección, "pintando" los datos como se muestra en la siguiente figura.
Estos dos pares de modos admiten las funciones interactivas más comunes y útiles para la exploración de datos. JMP ofrece un rico conjunto de modos adicionales, muchos de ellos aparecieron en una paleta de herramientas (Cooper y Reimann, 2003). La metáfora de la paleta de herramientas es menos útil en aplicaciones web debido a la mala compatibilidad con el cursor, pero es posible que algunos de estos modos sean compatibles en versiones futuras.
Figura 15: Cepillado con selección múltiple
Cómo automatizarlo
Los informes HTML interactivos se pueden automatizar utilizando JMP Scripting Language (JSL) (SAS, 2014). Un nuevo comando "Guardar HTML interactivo" habilita esta función.
// Exporta un ajuste bivariado.
dt = Abrir( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariado( Y( :peso ), X( :altura ), Ajustar línea );
obj << Guardar HTML interactivo( "C:\Bivariate.html" );
Abrir( "C:\Bivariate.html" );
En el script anterior, el comando "Guardar HTML interactivo" va seguido de un comando "Abrir". Esto muestra automáticamente el informe en su navegador web predeterminado.
Cómo organizarlo
Si crea muchos informes HTML interactivos, se beneficiará del complemento de publicación automática JMP (Valente, Brady y Kennedy, 2014). Esto proporciona una forma automatizada de organizar sus informes, con una portada y bocetos en miniatura vinculados a informes individuales. Descargue el complemento de publicación automática de JMP desde la comunidad de usuarios de JMP en https://community.jmp.com/docs/DOC-6689 .
El complemento de publicación automática JMP generó la portada a continuación, para nuestros ejemplos en http://www.jmp.com/jmphtml5/ .
Figura 16.Informes organizados con el complemento de publicación automática JMP
Trabajo futuro
El desarrollo de este proyecto está impulsado por la demanda del cliente. Las tablas y gráficos más utilizados son compatibles con JMP 11. Se agregaron gráficos de burbujas y perfiladores en JMP 12.
Para versiones futuras, existe una demanda considerable de GraphBuilder. También esperamos integrar el complemento de publicación automática JMP en el producto principal y estamos muy interesados en las solicitudes de los clientes.
Referencias
Becker R. y Cleveland W. (1987). "Cepillado de diagramas de dispersión", Tecnometria , 127-142.
Berners-Lee T. (1989). "Gestión de la Información: Una Propuesta", CERN .
Cooper A. y Reimann R (2003). Acerca de Face 2.0: Los fundamentos del diseño de interacción . Wiley, 322-323.
Crockford D. (2008). Javascript: Las buenas partes. O'Reilly.
Meyer E. (2004). Hojas de estilo en cascada: la guía definitiva. O'Reilly.
Nielsen J. (1993). Ingeniería de Usabilidad. Prensa académica, 146-148.
Raskin J. (2000). La interfaz humana: nuevas direcciones para el diseño de sistemas interactivos . Prensa ACM, 55-59.
SAS (2014). Guía de secuencias de comandos JMP 11, segunda edición . Instituto SAS Inc.
Stuetzle W. (1987). "Trazar ventanas", Revista de la Asociación Estadounidense de Estadística, 82 , 466-475.
valente d. Brady B. y Kennedy, A. (2014). "Un complemento JMP para la publicación automática de informes HTML interactivos", Cumbre de descubrimiento del JMP 2014 .
Wróblewski L. (2011). Móvil primero . Un libro aparte.
Exploración de datosVisualización de datos
