mappapp (V.1)

Overview (V2)

The purpose of this web application is to provide a lay-of-the-land for the user of a local road-network.

Use Case #1

1. The user wants to learn about the Santa Clara County area and its roads, ie when the roads are very busy and on what days.
2. The app will display a birds-eye-view of the area, allowing the user to navigate around and click a road.
3. The application will then display a popup detailing the traffic of that day, hour-by-hour for the current day.

Use Case #2

1. The user wants to examine the traffic for all days of the week.
2. The user can select another day from a "day-picker" and examine the hourly traffic.

Detailed Design

Front End

• Using the leaflet open-source map builder to capture mouse events and output global coordinates, ie longitude and lattitude.
  • Good intro: https://learning.oreilly.com/videos/creating-custom-web/9781771374217/

Back End

• We will use Python Flask for our web framework.
  • Good tutorial: https://pythonbasics.org/what-is-flask-python/

# Be sure python3-venv is installed
> cd mappapp
> python3 -m venv venv
> source venv/bin/activate
> pip install flask flask-cors
...
> flask run

• We will use Inrix's API to access live and predicted traffic data on queried global coordinates.

Future

• Use React.js as our UI framework.
• Adding routing capabiltiy from ORS FE or BE. May be adding way to selecting best route avoiding traffic.
• Explore icons from mapbox MAKI also:
  • Temaki: https://github.com/ideditor/temaki
  • Font Awesome: https://fontawesome.com/
  • The Noun Project: https://thenounproject.com/