|XCASM on-line demo
|This is a web demo of the PIC edition
of the XCASM high level assembler. It allows the user to enter high
level statements and evaluate the quality of the optimised code
|Animated demo showing how a drawing can
be quickly edited by simply picking points on an object, dragging them
to a new position and then placing them (click, move, click). The connections
between the lines are maintained automatically by IPAD.
|Animated demo showing how a drawing can be quickly created and then
edited. This demo emphasizes how a drawing can be quickly put together
by first simply sketching a rough approximation of the required shape and
then polishing it to give the actual shape required. Note how objects drawn
next to each other interact with each other when they are subsequently
edited without the need for complex set-up.
|Animated demo showing interaction between objects. Note how the lines
drawn in the circles maintain their size and position relative to the circles
and how the whole drawing responds to the resizing and repositioning of
any of the circles.
|Animated demo showing complex editing of a pyramid with very little
|Animated demo showing complex editing of a graph in which the nodes
are connected via curves. This demo shows how easily the nodes and connectors
can be moved about while keeping the connections valid. Note how whole
sub-sections of the graph can be easily moved (to make space for new nodes)
without effecting the integrity of the connections. Note also how connections
can be easily broken and re-established without the need for complex set-up
(due to object interaction).
|Animated demo showing the drawing and editing of a simple surface.
Note the use of groups to clone and colour sections of the surface. Note
also how individual components of the surface can be selected and edited
without the need for complex set-up.
|Animated demo showing how pre built objects (in this case electronic
component symbols) can be copied from a template window to the drawing
window to quickly produce specialised drawings. Note how quickly and easily
connections between the components are established and how they are maintained
while the drawing is being polished.
|Animated demo showing how complex relationships between objects are
maintained during trivial editing. Three lines are drawn and connected
via glue points such that one end of each line is dependent on a point
on one of the other lines. moving an unconnected line end will have an
effect on the line connected to it which will (if we follow all the connections)
effect the other end of the line we are moving. To further complicate the
relationships, three other white lines are connected to the inside of this
strange triangle and three blue lines form connections between the inner
white lines and the outer strange triangle. Note how easy it is to edit
such a complex structure with IPAD.
|Animated demo showing real time editing of a complex drawing involving
hundreds of recursive dependencies. This is a drawing of a surface formed
by connecting two curves at 15 points using 15 lines. Each connecting line
is connected to its neighbour line by 15 white lines. Note how responsive
IPAD is when dealing with such drawings.
|Animated demo showing how xebot can generate an interactive dialog
from a drawing. Note how the gage and LEDs on the generated dialog are
able to directly follow the user through the slider and spinner.
|Animated demo showing how easily an interactive dialog can be changed
|Animated demo showing how an interactive dialog is created starting
BEWARE this is not the interactive tutorial.
Controls are copied from a template to produce a new dialog.
Controls are placed and their sizes and shapes manipulated.
Control properties are edited and interactive code is attached.
Controls are grouped using a frame control and the dialog is generated
|Animated demo showing an actual trace of the crisis.ipd state machine
being run against the generated code. At the start the events connecting
the states are shown in red, green and blue. This is how the diagram was
draw and is intended to highlight groups of events. When the state machine
trace begins, all the events are shown as blue. As the trace proceeds,
the events and states visited are changed to yellow to show the current
state of the state machine and the event that caused the state transition.
When there is a new transition the previous state and event are changed
to grey. This allows a trail to be built up showing all the processed states.
Note how the state machine responds to the simulated inputs (the red/green
blocks on the left) as the user clicks on them with the mouse, and how
the simulated outputs (the red/green circles to the right of the simulated
inputs) are effected in response to the state machines operation.
|Animated demo showing an actual trace of four state machines interacting
with each other and the user.