Web page facelift.

This commit is contained in:
Diomidis Spinellis 2008-08-27 15:57:04 +00:00
parent ad0b20256f
commit a54a65cad8
6 changed files with 197 additions and 72 deletions

13
web/bottom.html Normal file
View File

@ -0,0 +1,13 @@
<!-- $Id$ -->
</td></tr></table>
<hr />
<p class='footer'>
<a href="http://validator.w3.org/check/referer"><img hspace="4" align="left" src="valid-xhtml10.png" border="0" alt="Valid XHTML 1.0!" height="31" width="88" /></a>
<a href="http://www.w3.org/WAI/WCAG1AAA-Conformance" title="Explanation of Level Triple-A Conformance"><img hspace="4" align="left" border="0" height="32" width="88" src="wcag1AAA.gif" alt="Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" /></a>
<!--Creative Commons License--><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/gr/deed.en"><img hspace="4" align="left" alt="Creative Commons License" style="border-width: 0" src="http://creativecommons.org/images/public/somerights20.png"/></a>
Unless otherwise expressly stated, all original material on this page created by Diomidis Spinellis is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/gr/deed.en">Creative Commons Attribution-Share Alike 3.0 Greece License</a>.
<br />
Last modified: XDATE
</p>
</body>
</html>

28
web/build.sh Executable file
View File

@ -0,0 +1,28 @@
#!/bin/sh
#
# $Id$
#
# Create the UMLGraph web pages
#
# For each file appearing in top.html
for file in `awk -F\" '$4 == "menu"{print $6}' top.html`
do
base=`basename $file .html`
(
# Highlight menu marker
cat top.html |
sed '\|class="menu" href="'$file'"|s/menu/selmenu/
s/class="menu" href="doc\//class="menu" href="/'
if expr $file : doc/ >/dev/null
then
source=../doc/$base.xml
sed -n '/<notes>/,/<\/notes>/{;/notes>/d;s/fmtcode.*>/pre>/;p;}' $source
else
source=$file
cat $file
fi
sed "s,XDATE,`ident $source | awk '{printf "%s %s", $4, $5}'`," bottom.html
) >build/$base.html
xml val -d /pub/schema/xhtml1-transitional.dtd build/$base.html
done

31
web/doc.html Normal file
View File

@ -0,0 +1,31 @@
<!-- $Id$ -->
<h2>UMLGraph Reference Documentation</h2>
<ul>
<li> <a href="doc/index.html">User manual</a>
(table of contents - suitable for web browsing).
</li>
<li> <a href="doc/indexw.html">Printable user manual</a>
(the above as a single printable page).
</li>
<li> <a href="javadoc/index.html">Doclet technical documentation</a>
(javadoc table of contents).
</li>
<li> <a href="doc/faq.html">Frequently asked questions</a> </li>
</ul>
<h2>Articles and Third Party Tutorials</h2>
<ul>
<li>Diomidis Spinellis.
<a href="http://www.dmst.aueb.gr/dds/pubs/jrnl/2003-IEEESW-umlgraph/html/article.html">On the declarative specification of models</a>.
<cite>IEEE Software</cite>, 20(2):94&#8211;96, March/April 2003.
</li>
<li>
Meera Subbarao. <a href="http://java.dzone.com/articles/reverse-engineer-source-code-u">Reverse-engineer Source Code into UML Diagrams</a> (online at DZone Javalobby).
</li>
<li>
Paul Duvall. <a href="http://www.ibm.com/developerworks/library/j-ap06108/index.html">Automation for the people: Pushbutton documentation</a> (online at IBM developerWorks).
</li>
<li>
John Ferguson Smart. <a href="http://www.amazon.com/exec/obidos/ASIN/0596527934/dds-20">Java Power Tools</a> (O'Reilly, 2008; Chapter 30 covers UMLGraph).
</li>
</ul>

46
web/download.html Normal file
View File

@ -0,0 +1,46 @@
<!-- $Id$ -->
<h2>Current Production Version</h2>
The current version of UMLGraph is VERSION.
You can download UMLGraph from the following links:
<ul>
<li> <a href="UMLGraph-VERSION.tar.gz">UmlGraph package version VERSION - .tar.gz</a>
(compressed tar file containing the source code, the compiled doclet,
and the complete documentation in HTML format).
</li>
<li> <a href="UMLGraph-VERSION.zip">UmlGraph package version VERSION - .zip</a>
(zip file containing the source code, the compiled doclet,
and the complete documentation in HTML format).
</li>
<li> <a href="http://freshmeat.net/projects/umlgraph/">freshmeat.net page</a> (use it to subscribe and post comments).</li>
<li> <a href="jars/UmlGraph-VERSION.jar">UmlGraph binary - UmlGraph-VERSION.jar</a>
(jar file containing only the UmlGraph classes;
please use this only for pulling UmlGraph into other projects).
</li>
<li> <a href="CHECKSUM.MD5">MD5 checksums</a> for each of the above .zip, .tar.gz, and jar archives.
</li>
</ul>
<h2>Older Versions</h2>
These are links to old versions of UMLGraph, that may be useful to
people running older versions of the Java runtime environment.
Note that the web documentation applies to the current version.
<ul>
<li> <a href="UMLGraph-4.8.tar.gz">UmlGraph package version 4.8 - .tar.gz</a>
(The last version compatible with Java 1.5; compressed tar file containing the source code, the compiled doclet,
and the complete documentation in HTML format).
</li>
<li> <a href="UMLGraph-4.8.zip">UmlGraph package version 4.8 - .zip</a>
(The last version compatible with Java 1.5; zip file containing the source code, the compiled doclet,
and the complete documentation in HTML format).
</li>
<li> <a href="UMLGraph-2.10.tar.gz">UmlGraph package version 2.10 - .tar.gz</a>
(The last version compatible with Java 1.4; compressed tar file containing the source code, the compiled doclet,
and the complete documentation in HTML format).
</li>
<li> <a href="UMLGraph-2.10.zip">UmlGraph package version 2.10 - .zip</a>
(The last version compatible with Java 1.4; zip file containing the source code, the compiled doclet,
and the complete documentation in HTML format).
</li>
<li> <a href="CHECKSUM.MD5">MD5 checksums</a> for each of the above .zip, .tar.gz, and jar archives.
</li>
</ul>

View File

@ -1,17 +1,4 @@
<?xml version="1.0" encoding="us-ascii"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- No not edit this page in the web directory. -->
<!-- $Id$ -->
<head>
<title>UMLGraph - Declarative Drawing of UML Diagrams</title>
<meta name="AUTHOR" content="Diomidis Spinellis" />
</head>
<body>
<h2>UMLGraph - Declarative Drawing of UML Diagrams</h2>
<img align="left" alt="UMLGraph banner" hspace="12" border='0' src="umlgraph-banner.png">
<!-- Introduction {{{1 -->
UMLGraph allows the declarative specification and drawing of
UML class and sequence diagrams.
@ -27,10 +14,7 @@ appearing in the award-winning books
<a href="http://www.spinellis.gr/codereading">Code Reading: The Open Source Perspective</a> (Addison Wesley, 2003).
In addition,
the <em>UMLGraphDoc</em> doclet included in this distribution automatically
adds UML diagrams to javadoc documentation;
you can find a short and clear
<a href="http://java.dzone.com/articles/reverse-engineer-source-code-u">tutorial on how to automatically document your project with UML diagrams</a>
on DZone's Javalobby.
adds UML diagrams to javadoc documentation.
<p />
Many programs build on UMLGraph; follow <a href="doc/deriv.html">this link</a>
@ -39,13 +23,12 @@ In addition,
<a href="http://martinfowler.com">Martin Fowler</a>, the author of
<a href="http://www.amazon.com/exec/obidos/ASIN/020165783X/dds-20">UML Distilled</a>, writes:
<blockquote>
I thought I'd send you a note saying how much I enjoyed discovering UML Graph. I've long fancied a text based way of describing UML diagrams, but never felt sufficiently time-rich to develop anything.
I thought I'd send you a note saying how much I enjoyed discovering UML Graph.
I've <a href="http://martinfowler.com/bliki/UmlSketchingTools.html">long fancied a text based way of describing UML diagrams</a>,
but never felt sufficiently time-rich to develop anything.
</blockquote>
Martin has created a
<a href="http://martinfowler.com/bliki/UmlSketchingTools.html">bliki entry</a>
describing his ideas of what an ideal textual language might look like.
<h3>Class Diagrams</h3> <!-- {{{1 -->
<h2>Class Diagrams</h2> <!-- {{{1 -->
One specifies a class diagram using the Java syntax complemented by
<a href="http://java.sun.com/j2se/javadoc/"><em>javadoc</em></a>
tags.
@ -72,7 +55,7 @@ class Client extends Person {}
<img src="doc/class-eg.gif" alt="Simple UML class diagram" />
</td></tr></table>
<h3>Sequence Diagrams</h3> <!-- {{{1 -->
<h2>Sequence Diagrams</h2> <!-- {{{1 -->
One specifies a sequence diagram using <em>pic</em> macros to define
objects and method invocations.
The <a href="http://www.gnu.org/software/plotutils/plotutils.html">GNU plotutils</a>
@ -109,52 +92,3 @@ complete(O);
<img src="doc/seq-eg.gif" alt="Simple UML sequence diagram" />
</td></tr></table>
<h3>Download and Links</h3> <!-- {{{1 -->
UMLGraph is hereby made freely available as Open Source Software.
The current version of UMLGraph is VERSION.
You can download UMLGraph and its documentation from the following links:
<ul>
<li> <a href="UMLGraph-VERSION.tar.gz">UmlGraph package version VERSION - .tar.gz</a>
(compressed tar file containing the source code, the compiled doclet,
and the complete documentation in HTML format).
</li>
<li> <a href="UMLGraph-VERSION.zip">UmlGraph package version VERSION - .zip</a>
(zip file containing the source code, the compiled doclet,
and the complete documentation in HTML format).
</li>
<li> <a href="doc/index.html">User documentation</a>
(table of contents - suitable for web browsing).
</li>
<li> <a href="doc/indexw.html">Printable user documentation</a>
(the above as a single printable page).
</li>
<li> <a href="javadoc/index.html">Doclet technical documentation</a>
(javadoc table of contents).
</li>
<li> <a href="doc/ver.html">Version history</a> </li>
<li> <a href="http://freshmeat.net/projects/umlgraph/">freshmeat.net page</a> (use it to subscribe and post comments).</li>
<li> <a href="jars/UmlGraph-VERSION.jar">UmlGraph binary - UmlGraph-VERSION.jar</a>
(jar file containing only the UmlGraph classes;
please use this only for pulling UmlGraph into other projects).
</li>
<li> <a href="CHECKSUM.MD5">MD5 checksums</a> for each of the above .zip, .tar.gz, and jar archives.
<li> <a href="oldversion.html">Older UMLGraph versions</a> (useful if you run
an older JRE).
</li>
<li> <a href="doc/faq.html">Frequently asked questions</a> </li>
</ul>
<!-- End matter {{{1 -->
<p />
<a href="http://www.spinellis.gr">Diomidis Spinellis home page</a>
<hr />
<font size="-2">
<a href="http://validator.w3.org/check/referer"><img hspace="4" align="left" src="valid-xhtml10.png" border="0" alt="Valid XHTML 1.0!" height="31" width="88" /></a>
<a href="http://www.w3.org/WAI/WCAG1AAA-Conformance" title="Explanation of Level Triple-A Conformance"><img hspace="4" align="left" border="0" height="32" width="88" src="wcag1AAA.gif" alt="Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" /></a>
<!--Creative Commons License--><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/gr/deed.en"><img hspace="4" align="left" alt="Creative Commons License" style="border-width: 0" src="http://creativecommons.org/images/public/somerights20.png"/></a>
Unless otherwise expressly stated, all original material on this page created by Diomidis Spinellis is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/gr/deed.en">Creative Commons Attribution-Share Alike 3.0 Greece License</a>.
<br />
Last modified: $Date$
</font>
</body>
</html>

73
web/top.html Normal file
View File

@ -0,0 +1,73 @@
<?xml version="1.0" encoding="us-ascii"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- No not edit this page in the web directory. -->
<!-- $Id$ -->
<head>
<title>UMLGraph - Declarative Drawing of UML Diagrams</title>
<meta name="AUTHOR" content="Diomidis Spinellis" />
<style type="text/css">
pre {
padding:4px;
background-color: #eeeeee;
border: 1px solid #000080;
}
p.footer {
font-size: 70%;
color: #505050;
margin-top: 0px;
}
h1 {
background-color: #EEEEFF;
border-left: #003399 10px solid;
padding: 0px 4px 0px 20px;
height: 70px;
margin-top: 0;
}
h2 {
background-color: #EEEEFF;
border-left: #003399 10px solid;
padding: 0px 4px 0px 20px;
}
a.menu:link, a.menu:visited {
color: blue;
text-decoration: none;
}
p.menu {
background-color: #EEEEFF;
padding: 1px 4px 1px 15px;
margin-top: 0;
margin-bottom: 0;
}
p.selmenu {
background-color: #FFCC33;
padding: 1px 4px 1px 15px;
margin-top: 0;
margin-bottom: 0;
}
hr { height: 1px; margin-top:1em; }
</style>
</head>
<body>
<table>
<tr>
<td valign="top">
<img align="left" alt="UMLGraph banner" hspace="12" border='0' src="umlgraph-banner.png" />
<br clear='left' />
<br />
<br />
<p class="menu"><br /></p>
<p class="menu"><a class="menu" href="index.html">About</a></p>
<p class="menu"><a class="menu" href="download.html">Download</a></p>
<p class="menu"><a class="menu" href="doc.html">Documentation</a></p>
<p class="menu"><a class="menu" href="doc/faq.html">FAQ</a></p>
<p class="menu"><a class="menu" href="doc/ver.html">History</a></p>
<p class="menu"><a class="menu" href="doc/deriv.html">Links</a></p>
<p class="menu"><a class="menu" href="doc/ack.html">Credits</a></p>
<p class="menu"><br /></p>
</td><td>
</td><td>
<h1>UMLGraph - Declarative Drawing of UML Diagrams</h1>