Activity diagrams

In this example we wil show how to use activity diagrams to connect some HTML pages and simulate a simple screenflow. The content of the HTML pages is added as HTML to the modelelement documentation which we use to generate some visual content.

Here is a complete list of files of this example:

DirectoryFileComment
./activity.iqpProject file for this example
./build.xmlAnt Script for Generation
modelactivity.xmiModel XMI file
modelactivity.zargoArgoUML model file
modelactivity.mdlRational Rose model file
templatesmain.jspModel element to template mapping
templatesform.jspCreates a HTML form
templatesindex.jspCreates a HTML index site

UML Profile

The UML profile looks like this:

  • Every State will produce a form

  • The transitions will be linked together in the index page

  • The workflow will be represented by incoming and outgoing transitions

Model

The model describes a login screenflow:

Figure 2.7. Login flow

Login flow