Skip to content

Latest commit

 

History

History
119 lines (93 loc) · 3.25 KB

6. User interface.md

File metadata and controls

119 lines (93 loc) · 3.25 KB
Raw
  1. User interface =================

5.1 Main views of the system

  • Login page
  • Sign up page
  • Main page
  • Map screen
  • People list page
  • Search page
  • Settings page
  • Edit account page
  • Plan route page

5.2 Description of the views

Login page: Only contains the Login form and the link/button for the Sign up page

Sign up page: Contains a form with the following fields: username, password, email, first name, last name, birth date (optional), study group (optional), teacher or student (optional). Also contains the sign up button and a button for going back to the previous screen.

Main page: Has links for map, people list, search, settings, plan route and log out.

Map screen: Has a map view of the campus, buttons to move the view to a different floor, the map can be zoomed, people can be clicked, a button to return to the main page, a button to go to the people list and a button to go to the plan route page. Also shows a route if planned with the plan route page.

People list: Has filter buttons for showing friends, foes and all people currently logged in, people can be marked either friend, foe or neutral. Has a button to return to the main page and a button to go to the search page.

Search page: Has a search bar, shows a list of people found. searched people can be marked either friend, foe or neutral. Has a button to go to the people list and a button to return to the main page.

Settings page: Has buttons for edit account and delete account. User can delete the account by pressing the button. Has a button to return to the main page.

Edit account page: User can edit password, email, study group and teacher/student status. Has a button to save changes, to go to settings page and to return to the main page.

Plan route page: Has a form with "Starting point", "End destination", a button for marking current location as the starting point, a button for choosing the start or end point from the map screen, a "Plan route" button, a button to return to the main page.

5.3 Illustrations of each view

views

5.4 State transitions between the views

Login page:
Leads to

  • the main page
  • the sign up page

Sign up page:
Leads to

  • the main page
  • the login page

Main page:
Has links for

  • the map
  • the people list
  • the search page
  • the settings page
  • the plan route page
  • log out (which leads to the login page)

Map screen:
Leads to

  • the people list
  • the plan route page
  • the main page

People list:
Leads to

  • the search page
  • the main page

Search page:
Leads to

  • the people list
  • the main page

Settings page:
Leads to

  • the edit account page
  • the main page
  • the login page (if the account is deleted)

Edit account page:
Leads to

  • the main page
  • the settings page

Plan route page:
Leads to

  • the map page
  • the main page

Diagram