Nota del editor: este artículo fue seleccionado como el mejor artículo invitado por los asistentes a JMP Discovery Summit 2016.
Heman Robinson heman.robinson , Desarrollador principal de software de JMP, SAS
HTML Versión 5, o HTML interactivo, admite muchas de las funciones exploratorias de JMP®, incluida la identificación de puntos, la vinculación y el cepillado (Becker y Cleveland, 1987; Stuetzle, 1987). Los informes guardados se pueden cargar en un servidor web, colocar en una carpeta compartida o enviar por correo electrónico a colegas. Los informes se pueden ver en cualquier navegador web moderno.
El HTML interactivo se introdujo en la versión 11 de JMP y cada versión posterior agrega más funciones según su uso en el producto.JMP 13 agrega soporte para las funciones más populares de Graph Builder, junto con otras funciones solicitadas por los clientes.
Este documento describe cómo compartir resultados de JMP con HTML interactivo y las nuevas funciones de JMP 13.
Figura 1. Un panel HTML interactivo: precio del diamante, peso en quilates, color, claridad, talla
Historia
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).
La versión 4 de HTML tenía un soporte limitado para gráficos e interactividad. A partir de 2011, la versión 5 de HTML comenzó a admitir gráficos en el elemento lienzo, junto con nuevos controles como controles deslizantes para interactividad.
Soporte para Adobe Flash ( http://www.adobe.com/products/flashplayer.html ) y otras tecnologías competidoras comenzaron a declinar en esta época (Goldman, 2011). En respuesta, JMP, al igual que otros productos de software, comenzó a migrar su tecnología de Flash a HTML interactivo.
En JMP 11, HTML interactivo admitía tablas y gráficos simples, incluidos diagramas de dispersión, histogramas, líneas, elipses y diagramas de caja.
En JMP 12, se agregaron Bubble Plots y Profilers, junto con soporte para tabletas.
En JMP 13, HTML interactivo admite las funciones más populares de Graph Builder. También hemos entregado una colección de funciones más pequeñas solicitadas por nuestros clientes.
Cómo usarlo
Guardar el informe JMP
Para guardar un informe JMP en formato HTML5, elija "Archivo: Guardar como:" en Windows o "Archivo: Exportar" en Mac. Guárdelo como tipo “HTML interactivo con datos”. Esto crea un archivo HTML interactivo en el directorio especificado.
Figura 2. Cuadro de diálogo "Archivo: Guardar como" para HTML interactivo
Navegadores compatibles
Una vez guardado el archivo HTML, puede abrirlo en cualquier navegador web moderno.JMP 13 admite HTML interactivo en los siguientes dispositivos y navegadores:
Dispositivo
|
Navegadores compatibles
|
ventanas
|
IE 11, Borde, Chrome, Firefox, Opera
|
Mac
|
Safari, Chrome, Firefox, Ópera
|
iPad
|
Safari, Cromo
|
Androide
|
Cromo
|
enciende el fuego
|
Seda
|
Tabla 1. Dispositivos y navegadores compatibles
Debido a la demanda limitada de los clientes, no probamos HTML interactivo en teléfonos. Sin embargo, a menudo funciona bien en teléfonos que ejecutan los navegadores Safari o Chrome, porque esos navegadores comparten código con sus versiones de tableta. El rendimiento varía según el teléfono.
Funciones no compatibles
HTML interactivo admite las funciones más utilizadas de JMP. Si su informe contiene una función que no es compatible, verá una advertencia en el cuadro de diálogo y un mensaje más detallado en el registro JMP, como se muestra en las figuras siguientes.
Figura 3. Advertencia de característica no compatible
Figura 4. Mensaje de registro
Si una función no es compatible, parte de su informe se exportará como una imagen estática. En la siguiente figura, el perfilador bidimensional es interactivo. Como indica el mensaje de registro, el generador de perfiles tridimensional es estático.
Figura 5. Perfilador 2D interactivo, con Perfilador 3D estático
Proteger sus datos
JMP Interactive HTML, al igual que JMP en el escritorio, permite la interactividad al almacenar datos en la memoria. Esto significa: los datos de los gráficos están incrustados en la página web. Los datos están confusos, pero cualquier pirata informático 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 reducir el riesgo al 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 que no utilice ninguna columna de identificación para etiquetas u otros fines, sus datos se anonimizan automáticamente.
Una alternativa es utilizar HTML estático (HTML Versión 4), que no incorpora 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 6. Cuadro de diálogo "Archivo: Guardar como" para HTML estático (HTML4)
Figura 7. Cuadro de diálogo "Archivo: Guardar como" para HTML interactivo (HTML5)
Escritura del informe
La creación de informes HTML interactivos se puede automatizar con JMP Scripting Language (JSL) (SAS, 2014). En el siguiente script, el comando "Guardar HTML interactivo" va seguido del comando "Web". Esto muestra automáticamente el informe en su navegador web predeterminado.
// 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" );
Web( "C:\Bivariado.html" );
Nuevas funciones en JMP 13
Generador de gráficos
En JMP 13, agregamos soporte para informes creados con Graph Builder. Esto incluye las funciones más utilizadas de puntos, suavizadores, elipses, líneas, barras, áreas, diagramas de caja, histogramas, mapas de calor, diagramas de mosaico, cuadros de títulos y formas de mapas. Estos elementos de Graph Builder se resaltan en la siguiente figura.
Figura 8. Elementos del generador de gráficos
Soporte de panel
Los paneles de información (Few, 2013) combinan información relacionada en diseños personalizados para una comunicación eficiente. En JMP 13, los paneles se pueden crear usando el menú “Archivo: Nuevo: Panel” o usando el menú “Ventana: Combinar Windows”.
Agregar soporte para Graph Builder nos permite admitir muchos más tipos de paneles en JMP 13. El primer panel a continuación contiene cuatro de los nuevos elementos de Graph Builder, que ilustran la calidad del aire y la temperatura regionales.
Además, hemos mejorado la compatibilidad con diseños de paneles en HTML interactivo. La segunda figura a continuación muestra un panel que utiliza un diseño eficiente con controles de pestañas para mostrar las ganancias por empleado para diferentes tipos de empresas.
Figura 9. Panel de calidad del aire
Figura 10. Panel de control con controles de pestañas
Organizar sus páginas web
Si crea muchas páginas HTML, querrá organizarlas. En JMP 12, sus páginas se pueden organizar fácilmente utilizando el 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. Puede descargar el complemento de publicación automática JMP desde la comunidad de usuarios de JMP en https://community.jmp.com/docs/DOC-6689 .
En JMP 13, el complemento de publicación automática se ha integrado en el producto, en el menú "Ver: Crear informe web". Este menú muestra una interfaz estilo asistente que lo guía a través del proceso de organización, permitiéndole personalizar el orden, los estilos y las imágenes.Esta herramienta se utilizó para crear todos nuestros ejemplos en http://www.jmp.com/jmphtml5/ .
Figura 11. Menú JMP “Ver: Crear informe web”.
Sólo unas cuantas cosas más
Los clientes han solicitado una serie de funciones a lo largo de los años. Además de lo anterior, hemos agregado soporte para lo siguiente en JMP 13:
• Perfiladores nuevos y mejorados
• Rangos de referencia
• Etiquetas de valor y ordenación de valores
• Información sobre herramientas fijadas e imágenes al pasar el cursor
Tres nuevos generadores de perfiles integrados admiten informes neuronales, de regresión generalizada y de modelo lineal generalizado. Además, los perfiladores han mejorado el soporte para ejes Y adaptables, valores X formateados, diseños ajustados y diseños combinados. .
Figura 12. Generador de perfiles de regresión generalizada con diseño ajustado
Los rangos de referencia, las etiquetas de valores y el orden de valores permiten gráficos más descriptivos. El siguiente gráfico utiliza estas características para ilustrar las tasas de matrimonio y divorcio a lo largo del tiempo.
Figura 13. Tasas de matrimonio y divorcio
La información sobre herramientas fijada y las imágenes flotantes permiten una presentación y exploración más agradables y eficientes.La siguiente figura muestra información sobre los planetas trazada por su distancia al sol.
Figura 14. Información sobre herramientas fijadas e imágenes al pasar el cursor
Ejemplos interactivos
Este documento ha mostrado muchas imágenes estáticas, pero eso no sustituye la interacción con las páginas web mismas. Puede explorar todas las funciones de JMP Interactive HTML en http://www.jmp.com/jmphtml5/ .
Esperamos sus comentarios y sugerencias a medida que continuamos desarrollando nuestra parte de JMP.
Figura 15. Ejemplos HTML interactivos de JMP 13, organizados con “Ver: Crear informe web”.
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 .
Crockford D. (2008). Javascript: Las buenas partes. O'Reilly.
Pocos S. (2013). Diseño de panel de información: visualización de datos para un seguimiento de un vistazo , Segunda edicion . Prensa analítica.
Goldman D. (2011). “El principio del fin de Adobe Flash”. Dinero CNN ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
Meyer E. (2004). Hojas de estilo en cascada: la guía definitiva. O'Reilly.
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 .
