Heman Robinson, desarrollador principal de software de JMP, SAS
John Powell, desarrollador principal de software de JMP, SAS
La versión 5 de HTML, o HTML interactivo, admite muchas de las características 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, enviar por correo electrónico a colegas o compartir en un servicio de almacenamiento en la nube. 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 en función de 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 los resultados de JMP con HTML interactivo y las nuevas características de JMP 13.
Figura 1. Un tablero HTML interactivo: Temperaturas en la oficina
Historia
HTML, o HyperText Markup Language, es la tecnología que define la estructura de todas las páginas web ( http://www.w3.org/html/ ) (Berners-Lee, 1989). HTML se usa 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 estaba limitada en su compatibilidad con gráficos e interactividad. A partir de 2011, la versión 5 de HTML comenzó a admitir gráficos en el elemento de lienzo, junto con nuevos controles, como controles deslizantes para la 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, el 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, el HTML interactivo es compatible con las funciones más populares de Graph Builder. También hemos entregado una colección de características más pequeñas 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. Guardar 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
Después de guardar el archivo HTML, puede abrirlo en cualquier navegador web moderno.JMP 13 es compatible con HTML interactivo en los siguientes dispositivos y navegadores:
Dispositivo
|
Navegadores compatibles
|
ventanas
|
IE 11, Borde, Chrome, Firefox, Ópera
|
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 con navegadores Safari o Chrome, porque esos navegadores de teléfonos comparten código con sus versiones para tabletas. El rendimiento varía según el teléfono.
Funciones no admitidas
El HTML interactivo es compatible con 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 y un mensaje más detallado en el registro de JMP, como se muestra en las siguientes figuras.
Figura 3. Advertencia de funciones no admitidas
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 perfilador tridimensional y los controles al lado son estáticos.
Figura 5. Perfilador 2D interactivo, con perfilador 3D estático
Compartir sus datos
JMP Interactive HTML, como JMP on the Desktop, permite la interactividad mediante el almacenamiento de datos en la memoria. Esto significa: los datos en los gráficos están incrustados en la página web. Los datos están ofuscados, pero cualquier pirata informático motivado puede leerlos. Por lo tanto, es mejor asumir que cuando comparte archivos HTML interactivos, también está compartiendo sus datos.
Una alternativa es utilizar HTML estático (versión 4 de HTML), que no incorpora datos. En el cuadro de diálogo "Archivo: Guardar como", HTML4 se etiqueta simplemente como "Archivo HTML". HTML5 está etiquetado 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 hecho que los archivos HTML interactivos sean fáciles de compartir mediante la incorporación de 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 archivo. Sin embargo, estos archivos pueden aumentar de tamaño, por lo que podría valer la pena considerar alternativas para hacer varias copias. Enviar por correo electrónico un archivo HTML interactivo como archivo adjunto puede parecer simple, pero crea una copia cada vez que se reenvía el correo electrónico. También puede ser decepcionante si el destinatario intenta obtener una vista previa del archivo adjunto. En muchos casos, la vista previa fallará porque la capacidad de vista previa del programa de correo electrónico a menudo no es un visor de página web moderno o completo y no puede mostrar nuestros archivos HTML interactivos.
Una alternativa simple para compartir un archivo HTML interactivo dentro de una empresa es guardar el archivo directamente en una ubicación de red compartida y enviar la ubicación por correo electrónico a los destinatarios deseados. Cuando copia la ruta de la red en un correo electrónico, su programa de correo electrónico probablemente insertará un hipervínculo en el correo electrónico, por lo que los destinatarios pueden simplemente hacer clic en él para ver el archivo en su navegador predeterminado.
Otra forma de compartir archivos HTML interactivos es utilizar un servicio de almacenamiento y uso compartido de archivos en la nube (Muchmore y Duffy, 2017) como Dropbox, Google Drive o Microsoft OneDrive. Con estos servicios, puede guardar en una ubicación específica en su computadora y el archivo se copia automáticamente a la nube. Una vez en la nube, el archivo o directorio de archivos se puede compartir con otros. Cada servicio tiene su propio mecanismo para compartir, pero normalmente crean un enlace al archivo en la nube y envían el enlace a una o más personas por correo electrónico. Una palabra de advertencia es que estos servicios también ofrecen vistas previas de archivos HTML que pueden no ser capaces de mostrar nuestros archivos HTML interactivos.
Escribir el 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" es seguido por el comando "Web". Esto muestra automáticamente el informe en su navegador web predeterminado.
// Exporta un ajuste bivariado.
dt = Abrir( "$SAMPLE_DATA/Big Class.jmp" );
informe = Bivariado (Y (: peso), X (: altura), Línea de ajuste);
informe << Guardar HTML interactivo ( "C:\Bivariante.html" );
Web ( "C:\Bivariante.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ítulo y formas de mapa. Estos elementos de Graph Builder están resaltados 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 tableros se pueden crear usando el menú "Archivo: Nuevo: Tablero" o usando el menú "Ventana: Combinar ventanas".
Agregar soporte para Graph Builder nos permite admitir muchos más tipos de tableros en JMP 13. El primer tablero a continuación contiene cuatro de los nuevos elementos Graph Builder, que ilustran la temperatura y la calidad del aire regional.
Además, hemos mejorado la compatibilidad con diseños de paneles en HTML interactivo. La segunda figura a continuación muestra un tablero que utiliza un diseño eficiente con controles de pestañas para mostrar las ganancias por empleado para diferentes tipos de empresas.
Figura 9. Tablero de calidad del aire
Figura 10. Tablero 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 de estilo asistente que lo guía a través del proceso de organización, lo que le permite 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".
Solo algunas cosas más
Los clientes han solicitado una serie de funciones a lo largo de los años. Entonces, 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 orden de valor
- Imágenes ancladas y sugerencias emergentes
Tres nuevos generadores de perfiles integrados admiten informes de modelo lineal generalizado, de regresión generalizada y neural. Además, los generadores de perfiles han mejorado la compatibilidad con ejes Y adaptativos, valores X formateados, diseños envueltos 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 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
Las imágenes ancladas y los consejos emergentes permiten una presentación y exploración más agradables y eficientes.La siguiente figura muestra información sobre los planetas trazados por su distancia al sol.
Figura 14. Imágenes ancladas y sugerencias emergentes
Ejemplos interactivos
Este documento ha mostrado muchas imágenes estáticas, pero eso no reemplaza la interacción con las propias páginas web. Puede explorar todas las características 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.JMP 13 Ejemplos HTML interactivos, organizados con "Ver: Crear informe web".
Referencias
Becker R. y Cleveland W. (1987). "Gráficas de dispersión de cepillado", tecnometría , 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 tablero de información: Visualización de datos para monitoreo de un vistazo , Segunda edicion . Prensa analítica.
Goldman D. (2011). "El principio del fin de Flash de Adobe". CNN dinero ( 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 uso compartido 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 secuencias de comandos de 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.
