E1859 Visualizations for Instructors - Revision history

Rshakya at 13:16, 11 December 2018

2018-12-11T13:16:45Z

← Older revision		Revision as of 13:16, 11 December 2018
Line 47:		Line 47:
	The following graph shows the view of the 'view scores' page after the modifications. The instructor selects a subset of rubric criteria for which he/she wants to know how a class performed for a particular round. A bar graph of the average score of the class for that subset of criteria is displayed.		The following graph shows the view of the 'view scores' page after the modifications. The instructor selects a subset of rubric criteria for which he/she wants to know how a class performed for a particular round. A bar graph of the average score of the class for that subset of criteria is displayed.

	[[File:~~1859_Chart_Preview~~.png]]		[[File:Screenshot (223).png]]

	The above graph shows an average score of the class for 5 rubric criteria in Round 1 selected by the instructor. A live demo with randomly generated data can be found on [https://jsfiddle.net/Jereman/5uxqr92y/ JSFiddle]		The above graph shows an average score of the class for 10 rubric criteria in Round 1 for assignment "OSS project/Writing assignment 2" selected by the instructor. A live demo with randomly generated data can be found on [https://jsfiddle.net/Jereman/5uxqr92y/ JSFiddle]

	== Files Involved ==		== Files Involved ==

2018-12-08T05:29:01Z

Files Involved

← Older revision		Revision as of 05:29, 8 December 2018
Line 64:		Line 64:

	app/views/grades/_team_charts.html.erb		app/views/grades/_team_charts.html.erb

	</pre>		</pre>
	</div>		</div>

2018-12-08T05:28:38Z

app/views/grades/_team_charts.html.erb

2018-12-07T20:14:28Z

Visualization

← Older revision		Revision as of 20:14, 7 December 2018
Line 45:		Line 45:
	==== Visualization ====		==== Visualization ====

	The following graph shows the view of the 'view scores' page after the modifications. The instructor selects a subset of rubric criteria for which he/she wants to know how a class performed. A bar graph of the average score of the class for that subset of criteria is displayed.		The following graph shows the view of the 'view scores' page after the modifications. The instructor selects a subset of rubric criteria for which he/she wants to know how a class performed for a particular round. A bar graph of the average score of the class for that subset of criteria is displayed.

	[[File:1859_Chart_Preview.png]]		[[File:1859_Chart_Preview.png]]

2018-12-07T20:13:51Z

Visualization

← Older revision		Revision as of 20:13, 7 December 2018
Line 45:		Line 45:
	==== Visualization ====		==== Visualization ====

	The following graph shows the ~~expected~~ view of the 'view scores' page. The instructor selects a subset of rubric criteria for which he/she wants to know how a class performed. A bar graph of the average score of the class for that subset of criteria ~~would be~~ displayed.		The following graph shows the view of the 'view scores' page after the modifications. The instructor selects a subset of rubric criteria for which he/she wants to know how a class performed. A bar graph of the average score of the class for that subset of criteria is displayed.

	[[File:1859_Chart_Preview.png]]		[[File:1859_Chart_Preview.png]]

	The above graph shows average score of the class for 5 rubric criteria in Round 1 selected by the instructor. A live demo with randomly generated data can be found on [https://jsfiddle.net/Jereman/5uxqr92y/ JSFiddle]		The above graph shows an average score of the class for 5 rubric criteria in Round 1 selected by the instructor. A live demo with randomly generated data can be found on [https://jsfiddle.net/Jereman/5uxqr92y/ JSFiddle]



	== Files Involved ==		== Files Involved ==

2018-12-07T20:12:52Z

Tools and Design Choice

← Older revision		Revision as of 20:12, 7 December 2018
Line 41:		Line 41:
	==== Tools and Design Choice ====		==== Tools and Design Choice ====

	We ~~plan to use~~ the lightweight [https://developers.google.com/chart/ Google Charts] library for displaying the chart data on the page, with standard HTML for all of the options and dropdowns for option selection. Google Charts was chosen because of its high compatibility, full option set, and comparable graphical quality to the rest of expertiza while keeping a small JS footprint, which should help prevent slow page responsiveness.		We have used the lightweight [https://developers.google.com/chart/ Google Charts] library for displaying the chart data on the page, with standard HTML for all of the options and dropdowns for option selection. Google Charts was chosen because of its high compatibility, full option set, and comparable graphical quality to the rest of expertiza while keeping a small JS footprint, which should help prevent slow page responsiveness.

	==== Visualization ====		==== Visualization ====

2018-12-07T20:06:13Z

Files Involved

← Older revision		Revision as of 20:06, 7 December 2018
Line 54:		Line 54:

	== Files Involved ==		== Files Involved ==
	We have ~~added~~ a partial file criteria_charts to the team_chart that display the bar graph with existing data collected by the grades controller methods.		We have implemented a new partial file criteria_charts to the team_chart that display the bar graph with existing data collected by the grades controller methods to the view page.

	Modified files:		Modified files:

2018-12-07T20:04:11Z

Files Involved

← Older revision		Revision as of 20:04, 7 December 2018
Line 54:		Line 54:

	== Files Involved ==		== Files Involved ==
	We ~~plan~~ to ~~work on~~ the ~~files~~ that the ~~previous team were involved~~ with ~~such as controllers of grade and assignment and the view of grade and review_mapping. Hopefully there is only slight controller modifications necessary, as the chart can use the~~ existing ~~information~~ collected by controller methods ~~to display the raw details on the existing page~~.		We have added a partial file criteria_charts to the team_chart that display the bar graph with existing data collected by the grades controller methods.

	~~Proposed~~ files:		Modified files:
	<div style="display: inline-block">		<div style="display: inline-block">
	<pre>		<pre>

2018-12-07T19:55:51Z

Test Plan

← Older revision		Revision as of 19:55, 7 December 2018
Line 472:		Line 472:

	== Test Plan ==		== Test Plan ==
	The specification of the project does not require us to use automated tests. However, we ~~plan to test~~ the ~~modified ruby code or~~ the new features ~~that will be added~~ to the grades_controller. We ~~will be approaching~~ [http://rspec.info/ RSpec] testing framework. ~~For the javascript, the~~ tests ~~will be~~ conducted manually.		The specification of the project does not require us to use automated tests. However, we have tested the existing tests after the addition of new features to the grades_controller. We have approached [http://rspec.info/ RSpec] testing framework. The UI feature tests are conducted manually.

	===JavaScript Chart===		===JavaScript Chart===

2018-12-07T19:37:50Z

RSpec Tests

← Older revision		Revision as of 19:37, 7 December 2018
Line 492:		Line 492:

	===RSpec Tests===		===RSpec Tests===
	We have modified one of the existing tests for grades controller because the addition of new functionality broke that particular test.		We have modified one of the existing tests for grades controller because the addition of new functionality broke that particular test. The added test handles the chart functionality correctly.

	== spec/controllers/grades_controller_spec.rb ==		== spec/controllers/grades_controller_spec.rb ==