Daniel Valente, PhD, Gerente de Producto JMP, SAS
Brady Brady, ingeniero de habilitación técnica de JMP, SAS
Aaron Kennedy, diseñador digital sénior de JMP, SAS
Abstracto
Siempre es bueno mostrar los resultados del análisis de datos de JMP directamente en JMP. Pero en algunos casos, es posible que deba compartir los resultados con personas que no tienen acceso al software. Guardar informes HTML interactivos permite incluso a aquellos que no tienen JMP explorar los datos mediante gráficos e informes dinámicos. Si bien estos informes se pueden ver en la mayoría de los navegadores modernos, es posible que carezcan del contexto necesario para demostrar un flujo de trabajo o un proceso de análisis. En este documento, se explica un nuevo complemento de JMP que construye una página web y una estructura de carpetas para organizar una cantidad arbitraria de informes HTML interactivos de JMP. Esto se puede hacer sin secuencias de comandos al final de una sesión de análisis, por lo que el usuario no se ve obligado a abandonar el flujo de análisis para guardar los informes. Los usuarios pueden elegir informes para incluir en la página web final y crear una página de índice estilizada para ayudar en una presentación. El resultado final se encapsula en una carpeta que se puede alojar en un servidor o compartir con otros.
Este JMP ® El complemento construye páginas web y una estructura de carpetas para ofrecer una cantidad arbitraria de informes HTML interactivos de JMP. Él no requiere que un usuario cree una secuencia de comandos o abandone el flujo de análisis para guardar los informes y se puede realizar al final de una sesión de análisis. Puede elegir informes para incluir en la página web final y crear una página de índice estilizada para ayudar con la presentación. El resultado final se encapsula en una carpeta que se puede alojar en el servidor o compartir con otros.
A continuación se muestra la estructura de la página web que se escribe como resultado de ejecutar este complemento:
Puede ver el proceso para crear un informe resumido de informes HTML5 interactivos con este complemento viendo este video de demostración.
https://www.youtube.com/watch?v=E6C7GZd2x6A
Simplemente haga doble clic en la página de índice en la carpeta, y la página web se mostrará en su navegador (como se muestra en la imagen del iniciador de informe JMP de muestra, arriba). A continuación, haga clic en los iconos para ver los informes JMP HTML interactivos.
La página de índice también está construida con HTML estándar y el diseño está controlado por hojas de estilo en cascada (CSS). Los detalles en la página de índice se pueden personalizar directamente en JMP, lo que le permite cambiar el título del informe y agregar descripciones o notas a los íconos para ayudarlo con la presentación de sus hallazgos.
Cuando inicie el complemento por primera vez, le pedirá un directorio donde le gustaría almacenar la página web creada.
Para comenzar a generar su informe, haga clic en el Actualizar lista de informes para completar la lista con todos los informes JMP abiertos.
Si desea que todos los informes abiertos sean parte del resultado final, no necesita seleccionar nada.
Si desea que solo un subconjunto de los informes forme parte del informe final, puede seleccionarlos en la lista. Si desea cerrar todos los informes abiertos después de ejecutar la aplicación, seleccione Cerrar informes después de ejecutarlos . Cuando esté listo para generar el informe, haga clic en el Crear informe con selecciones botón.
Esto generará una tabla JMP y llenará el directorio que especificó previamente con tres carpetas y un archivo HTML de índice:
- El _css La carpeta incluye archivos .css, que ajustan el aspecto y la organización de la página de índice.
- El _html5 La carpeta incluye todos los informes HTML interactivos generados con datos guardados por JMP.
- El _imagenes La carpeta incluye miniaturas de los informes JMP generados para completar la página de índice.
- Finalmente, hay una página de índice, que es el archivo principal para navegar y ejecutar sus informes JMP.
A continuación se muestra una muestra de la tabla JMP que se crea, que se llama Blast Queue. Si lo desea, puede guardar este archivo en el directorio donde se crea la página web. Esta tabla JMP le permite ajustar el diseño de la página web y también le permite editar el contenido de la página de índice directamente. No necesita editar manualmente el HTML para realizar cambios.
No cambie los datos en la columna FileName o ImageName. Estos son enlaces a los informes y miniaturas interactivos de JMP en la estructura de archivos generada. Para que cualquier cambio se refleje en la página web generada, debe ejecutar el primer script en la tabla de datos: Establecer directorio actual y vaya a la misma carpeta en la que creó el informe cuando ejecutó el complemento por primera vez.
Hay tres scripts en esta tabla que le permiten ajustar el aspecto de la página de índice:
- Informe de diseño de tabla: Genera una página de índice en una cuadrícula con hasta cuatro pasos de análisis seguidos.
- Informe Vertical (Lg. Iconos): Genera una página de índice en una lista con grandes iconos en miniatura.
- Informe Vertical (Sm. Iconos): Genera una página de índice en una lista con pequeños iconos en miniatura.
Para que la marca de tiempo refleje la hora real en que se ejecutó el informe, vaya a JMP > Preferencias > Informes y luego seleccione Título de la fecha en la salida . Esto escribirá la fecha/hora en el informe JMP, que a su vez se escribirá en la columna Marca de tiempo.
Puede cambiar el nombre y la descripción del informe editando el texto en esas columnas. El orden del informe será el mismo que en la tabla, así que para cambiar el orden del informe, simplemente cambie el orden de las filas en la tabla. Para eliminar cualquier informe de la página de índice, elimínelo de la tabla.
Características avanzadas
Las miniaturas se generan automáticamente en función del primer gráfico disponible en el informe. Puede seleccionar la miniatura manualmente utilizando la herramienta de selección; simplemente resalte el objeto en el informe JMP que desea usar como miniatura antes de hacer clic en el Crear informe con selecciones botón.
También puede utilizar el diario para generar un informe en la página web. Esto es útil si tiene una diapositiva PPT o una imagen que desea incluir en su página web. Cree un nuevo diario y luego pegue la imagen:
Esto aparecerá en la lista de informes y en la página web posterior como una imagen estática:
Si desea utilizar su propio archivo CSS, puede indicarle a la tabla de datos dónde se encuentra ejecutando la Establecer archivo .css personalizado guion de mesa Luego, para crear el informe utilizando este archivo .css personalizado, ejecute el informe del archivo .css personalizado guion.
Puede agregar automáticamente una descripción a sus informes JMP durante la sesión de análisis agregando un bloque de texto justo después de los datos/marca de tiempo. Luego, cuando se explote el informe, ese bloque de texto se colocará en el campo de descripción de esa fila.
Pseudocódigo/flujo de programa
- Configurar directorios.
- Directorio raíz de informes HTML: el usuario elegirá esto en tiempo de ejecución.
- Directorio base: directorio con marca de tiempo asociado con este informe automático.
- subdirectorio css: contiene archivos .css.
- Subdirectorio html: contiene informes .html5 generados por JMP.
- subdirectorio de imágenes: contiene archivos de imagen para miniaturas.
- Guarde los archivos .css (contenidos en "defineCssTxt.jsl" en la carpeta _css).
- Defina el texto base HTML para el archivo de índice. Incluye marcador de posición para la inserción del texto HTML de cada informe.
- Presente la ventana de control al usuario:
- Obtenga una lista de las ventanas abiertas.
- Elimine de esta lista las ventanas que no contienen informes.
- Cambie los nombres de las ventanas para que sean únicos y enumérelos en la ventana de control.
- Cuando el usuario hace clic en el botón Aceptar:
- Cree la tabla de cola, con columnas para Nombre de archivo, Nombre de imagen, Nombre de informe, Descripción y Marca de tiempo.
- Para cada ventana en la lista de ventanas:
- Agregue una fila a la tabla de colas.
- Agregue el nombre de la ventana a la línea actual de la tabla.
- Obtenga la estructura de árbol de la ventana actual, ocúltela y obtenga el texto de ella.
- Obtenga la imagen del primer elemento seleccionado en el informe, o la primera imagen en el informe si no se selecciona ningún elemento.
- Escribe el nombre de esta imagen en la cola.
- Obtenga el texto del diario del informe actual.
- Analícelo para obtener el nombre de la plataforma.
- Guarde este nombre como el nombre de informe predeterminado para el informe actual.
- Obtenga información de marca de tiempo y descripción para el informe actual:
- Obtenga el texto del diario para el informe actual.
- Obtenga la marca de tiempo y la información descriptiva si está disponible.
- Tenga en cuenta que las preferencias deben establecerse para estos antes de ejecutar el informe.
- Guarde HTML interactivo para el informe actual.
- Ordenar la cola por marca de tiempo.
- Para cada fila en la cola:
- Defina texto HTML para un informe genérico, con marcadores de posición para la información de la columna de la cola.
- Sustituya la información de la columna de la fila actual por estos marcadores de posición.
- Sustituya la cadena resultante en el texto HTML base.
- F. Guarde el archivo de índice resultante.
- gramo. Si lo desea, cierre todos los informes.
- H. Escribir secuencias de comandos de control y visualización en la tabla de colas.
¿Dónde lo consigo?
El complemento de publicación automática de HTML5 está disponible en JMP File Exchange. Descarguelo aqui: https://community.jmp.com/docs/DOC-6118
Recursos de información sobre CSS
Si desea editar los archivos .css y personalizar la apariencia de la página de índice, aquí hay algunos recursos para comenzar. El primero, HTML Dog, es particularmente bueno para principiantes y también sirve como una buena fuente de referencia. Se actualiza periódicamente para mantenerse al día. El segundo enlace son los trucos CSS de Chris Coyier, que está más orientado a usuarios intermedios/avanzados.
Perro HTML: http://www.htmldog.com/guides/css/beginner /
Trucos CSS: http://css-tricks.com /
Comentarios y sugerencias
Envíe sus comentarios, preguntas y sugerencias a Daniel.Valente@jmp.com o Brady.Brady@jmp.com .
