Skip to content
Zhao, Xuan edited this page Dec 4, 2020 · 32 revisions

Description

Map tab provides an overview of the whole campus. User can see basic information of every building on the map. Users can customize their searches through 4 inputs selection. Based on the user's selection, the main panel will display a map with different markers or a table with just data. The map tab appears when first opening studysafe website. It can answer users several questions, like: Where is safer place to go right now?

Functionality

Interface Overview

  • When opening the website, the Map tab appears first. However, if user is on the other tab, hamburger (red circle) can be used to navigate between tabs.
  • There is a short tutorial (red rectangle) to teach users how to use map tab, and user can hide the tutorial anytime by clicking "-" in the upper right corner.
  • A selection panel (blue rectangle) is used to let users customize their inputs selection so that they can see different result map according to their needs. Map interface

Input Selection

Users customize their searches using the following 5 selections:

  • Choose a display: Map or Table ++ Map: Show the map with markers with different colors