Diagramming a web site

How can a web site be diagrammed to show different database elements, web UI elements, and different web pages in relation to each other (all are part of the same web site)?

Essentially I want to be able to show the structure of the site, but not just the web elements (including the database elements, and other server side elements).

I was wondering if there is a particular way of approaching this with regard to UML, or something similar. Pretty platform agnostic, but with a preference for visio.

Answer

Starting with a site outline. You can read Site Diagrams: Mapping an Information Space, it contains everything you need to know. A small excerpt:

A site diagram might initially sound like a site outline. And while not technically a part of the site diagram, a site outline complements the diagram quite well. The site outline presents the website structure in a typical outline format, perfectly mirroring the numbering, levels, and labels in the site diagram. The advantages of site outlines is that they are faster to create and maintain than site diagrams, but their drawbacks include difficulties showing linear page sequences and limits in their ability to mention functionality and other content types, mainly due to the visual clutter the extra text creates.

You can also create diagrams using this online tool: Good looking diagrams

Attribution
Source : Link , Question Author : soandos , Answer Author : Farray

Leave a Comment