DocTool, een hulpmiddel voor software documentatie

Na een flink aantal jaren software ontwikkelen voor het mainframe en werken met het documentatiesysteem dat we gebruikten bedacht ik om mijn eigen ideëen daarover concreet te maken in de vorm van een webapplicatie. Dit is de eerste versie ervan.

Het gebruikt z'n eigen CSS (de nieuwere versie lift mee op Django's admin stijl) en is gebouwd rond een navigatie mechanisme (in dit geval een pulldown menu) bovenin maar niet bovenaan de pagina.

Het begint met een scherm dat een grote selector bevat en wat knoppen:

startscherm.png

De volgende opties in het menu zijn altijd actief: Home en Nieuw; deze laatste is context afhankelijk in de zin dat hij het type document kiest waar je op dat moment mee bezig bent. Vanaf het startscherm is dat een Projectbeschrijving.

startscherm_pulldown_menu.png

Wanneer je project selecteert wordt de home page knop actief:

startscherm_geselecteerd_project.png

waarmee je uitkomt op wat ik de Project Homepage noem.

project_homepage.png

Van hier af zijn de meeste menu opties altijd beschikbaar. De selector is verkleind tot één regel op het scherm en wordt net als het menu herhaald op de volgende pagina's zodat je eenvoudig kunt zien in welk project je bezig bent; het biedt ook de mogelijkheid om snel te wisselen van project.

Het eerste menu is meteen de uitzondering op de regel met betrekking tot beschikbaar zijn van de opties: hij bevat de keuzes Home, New, Edit die wijzigt in View als je overschakelt naar edit mode en vice versa, en Next en Previous die alleen maar beschikbaar zijn als je een documenttype bekijkt waar er meer dan één van aanwezig is.

homepage_pulldown_menu_1.png

Het tweede menu bevat links naar de gebruiker documenttypen. De termen zijn wat ouderwets, tegenwoordig zouden het Requirements, User Stories and dergelijke heten.

homepage_pulldown_menu_2.png

Het derde menu bevat links naar (functioneel) ontwerp zaken (wat je ook Specificaties zou kunnen noemen)

homepage_pulldown_menu_3.png

The vierde menu bevat links naar de technische ontwerp zaken.

homepage_pulldown_menu_4.png

Het laatste menu bevat een link naar programmabeschrijvingen. In de latere versie zit deze bij het technische menu (hernoemd tot Realisatie) in en is dit een menu geowrden voor zaken met betrekking tot testen.

homepage_pulldown_menu_5.png

Wanneer je een documenttype van een van deze menu's selecteert ga je naar een lijst van aanwezige items van dat type:

document-list.png

waarvandaan je kunt gaan naar een specifiek document, hieronder staat een voorbeeld van zo een. Alle documenttypen bestaan uit een aantal standaard secties:

gebruikersspecificatie.png

Onderaan kun je gaan naar gerelateerde documenten van andere typen, en ook nieuwe relaties tussen documenten aanleggen. Het soort relaties dat je kunt maken is afhankelijk van het type document waarmee je momenteel bezig bent.

gebruikersspec_relaties.png