in my last article (Reverse engineer DataBase to XMI.)
I wrote how to reverse engineer DataBase and produce XMI file from the data base using andromda Schema2xmi plug-in.
in this article I will speak about how to produce PNG (Portable Network Graphics) Image or any other type of Image that produces the Class Diagram representation from the XMI file that we produced earlier from our Data Base.
ok lets start.
I will use XSLT, and graphviz to achieve this task.
Prerequisites:
Requiered steps to generate the png class diagram from our xmi file are 2:
- Write XSL file that generate the dot file from our xmi.
- Generate the dot file using the XSL file.
- Use graphviz to generate the png image from the dot file.
1. Writing the XSL transformer file that generate the dot file from our xmi:
the following is the XSL file (XMITransformer.xsl) that applies to our xmi file and produces the dot file from it.
<xsl:stylesheet version="2.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns:xdt="http://www.w3.org/2005/02/xpath-datatypes"
xmlns:UML="org.omg.xmi.namespace.UML"
exclude-result-prefixes="xs xdt UML">
<!--xsl:key name="class" match="UML:Class" use="@xmi.id" /-->
<xsl:output method="text" media-type="text/xml" indent="yes" encoding="ISO-8859-1" />
<xsl:variable name="from" select="0"/>
<xsl:variable name="to" select="NON"/>
<xsl:template match="XMI.header"/>
<xsl:template match="XMI.content">
<xsl:call-template name="pre-graph"/>
<xsl:apply-templates
select="UML:Model/UML:Namespace.ownedElement/UML:Package/UML:Namespace.ownedElement/UML:Class" />
<xsl:apply-templates
select="UML:Model/UML:Namespace.ownedElement/UML:Package/UML:Namespace.ownedElement/UML:Association"/>
<xsl:call-template name="post-graph"/>
<!--xsl:call-template name="attributes"/>
<xsl:call-template name="functions"/-->
</xsl:template>
<xsl:template name="attributes">
int x;
</xsl:template>
<xsl:template name="functions">
public static void main(String[] args){
}
</xsl:template>
<xsl:template name="pre-graph">
digraph g {
graph [
rankdir = "LR"
];
node [
fontsize = "16"
shape = "ellipse"
];
edge [
];
</xsl:template>
<xsl:template name="post-graph">
}
</xsl:template>
<xsl:template match="UML:Namespace.ownedElement/UML:Class">
<!--"<xsl:value-of select="@xmi.id"/>" [
label = "<xsl:value-of select="@name"/>"
shape = "record"
];-->
"<xsl:value-of select="@xmi.id"/>" [
label = "<xsl:value-of select="@name"/> | <xsl:value-of select="@visibility"/> | "
shape = "record"
];
<!--xsl:text> </xsl:text>
<xsl:value-of select="@visibility"/-->
<!-- new Line character-->
<!--xsl:text>
 </xsl:text-->
</xsl:template>
<xsl:template match="UML:Association.connection">
<xsl:apply-templates select="UML:AssociationEnd/UML:AssociationEnd.participant/UML:Class"/>
</xsl:template>
<xsl:template match="UML:Association">
<xsl:variable name="f"
select="UML:Association.connection/UML:AssociationEnd/UML:AssociationEnd.participant/UML:Class/@xmi.idref"/>
"<xsl:value-of select="$f[1]"/>" -> "<xsl:value-of select="$f[2]"/>" [
id = <xsl:value-of select="@xmi.id"/>
];
</xsl:template>
<xsl:template match="UML:Attribute">
</xsl:template>
</xsl:stylesheet>
2. Generate the dot file using the XSL file:
java net.sf.saxon.Transform -o dotFileName.dot transformed.xmi XMITransformer.xsl
3. Use graphviz to generate the png image from the dot file:
dot -Tpng -o Diagram.png dotFileName.dot
Thanks for sharing the
Thanks for sharing the input, it's can get really confusing to start with these steps if there are no guidelines to follow through. That's the first lesson I learned from a website design Newcastle team when we worked togeter to a project.
This is a really great
This is a really great article. I really love this great website and I would love to share it with my coworkers. It has really helped me with some creativity and mental blocks that I've been having lately..
Thanks John
Thanks John, I hope it helps.
Ali Abdel-Aziz.