/finalproject

make your life safer !

Primary LanguageJavaScript

finalproject

make your life safer !

Description

The targeted audiences for our project are the users who are interested in getting a visual understanding of where recent criminal incidents in Seattle. Our web application integrates crime reports with the map and creates an interactive map that is visually marked with crimes that are color coded according to their types. Doing so will allows users to get a better and a clearer understanding of the danger levels of each neighbourhood. Also, by creating checkboxes for sorting we made data more user friendly as it is now easier to section off crimes that they are not interested in, which would further not have been possible in a standard table. In addition, we shows list of crimes and allow users to search among the tables. And statistics data are presented from 2009 to present so that users are able to see number of crimes happens in each neighborhood and in total.

Site Functionality

The functionalities of our website are:

  1. Auto detect user's location
  2. Representing crimes by a map a. Use circles to show the quantity of crimes b. Use colors to show the types of crimes c. Use checkbox to filter types of crimes d. Show details of a crime by clicking on the corresponding circle.
  3. Alert new crimes a. Use flashing circles on the map to show most recent crimes b. Use checkbox to show different types of recent crimes c. Use a table listing all the recent crimes
  4. List crimes in a table
  5. Statistics of crimes a. Use a table to show number of crimes for each year (from 2009 to present) b. Use a table to show number of crimes happened in each neighborhood in Seattle c. Use search box and select options to filter neighborhoods and time

Technologies

  1. AngularJS
  2. Leaflet for maps

User Stories

  1. As a user who only cares about the crimes in my local area, I want to zoom in and only take a look at the local map by entering my location into the location box.
  2. As a female user who is curious about distribution of crimes in Seattle, she wants to see the frequency of crimes at different locations by looking at the size of circles on the map.
  3. As a user who only cares about the type of each crime on the map, I want to distinguish different types of crimes on the map by using different colors.
  4. A businessman who wants to open a new shop may search for ‘Theft’ or ‘Trespass’ near a location , so that he can decide whether to place his store on that location.
  5. An administrator from urban planning department may search for ‘traffic related calls’ and see if there is a place where it has much more incidents than others so that he or she can make a report based on the visual data and begin considering a way to improve this problem.
  6. As user who is specifically interested in the crime happened near his or her house, he or she can look at the detail of the crime by clicking on the crime on the map
  7. As user who wish to be alerted if crimes happen nearby, he or she can see the alert in a pop-up window
  8. As a user who would like to print the crimes in a list, he or she can use the list of crimes by clicking the “list of crimes” in the navigation bar.
  9. As a person who wants to buy or rent a house in Seattle may search for all the crimes nearby , so that he or she can check whether the area around the house is safe.
  10. As a person who wants to move to a new neighborhood, he can check the statistics of crimes in this neighborhood