HyperScope
HyperScope Mockups 1
Layout and Controls
1A
This is an HTML mockup for Phase 1 of the HyperScope development. If done properly, these mockups can be used as the basis for the actual HyperScope UI.
1A1
The blue bar above is the toolbar. There are two pulldown menus there, one for jumping and one for viewspecs.
1A2
This area is the document viewing area. Purple numbers -- when turned on -- are displayed on the right-hand margin. There are some controls embedded here as well. When you hover over a node, controls will appear in the left margin. These are viewspec shortcuts.
1A3
To Do
1B
Layout toolbar correctly and keep it on the page at all times.
1B1
Turn off bullets from these list items. Done
1B2
Display purple numbers. Done
1B3
Implement hover controls.
1B4
Implement pull-down dialog boxes in the toolbar.
1B5
Implement keyboard shortcut hovering.
1B6