Skip to content

Behaviour: Browser

Kai Xu edited this page Oct 9, 2017 · 6 revisions

Text highlighting

  • After user select some text on a webpage, he/she can select 'highlight' from the right-click menu.

    • The background of the selected text changes to 'yellow' on the webpage.
    • The selected text will then be saved to the node for this webpage in the history map and displayed under the title.
  • Clicking on the highlighting shows the option to delete it, which will also remove the text from the history map node.

  • Additional things to explore

    • Alternative highlight options such as 'underline'
    • Alternative user interaction to make the popup menu appear (currently right clicking makes the menu appear)

Image highlighting

  • User can right-click an image on a webpage then choose 'highlight' from the right-click menu. The selected image will then be saved to the node for this webpage in the history map and displayed under the title, above the highlighted text.

  • If an image is already highlighted, user can right-click the image and choose 'remove highlighting' from the menu to remove the highlighting.

  • Additional things to explore

    • Some indication to show a picture is highlighted such as a yellow border?
    • What about multiple images?

Annotation

  • After text or image is highlighted, clicking it will show the option to enter a note.
    • Is it necessary to highlight text or image first?
  • Selecting that will pop up a text window to enter the annotation.
  • Text or image has annotation will have an note icon added to it.
  • The annotation will also show in the history map node, together with the text highlight.
  • Click on the note icon will show the option to edit or delete it.

Others

  • When a page is loaded, all the text/image highlighting and annotation should appear.

  • Clicking a node in history map will make its tab active or reopened the page if already closed.

    • If the tab was closed, a new tab will open, but no new node is created in history map
    • After this, child node is added to the node as usual
  • Clicking the text/image highlighting or annotation in a history map node will make that tab active or reopened the page if already closed, and make the highlighting or annotation visible.

Clone this wiki locally