SOCR Resampling HTML5 Project - Revision history

IvoDinov: /* See also */

2012-10-10T17:36:04Z

‎See also

IvoDinov at 17:12, 10 October 2012

2012-10-10T17:12:58Z

IvoDinov at 00:08, 10 August 2012

2012-08-10T00:08:28Z

IvoDinov: /* See also */

2012-08-03T19:49:38Z

‎See also

IvoDinov: /* Project specification */

2012-05-21T20:47:05Z

‎Project specification

IvoDinov: /* References */

2012-04-20T15:30:53Z

‎References

IvoDinov: /* Project goals */

2012-04-05T22:56:53Z

‎Project goals

IvoDinov at 22:52, 5 April 2012

2012-04-05T22:52:45Z

IvoDinov at 17:44, 30 March 2012

2012-03-30T17:44:28Z

IvoDinov: /* Exemplary tools that can be employed */

2012-03-28T19:04:40Z

‎Exemplary tools that can be employed

@@ Line 53: / Line 53: @@
 The links below provide some interesting examples of Java code for dynamic animations. These may be useful for the new SOCR Resampling/Simulation Experiment when we get to illustrating the random sampling/resampling/drawing of data (or SOCR Experiments objects) and depicting this via animation. Some of these have very clever image warping/Bezier/path function representations which may be applicable for our coins, cards, dice.
-* [http://socr.ucla.edu/htmls/HTML5/SOCR_Resampling_Webapp/ SOCR Resampling, Simulation Webapp]
+* SOCR Resampling and Simulation [[SOCR_ResamplingSimulation_Activity|activity]] and [http://socr.ucla.edu/htmls/HTML5/SOCR_Resampling_Webapp/ Webapp].
 * [http://java.sun.com/products/java-media/2D/samples/suite/ Java Animation 1], e.g., [http://java.sun.com/products/java-media/2D/samples/suite/Transforms/TransformAnim.html TransformAnim].
 * [http://www.causeweb.org/webinar/teaching/2011-12/ See the Randomization web-cast] and [http://lock5stat.com/statkey/randomization_2_cat/randomization_2_cat.html this example randomization web-site].

@@ Line 53: / Line 53: @@
 The links below provide some interesting examples of Java code for dynamic animations. These may be useful for the new SOCR Resampling/Simulation Experiment when we get to illustrating the random sampling/resampling/drawing of data (or SOCR Experiments objects) and depicting this via animation. Some of these have very clever image warping/Bezier/path function representations which may be applicable for our coins, cards, dice.
 * SOCR Resampling and Simulation [[SOCR_ResamplingSimulation_Activity|activity]] and [http://socr.ucla.edu/htmls/HTML5/ResamplingSimulation/ webapp].
 * [http://java.sun.com/products/java-media/2D/samples/suite/ Java Animation 1], e.g., [http://java.sun.com/products/java-media/2D/samples/suite/Transforms/TransformAnim.html TransformAnim].

@@ Line 36: / Line 36: @@
 ### All samples KxM (columns = contain the random samples within one resampling step, column-size=M; rows = contain the simulations for all resamples, row-size is K)
 ### Boot-strap-based inference (responding to the user hypothesis) just like we do in the [http://socr.ucla.edu/htmls/exp/Confidence_Interval_Experiment_General.html SOCR General CI applet (bootstrap estimation)].
 ===See also===

@@ Line 39: / Line 39: @@
 ===See also===
 The links below provide some interesting examples of Java code for dynamic animations. These may be useful for the new SOCR Resampling/Simulation Experiment when we get to illustrating the random sampling/resampling/drawing of data (or SOCR Experiments objects) and depicting this via animation. Some of these have very clever image warping/Bezier/path function representations which may be applicable for our coins, cards, dice.
 * [http://java.sun.com/products/java-media/2D/samples/suite/ Java Animation 1], e.g., [http://java.sun.com/products/java-media/2D/samples/suite/Transforms/TransformAnim.html TransformAnim].
 * [http://www.causeweb.org/webinar/teaching/2011-12/ See the Randomization web-cast] and [http://lock5stat.com/statkey/randomization_2_cat/randomization_2_cat.html this example randomization web-site].

@@ Line 8: / Line 8: @@
 The two basic directions for Sampling/Resampling-based Inference are:
-# '''Simulation-Driven''': We have several experiments ([http://socr.ucla.edu/htmls/exp/ dies, coins, cards], etc.) generate 1, or many, sample(s). First, we need to replicate 3+ of these simulations in HTML5. Then we can show the sample (user controls the sample size, N), animate resampling from the sample K times (K defaults to 10,000, but generally in the range [10:100,000]), present the bootstrap distribution and show the resampling based inference (e.g., the outcomes may be H/T, Die<3, or 5-card-hand has a pair).
+# '''Simulation-Driven''': We have several experiments ([http://socr.ucla.edu/htmls/exp/ dice, coins, cards], etc.) generate 1, or many, sample(s). First, we need to replicate 3+ of these simulations in HTML5. Then we can show the sample (user controls the sample size, N), animate resampling from the sample K times (K defaults to 10,000, but generally in the range [10:100,000]), present the bootstrap distribution and show the resampling based inference (e.g., the outcomes may be H/T, Die<3, or 5-card-hand has a pair).
 # '''Data-Driven''':  User provides their own dataset and postulates a hypothesis. We show the data graphically and animate K (K defaults to 10,000, but generally in the range [10:100,000]) resamples with repetition, then make the bootstrap-based inference, as in the simulation-driven case (1).

@@ Line 59: / Line 59: @@
 ===References===
 * [http://www.stat.ucla.edu/~dinov/courses_students.dir/04/Spring/Stat233.dir/STAT233_notes.dir/Bootstrapping.pdf Ivo Dinov's Bootstrapping Notes]
 * [http://en.wikipedia.org/wiki/Resampling_(statistics) Wikipedia resampling section]

@@ Line 2: / Line 2: @@
 ===Project goals===
-The goal of this project is to design a new, modern and portable SOCR web-app that demonstrates the concepts of statistical resampling, randomization and probabilistic simulation, which is purely based on [http://en.wikipedia.org/wiki/HTML5 HTML5], [http://www.w3schools.com/css3 CSS3] and [http://www.w3schools.com/js/ JavaScript] framework.
+The goal of this project is to design a new, modern and portable SOCR web-app that demonstrates the concepts of statistical resampling, randomization and probabilistic simulation, which is purely based on [http://en.wikipedia.org/wiki/HTML5 HTML5], [http://www.w3schools.com/css3 CSS3] and [http://www.w3schools.com/js/ JavaScript] framework. The implementation of this project demands platform portability, computational efficiency, usability (complete functionality via user-friendly modern interface), extensibility and ease of documentation, support and servicing to the entire community.
 ===Project specification===

← Older revision		Revision as of 22:52, 5 April 2012
Line 58:		Line 58:
	* [http://html5demos.com/dnd-upload Data drag-and-drop] functionality in the webapp.		* [http://html5demos.com/dnd-upload Data drag-and-drop] functionality in the webapp.

		+	===References===
		+	* [http://www.stat.ucla.edu/~dinov/courses_students.dir/04/Spring/Stat233.dir/STAT233_notes.dir/Bootstrapping.pdf Ivo Dinov's Bootstrapping Notes]
		+	* [http://en.wikipedia.org/wiki/Resampling_(statistics) Wikipedia resampling section]
		+	* [http://www.tandfonline.com/doi/full/10.1080/10511970701745015 Introducing Statistical Inference to Biology Students Through Bootstrapping and Randomization]
		+	* [http://escholarship.org/uc/item/6hb3k0nz George Cobb's 2009 TISE paper]

	<hr>		<hr>

← Older revision		Revision as of 17:44, 30 March 2012
Line 50:		Line 50:
	* [http://www.rgraph.net/ RGraph HTML5 Charts and Graphs]		* [http://www.rgraph.net/ RGraph HTML5 Charts and Graphs]
	* [http://rendera.heroku.com/ Rendera: Interactive HTML5/CSS3/JS web-page Editor]		* [http://rendera.heroku.com/ Rendera: Interactive HTML5/CSS3/JS web-page Editor]
		+
		+	===Extensions===
		+	Some of the following features may be extremely interesting to include in the Randomization webapp:
		+	* [http://www.w3schools.com/html5/html5_video_dom.asp Video capability] for training and demonstration purposes.
		+	* Social-networking mechanism for sharing of the webapp and its state (perhaps multiple users interacting jointly, as a team, with the same instance of the web-app?
		+	* Dynamic HTML5-based spreadsheet for data manipulation (e.g., [http://www.dhtmlx.com/docs/products/dhtmlxSpreadsheet/sample.shtml DHTMLX]).
		+	* [http://html5demos.com/dnd-upload Data drag-and-drop] functionality in the webapp.

@@ Line 43: / Line 43: @@
 ===Exemplary tools that can be employed===
-* [http://code.google.com/p/socr/source/browse/#svn/trunk/SOCR_3.0/SOCR_JS_Redesign/HTML5_Resampling_Simulation][SOCR 3.0 GoogleCode, JavaScript Redesign (SVN Source Code Repository)]
+* [http://code.google.com/p/socr/source/browse/#svn/trunk/SOCR_3.0/SOCR_JS_Redesign/HTML5_Resampling_Simulation SOCR 3.0 GoogleCode, JavaScript Redesign (SVN Source Code Repository)]
 * [http://jsxgraph.uni-bayreuth.de/wiki/index.php/Category:Examples JSXGraph HTML5/JS Mathematical Functions Charts and graphs]
 * [http://mbostock.github.com/d3/ex/ D3]