470,810 Members | 1,172 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 470,810 developers. It's quick & easy.

.NET Application UI/Screen Documention Help

I’ve been tasked with doing documentation on the project I’ve recently
joined. Here’s what I’m looking for in terms of documentation. I want to
generate a diagram from a huge .net 1.1 Winforms application that relates
every form with the corresponding button/command that invokes that form. In
other words I want to output a diagram that traces the flow (workflow is the
right term?) of what happens when every single button/command is executed on
every single form.

Think of it this way:

Form1 (contains) Command1 (invokes) Form2 (contains) Command2 (invokes) Form 3

I’ve been using Visio for Enterprise architects to do this process manually
creating screen shots of each form and of each individual buttons (part of
the requirement from the project specification) but having discovered that
the application has more that 285 screens and approximately 3 buttons per
screen the manual process is to time intensive for the sheer size of the

In addition the end goal is to have the diagram driven by an Access database
(hence my desired use of Visio for its “exporting to database” function) that
can be used to add additionally entry of form images and buttons that will
automatically be drawn and connected on the diagram.

Here’s a sample scenario:
Step 1) User launches application and ApplicationMenuLogin screen appears.
Step 2) User enters credentials and presses the “login” button
Step 3) Login is verified and is successful and “Application Point of Sales”
screen appears
Step 4) User presses “Update Order button”
Step 5) Order Edit form appears.
Here is a sample of a one of the screens in Visio and what I’m looking for
from a automated tool.

And here is the information I need to capture about every screen:

Screen Number = 30
Screen TitlePath = Screen30.BrowseVehicleMakesModels
Screen Shot Filepath = \Screen30.BrowseVehicleMakesModels.JPG
Windows Caption = Browse Vehicle Makes
Description = Vehicle Makes Model Screen
SourceSystemAreaID = Vehicle

Here is the information I have to capture from every button/menu item/
toolstrip item
Example the “Add” Button of the form image above

CommandID = 45
Screen ID = TalonScreen30.BrowseVehicleMakesModels.Add
CommandTypeID = 1
Command Label = Add
Description = Button on TalonScreen30.BrowseVehicleMakes/Models for Add
Command Screen Shot Filepath =
Section Title = Vehicle
Visio Page # = 25
Visio Directed Page # = 25
Directed Screen title = TalonScreen31.UpdateaModelMfg
Directed Screen ID# = 31

Is the any tool/add-in for Visio that automatically generates a UI flow
diagram like this?
And is there another tool that will automatically generate Jpg images of
individual screens?
Thanks for the help.
Feb 9 '06 #1
0 1291

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

8 posts views Thread by =?Utf-8?B?S2Vsdmlu?= | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.