Registros Plantillas HTML

Plantillas HTML transparentes para registros en páginas de registros estructurados

Una plantilla HTML para registros justifica su descarga cuando la parte más tediosa ya está hecha: cada registro tiene un lugar fijo para su marca de tiempo, gravedad y mensaje. Lo que queda es reemplazar las entradas de demostración por entradas reales y verificar que tus propios campos tengan un lugar asignado.

Diseño de tabla, línea de tiempo o panel de control

Los diseños predefinidos se dividen en algunas familias reconocibles, y el adecuado depende del propósito del registro. Campos que necesitan un lugar fijo en cualquiera de ellos:

• Una marca de tiempo con fecha, alineada para que la columna se lea verticalmente;

• Un nombre de evento o acción lo suficientemente corto para leerse de un vistazo;

• Una etiqueta de gravedad con una distancia visible entre advertencia y error;

• El origen, servicio o usuario responsable de la entrada.

Un registro de sistema denso se lee mejor como una tabla, donde las columnas alineadas permiten que la vista se desplace directamente hacia abajo. El historial de auditoría funciona mejor como una línea de tiempo, ya que el orden en que se realizó cada acción tiene más significado que la alineación de las columnas. Los diseños tipo panel de control colocan contadores y filtros sobre el flujo de datos, lo cual resulta ideal para una pantalla que se mantiene abierta todo el día.

Filtrado por gravedad, origen y fecha

Una captura de pantalla oculta toda esta información, así que abre la demostración en vivo y usa los controles. Los registros largos se contraen sin posibilidad de filtrarlos, y los más útiles ofrecen filtrado por gravedad. Este campo de búsqueda admite la coincidencia de mensajes de eventos o ID de solicitud, así como un selector de rango de fechas.

También puedes comprobar qué sucede después de unos cientos de entradas. La paginación, un botón para cargar más información o un historial que conserva la posición de desplazamiento diferencian una demostración de una herramienta que un equipo pueda usar intensivamente. Las filas expandibles cumplen una función similar, comprimiendo un seguimiento de pila o un servicio afectado en una sola línea de resumen, y los registros de auditoría utilizan el mismo mecanismo para los detalles de actores y objetos.

La mayoría de las demostraciones incluyen unas 20 filas de ejemplo, que es precisamente la cantidad con la que cualquier diseño se ve ordenado.

Qué se conserva en un teléfono

Las filas anchas de escritorio deben adaptarse para que sean legibles en una pantalla de cinco pulgadas, y las plantillas lo gestionan de forma diferente. Algunas agrupan cada registro en una tarjeta compacta, otras ocultan columnas innecesarias en movimiento, y otras ocultan los metadatos con un toque. Las entradas críticas deben permanecer reconocibles en los tres casos.

Nicepage incluye elementos y bloques prediseñados para composiciones de texto y cuadrícula, que proporcionan una cuadrícula donde ubicar las filas de registros repetidas cuando el modelo de contenido lo permite.

La demostración aclara el resto. Desplácese hasta el final del flujo de ejemplo, reduzca el ancho del navegador al de un teléfono y observe si la marca de tiempo, su gravedad y su mensaje se mantienen juntos. Una plantilla que cumpla con estos requisitos requiere mucho menos trabajo posterior.