Umd+Notes+Final+Design2


 * Final Design**


 * Home Page:** This is the home page for our website. The main focus of the page is the search bar. Here the user can search for notes by course id, course name, and notes topic. If the user would like to browse for notes by class, they can also click on the link to bring them into a class browser page. Lastly, user can login to their account here as well as access a site help page.




 * Browse Class Page:** On this page users can scroll through a complete list of classes or click on the tabs to see classes alphabetically. If users decide to search for notes by topic they can also use the search bar at the top right.


 * Search Results Page:** The search results page comes up whenever users click on a class or when they search for notes by topic. The table will contain all relevant information on the note. Also, the table can be reordered by each of the column attributes. If users want to find more notes they can browse for more notes by class using the tabs or by searching for notes by topic.


 * Note Preview Page:** The notes preview page gives a preview of the note, the note information, and the file information if the user wants to download the note. The user can also comment on the note as well as annotate directly on the note. The annotation function can be toggled on or off (some users expressed concern about it always being visible). Users will be able to preview the first page of all notes however they must have enough tokens to download the notes or scroll through the notes.




 * User Profile Page:** Here the user can see their account information, account history, and upload notes. They can check what classes they have previewed before and what notes they have uploaded. They can also see statistics on their average note rating as well as how many tokens you have left.




 * Upload Notes Page:** This page is for users to upload notes onto our site. They must fill out information concerning the notes before they upload it. They will be able to see a preview of how the notes will look on the website before they submit it.




 * Transmission Diagram:** This diagram shows how to navigate the site. The account page is especially accessible as you can get there from almost any page. The upload page also shows up more than once.