CPSC 310 Project Instructions

How to start the application

1. Navigate to the root directory of the project : \project_team199
2. In the terminal, start the application by running npm run dev.
3. If successfull, click on the link provided in Local, which should cause the application to begin running in the browser.

Navigating the Map

To navigate through the map:

Zoom in/out:

• Scroll up/down if using a mouse
• Use two fingers and drag if on a trackpad

Moving around:

• Press, hold, and drag to move around the map

Fulfilling User Story 1

** As a user, I should be able to view all UBC buildings so that I know where they are physically located on campus relative to each other. **

Each red marker can be clicked on, which will reveal a popup panel that shows the building name, address, and all the rooms in the buildings. To close these panels, click on the x button on the top right of the panel.

Fulfilling User Story 2

** As a user, I should be able to view all the rooms in a specific building so that I can retrieve room specific information such as the type of room or capacity. ** After a selecting a building through User Story 1, click on specific rooms in the panels to select them, and they will pop up in the left panel, along with their room information. Rooms can be deselected by clicking the x button on each room popup for selected rooms in the left panel.

Fulfilling User Story 3

** As a user, I should be able to search and find a specific room from all rooms on campus so that I can learn specific information about it. ** Navigate to the search bar with caption Search for a room in the top left corner of the screen. There are two ways to find a specific room:

1. Click on the dropdown key to the right of the search bar to view all existing rooms, and click on a specific roomname to select it.

2. Click on the scroll bar and begin typing in a room by the building's shortname and room number. If the room is in the database, then it should show up in the results.

Fulfilling User Story 4

** As a user, I should be able to see the estimated walk time in between specific rooms (up to 5 selected rooms) so that I know how long it takes to get from one place on campus to the next. **

Select at least two or more rooms first by going through the previous user stories. To get the walking times for rooms, click on the Get Walking Times button located in the bottom right corner of the screen. If successful, estimated walk times should appear in a popup panel, along with the estimated distance between the origin and destination. Click on the same button again to hide the panel.