Get a Free Quote

Solved–Bonus Assignment #1 –Solution

$30.00 $19.00

Requirements: Refactor Assignment #4 in order to add the feature that will all the user to create Animated HeatMap (see the appendix for resources) and a Factory to create different types of charts as follows: Your application homepage shall display the following image and underneath it show TWO BUTTONS in the center labeled Places and…

You’ll get a: . zip file solution

 

 
Categorys:
Tags:

Description

5/5 – (1 vote)

Requirements:

Refactor Assignment #4 in order to add the feature that will all the user to create Animated HeatMap (see the appendix for resources) and a Factory to create different types of charts as follows:

  1. Your application homepage shall display the following image and underneath it show TWO BUTTONS in the center labeled Places and Divvy HeatMap.

  1. When the user clicks the Divvy HeatMap, button , the ANIMATED HeatMap will be displayed for the real-time available Divvy dock stations for the entire City of Chicago Divvy dock stations for the past 1 Hour (default value for Time-Range). The default view (Time-Range) is 1 hour , and the user shall be provided with Time-Range drop down list for selection of time for 1 Hour, 24 Hours, or 7 days.

  1. When the user clicks the Places, button , the user will be provided with the ability to search for places and plot near by Divvy on AGM maps for a selected place.

  1. Below the map of the found places, you display a Line Chart (default view) to plot the found places reviews. The user shall be provided with a drop list to select either Line Chart or Bar Chart to view the reviews.

  1. Next to every divvy station there will be THREE buttons:

    1. A Stacked-Bar Chart to plot the Divvy available docks and bikes for the selected restaurant on a specified location

    2. A Real-time Chart to plot the Divvy available docks with default view (Time-Selected) of 1 hour , and the user shall be provided with Time-Range drop down list of (1 Hours, 24 Hours, 7 days). For 1 Hour, the Time (x-axis shall display the past hour in 2 minutes increment). For 24 Hours, the Time (x-axis shall display the past 24 hours in 1 hour increment). For 7 days, the Time (x-axis shall display the past 7 daus in 12 hours increment, that is midnight 12am and noon 12pm).

    3. A SMA Chart to plot the Line Chart for the SMA (Simple Moving Average) of Divvy available docks for 1 hour (Green line), 24hours (Blue line) , and 7 days (Red Line). The default view (Time-Range) of 1 hour , and the user shall be provided with Time-Range drop down list of (1 Hour, 24 Hours, 7 days). For 1 Hour, the Time (x-axis shall display the past hour in 2 minutes increment). For 24 Hours, the Time (x-axis shall display the past 24 hours in 1 hour increment). For 7 days, the Time (x-axis shall display the past 7 daus in 12 hours increment, that is midnight 12am and noon 12pm).

    1. All Lines , x and y axis, and Charts must have clear label and legends

Bonus Assignment Deliverables:

You are required to submit a SINGLE WinZip file that has the following deliverables are:

  1. Documentation for the Angular Components that you created to draw the different charts

  1. Source Code

  1. Output report that has ALL captured screen-shots of your bonus assignment run saved in OUTPUT.pdf

  1. Video recording of 10 minutes as a demo for the run of your bonus assignment using https://screencast-o-matic.com/

Post your bonus assignment as a SINGLE WIN-ZIP on Blackboard.

Dr. Atef Bader