Skip to content

MoM 8

Jump to bottom
Pablo Cañal Suárez edited this page Mar 12, 2020 · 3 revisions

Date: 12/3/2020

Developers:

  • Pablo Cañal
  • Miguel Cuesta
  • Lucía Megido
  • Elena Rodríguez

Duration: 60 minutes.

Now that we've presented the first deliverable, we must work for the next milestone, which is the version 1.0 of the application. For that, we've decided that we must do a deeply remake of the general interface and distribution for the web, to allow a better scalability for the near future.

For that, we have divided the new interface to have two main parts: the main user's one and the social feed one.

UI Redesign

  • Social Feed: in this panel, the user will be able to see the routes that were shared with him from all his friends. Also, the user's friends will be displayed here, as well as a new button, Add Friend, which will redirect the user to a new panel (or via popup: this implementation is to be defined) where a form to add a new friend is placed. This Social Feed panel will change visually a lot whether the user has friends or not, and whether the user has any route shared with him or not.

  • My Routes:

    • See Routes: see all your routes, in mini cards, displaying basic info. This small cards will show a small, non-editable map (like a screenshot of the route geographically) at the top, and will show some basic data about the route, like the date and duration. Also, each card will have two buttons:

      • Info: this button will redirect the user to a new view, where all the data of the route is displayed. Here, the user will found a bigger and editable map, as well as all the information (date, length, duration, description...). Also, here the user will found all the media associated with the route. Photos, videos and comments are contemplated here.
      • Share: this button will give the user the opportunity to share the route with the friends he/she chooses.

    • Create Route: form which will allow the user to create, manually, a new route. For this, the user will have to introduce several data, like the name and description (optional) for the route. This part will have to be done together with the ViadeSpec's Route Specification, as the fields for the form will depend on it. When this data is introduce, the user will have to use the map. He/She must click on several points in the map, creating the wished route. This points will show the final travel of the route, and will be processed later to be treated as the final trackpoints. When the form is completed, the user will have two options:

      • Upload to Pod: this button will upload the route to the user's pod.
      • Download Route: this button will download the route file (in the estimated format, to be defined).

    • Import Route: form to import a route. Mainly, this panel will have, at first, only one button:

      • Import: this button will allow the import for a new route. The user will have to upload its file and the app will process the data internally. Then, the user will be able to review all the data, in case any changed is aimed to be done. When submitting, the route will be uploaded to the user's Pod.

Work distribution

In principle, the work distribution is to be done as follows:

  • Pablo: Create Route panel.
  • Miguel: Social Feed panel.
  • Lucia: See Routes panel.
  • Elena: See Routes - info and share functionality.
  • Carmen: See Routes - info and share functionality.

Other changes to be done

  • The map needs to be isolated to an independent component. This means, the route example must be taken out (uncoupled) from the map itself.

Legend

  • Bold: panel/view.
  • Bold and Italic: button.
Clone this wiki locally