Web User Manual
- When the user first clicks on the web url, he will see the landing page which has the memories logo.
- User can login and register via clicking the corresponding title on the navbar.
- If the user does not has any account, first he has to open a new account from register page.
- On the register page user is asked to fill 4 input fields which are username, email, password and repassword.
- All the fields are mandatory fields.
- There are minimum 1 character input limit on username, password and repassword.
- User needs to provide a well structured email. Such as xx@gmail.com.
- If the user can not fullfil the register requirements pop-up messages will warn the user if anything went wrong.
- On the register page, if the user has account already, he can navigate to the login page either by clicking from the navbar or 'Already have an account? Login' text.
- After creation of a new account, user will be navigated to the login page. Or Existing user can login his account by entering correct username and password.
- If any of the username and password is wrong, system will display pop-up message to the user.
- On login page, if the user does not have an account, he can navigate to the register page either by clicking the register from navbar or by clicking the text 'Don't you have an account yet? Register Now!'
Navbar after Logging In
There are a few links on the navbar which navigates user to the desired pages. Which are
- Website logo(Homepage)
- Search Memories
- Create Memory
- User Profile
- Activity Stream
- Recommendations
- Username Search
- Logout
-
Homepage is the page that welcomes the user after successfully login.
-
On the homepage user can see the all memories that have been created by all of the user. Also can see only the stories of the followed users.
-
Memories are displayed in the white boxes. the user can see the details of the memory such as title, location, memory creation date, username of the memory creator and the profile picture of the creator.
- User can navigate the memory detail page by clicking on the title of the memory.
- User can navigate the profile page of the memory creator by clicking on the username or the profile picture of the creator.
- Homepage has a pagination system. If there are more than 10 memories to display on the homepage, the system divides the memories so that each page has 10 memories to display.
-
On memory detail page user can see the details of the memory which are title, context, images, date, tags, comments, likes, map, the marker of the location and when it is posted.
-
The user can like- unluke the story by clicking on the hearth logo under the story.
-
The user can add comment at the bottom of the page on comment section.
-
The user can navigate to the other user's profile pages by clicking on the username or the profile page of them at the comment section.
- User can access this page by clicking on the username or profile photo of the other users.
- On this page biography, stories of the user, follower number and the profile picture can be seen.
- The user can follow-unfollow other user on their profile page if your first time visiting other profiles by clicking on the follow(green)-if you already follow the user by clicking the unfollow(red) button.
- In user's own profile page user can see his picture, follower count, his's previous memories and his biography.
- If user dont have any picture yet, default picture is set and there will be 'add photo' button.
- If user adds any photo the area will be like the below image
- There you can change or remove the picture.
- User can see the details of the memories by navigating to the memory detail page by clicking on the title of any memory.
- On activity stream page user can see 7 different types of activity notification.
- If someone follows him
- If someone unfollows him
- If someone likes the memory he wrote
- If someone unlikes the memory he wrote
- If the followed user creates a new memory
- If someone comment on his memory.
- If someone comment on a memory that he commented before.
By clicking on the boxes, user will be navigated to the memory detail page that takes place on a activity box by the system.
- On recommendation page, recommendation engine display memories according to your memories, and the memories you like and search by evaluating their context, location, tag relevance.
- User can navigate to memory detail page by clicking on the title of the story.
- User can navigate to the other user's profile page by clicking on the profile picture or username.
- Username search is a function that helps users to find other profiles quickly if they are new to the platform.
- When the user types the username, system lists the usernames that includes the input.
- User needs to pick one of them and set the input field.
-
Afterwards, user needs to click on the search button.
-
System displays the found user on the screen. By clicking on the username, user will be navigated to the search user.
- In Create Memory page user should fill the mandatory fields which are title, context, tags, date and a location.
- In the context field user can add photo there because it is an richtext field that supports such behaviour.
- In the search tags field there is an semantic tag implementation with wikidata.
- User can choose the location in a different ways.
- By clicking on the map.
- By entering a text inside of an input field.
- By drawing shapes on the map.
- After filling up all the input fields user can create the memory just by clicking on the create new memory button.
- After creating a new memory, system navigates user to memory detail page.
- This time memory detail page is different than before because this memory is written by the user.
- The difference is the user now be able to edit the story.
- To do editing user needs to click on the edit button placed between context area and the map.
- In Edit Memory page input fields are filled with the details of the memory.
- User can edit his stories as many times as he likes.
- After user is done with editing, all he needs to do is click on the update memory button.
- User will be redirected the memory detail page of this particular memory.
- In Search page user can search memories by filling up the desired input fields.
- There are two types of search on this page.
- After filling up the fields if the user clicks on the SEARCH(TIMELINE), he will be directed to timeline page.
- On the timeline page, user can see the details of the stories on storyboxes and can swipe the boxes as desired.
- If the user brings mouse cursor on any of the boxes, box will be hover and becomes bigger.
- Also user can rearrange the memories by changing the listing order of the memories. It can be ascending or descending order.
- On the other hand, if the user searchs by clicking on the SEARCH(LIST). The system will direct user to search-result page.
- User can go to the memory detail page by clicking on the title of the memory and can go to the user's profile page by clicking ton the username or profile picture.
- If the user wants to log-out from the page, hee needs to click on the logout button from top-right corner of the website.
- After logging-out, the system navigates user to the landing page.