Registri Modelli HTML

Modelli HTML trasparenti per i log di sistema per pagine di record strutturate

Un modello HTML per i log è utile quando la parte più complessa è già stata completata: ogni record ha una posizione fissa per il timestamp, la gravità e il messaggio. A questo punto, basta sostituire le voci demo con quelle reali e verificare che i propri campi abbiano una collocazione precisa.

Layout a tabella, cronologia o dashboard

I layout predefiniti si suddividono in alcune categorie principali, e la scelta di quello più adatto dipende dallo scopo del registro. I campi che necessitano di una posizione fissa in uno qualsiasi di questi layout sono:

• un timestamp con la data, allineato in modo che la colonna scorra verticalmente;

• un nome di evento o azione sufficientemente breve da essere leggibile a colpo d'occhio;

• un'etichetta di gravità con una chiara distinzione tra avviso ed errore;

• la fonte, il servizio o l'utente responsabile della voce.

Un registro di sistema denso si legge meglio in una tabella, dove le colonne allineate permettono all'occhio di scorrere verticalmente. La cronologia degli audit funziona meglio in una cronologia, poiché l'ordine in cui un'azione è stata eseguita ha più significato rispetto all'allineamento delle colonne. I layout in stile dashboard posizionano contatori e filtri sopra il flusso, il che si adatta bene a uno schermo che si tiene aperto tutto il giorno.

Filtro per gravità, origine e data

Uno screenshot nasconde tutte queste informazioni, quindi aprite la demo live e utilizzate i controlli. I registri lunghi vengono compressi senza possibilità di restringerli, mentre quelli più utili offrono il filtro basato sulla gravità. Questo campo di ricerca supporta la corrispondenza con i messaggi di evento o gli ID di richiesta, nonché un selettore di intervallo di date.

Verificate anche cosa succede dopo alcune centinaia di voci. La paginazione, un pulsante "carica altro" o una cronologia che mantiene la posizione di scorrimento distinguono una demo da un ambiente di lavoro reale per un team. Le righe espandibili svolgono una funzione simile, comprimendo una traccia dello stack o un servizio interessato in un'unica riga di riepilogo, e i record di audit utilizzano lo stesso meccanismo per i dettagli di attori e oggetti.

La maggior parte delle demo include circa 20 righe di esempio, che è esattamente il numero con cui ogni layout risulta ancora ordinato.

Cosa rimane visibile su uno smartphone

Le righe di testo larghe dei desktop devono essere adattate per essere leggibili su uno schermo da cinque pollici, e i template gestiscono questa esigenza in modi diversi. Alcuni raggruppano ogni record in una scheda compatta, altri eliminano le colonne non necessarie in mobilità, altri ancora nascondono i metadati dietro un tocco. Le voci critiche devono rimanere riconoscibili in tutti e tre i casi.

Nicepage include elementi e blocchi predefiniti per composizioni di testo e griglia, che forniscono una griglia in cui inserire le righe di record ripetute quando il modello di contenuto lo consente.

La demo risponde al resto. Scorri fino in fondo al flusso di esempio, ridimensiona il browser alla larghezza dello schermo dello smartphone e verifica se la data e l'ora, la gravità e il messaggio rimangono visibili. Un template che soddisfa queste esigenze richiede molto meno lavoro in seguito.