Logboeken HTML-sjablonen

Transparante HTML-sjablonen voor logboeken met gestructureerde recordpagina's

Een HTML-sjabloon voor logboeken is de moeite waard om te downloaden wanneer het meest tijdrovende gedeelte al is voltooid: elk record heeft een vaste plaats voor de tijdstempel, ernst en bericht. Wat overblijft, is het vervangen van de demo-items door echte items en controleren of uw eigen velden een plek hebben.

Tabel-, tijdlijn- of dashboardindeling

Kant-en-klare indelingen vallen in een paar herkenbare categorieën, en de juiste indeling hangt af van het doel van het logboek. Velden die een vaste plaats nodig hebben in elk van deze indelingen:

• een tijdstempel met datum, uitgelijnd zodat de kolom verticaal leesbaar is;

• een gebeurtenis- of actienaam die kort genoeg is om in één oogopslag te lezen;

• een ernstlabel met een duidelijk onderscheid tussen waarschuwing en fout;

• de bron, service of gebruiker achter de vermelding.

Een uitgebreid systeemlogboek leest het best als een tabel, waarbij uitgelijnde kolommen de blik recht naar beneden leiden. Auditgeschiedenis werkt beter als een tijdlijn, omdat de volgorde waarin wie wat heeft gedaan meer betekenis heeft dan de uitlijning van kolommen. In dashboard-achtige lay-outs worden tellers en filters boven de stream geplaatst, wat handig is voor een scherm dat iemand de hele dag open laat staan.

Filteren op ernst, bron, datum

Een screenshot verbergt dit allemaal, dus open de live demo en gebruik de bedieningselementen. Lange logboeken worden samengevouwen zonder de mogelijkheid om ze te filteren, en de nuttige logboeken bieden filtering op basis van ernst. Dit zoekveld ondersteunt het matchen van gebeurtenisberichten of aanvraag-ID's, evenals een datumbereikselectie.

Bekijk ook wat er gebeurt na een paar honderd vermeldingen. Paginering, een 'meer laden'-knop of een geschiedenis die de scrollpositie behoudt, onderscheidt een demo van een omgeving waarin een team kan werken. Uitklapbare rijen hebben een vergelijkbare functie: ze vouwen een stacktrace of een getroffen service samen in één samenvattingsregel, en auditrecords gebruiken hetzelfde mechanisme voor actor- en objectdetails.

De meeste demo's worden geleverd met ongeveer 20 voorbeeldrijen, precies het aantal waarbij elke lay-out er nog steeds overzichtelijk uitziet.

Wat blijft zichtbaar op een telefoon

Brede rijen op desktops moeten worden aangepast om leesbaar te zijn op een scherm van vijf inch, en sjablonen pakken dat op verschillende manieren aan. Sommige sjablonen plaatsen elk record in een compacte kaart, andere verwijderen kolommen die onderweg niet nodig zijn, en weer andere verbergen metadata achter een tik. Belangrijke gegevens moeten in alle drie de gevallen herkenbaar blijven.

Nicepage bevat vooraf ontworpen elementen en blokken voor tekst- en rastercomposities, die herhaalde recordrijen een raster geven waarin ze passen wanneer het contentmodel dat toelaat.

De demo geeft het antwoord op de rest. Scroll naar beneden in de voorbeeldstream, verklein de browser tot de breedte van een telefoonscherm en kijk of de tijdstempel, de ernst ervan en het bericht bij elkaar blijven. Een sjabloon dat aan hun behoeften voldoet, vereist later veel minder werk.