Animate Sequence Diagram Using Animacian

Animacian is a tool to help you make an interaction active by presenting the flow in animation form. This enables you to analyze your design easier, especially for a complex design. Besides, you can control the flow of animation yourself to help demonstrating your work to client with your annotation. In this tutorial, you will try to animate a simple sequence diagram about a login process.

April 26, 2010
User Rating: / 1
Views: 3,446
PDF Link Link:	Add comments
Edition: Enterprise (Edition comparison)

Download the project file Login.vpp attached with this tutorial.
Start VP-UML.
Open Login.vpp.
Open the sequence diagram.
Study the diagram, which models is a simple login process.
Start Animacian by selecting Tools > Animacian from the main menu.
On the left hand side of the Animacian dialog box, two paths are listed. They refer to the possible execution path you can find on the sequence diagram.

Move the Animacian dialog box to elsewhere such that the sequence diagram at background is not being covered. Select Path1 and observe the highlighted path on diagram. Them, select Path2. You can see that Path1 refers to the path about valid login, while Path2 refers to invalid login.
Select Path1 and click the Play button.
Watch the animation on diagram. There is a tiny black ball which walks through the chosen path.
Click the Show Dialog button at the bottom right corner.
Now, let's export the path to Adobe Flash movie. Before this, rename the paths for better understanding. Double click on Path1 and rename it into Login valid. Rename Path2 to Login invalid.
Check the paths and click Export to Flash at the bottom left corner.
In the Export to Flash dialog box, specify an output path and click Export. Watch the exported animation in a Web browser.