Heman Robinson, JMP Desarrollador principal de software, SAS
John Powell, 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, enviarse por correo electrónico a colegas o compartirse en un servicio de almacenamiento en la nube. 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. Un panel HTML interactivo: Temperaturas de la oficina
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 una imagen estática. En la figura a continuación, el perfilador bidimensional es interactivo. Como indica el mensaje de registro, el perfilador tridimensional y los controles adyacentes son estáticos.
Figura 5. Perfilador 2D interactivo, con perfilador 3D estático
Compartir sus datos
JMP HTML interactivo, al igual que JMP en el escritorio, permite la interactividad almacenando 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 ambición puede leerlos. Por lo tanto, es mejor asumir que al compartir archivos HTML interactivos, también se comparten los datos.
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 el intercambio de datos.
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)
Cómo compartir
Hemos facilitado el intercambio de archivos HTML interactivos integrando imágenes y datos en un solo archivo. Aunque cada archivo se considera una página web independiente, no es necesario que esté disponible en un servidor web para compartirlo. Se puede distribuir como cualquier otro archivo. Sin embargo, estos archivos pueden alcanzar un gran tamaño, por lo que conviene considerar alternativas a la creación de múltiples copias. Enviar un archivo HTML interactivo como archivo adjunto por correo electrónico puede parecer sencillo, pero crea una copia cada vez que se reenvía. También puede resultar decepcionante si el destinatario intenta obtener una vista previa del archivo adjunto. En muchos casos, la vista previa falla porque la función de vista previa del programa de correo electrónico no suele ser un visor de páginas web moderno o completo y no puede mostrar nuestros archivos HTML interactivos.
Una alternativa sencilla para compartir un archivo HTML interactivo dentro de una empresa es guardarlo directamente en una ubicación de red compartida y enviarla por correo electrónico a los destinatarios. Al copiar la ruta de red en un correo electrónico, su programa de correo probablemente insertará un hipervínculo para que los destinatarios puedan simplemente hacer clic en él para ver el archivo en su navegador predeterminado.
Otra forma de compartir archivos HTML interactivos es usar un servicio de almacenamiento e intercambio de archivos en la nube (Muchmore y Duffy, 2017) como Dropbox, Google Drive o Microsoft OneDrive. Con estos servicios, puedes guardar el archivo en una ubicación específica de tu ordenador y se copia automáticamente a la nube. Una vez en la nube, el archivo o directorio de archivos se puede compartir. Cada servicio tiene su propio mecanismo para compartir, pero normalmente crean un enlace al archivo en la nube y lo envían a una o más personas por correo electrónico. Es importante tener en cuenta que estos servicios también ofrecen vistas previas de archivos HTML, que podrían no ser compatibles con nuestros archivos HTML interactivos.
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" );
informe = Bivariado( Y( :peso ), X( :altura ), Línea de ajuste );
informe << 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
Guardar varios informes como HTML interactivo
Para guardar rápidamente varios informes como HTML interactivo y organizarlos en un informe web, utilice "Ver: Crear informe web". Este menú muestra una interfaz tipo asistente que le guía por el 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
- Consejos para imágenes fijadas y emergentes
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 imágenes en las sugerencias fijadas y emergentes 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. Imágenes en sugerencias fijadas y emergentes
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.
Muchmore M. y Duffy J. (2017) “Los mejores servicios de almacenamiento y compartición de archivos en la nube de 2017”
( https://www.pcmag.com/roundup/306323/the-best-cloud-storage-providers-and-file-syncing-services )
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.
