Mockups
#Website Mockups
###Home Page
The user login to the system and directed to home page. On home page the user sees recent contributions made by users that s/he follows.
###Profile
The user clicks his/her profile page. The user may get around the contributions that he/she has done before by clicking the topics' header and s/he can see his/her favourites topics and users. The user can also check his/her following users and followers.
###Notifications
The user gets notified when other users related to him/her makes any actions or contributions.
###Grappi
The user clicks on "Grappi" button. Then s/he sees trending topics on the map without relations.
###Topic Map
The user clicks on a topic on Grappi then the map focuses on this topic and shows most related topics.
###Change Topic
The user changes topic and focuses on another topic.
###Relations
The user takes a glance at the topic map and clicks the topic which he/she is interested in. Over this map the user sees relations by clicking the link between two topics.
###More Relations
The user clicks on "See more..." then all the relations are shown on the new page.
###Create Topic
The user clicks "Create Topic" button then enters name and tags of the topic. Then the topic is created and the map focuses on this topic.
###Add Relation
The user clicks "Add Relation" button then enters topics which s/he wants to relate and describes the relation briefly.
###Topic Page
The user clicks on the topic when the map already focused on the topic. Then s/he sees all posts of that topic in order.
###Create Post
The user clicks on "Create post" button on the topics header page. Then enters needed information to create a post.
###Comment
The user clicks on "Add comment" button under the post on the topics header page. Then s/he enters a comment to make a comment.
#Android Mockups
###Home Page, Side Bar and Grappi
###Action Button
###Profile
###Notifications
###Topic Map
###Change Topic
###Relations
###Create Topic
###Add Relation
###Topic Page
###Create Post
###Comment
