Rönkök HTML Sablonok

Átlátható naplózó HTML-sablonok strukturált nyilvántartási oldalakhoz

Egy naplózó HTML-sablon akkor éri meg a letöltést, ha az időigényes alapok már készen állnak: minden bejegyzésben fix helye van az időbélyegnek, a súlyossági szintnek és az üzenetnek. Nem marad más hátra, mint a mintaadatokat valós bejegyzésekre cserélni, és ellenőrizni, hogy a saját mezőknek megvan-e a megfelelő helyük.

Táblázatos, idővonalas vagy vezérlőpultos elrendezés

A kész elrendezések néhány jól felismerhető kategóriába sorolhatók, a megfelelő választás pedig a napló céljától függ. Mezők, amelyek mindegyikben stabil helyet igényelnek:

• dátummal ellátott időbélyeg, igazítva a gyors függőleges áttekinthetőséghez;
• egy esemény- vagy műveletnév, amely elég tömör ahhoz, hogy egyetlen pillantással leolvasható legyen;
• egy súlyossági címke, jól látható különbséggel a figyelmeztetés és a hiba között;
• a bejegyzés mögött álló forrás, szolgáltatás vagy felhasználó.

A sűrű rendszernapló táblázatként olvasható a legjobban, ahol az igazított oszlopok mentén a szem közvetlenül lefelé haladhat. Az auditnaplóknál jobban működik az idővonal, mivel a műveletek sorrendje lényegesebb információt hordoz, mint az oszlopok igazítása. A vezérlőpult jellegű elrendezések számlálókat és szűrőket helyeznek a folyamat fölé, ami kiválóan illik az egész nap nyitva tartott képernyőkhöz.

Szűrés súlyosság, forrás és dátum szerint

Egy képernyőkép mindezt elfedi, ezért érdemes megnyitni az élő bemutatót, és kipróbálni a vezérlőelemeket. A hosszú naplók szűrési lehetőségek nélkül használhatatlanná válnak, a valóban hasznos változatok pedig súlyosság szerinti szűrést kínálnak. Ez a keresőmező támogatja az eseményüzenetek és a kérésazonosítók illesztését, valamint tartalmaz egy dátumtartomány-választót is.

Érdemes megvizsgálni azt is, mi történik több száz bejegyzés esetén. Az oldalszámozás, a további elemek betöltésére szolgáló gomb vagy a görgetési pozíciót megőrző előzmény különbözteti meg az egyszerű bemutatót a csapat által a mindennapokban is használható megoldástól. A kinyitható sorok hasonló célt szolgálnak: a hívási láncot vagy az érintett szolgáltatást egyetlen összefoglaló sorba tömörítik, és az auditbejegyzések ugyanezt a mechanizmust használják a végrehajtó és az érintett objektum részleteinek megjelenítésére.

A legtöbb demó nagyjából 20 mintasorral érkezik, ami pontosan az a mennyiség, amellyel még minden elrendezés rendezettnek hat.

Mi marad olvasható mobilon?

A széles asztali sorokat át kell alakítani ahhoz, hogy egy 5 hüvelykes kijelzőn is olvashatók maradjanak, és a sablonok ezt különféle módokon oldják meg. Némelyik kompakt kártyákká rendezi az egyes bejegyzéseket, mások elhagyják a mobilon felesleges oszlopokat, megint mások pedig egyetlen koppintás mögé rejtik a metaadatokat. A kritikus fontosságú elemeknek mindhárom megközelítés esetén azonnal felismerhetőnek kell maradniuk.

A Nicepage előre megtervezett elemeket és blokkokat biztosít szöveges és rácsos elrendezésekhez, amelyek megbízható rácsszerkezetet nyújtanak az ismétlődő bejegyzéssoroknak, ha a tartalommodell erre épül.

A többi kérdésre a bemutató ad választ. Görgessen a mintaadatok aljára, szűkítse le a böngészőt telefonos szélességre, és figyelje meg, hogy az időbélyeg, a súlyosság és az üzenet együtt maradnak-e. Egy ilyen elvárásoknak megfelelő sablon rengeteg későbbi munkát takarít meg.