-
Notifications
You must be signed in to change notification settings - Fork 7
Behaviour History Map
Kai Xu edited this page Oct 9, 2017
·
2 revisions
- node background colour: active tab - blue; favourite/starred node - yellow *
- node border: dashed for unopened tabs; solid for opened tabs *
- Different nodes have the same URL: existing node(s) with the same URL 'flashes' when the new node is added.
- auto panning/zooming to keep the active tab in focus *
- Need buttons for zoom in and out
- Semantic zoom instead of geometric zoom:
- the amount of information showed for node reduces as user zooms out; not just smaller size.
- First reduce the size of nodes without highlight or annotation. When all such nodes are reduced to a dot,
- Reduce the size of node with highlight or annotation, but not only smaller not to a dot.
- Zoom first, and then pan when it is not possible to fit in everything even after zooming out.
- node label disambiguation: compare the node label with its parent's and replace the duplicate part with '...'
- 'Note view': a history map view that shows only the highlights and annotations; all other nodes are reduced to minimal (a dot).
- This is not needed if the 'auto zoom/pan' works.
- page screenshot/thumbnail*: shows a screenshot/thumbnail of a webpage when mouse over a node
- Closed tab: greyed out nodes or dashed borders.
- last a few opened tab:
- boldness of the font: the more recent, the bolder
- Only the three most recent nodes; so there is enough visual difference in boldness.
Item marked with a * means at least some code is available in another branch: the 'master' branch or the 'rebuild-old'.
Missing Features for Online Study
Behaviour: Node and Edge Creation
Testing and Behaviour Driven Development (BDD)
Video: Testing with Jasmine and Sinon-Chrome
Video: overview of SenseMap code
Video: browser features in the old 'master' branch
How browserProvenance.js works
Video: create REST API for MongoDB using Node.js