CanvasBox.php
Go to the documentation of this file.00001 <?php require_once( "header.php" ); ?>
00002 <div id="content">
00003 <div class="post">
00004 <h2 class="title"><a href="#Class Diagrams Web Editor" name="Diagrams">Class Diagrams Web Editor</a></h2>
00005 <p class="meta">
00006 <span class="subtopic"><a href="classDiagram.php#Class Diagram Web Editor">Proposal</a></span>
00007 <span class="topic">Class Diagram Web Editor</span>
00008 </p>
00009 <div style="clear: both;"> </div>
00010 <div class="entry">
00011 <p>
00012 This tool can be used to create new Class Diagram without existing code
00013 as well to bring more richness and personalize diagrams created by a code execution or by some XML File,
00014 append to them notes of comments, colors, changing layout, or even to create a new sequence
00015 diagram based on some existing one.
00016 </p>
00017 <p>
00018 XML of Class Diagrams can be created by some different tool, into a different language. The
00019 Class Diagram Editor will receive the XML file by a POST and return the created diagram without any problems.
00020 The XML used it is much more simple of the XML of the UML XMI.
00021 </p>
00022 </div>
00023 <p class="meta">
00024 <span class="subtopic"><a href="classDiagram.php#Class Diagram Web Editor">Comming Soon Features</a></span>
00025 <span class="topic">Class Diagram Web Editor</span>
00026 </p>
00027 <div style="clear: both;"> </div>
00028 <div class="entry">
00029 <p>
00030 As a web tool it has no plataform restriction and new features of colaborative edition using google wave and
00031 become a google application are into the planned features.
00032 </p>
00033 <p>
00034 As said above, <strong>The Class Diagram generation still is in working progress</strong>, some necessary features are missing,
00035 new features are append each day. You can help to accelerate this development making a <a href="#donation">donation</a>.
00036 </p>
00037 </div>
00038 <p class="meta">
00039 <span class="subtopic"><a href="classDiagram.php#Class Diagram Web Editor">What is already done?</a></span>
00040 <span class="topic">Class Diagram Web Editor</span>
00041 </p>
00042 <div style="clear: both;"> </div>
00043 <div class="entry">
00044 <p>
00045 Using Javascript Canvas, the web tool of Class Diagrams is ready to be tested as can be seen
00046 in this <a href="#classDiagramEditor.php">external example</a> or in the embedded example below.
00047 </p>
00048 <p>
00049 Actual implemented features:
00050 <ul>
00051 <li>
00052 Generic Canvas Box
00053 </li>
00054 <li>
00055 Generic Canvas Element
00056 </li>
00057 <li>
00058 Default Behavior
00059 </li>
00060 <li>
00061 Magnetic Behavior
00062 </li>
00063 <li>
00064 Default Connector
00065 </li>
00066 <li>
00067 Magnetic Connector Connector
00068 </li>
00069 <li>
00070 Box Menu Context
00071 </li>
00072 <li>
00073 Element Menu Context
00074 </li>
00075 <li>
00076 Box Key Events
00077 </li>
00078 <li>
00079 Element Key Events
00080 </li>
00081 <li>
00082 Delete Elements ( cascade )
00083 </li>
00084 <li>
00085 Clone Element
00086 </li>
00087 <li>
00088 Collision Detection
00089 </li>
00090 </ul>
00091 </p>
00092 <div id="box">
00093 <canvas id="canvasBox">
00094 </canvas>
00095 <script type="text/javascript" charset="utf-8">
00096 objBox = new CanvasBox( "canvasBox" ,
00097 document.getElementById("box").clientWidth, 700 );
00098
00099 var objClass = new CanvasBoxClass();
00100 objClass.objBehavior = new CanvasBoxMagneticBehavior( objClass );
00101 objClass.x = 100;
00102 objClass.y = 100;
00103 objClass.strClassElementName = "example";
00104 objBox.addElement( objClass );
00105 </script>
00106 </div>
00107 </div>
00108 </div>
00109 <div class="post">
00110 <h2 class="title"><a href="#">Limitations</a></h2>
00111 <p class="meta">
00112 <span class="subtopic">Internet Explorer Output</span>
00113 <span class="topic">Limitations</span>
00114 </p>
00115 <div style="clear: both;"> </div>
00116 <div class="entry">
00117 <p>
00118 While still not fully working on <a href="http://www.findmebyip.com/litmus#target-selector">Internet Explorer</a>,
00119 the generator already makes life easier for those
00120 responsible in maintaining this kind of diagrams.
00121 We welcome anyone with the patience and desire to make the
00122 CSS changes need for it to work on Internet Explorer.
00123 </p>
00124 </div>
00125 <p class="meta">
00126 <span class="subtopic">Under Development</span>
00127 <span class="topic">Limitations</span>
00128 </p>
00129 <div style="clear: both;"> </div>
00130 <div class="entry">
00131 <p>
00132 Also, fully compliance with UML 2.0 is still under development.
00133 Anyone interested in working in these fields is more than welcome to join the team.
00134 And if you have a patch on add-on to send, feel free to do so.
00135 Just send an e-mail to me <a href="mailto:thiago.henrique.mata@gmail.com">thiago.henrique.mata@gmail.com</a> .
00136 And remember, this is free software, in development, and as such, I can give you no warranty.
00137 Use it at your own risk. It's not for the faint of heart.
00138 Tag names can and should change. New tags can be add anytime. Stay tunned for more news.
00139 </p>
00140 </div>
00141 </div>
00142 <div style="clear: both;"> </div>
00143 </div>
00144 <?php require_once( "footer.php" ); ?>
