So you want to create a diagram showing how a user might navigate through your app? Then yUML, a new service by Tobin Harris from the Engine Room is a cheap and easy way to do it. There are a few web-based tools for creating diagrams, but what’s unique about yUML is it’s implementation.
How It Works
yUML automatically generates an image based on the arguments you specify in the image html tag. This makes it easy to embed into a Confluence wiki page as an image.
For example:
http://yuml.me/diagram/usecase/[Customer]-(Login), [Customer]-(Logout)
Would generate:
“>
Or for another example:
http://yuml.me/diagram/usecase/[Customer]-(Login)
Would generate:
You can do more sophisticated relationships as shown in the complete syntax overview at http://yuml.me/diagram/usecase/draw.
As a Confluence User Macro
Inserting images is pretty simple, but an even simpler way to integrate yUML into your Confluence wiki is to create a {usecase} user macro. User macros allow you to create simple formatting macros using the Confluence web interface. Below is an example of what your {usecase} user macro would look like:
With this macro, users could simply type the following into Confluence:
{usecase}[user]>(login),[user]>(forgot password){usecase}
to generate this diagram:
<img src="http://yuml.me/diagram/usecase/[user]>(login),[user]>(forgot password)”/>
Learn More
Check out this video to learn more about integrating yUML into Confluence.
