Map

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 selection inputs. 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 selection inputs so that they can see different result map according to their needs.