Aleksandr's+Prototype

**Home Page**
This is a prototype of the home page where new users can register and old users can sign in. The left frame of the page features all the most recently posted jokes. Each joke contains the users picture, the joke, a "See Comments" link, and features an expandable side for posting to social media sites like facebook and twitter. The user can post directly using the anonymous posting feature that is available. Each post that is made will include hash tags so when other people are searching they will be able to find this persons post. The right side of the page focuses on the different filters avaliable to the users based on categories, recently submitted, and top rated jokes. Top rated and recently submitted will list 5-7 jokes under themselves and have the a joke snippet that will act as a hyperlink to the individual joke page.



**Additional Site Components**
This image has 4 separate prototypes. Top left is an example of the category filter. There you can see the name of the filter as well as the hash tags listed above each joke. Clicking the "See Comments" will lead you to the bottom left frame which is the individual joke page where the clicked joke is displayed along with the set of comments made by different users. At the bottom of the comment list is a text box and a "Add Comment" button for the current user to post their own comments under that joke.The "Next" and "Previous" buttons allow the user to scroll through the remaining jokes on the site. The top right frame is the registration screen where new users can create their own account for the sign and not have to keep posting anonymously. The bottom right frame is the tags screen which will probably be a lightbox that pops up and allows the user to type in hash tags for their joke. These hash tags are searchable by all users on the site.



**Transition Diagram**
This is a transition diagram showing the flow of actions a user can perform. it outlines the needed actions for our site to be functional