Cinematic Navigation

UML has no dedicated support for web application developments. Beyond UML diagrams, Netsilon provides a graphical representation of the dynamics of a web application. This graphical notation has been designed to provide a high level view of the dynamics of a web application.

The navigation model is a directed graph, whose nodes are pages, and whose edges explain how these web pages relate to each others.

To select an element, just click on it.

In this graph, files appears as

	Normal	Imported	Exported
Entry files
Files
Fragment files
Entry Zones
Zones
Fragment Zones

The name of files is under their representing icon. The kind of each decision center is displayed under their representing icon, and over their name.

The root file (the file who is being editing) is related to every decision center it uses (or may uses for a zone). The selected decision center (by default the first - here aComposer) shows its decisions by their related files. In this example, there are two decisions: one, named aDecision, is linked to the fragment file fragment.html, and a second, linked to the same file, named DEFAULT. Note that if you click one of the two file at the left hand side, you will select the corresponding decision, and not the related file. If you double-click on a decision, you will open the navigation diagram for the corresponding file as root file.

By right-clicking on an element of the diagram, you can make appear a specific popup menu in addition of browser popup menus.

On the root file:

• Referencing files: the set of files that links (or compose if fragment) to this one, toward any decision center; by clicking on it, you set this one as root file what makes the navigation diagram update

• Owning files: the set of files that use this decision center
• Add a decision: add a new decision constraint
• Add a default decision (only if still not one): set a new default decision constraint 
• Unreference: unreference this decision center from the file; this action removes corresponding ObjeXion tags from the HTML file (that you have to save then); if the decision center is no longer used, it is asked if it should be removed from the project, if so, this decision center will never be usable and you should edit every referencing files to update ObjeXion tags
• Delete from model: removes the decision center (and its constraints) from the project; this action removes corresponding ObjeXion tags from the HTML file (that you have to save then); this decision center will never be usable and you should edit every referencing files to update ObjeXion tags

• Increase priority (not for default): increases decision constraint priority; remember it is the first checked constraint that is used
• Decrease priority (not for default): decreases decision constraint priority; remember it is the first checked constraint that is used
• Set as default (not for default): mutes this decision constraint into a default decision constraint; only if no default decision constraint exists in the decision center
• Unset as default (only for default): mutes this default decision constraint into a decision constraint with a true constraint at the lower priority
• Delete from model: permanently removes this decision constraint
• Properties: sets the properties editor on this element in the properties panel

When you are using the "Show complete webfile" command, you may see signs on files and zone. There are two signs:

	The Cycle Arrow: it means that this webfile is one of its own parent in this diagram. To avoid infinit loop, we stop the expending process for this part of the tree.
	The Green Arrow: it means that this webfile is already expended somewhere else on this diagram. To allow you to see that a webfile is used more than once, we stop the expending process for this part of the tree. However, if you want to see this part of the tree, double-clic on the webfile : the tree will be expended here.

Please note that the "Show complete webfile" command stop the expending process when it encounters a Link Decision Center or a Form Decision Center.

Previous    Summary    Next