Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Displaying the original webpage's URL at the top right is very much like the web browser's address bar, which may confuse the user about her current location and create an illusion that she is actually on the original webpage. If the user follows a link on the original page, either because she thinks that the new page will also open in WebAnnotator or by accident, she will be redirected to the new page, exiting WebAnnotator, which may be unexpected and risks the user to lose her work on WebAnnotator if it is not saved. A prompt on redirection asking for confirmation ('By clicking on a link you are about to leave WebAnnotator. Do you want to continue?') may help.
  2. If the user forgets to click 'Save' and either accidentally close the page or experiences a browser crash, she will risk losing her work. This could potentially be mitigated solved by auto-saving once in a while.

...

1.1


To use WebAnnotator, Jim first logins by entering his username and password.

1.2


He then gets to the Summary Page, in which there are two separate sections showing his previously saved pages and pages shared with other users. The pages are labeled by their titles and other properties.
To start a new annotation, Jim clicks on “New Page” which directs him to the following screen.

1.3

Image Added Image Removed

He types/pastes the URL of the page to be annotated into the text box (labeled by “pale” URL) and enters/clicks on the “refresh” button. In this case, the URL links to the “Worst is Better” paper for 6.033.

1.4

Image Added Image Removed

He then has entered the edit mode. The window is divided into two sections. The left one is just the webpage (Worst is Better).
The right subsection is editable and initially shows the original version of the webpage. WebAnnotator supports a wide range of annotation features such as (in the same order as in the picture) highlight, font color, popup comment box, SHARE!, copy and paste. It works just as any standard text editor like Microsoft Word.

  1.5

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Image Added

Jim begins to annotate by highlighting some text and inserting a popup comment box as shown in the picture. To facilitate viewing, WebAnnotator automatically reveals the difference between the webpage and the annotated version by drawing red squares to the middle bar.

2.1

Image Added

To return to his previously annotated page before recitation, Jim logins again and clicks on the page labeled by “Worst is Better” on the Summary Page.

2.2

Image Added

This brings him back to the annotated version he made last time.

3.1

Image Added

To share his annotation with Sam, Jim simply opens his annotated page again and clicks on “SHARE!”. A popup window will then appear.
Jim then enters the usernames of the people he wants to share with and clicks “OK”.

3.2

Image Added

Sam will receive an email notification of this, with a hyperlink linked to Jim’s annotation. Once he follows the link, he will be able to view Jim’s annotation in share mode, which is highly analogous to edit mode, described above. On the left side is Jim’s annotated version. The version on the right is editable and identical to the left at the beginning.

3.3

Image Added

To add his own new annotation, Sam uses the toolbar described previously to insert a new popup comment box. Again, this change is indicated by the red square (at the same height) shown in the middle bar to make newly added annotations more easily traceable.
Once he is done with his (hasty) annotation, Sam clicks on “Save” and is happy to have something to say in tomorrow’s recitation.