Strukturdiagrammer #

Et strukturdiagram er en model eller en grafisk repræsentation af en datastruktur.

Man tegner strukturdiagrammer, fordi de hjælper en på vej fra en uformaliseret beskrivelse af it-systemet mod en mere formaliseret beskrivelse i form af kodesprog.

Strukturdiagrammer kan f.eks. forestille træer, dvs. hierarkiske organiseringer af data i it-systemer.

Terminologi #

I et strukturdiagram kalder man der, hvor strukturdiagrammet forgrener sig, for et knudepunkt.

Et knudepunkt, som forgrener sig, kaldes for et indre knudepunkt.

Et knudepunkt, som ikke forgrener sig, kaldes for et ydre knudepunkt.

Sitemaps #

Strukturdiagrammer kan vise hvilke skærmbilleder, der findes i et it-system.

Et strukturdiagram for indholdet af et website, som svarer til opdelingen af websitet i undersider (skærmbilleder), kan også kaldes et sitemap.

De ydre knudepunkter i et sitemap er siderne på websitet.

De indre knudepunkter svarer til indholdskategorierne på websitet.

Sitemappet viser ikke rækkefølgen som skærmbillederne præsenteres for brugeren - det beskriver man med et procesdiagram.

Et strukturdiagram som også viser rækkefølgen af skærmbillederne kaldes for et storyboard.

Brugergrænseflader #

Den logiske opbygning af skærmbilleder i brugergrænsefladen kan beskrives med et strukturdiagram.

Et strukturdiagram er et skridt på vejen mod en formaliseret beskrivelse af brugergrænsefladen i form af kodesprog.

De ydre knudepunkter i et strukturdiagram, som forestiller en brugergrænseflade, er indholdet på skærmbilledet - tekst og billeder.

De indre knudepunkter i et brugergrænsefladestrukturdiagram svarer til indholdets rolle på skærmbilledet - en overskrift, et link, osv.

Gestaltlovene er et vigtigt redskab når man oversættelser fra skitse til diagram.

Datastrukturer #

Modellering af datastrukturer kan begynde med et diagram.

Man kan repræsentere HTML-dokumenter som strukturdiagrammer.

I et HTML-dokument kaldes de indre knudepunkter for elementer (de firkantede knudepunkter).

De ydre knudepunkter kaldes tekst-knudepunkter og rummer dokumentets indhold (de gennemsigtige knudepunkter).

I HTML-dokumentets datamodel findes der også attributter (de ovale knudepunkter), som knytter information til et bestemt element.

For eksempel er indholdet af et billedeelement en computerfil, som ikke er tekst. I stedet for at indholdet er et tekst-knudepunkt, sætter man en attribut på billedeelementet, som er en URL til computerfilen.

HTML-sproget er en samling regler for, hvilke roller elementer kan have og for, hvordan man strukturerer elementer indeni hinanden.