Factoid mockup

Here an initial mockup of Factoid UI is described. Please note that this is an initial mockup, so it has some details elided. The focus is on the high-level concepts of the UI. Details, such as particular commands put in menus, can be easily specified later.

Editor component

The editor component exists in the Factoid system to allow an author to modify the metadata associated with one of his papers. The editor is shown below.

The editor

The editor is a part of the Factoid system, and the editor can also be embedded as a part of an external website as a part of its paper submission process.

The editor embedded in an external website

Representation of metadata

The editor makes use of Cytoscape Web for the visualisation of nodes and edges. Entities are represented by nodes and relationships are represented by edges connected to relationship nodes. This affords the system the ability to represent more complex relationships, such as n-ary directional relationships.

Relationships with Cytoscape Web

The information panel

The information panel contains information that supplements the Cytoscape Web visualisation.

The information panel

Initially, the panel contains information about the paper associated with the metadata. The information about the paper is shown also when there is no selection made in the Cytoscape Web visualisation.

When an element in the Cytoscape Web visualisation is selected, information about that element is shown in the information panel.

The information panel with a node selected

The information shown for the paper, nodes, and edges will be defined in a later document. It suffices to show here that the panel is flexible enough to afford many data types, such as text, charts, et cetera.

Factoid (last edited 2011-03-09 19:49:15 by MaxFranz)

MoinMoin Appliance - Powered by TurnKey Linux