Nota del editor: Este artículo fue seleccionado como el mejor artículo invitado por los asistentes de JMP Discovery Summit 2016.
Heman Robinson Heman Robinson , JMP Desarrollador principal de software, SAS
La versión 5 de HTML, o HTML interactivo, es compatible con muchas de las funciones exploratorias de JMP®, como la identificación de puntos, la vinculación y el cepillado (Becker y Cleveland, 1987; Stuetzle, 1987). Los informes guardados pueden subirse a un servidor web, guardarse en una carpeta compartida o enviarse por correo electrónico a colegas. Los informes pueden visualizarse en cualquier navegador web moderno.
El HTML interactivo se introdujo en la versión 11 de JMP, y cada versión posterior añade nuevas funciones según su uso en el producto. JMP 13 añade compatibilidad con las funciones más populares de Graph Builder, además de otras solicitadas por los clientes.
Este artículo describe cómo compartir resultados de JMP con HTML interactivo y las nuevas características de JMP 13.
Figura 1. Panel de control HTML interactivo: precio del diamante, peso en quilates, color, claridad y 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 el estilo ( http://www.w3.org/Style/CSS/ ) (Meyer, 2004) y JavaScript para la programación ( http://www.ecmascript.org/ ) (Crockford, 2008).
La versión 4 de HTML tenía limitaciones en cuanto a compatibilidad con gráficos e interactividad. A partir de 2011, la versión 5 de HTML empezó a admitir gráficos en el elemento canvas, junto con nuevos controles como deslizadores para interactividad.
La compatibilidad con Adobe Flash ( http://www.adobe.com/products/flashplayer.html ) y otras tecnologías de la competencia comenzó a disminuir 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 gráficos de burbujas y perfiladores, junto con soporte para tabletas.
En JMP 13, el HTML interactivo es compatible con las funciones más populares de Graph Builder. También hemos incorporado una colección de funciones menores solicitadas por nuestros clientes.
Cómo usarlo
Guardar el informe JMP
Para guardar un informe JMP en formato HTML5, seleccione "Archivo: Guardar como:" en Windows o "Archivo: Exportar" en Mac. Guarde el informe como "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, Edge, Chrome, Firefox, Opera
|
|
Impermeable
|
Safari, Chrome, Firefox, Opera
|
|
iPad
|
Safari, Chrome
|
|
Androide
|
Cromo
|
|
Kindle Fire
|
Seda
|
Tabla 1. Dispositivos y navegadores compatibles
Debido a la limitada demanda de los clientes, no probamos el HTML interactivo en teléfonos. Sin embargo, suele funcionar correctamente en teléfonos con navegadores Safari o Chrome, ya que estos comparten código con sus versiones para tabletas. El rendimiento varía según el teléfono.
Funciones no compatibles
El HTML interactivo es compatible con las funciones más utilizadas de JMP. Si su informe contiene una función no compatible, verá una advertencia en el cuadro de diálogo y un mensaje más detallado en el registro de JMP, como se muestra en las figuras a continuación.
Figura 3. Advertencia de función no compatible
Figura 4. Mensaje de registro
Si una función no es compatible, parte del informe se exportará como imagen estática. En la figura a continuación, el perfilador bidimensional es interactivo. Como indica el mensaje de registro, el perfilador tridimensional es estático.
Figura 5. Perfilador 2D interactivo, con perfilador 3D estático
Protegiendo sus datos
JMP Interactive HTML, al igual que JMP en el escritorio, permite la interactividad mediante el almacenamiento de datos en memoria. Esto significa que los datos de los gráficos se incrustan en la página web. Los datos están ofuscados, pero cualquier hacker con iniciativa puede leerlos.
Podría parecer que este riesgo de seguridad podría mitigarse cifrando los datos. Sin embargo, no es así. Los datos deben ser legibles por navegadores web. Por lo tanto, los datos cifrados requerirían una clave de descifrado, también legible por navegadores web, y por cualquier otra persona. Cifrar los datos equivaldría a comprar una costosa alarma antirrobo para casa y luego dejar la llave escondida.
Puede reducir el riesgo anonimizando sus datos, por ejemplo, creando un subconjunto sin columnas de nombre ni ID. Lo más seguro es crear este subconjunto usted mismo. Sin embargo, las columnas que no se utilizan en el informe JMP no se incrustan en el archivo HTML interactivo. Por lo tanto, siempre que no utilice columnas de identificación para etiquetas u otros fines, sus datos se anonimizarán automáticamente.
Una alternativa es usar HTML estático (HTML versión 4), que no incorpora datos. En el cuadro de diálogo "Archivo: Guardar como", HTML4 se etiqueta simplemente como "Archivo HTML". HTML5 se etiqueta como "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)
Elaboración del informe
La creación de informes HTML interactivos se puede automatizar con el lenguaje de script JMP (JSL) (SAS, 2014). En el script a continuación, 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 = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariado( Y( :peso ), X( :altura ), Ajustar línea );
obj << Guardar HTML interactivo( "C:\Bivariate.html" );
Web("C:\Bivariate.html" );
Nuevas funciones en JMP 13
Constructor de gráficos
En JMP 13, añadimos compatibilidad con informes creados con el Constructor de Gráficos. Esto incluye las funciones más utilizadas: puntos, suavizadores, elipses, líneas, barras, áreas, diagramas de caja, histogramas, mapas de calor, gráficos de mosaico, cuadros de título y formas de mapa. Estos elementos del Constructor de Gráficos se resaltan en la figura a continuación.
Figura 8. Elementos del generador de gráficos
Soporte del panel de control
Los paneles de información (Few, 2013) combinan información relacionada en diseños personalizados para una comunicación eficiente. En JMP 13, se pueden crear paneles mediante el menú "Archivo: Nuevo: Panel" o el menú "Ventana: Combinar ventanas".
La incorporación de compatibilidad con 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 temperatura y la calidad del aire a nivel regional.
Además, hemos mejorado la compatibilidad con los diseños de paneles en HTML interactivo. La segunda figura a continuación muestra un panel con un diseño eficiente y controles de pestañas para mostrar las ganancias por empleado en diferentes tipos de empresas.
Figura 9. Panel de control de calidad del aire
Figura 10. Panel de control con controles de pestañas
Organizando tus páginas web
Si crea muchas páginas HTML, querrá organizarlas. En JMP 12, puede organizar sus páginas fácilmente con el complemento de publicación automática de JMP (Valente, Brady y Kennedy, 2014). Este complemento proporciona una forma automatizada de organizar sus informes, con una portada y bocetos en miniatura vinculados a cada informe. Puede descargar el complemento de publicación automática de 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 tipo asistente que guía al usuario 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ú “Ver: Crear informe web” de JMP.
Sólo unas cuantas cosas más
Los clientes han solicitado diversas funciones a lo largo de los años. Por eso, además de lo anterior, hemos añadido compatibilidad con las siguientes en JMP 13:
• Perfiladores nuevos y mejorados
• Rangos de referencia
• Etiquetas de valor y ordenamiento de valores
• Información sobre herramientas fijada e imágenes al pasar el mouse
Tres nuevos perfiladores integrados admiten informes neuronales, de regresión generalizada y de modelos lineales generalizados. Además, los perfiladores han mejorado la compatibilidad con ejes Y adaptativos, valores X formateados, diseños ajustados y diseños de mezcla .
Figura 12. Perfilador de regresión generalizado con diseño envuelto
Los rangos de referencia, las etiquetas de valores y la ordenación de valores permiten obtener gráficos más descriptivos. El gráfico a continuación utiliza estas características para ilustrar las tasas de matrimonio y divorcio a lo largo del tiempo.
Figura 13. Tasas de matrimonio y divorcio
Las descripciones emergentes fijadas y las imágenes flotantes permiten una presentación y exploración más agradables y eficientes. La figura a continuación muestra información sobre los planetas, graficada según su distancia al sol.
Figura 14. Información sobre herramientas fijada e imágenes al pasar el mouse
Ejemplos interactivos
Este artículo ha mostrado muchas imágenes estáticas, pero esto no sustituye la interacción con las propias páginas web. 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). “Diagramas de dispersión de pincel”, Tecnometría , 127-142.
Berners-Lee T. (1989). “Gestión de la información: una propuesta”, CERN .
Crockford D. (2008). JavaScript: Las partes buenas. O'Reilly.
Few S. (2013). Diseño de tableros de información: Visualización de datos para monitoreo rápido , Segunda edición . Analytics Press.
Goldman D. (2011). “El principio del fin de Adobe Flash”. CNN Money ( 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 scripts de JMP 11, segunda edición . SAS Institute Inc.
Stuetzle W. (1987). “Plot Windows”, Revista de la Asociación Americana de Estadística, 82 , 466-475.
Valente D., Brady B. y Kennedy, A. (2014). “Un complemento de JMP para la publicación automática de informes HTML interactivos”, Cumbre de Descubrimiento JMP 2014 .
