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 de software principal 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 pueden cargarse en un servidor web, colocarse en una carpeta compartida o enviarse por correo electrónico a sus 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 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 panel HTML interactivo: precio del diamante, peso en quilates, color, claridad, corte
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 de tableta. 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 función 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 función no admitida
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 es estático.
Figura 5. Perfilador 2D interactivo, con perfilador 3D estático
Protección de 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.
Podría parecer que este riesgo de seguridad podría mitigarse cifrando los datos. No puede. Los datos deben ser legibles por navegadores web. Por lo tanto, los datos cifrados requerirían una clave de descifrado, también legible por los navegadores web, y por todos los demás. Encriptar los datos sería equivalente a comprar una costosa alarma antirrobo para la casa y luego dejar la llave debajo del tapete.
Puede reducir el riesgo al anonimizando sus datos, por ejemplo, creando un subconjunto de sus datos sin columnas de nombre o ID. Es más seguro 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 ninguna columna de identificación para etiquetas u otros fines, sus datos se anonimizarán automáticamente.
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 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)
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" );
obj = Bivariante( Y( :peso ), X( :altura ), Línea de ajuste );
obj << 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
Organización de sus páginas web
Si crea muchas páginas HTML, querrá organizarlas. En JMP 12, sus páginas se pueden organizar fácilmente mediante el complemento de publicación automática de 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 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 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
• Información sobre herramientas ancladas e imágenes flotantes
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 mixtos. .
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
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 trazados por su distancia al sol.
Figura 14. Información sobre herramientas ancladas e imágenes flotantes
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. Ejemplos HTML interactivos de JMP 13, organizados con "Ver: Crear informe web".
Referencias
Becker R. y Cleveland W. (1987). “Gráficos 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.
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.
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 de JMP 2014 .
