...
Clicking “Login” on the upper right corner will bring the user to the Dashboard.
Edit Page
- On the toolbar header bar at the top, the access level to this page (editors and viewers) is displayed. Normally, when a new page is created, there should be no editor or viewer. But in order to simulate the behavior of share mode, we assume that there is already one editor Bob, as shown in the toolbarheader bar.
- The section greyed out and surrounded by the orange border illustrates that Bob is currently annotating the section. All other editors are not allowed it until he finishes.
- Upon highlighting text anywhere on the page (except the greyed our area), an annotation bar will show up. From left to right, the buttons correspond to "highlight", "underline", "add notes", "hyperlink" and "erase annotation". Only the first two are functional as of now.
Dashboard Page
...
Page
" button. The dashboard displays all the saved pages for which the user has viewing or editing privilege. The user can find a page by typing its name in the search box. He can then go to the desired page by clicking the page name. Finally the user can start annotating a new page by clicking the "+ New Page" button.
...
The header bar at the top (in Edit and Dashboard pages):
- "+ New Page" dialog box ignores the input URL and goes to the same canned page for annotation.
- "Saved Pages" dialog box brings the user immediately to the Dashboard even though new annotations may not have been saved. The ideal behavior is to have some alert message.
- "Save" dialog box does not save the annotations you have made to the webpage.
- "Share" dialog box already provides the (new) editors and viewers. Changes to the content in the text area for edit and view will not be reflected in the information for viewers and editors on the header bar.
...
- The search box only supports prefix search. The complete version should support substring search.
- All hyperlinks now go to a canned page, the one containing the wiki page on Lisp.
- Resizing the window leads to resizing the table of pages. The desired behavior is to fix the table size.
Download Source Code
The source code of the prototype is named 'webannot2.zip', downloadable from here: http://mit.edu/yunlu.