tag:blogger.com,1999:blog-12199934303160641752024-03-19T00:32:02.055-07:00Diagramo - web-based diagram editor blogNews, stories and adventures from the team that created the first HTML5 diagram editorUnknownnoreply@blogger.comBlogger46125tag:blogger.com,1999:blog-1219993430316064175.post-25765174743692125392014-08-18T05:48:00.001-07:002014-08-18T05:48:16.866-07:00Diagramo moved to Apache 2.0 licenseWe moved Diagramo from GPL license to Apache 2.0 license.<br />
<br />
This will allow ANYONE to get Diagramo, modify and use it to his/her needs.<br />
<br />
This decision came as a natural evolution to following issues:<br />
<ul>
<li>There are people and companies that find Diagramo code interesting but having a GPL or commercial license give them little decision freedom</li>
<li>We suck at marketing so instead of trying to be what we are not we will try to be a better version of what we are (geeks)</li>
<li>Diagramo has all the features I (Alex) envisioned when initiated it so from my "geeky" point of view it's a complete product. Of course a lot of things can be added but they are not vital.</li>
</ul>
<br />
Diagramo.com site itself will host a modified version of Diagramo sources to allow free creation of Diagrams - but the original sources are now completely free for anyone.<br />
<br />
Enjoy and thank you for supporting us for all these years while we struggled to create something useful. Unknownnoreply@blogger.com27tag:blogger.com,1999:blog-1219993430316064175.post-6322427806775258122014-06-23T03:39:00.000-07:002014-06-23T03:39:03.000-07:00Error fixedWe had an error with newly created diagram. They were not properly saved :(<br />
<br />
Now it's fixed.<br />
<br />
Sorry for any inconvenience we did to you.<br />
<br />
The fun stuff is that even our diagrams are stored inside Diagramo so it blew in our face. So we are among the first to fell it :D<br />
<br />
/AlexandruUnknownnoreply@blogger.com3tag:blogger.com,1999:blog-1219993430316064175.post-76872591222354231512014-06-23T03:21:00.000-07:002014-06-23T03:21:33.704-07:00Diagramo back onlineAs always we are always late of making announcement as we do focus on code.<br />
<br />
We offered Diagramo as LAMP installer, as light version and almost any possible variant and we discovered that we lose focus ...we spread to thin..<br />
<br />
Why? Because offering a download version and try to fit anyone's server config is a time consuming and we would like to focus on only 4 browsers and that's it.<br />
<br />
What does it mean?<br />
It means that will continue to offer the download version but we will focus on online version or as the trend goes with cloud version.<br />
<br />
So....enjoy the new version we cooked for you and I hope this was a good decision.<br />
<br />
<br />
<br />Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-1219993430316064175.post-33154712367791802572014-02-10T01:23:00.003-08:002014-02-10T01:23:31.480-08:00Dotted and dashed support addedIt was a long time since we wanted to have <a href="https://bitbucket.org/scriptoid/diagramo/issue/4/dotted-dashed-line-support" target="_blank">dotted and dashed</a> support for figures, connectors and containers.<br />
<br />
We finally have it. Check the screenshot bellow.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-y89EAgwbArk/UviZIeaaV_I/AAAAAAAAAWo/Xp0M1uRqMjU/s1600/dotted.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-y89EAgwbArk/UviZIeaaV_I/AAAAAAAAAWo/Xp0M1uRqMjU/s1600/dotted.jpg" height="300" width="400" /></a></div>
<br />
As new browsers have support for dashed lines we tried to use it where available. Older browsers that do not have dashed line support will not be able to use this unless we add a "fallback" method to simulate dashed lines.<br />
<br />
The problem with simulation is that it can easily increase the computation time thus making the entire browser / engine to become sluggish.<br />
<br />
Enjoy the dotted line support.<br />
<br />
<br />Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-1219993430316064175.post-53347392796752924962013-09-25T04:51:00.001-07:002013-09-25T04:51:14.430-07:00New demo based on light versionThere is a new <a href="http://diagramo.com/demo/light-editor.html">Live Demo</a> section on Diagramo.<br />
<br />
This <a href="http://diagramo.com/demo/light-editor.html">Live Demo</a> is using the <a href="http://diagramo.com/download.php">Light version</a> of Diagramo.<br />
<br />
Now you can see what Diagramo can do without making a new account and also benefit from all new features added to it.<br />
<br />
There are so many features and enhancements to Diagramo that it's hard to make a list (but I will in a future post).<br />
<br />
Give it a <a href="http://diagramo.com/demo/light-editor.html">try</a>.Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-1219993430316064175.post-27452414467810730152013-09-18T04:38:00.000-07:002013-09-25T04:46:32.724-07:00Diagramo Light versionAs there are so many people interested in Diagramo's JavaScript libraries but not interested in PHP I was able to create a version of Diagramo that does not have any PHP left.<br />
<br />
So you can <a href="http://diagramo.com/download.php">take this version</a> and add ASP, ASP.NET, JSP, JSF or CGI to it.<br />
<br />
This will make it simpler for developers to dive into code and modify it to their needs.Unknownnoreply@blogger.com149tag:blogger.com,1999:blog-1219993430316064175.post-42658464691703433062012-07-04T05:22:00.001-07:002012-07-04T05:22:38.798-07:00Site update to reflect GPL policyAs a lot of people asked about if the project is open source I realized that it was not too obvious.<br />
<br />
Now it is. We added a big info about that on the main page.<br />
<br />
In addition we added "fork me" (call to fight :) ) near our logo.<br />
<br />
Hope this will make things clear.Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-1219993430316064175.post-77675019965718876812012-07-03T03:27:00.003-07:002012-07-03T03:27:45.497-07:00Dotted line supported in diagramsShort entry: dotted lines (and any type of pattern) are suppoted in Diagramo core.<br />
<br />
dot, space, dot, dot, space . . .. .. .Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-1219993430316064175.post-82248938562836450962012-03-15T04:10:00.003-07:002012-03-15T04:19:48.848-07:00Diagramo will change to donationwareYes, we will change to donationware.<br /><br />We would like to say that we change our business model...but (un)forfortunately we did have any model up to now so it's just a change.<br /><br />I like to work for Diagramo (like other that contributed) but it comes a time when we would like to see your appreciation in more than an email (usually with question of how to code).<br /><br />I would like to buy a cup of tea or book with money from Diagramo.<br /><br />So we will add a symbolic donation for anyone interested in more than to use the app.<br /><br />Application will stay free to download but more advanced stuff (full code, documentation, etc) will be for those that donated to the project.<br /><br />p.s. Those that contributed to the project with code will not have any "mere mortal" limitationUnknownnoreply@blogger.com2tag:blogger.com,1999:blog-1219993430316064175.post-49733274573275928252012-02-28T01:48:00.006-08:002012-02-28T02:00:17.476-08:00Diagramo Contributor AgreementAs I want to be able to easily integrate code from other people I shamelessly used <a href="http://montyprogram.com/mca/">Monty's Contributor Agreement</a> to create a similar agreement for people that want to contribute to Diagramo core.<br /><br />It is named <a href="https://bitbucket.org/scriptoid/diagramo/wiki/Diagramo%20Contributor%20Agreement">Diagramo Contributor Agreement</a><br /><br />The reasons for it are:<br /><ul><li>easy to publish under a single license</li><li>no one can "veto" making the code public or under a certain license</li><li>long time contributors will no longer be needed to "explicitly marked" donated code each time they make a patch</li></ul><p><br /></p><p>On the other hand I was trying to read the <a href="http://www.gnu.org/licenses/agpl.html">AGPL </a>for the second time and was able to reach page 5 out of 11 ONLY after I ate a full chocolate and cursed all mind twisted lawyers on the planet.</p><p><br /></p><p>Why the !@#$ did they have to make it so hard to understand?<br /></p><p>Is what <a href="http://en.wikipedia.org/wiki/George_Orwell">George Orwell</a> said : "<span style="font-style: italic;">When there is a gap between one's real and one's declared aims, one turns as it were instinctively to long words and exhausted idioms, like a cuttlefish squirting out ink.</span>" ?<br /></p><p>So reading AGPL postponed indefinitely.<br /></p><p><br /></p>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-1219993430316064175.post-81625937709262643102012-02-22T00:02:00.000-08:002012-02-22T00:05:45.125-08:00Diagramo's diagrams are really freeThe guys from Wikipedia asked us to make all the diagrams Diagramo generates really free.<br /><br />So by now all the public diagrams someone creates will be <br /><a href="http://creativecommons.org/licenses/by-sa/3.0/">Attribution-ShareAlike 3.0</a><br /><br />This means that anytime you make a diagram public it will be under that license.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-1219993430316064175.post-30790831091267389172012-02-02T05:02:00.001-08:002012-02-02T05:08:28.381-08:00Diagramo version 2.1 is outDiagramo version 2.1 is out.<br /><br />All features were described <a href="http://blog.diagramo.com/2012/01/diagramo-21-release-candidate-ready.html">here</a><br /><br /><a href="http://diagramo.com/editor/editor.php">Try it</a>, <a href="http://diagramo.com/download.php">download it</a> or <a href="http://diagramo.com/customize.php">fork it</a><br /><br /><br />Sorry, no time to waste :), we have to start working for <a href="https://bitbucket.org/scriptoid/diagramo/issues?version=2.2">version 2.2</a>.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1219993430316064175.post-88598780465052220432012-01-06T01:32:00.000-08:002012-01-18T04:32:00.617-08:00Diagramo 2.1 release candidate readyI'm proud to announce that version 2.1 (release candidate) of Diagramo is ready to play with (see <a href="http://beta.diagramo.com/">http://beta.diagramo.com</a>)<br /><br />The most important <span style="font-weight: bold;">visible</span> features are:<br /><br />1. Support for images in SVG, PNG, GIF and JPG format<br /><br /><iframe width="420" height="315" src="http://www.youtube.com/embed/hfWJ2QU8Dgo" frameborder="0" allowfullscreen></iframe><br /><br />This means that is just a matter of creating a new set of images and you have a new package of figures.<br /><br />2. Network diagram support<br /><a href="http://3.bp.blogspot.com/-Nlos-8CuCoY/TwbMsiLowbI/AAAAAAAAALY/9rKrVQItrzU/s1600/network.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://3.bp.blogspot.com/-Nlos-8CuCoY/TwbMsiLowbI/AAAAAAAAALY/9rKrVQItrzU/s400/network.jpg" alt="" id="BLOGGER_PHOTO_ID_5694463844318495154" border="0" /></a><br /><br />3. UML state machine diagram support<br /><br /><a href="http://1.bp.blogspot.com/-iCFKzyfafms/TwbPYV6_oUI/AAAAAAAAAL8/EgDE1sOzb8A/s1600/state-machine_rF2qtF.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 255px;" src="http://1.bp.blogspot.com/-iCFKzyfafms/TwbPYV6_oUI/AAAAAAAAAL8/EgDE1sOzb8A/s400/state-machine_rF2qtF.jpg" alt="" id="BLOGGER_PHOTO_ID_5694466795964965186" border="0" /></a><br /><br />3. Real time changing in connector shape<br /><br /><iframe width="420" height="315" src="http://www.youtube.com/embed/WFYRp6-uMaI" frameborder="0" allowfullscreen></iframe><br /><br />For those interested in developing there were huge changes in the core of the application, mainly making the code cleaner and unclutter the UNDO system.<br /><br />You can see <a href="https://bitbucket.org/scriptoid/diagramo/issues?version=2.1">resolved tasks</a> or <a href="https://bitbucket.org/scriptoid/diagramo/downloads">download it</a>.<br /><br />Please visit <a href="http://beta.diagramo.com/">http://beta.diagramo.com</a> to test these new features and <a href="https://bitbucket.org/scriptoid/diagramo/issues/new">report any bug</a> you might find.<br /><br />With your help I can push this version into release.<br /><br />Thanks and enjoy<br />AlexUnknownnoreply@blogger.com29tag:blogger.com,1999:blog-1219993430316064175.post-20598545885686500062011-11-28T03:32:00.000-08:002011-11-28T03:42:19.520-08:00Kissing the (dead) hand.Imagine you are in a horror game and your task is to kiss the hand of a nice lady. That is your job. Nothing else.<br /><br />Let's see what happens. You reach nice lady's house. Ring. Nobody answers. You enter. Remember: you need to kiss her hand. You open the door to her room. Wow....she is dead, someone just killed her and her body parts are all over the room. The hand(s) are on the table, the head is on the floor, etc. Now you are shocked. Who killed her? Why? Are they in the house? Should I call the police? Should I run?<br /><br />Now, in that very moment, you almost lost the game. Why?<br />BECAUSE YOUR JOB IS TO KISS HER HAND. Period. The games does not care if her hand is attaached to a living person.<br /><br />The same problem I see in software development and that is trying to solve innexistent problems.<br /><br />You have a feature to add, nothing more, nothing less. But instead of doing that you lose focus and start adding "not so important" feature and postpone or (worse) dump the feature you should implement. Wrong!<br /><br />You have to add THAT feature and nothing else.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-1219993430316064175.post-9423047572859760652011-11-21T01:44:00.000-08:002011-11-21T01:47:16.123-08:00Git (read github) support addedYes. Git support added for Diagramo - so if you are a git fanatic :) you can use your favorite tool.<br /><br />I picked <a href="https://github.com/scriptoid/diagramo">GitHub </a>for ... isn't it obvious?<br /><br />The main development is still on Mercurial/Bitbucket but I will mirror all the changes to bitbucket too.<br /><br />Enjoy forkingUnknownnoreply@blogger.com1tag:blogger.com,1999:blog-1219993430316064175.post-45394389766602918982011-11-17T05:31:00.000-08:002011-11-17T05:34:15.317-08:00Sources and stuff back inAll the <a href="https://bitbucket.org/scriptoid/diagramo/">sources</a> and other goodies are back on Diagramo.<br /><br />As people asked and got worried about that here they are.<br /><br /><span style="color: rgb(255, 0, 0);">Warning</span>: As I work on some features there are things broken on the sources.<br />I will try to do less damage with updates.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1219993430316064175.post-22680989468302213192011-11-07T05:59:00.000-08:002011-11-07T06:04:06.362-08:00Diagramo 2.1I needed to make plans for Diagramo 2.1.<br /><br />I started to collect all the features I want to add when I realized that I can use Diagramo itself to make an agile plan.<br /><br />As a picture make a thousand words here is what I have now:<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://diagramo.com/diagramo-21_YJSHgu.svg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 725px; height: 725px;" src="http://diagramo.com/diagramo-21_YJSHgu.svg" alt="" border="0" /></a><br /><br />The full link is present here <a href="http://diagramo.com/diagramo-21_YJSHgu.html">http://diagramo.com/diagramo-21_YJSHgu.html</a><br /><br />Now I can start enjoying Diagramo myself.Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-1219993430316064175.post-68959932613641649322011-11-04T03:33:00.000-07:002011-11-04T03:41:16.570-07:00Self induced pain<p style="margin-bottom: 0in">No, it' not about physical pain.</p> <p style="margin-bottom: 0in">It's about mental pain. Or software pain.</p> <p style="margin-bottom: 0in">One of the problem I faced EVERY time I work a product <span style="font-weight: bold;">I DEVELOP and USE</span> (in the same time) is that I'm so eager to test the new version that I'm in a constant state of upgrading it to a point that I do not know if it's a stable stuff or beta.</p> <p style="margin-bottom: 0in">As the result I end up reset the whole application to zero.</p> <p style="margin-bottom: 0in">Diagramo makes no exception BUT there is hope.</p> <p style="margin-bottom: 0in">With new online version I will be able to keep my diagrams and I will go with the official upgrades.</p> <p style="margin-bottom: 0in">That is one of the reason online version was launched....less mental pain.</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1219993430316064175.post-10371949682321264622011-11-02T07:19:00.000-07:002011-11-02T07:22:09.655-07:00Diagramo 2.0.0Yes, I did it. New release. Improved engine (but not visible)<br /><br />What new and visible.<br /><ul><li>create online account</li><li>SVG export and preview made first class citizen</li><li>browse public diagrams (more to come)</li></ul>Just make an account and try it.Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-1219993430316064175.post-28846120763190242602011-10-28T05:33:00.000-07:002011-10-28T05:42:41.139-07:00Some people will make you sad - don't let themI will write down this story so you will be protected from this....if it will happen to you.<br /><br />There was a company - I will not reveal <span style="font-weight: bold;">YET</span> its name - that wanted to use the Diagramo engine in commercial purposes.<br /><br />I said ok as long as they will pay the money and I will be able to fuel the Diagramo with more power (host, design, etc).<br /><br />They start using the sources and finish what they needed, I helped them as much as I could.<br />The result? The money never arrived.<br /><br />This kind of story makes you wonder if it worth to help people or do anything for free.<br /><br />The biggest issue is that actually <span style="color: rgb(255, 0, 0); font-weight: bold;">steal your desire to do continue</span>.<br /><br />Be aware, very aware.Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-1219993430316064175.post-64623891866883826222011-07-29T09:50:00.000-07:002011-07-29T09:51:58.640-07:00Slides - OSCON - Bird of Feather PresentationOSCON presentation was a delight.<br /><br />I would like to thank all the STRONG geeks that were attended.<br /><br />Also here are the slides of the presentation <a href="http://bit.ly/mPN0JW">http://bit.ly/mPN0JW</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1219993430316064175.post-59657561198277008712011-07-29T09:15:00.000-07:002011-07-29T09:21:37.019-07:00Escape from Compatibility View<span style="font-weight: bold;">Prelude</span><br />I was playing with IE9 "Browser Mode" and "Document Mode" for Diagramo<br /><br />As things were not looking nice I added Diagramo (local development url) to "Compatibility View"<br />and forgot about it.<br /><br />A few days after tried to play with html5 features again but could not get out of "Browser Mode" : IE9 Compatible .... for 1 hour (damn)....when I realized that the whole site was added to IE9 "Compatibility View" list.<br /><br /><span style="font-weight: bold;">Solution?</span><br />Remove it from "Compatibility View" list<br /><br /><span style="font-weight: bold;">How?</span><br />Simple. Go to Tools (if menu bar not present, go to title bar, right click and activate menu bar) --> Compatibility View Settings --> remove your site.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1219993430316064175.post-82621800690590421862011-07-27T08:44:00.000-07:002011-07-27T11:25:57.793-07:00OSCON - Bird of Feather PresentationI will make a presentation of <a href="http://diagramo.com/">Diagramo </a>as real world example in <a href="http://www.oscon.com/oscon2011/">OSCON 2011</a>.<br /><br />Here are the topics that I will cover:<br /><ul><li>How to build a JavaScript 2D engine.</li><li>How to export a canvas to SVG, PNG and JPG</li><li>How to integrate the engine into a real time UI</li><li>Who is using and extending the application<br /></li></ul>If you are interested to hear about this in detail come to listen to us Thursday, July 28 in room D136.Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-1219993430316064175.post-82137047015535457542011-06-20T03:58:00.000-07:002011-06-20T04:00:25.080-07:00Old accounts movedAs we move to another architecture for Diagramo we will move whole old site to<br /><br />http://diagramo.com/old<br /><br />All diagrams will be intact.<br /><br />We need to move to new architecture to better scale and speed up development.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1219993430316064175.post-43516456008637057252011-05-26T05:08:00.000-07:002011-05-26T05:09:45.441-07:00Version 1.1 releasedFinally :)<br /><p>Release 1.1 is ready.<br /></p><p>For those interested to see what has been done here is the link<br /><a target="_blank" rel="nofollow" href="http://www.google.com/url?sa=D&q=https://bitbucket.org/scriptoid/diagramo/issues%3Fversion%3D1.0.1">https://bitbucket.org/scriptoid/diagramo/issues?version=1.0.1</a><br /></p><p>Happy downloading :) </p>Unknownnoreply@blogger.com0