LÄSBARHET I HTML-KOD: EN UNDERSÖKNING AV LÄSFÖRSTÅELSE OCH INBYGGDA TEKNIKER

Sammanfattning: Utvecklare har en mängd olika inbyggda tekniker att använda i en utvecklingsmiljö för att underlätta läsbarheten av HTML-kod. Sådana tekniker inkluderar syntaxmarkering, parentesmatchning, indentering, minikarta och kodöversikt. Syftet med arbetet var att undersöka och tillämpa nämndateknikerna för att förbättra läsbarheten av HTML-kod. Det finns brister i hur och varför inbyggda tekniker hjälper till med ökad läsbarhet. Detta arbete kommer att täcka ett forskningsgap genom att undersöka ovan brister, som även blir arbetets frågeställningar. För att svara på frågeställningarna har en förstudie och ett experiment, som inkluderar två enkäter, genomförts. Förstudien bidrog med att identifiera de likheter och skillnader som finns i de inbyggda teknikerna hos diverse valda utvecklingsmiljöer. Baserat på förstudien, utformades experimentet. Syftet var att mäta tiden samt samla data om preferenser och åsikter om dessa olika versioner av inbyggda tekniker. Totalt genomförde 12 deltagare arbetets experiment, fördelat på 7 studenter och 5 yrkesverksamma. Resultatet visade att för syntaxmarkering behövde denna inbyggda teknik tilldela varsin färg för taggen, attributet och attributvärdet. Dessa färger behövde också vara distinkta från varandra eftersom ett sådant systematiserat färgupplägg förenklar med att särskilja på innehåll som blir relevant för stunden. Färgerna behövde dessutom bestå av mörkare ton. För parentesmatchning behövde ett element ha två bakgrundsfärger, en för taggen och ett för attribut och dess värde tilldelad för ökad läsbarhet. Vidare kunde vi i arbetet notera att parentesmatchning hade utrymme för förbättring eftersom tekniken inte alltid utnyttjades fullt ut i samband med tillägg eller ändringar i ett HTML-dokument. För indentering kunde vi även konstatera att användandet av två teckenavstånd bidrog med en kompaktare kod, jämfört med fyra teckenavstånd. Minikarta blev den navigeringsteknik som bidrog med ökad läsbarhet när ett HTML-dokument redan är bekant, medan kodöversikt bidrog med högre läsbarhet när det finns en välorganiserad struktur