Contents:
Demos
Canvas based schema diagram builder.
amCharts Flash chart widget wrappers
This documentation
Chat demo
Search demo
Examples
BNF/Railroad diagram example
GenBank cladogram tree view
File system tree view
Disk usage drill down charts
Month/day selector drop down example
Entity-relationship diagram builder
Testing
The source code for all of these examples and demos is provided in the WHIFF distribution.
The process of installing the demos is not documented at this time.
Some of these applications use external functionality from one or more of the libraries:
Demos
These demos give examples of more-or-less fully featured applications implemented using
WHIFF.
Canvas based schema diagram builder.
The
INSTALL/test/root/schema directory provides
an implementation of a page for generating conceptual model diagrams for
designing databases and/or object oriented programs. The implementation uses
the HTML5 canvas feature, JqueryUI widgets, AJAX callbacks, and JSON encodings.
This demo will only work with browsers which support the canvas tag and have
javascript enabled.
Please go /tests/schema/diagram to try the schema
diagram builder.
amCharts Flash chart widget wrappers
The
INSTALL/demo/amcharts directory provides
WHIFF/Python wrappers for configuring amCharts Interactive Flash Charts
in web pages. These charts include many configuration options such as
mouse interactivity and animation effects.
All components required for installing the charts in a web server are
distributed in the
INSTALL/demo/amcharts directory.
This documentation
The documentation you are reading uses WHIFF. It also uses Pygments and SkimpyGimpy.
Chat demo
This demo implements an AJAX based web-chat interface. It uses external functionality
from Nucular and SkimpyGimpy.
go:
http://aaron.oirt.rutgers.edu/myapp/gfChat/nucularChatRoom to try the demo
Search demo
This demo implements a syntax-aware web search interface for searching source code
from the Python 2.6.1 distribution.
It uses external functionality from Nucular and Pygments.
go:
http://aaron.oirt.rutgers.edu/myapp/search/search to try the demo.
The search deployment
subsection describes how to deploy a search interface like this
one for any source code tree.
Examples
The following are smaller examples that exercise WHIFF capabilities.
They are not always self explanatory -- you are on your own.
BNF/Railroad diagram example
Go /tests/misc/bnfTest to build a
"railroad diagram" image of a BNF syntax rule.
GenBank cladogram tree view
The
GenBank tree view presents a browsable and searchable tree
of genetic relationships between about a million life forms.
File system tree view
Drill down into a file system using the
file system tree browser.
Disk usage drill down charts
View the relative size of directories in a file system using the
Disk usage chart drill down page.
Month/day selector drop down example
Go /tests/misc/month to see an
Ajaxy "month dropdown day selector".
Entity-relationship diagram builder
Go /tests/misc/erdTest
to build a PNG image for an entity-relationship diagram.
Testing
WHIFF includes various self test capabilities. Many of the WHIFF python modules
include self-test intepretations. Also the
test/validate.py script
(which must run in the test directory) will run a decent number of testcases
to make sure the WHIFF infrastructure generates expected outputs from specified
inputs.
A largish list of test pages may be viewed at
/tests/index
. Many of them test obscure border cases that
showed up as bugs during use. Some of them dont work under
the Google App Engine because the required resources have not
been ported yet.
