Sequence Diagram Web Editor

Proposal Sequence Diagram Web Editor

 

This tool can be used to create new Sequence Diagram without existing code as well to bring more richness and personalize diagrams created by a code execution or by some XML File, append to them notes of comments, colors, changing layout, or even to create a new sequence diagram based on some existing one.

XML of Sequence Diagrams can be created by some different tool, into a different language. The Sequence Diagram Editor will receive the XML file by a POST and return the created diagram without any problems. The XML used it is much more simple of the XML of the UML XMI.

Design Pattern Sequence Diagram Web Editor

 

The pattern used here was the factorys and printers. There is many factorys what builds UML sequence diagram objects and many options of printers what create a different result based on the UML sequence diagram object received.

If you have some special case, when any of the avaliable printers and factorys solve your problem, everthing it is extremly well doc to help to you create new classes and append new features.

Comming Soon Features Sequence Diagram Web Editor

 

As a web tool it has no plataform restriction and new features of colaborative edition using google wave and become a google application are into the planned features.

The Sequence Diagram Web Tool is undergoing a complete rewrite phase, leaving to generate a static HTML output to generate an output on Javascript Canvas Web Tool, using CanvasBox where the diagram can be changed, saved, exported, etc. The HTML output can be one type of export output.

As said above, The Sequence Diagram generation still is in working progress, some necessary features are missing, new features are append each day. You can help to accelerate this development making a donation.

Future features:

  • Change the output from HTML to CanvasBox
  • Rename Actors
  • Move Actors and Messages
  • Append Actors
  • Append Messages
  • Append Comments
  • Zoom in / out
  • Write XML File
  • Read XML File

What is already done? Sequence Diagram Web Editor

 

w This is the actual version of the Sequence Diagram Web Editor what will be deprecated with the new canvas version. This actual version make possible read some XML file and created, based on it, a HTML page with the Sequence Diagram. This Sequence Diagram can not be edited except changing the XML File and recreating all the diagram.

Actual implemented features:

  • Read XML File
  • Html Diagram Export
  • Show Actors
  • Show Messages
  • Show Comments
  • Show Messages Return
  • Show Messages Parameters
  • Code Instrumentation XML Sequence Diagram Generation

in a short preview this code:

<?php

require_once('../../public/codetodiagram.php');

CodeToDiagram::getInstance()->start();

require_once('Wolf.class.php');

require_once('House.class.php');

require_once('Pig.class.php');

require_once('History.class.php');

new History();

?>

Will bring to you this:

three little pigs diagram automatically generated

And this xml (click on xml to edit it):

 
  <  ?xml  version= "1.0"  encoding= "UTF-8"?>   <  sequence>  <  actors>  <  actor  id= "user"              type= "user"> User<  /actor>  <  actor  id= "view"              type= "boundary"> :View<  /actor>  <  actor  id= "controller"  type= "controller"> :Controller<  /actor>  <  actor  id= "model"            type= "entity"> :Model<  /actor>  <  /actors>  <  messages>  <  message  type= "call"  from= "user"  to= "view"  text= "request()"/>   <  message  type= "call"  from= "view"  to= "controller"  text= "handleEvent()"/>   <  message  type= "call"  from= "controller"  to= "model"  text= "queryInformation()"/>   <  message  type= "call"  from= "controller"  to= "controller"  text= "doValidation()"/>   <  message  type= "return"  from= "controller"  to= "view"  text= "updateView()"/>   <  message  type= "return"  from= "view"  to= "user"  text= "notifyUser()"/>   <  /messages>  <  /sequence> 

Will bring to you this:

User
:View
:Controller
:Model
 
 
1. request()
 
 
 
 
 
 
 
 
 
 
2. handleEvent()
 
 
 
 
 
 
 
 
 
 
3. queryInformation()
 
 
 
 
 
 
 
 
4. doValidation()
 
 
 
 
 
 
5. updateView()
 
 
 
 
 
 
6. notifyUser()
 
 
 
 
 
 

Limitations

Internet Explorer Output Limitations

 

While still not fully working on Internet Explorer, the generator already makes life easier for those responsible in maintaining this kind of diagrams. We welcome anyone with the patience and desire to make the CSS changes need for it to work on Internet Explorer.

The Sequence Diagram should migrate from HTML with CSS to Canvas Box what the Class Diagram already is using. This should make more easy interaction events as drag and drop, save as image, etc. So big changes are comming to the Sequence Diagram Web Editor.

Under Development Limitations

 

Also, fully compliance with UML 2.0 is still under development. Anyone interested in working in these fields is more than welcome to join the team. And if you have a patch on add-on to send, feel free to do so. Just send an e-mail to me thiago.henrique.mata@gmail.com . And remember, this is free software, in development, and as such, I can give you no warranty. Use it at your own risk. It's not for the faint of heart. Tag names can and should change. New tags can be add anytime. Stay tunned for more news.