Rob has posted 2 posts at DZone. You can read more from them at their website. View Full User Profile

Quick Web Sequence Diagrams

03.20.2008
| 32734 views |
  • submit to reddit

Want to create a sequence diagram and don't want to spend more than 5 minutes on it ? In the past when I have used Visio I have spent 20+ minutes tweaking boxes and lines lengths.

This web site http://www.websequencediagrams.com/ uses a notation to draw UML diagrams.

Web Sequence Diagram Web Site

The site is very easy to use. By clicking on the example on the right side it inserts the template into text area. The diagrams are basic and it --does-- discourage lots of tweaking of box sizes and line lengths that are just a waste when you have a job to do. Its also easy to use your favorite text editor to clone sections of the UML and rename them for repetitive work flows.

 

Example:

Browser->ActionServlet: Authentication Request
activate ActionServlet
note right of ActionServlet: Dispatches to custom actions.
ActionServlet-->Browser: Authentication Response
deactivate ActionServlet

Produces:

 

Simple Action

Want to produce entities with multiple lines of text ?

Just add a '\n' in the text:

Browser->ActionServlet \nController: Authentication Request
activate ActionServlet \nController
note right of ActionServlet \nController: Dispatches to custom actions.
ActionServlet \nController-->Browser: Authentication Response
deactivate ActionServlet \nController

 

With Controller

There may be an easier way but I haven't read the documentation yet.

There are even several predefined styles that can be selected by a simple combobox:

 

New Style Sequence

 

You can also predefine each of the entities ahead of time for complex sequence flows:

 

entity User
entity Computer

Browser->ActionServlet: Authentication Request
activate ActionServlet
note right of ActionServlet: Dispatches to custom actions.
ActionServlet-->Browser: Authentication Response
deactivate ActionServlet

Predefine entity

 

Best of all this demonstrates that you can type in little bit of code at the time to preview the results.

Update: Since I originally wrote this article, you can now even add UML Diagrams to you Wiki.

[quote= Don Brown]

I was so impressed with this app that I created a little Confluence (a wiki) plugin: https://labs.atlassian.com/wiki/display/CUML/Confluence+UML+Sequence+Plugin
[/quote]

 

 

Good stuff!

-Rob

 

 

AttachmentSize
websequencediagrams_com.png13.09 KB
Action1.png10.85 KB
Action3.png8.72 KB
Sequencesite.jpg39.12 KB
entities.png13.44 KB
4.666665
Your rating: None Average: 4.7 (3 votes)
Published at DZone with permission of its author, Rob Leland.

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)

Tags:

Comments

Tushar Joshi replied on Thu, 2008/04/03 - 6:42am

This is a great tool for saving time spent on designing and tidying the sequence diagrams.  ArgoUML is very dull in creation of asequence diagrams and I was not much happy with the ArgoUML sequence diagrammng portion.  This tool was a treasure found for me.

 I see great value in this tool as the sequence diagram can now be saved as ascii text and hence can participate in version control mechanism easily.  

 I will like to see some offline tool or plugin with the same feature so I can write my text sequence diagrams and see them rendered just like this tool does.

 Thanks for the tip.

with regards
Tushar

http://www.tusharvjoshi.com 

Rajesh Jadhav replied on Thu, 2010/10/21 - 8:17am

See EasyUML Editor. It is a nice Web based UML Editor which converts Text to all types of UML diagram. Since it is a Web based tool it can be installed on the server and can be accessed from any where with in the network

Liezel Jane Jandayan replied on Thu, 2011/08/11 - 6:15am

 Working with these diagrams in this way has a couple of nice benfits over more intricate/professional methods.

 Senior Healthcare Consultants

Kookee Gacho replied on Sat, 2012/05/26 - 1:05am

ArgoUML was originally developed at UC Irvine by Jason E. Robbins, leading to his Ph.D. It is now an open source project hosted by Tigris.org. Instant Tax Solutions Complaints

Matara Kankanan... replied on Fri, 2013/08/30 - 2:03am

 Great tool. Really time saving.

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.