SOCR Distributome Game2 - Revision history

IvoDinov: /* UI Outputs */

2013-04-06T20:33:25Z

‎UI Outputs

IvoDinov: /* UI Outputs */

2013-04-06T20:30:02Z

‎UI Outputs

IvoDinov at 20:09, 6 April 2013

2013-04-06T20:09:03Z

IvoDinov at 19:50, 6 April 2013

2013-04-06T19:50:55Z

IvoDinov: Created page with '== SOCR Project - Distributome Game 2 Project== [[Image:Distributome_Editor_Redesign_Fall2011_Fig3.png|200px|thumbnail|right| Distributom…'

2013-04-06T19:40:06Z

Created page with '== SOCR Project - Distributome Game 2 Project== [[Image:Distributome_Editor_Redesign_Fall2011_Fig3.png|200px|thumbnail|right| Distributom…'

New page

==[[Available_SOCR_Development_Projects | SOCR Project]] - Distributome Game 2 Project==
[[Image:Distributome_Editor_Redesign_Fall2011_Fig3.png|200px|thumbnail|right| Distributome Project]]

===Background===
Probability mass/density functions describe the likelihood of random variables to take certain values. The Probability Distributome provides resources for exploring the intrinsic distribution characteristics and the intricate relations between different probability distributions, which are in many areas of scientific exloration.

===Project Goals===
The [http://www.distributome.org/ Probability Distributome Project] aims to provide an intuitive, efficient, portable and extensible infrastructure for exploring, navigating, discovering and expanding the knowledge (meta-data) about the internal distribution properties and characteristics, and inter-distributional relations.

This specific project aims to design, implement, test and validate 2 new features of the [http://distributome.org/js/DistributomeNavigator.html Probability Distributome] - Enable the Distributome Editor functionality, and Redesign Distributome XML database to enable Bib TeX reference citations.

===Project Specifics===
====Project Source====
* [http://www.distributome.org/js/DistributomeEditor.html Editor Prototype]
* [http://distributome.org/js/DistributomeNavigator.html Navigator]
* JavaScripts: [http://distributome.org/js/scripts/protovis-r3.2.js protovis-r3.2.js], [http://distributome.org/js/scripts/common.js common.js], [http://distributome.org/js/scripts/distributome.js distributome.js], [http://distributome.org/js/scripts/jquery.js jquery.js], [http://distributome.org/js/scripts/splitter.js splitter.js], [http://distributome.org/js/scripts/xml2json.js xml2json.js], [http://distributome.org/js/scripts/editor.js editor.js]
* XML Database: [http://www.distributome.org/js/Distributome.xml Distributome.xml], [http://www.distributome.org/js/Distributome.xsd Distributome.xsd], and [http://www.distributome.org/js/Distributome.xml.html Distributome.xml.html].
* The [http://distributome.googlecode.com/ complete Distributome Project source-code is hosted at GoogleCode].

====Tasks====
* (Easy) Enable the Editor functionality ([http://distributome.org/js/DistributomeEditor.html DistributomeEditor.html], XML_Editor button) in the main Navigator window ([http://distributome.org/js/DistributomeNavigator.html DistributomeNavigator.html]).
* (Creative) Enable the drag-and-drop functionality for selecting in the graph a node/distribution or an edge/relation and dropping them to populate the XML editor fields.
* (Easy) Test that newly-generated XML can be saved and consumed by the [http://distributome.org/js/DistributomeNavigator.html Navigator] and displayed appropriately in the graph.
* (Creative) [http://distributome.org/blog/?p=33 Review this slight redesign spec of the XML DB] ([http://www.distributome.org/js/Distributome.xml Distributome.xml]) and the suggested solution and see if you can implement a pilot that utilizes the new pair of XML(nodes/edges)+BiBTeX(references), replacing the current XML DB ([http://www.distributome.org/js/Distributome.xml Distributome.xml]). Note that the project spec page already includes a specific solution; we just need to think about the packaging of the solution with the new XML/BiBTeX format.
* (Creative) Consider the redesign of the [http://distributome.org/js/DistributomeEditor.html Editor] according to these schematic diagrams [http://www.distributome.org/images/Distributome_Editor_Redesign_Fall2011_Fig1.png Fig1] and [http://www.distributome.org/images/Distributome_Editor_Redesign_Fall2011_Fig2.png Fig2]. Consider designing a lightweight HTML5/JQuery/JavaScript and explore the smooth horizontal and vertical tabs (e.g., [http://dhtmlx.com/docs/products/dhtmlxTabbar/index.shtml dynamic tabs]).
* (Creative Open-ended) A complete redesign of the entire [http://distributome.org/ Distributome website] - e.g., using [http://twitter.github.com/bootstrap/ Bootstrap 2+], [http://distributome.org/V2/ V2 dynamic panels], etc.
* Additional tasks - these are creative bonus tasks that can be completed as time permits
** Unify the 4 Distributome Searches ([http://distributome.org/ web-site], [http://distributome.org/blog/?s=poisson&submit=Search blog], [http://wiki.stat.ucla.edu/distributome wiki], [http://distributome.org/js/DistributomeDBSearch.xml.html XML DB]).
** Save-View: Ability to save a specific View of the Distributome Navigator for others to see/publish (perhaps via the Preferences functionality, below).
** [http://www.distributome.org/js/Distributome.xml.pref Pref XML file]: Allow user specifications of node/edge/selected/properties, color-maps, etc.

==References==
* Current Distributome [http://www.socr.ucla.edu/distributome/jars/distributome.xml XML Database] and [http://www.socr.ucla.edu/distributome/jars/distributome.xsd XSD Model]
* [http://www.Distributome.org/ Distributome Prototype (Applet)]
* [http://wiki.stat.ucla.edu/socr/uploads/a/ab/Leemis_McQueston_TAS_DistrubutionsPaper_2008.pdf Leemis and McQueston's TAS Distrubutions Article (2008)]
* [http://wiki.stat.ucla.edu/socr/uploads/2/25/Song_IIE_Transactions_DistributionRelations_2004.pdf Song's IIE Transactions Distribution Relations Paper (2004)]

==See also==
* [[Distributome| Distributome Wiki Page]]
* Try to think of converting the Distributome HTML-embedded applet into a client-site executable Java application using Java Web-Start (see the example with [http://cbio.mskcc.org/mondrian/jnlp/mondrian-sample-webstart.jnlp Cytoscape]).
* [http://www.johndcook.com/distribution_chart.html A Distribution-relationships chart]
* [http://en.wikipedia.org/wiki/Probability_distribution A list of probability distributions]
* [http://socr.ucla.edu/htmls/dist/ A list of SOCR probability distributions]
* [http://www.w3schools.com/dom/dom_examples.asp XML DOM MathJax Parsing HTML Examples]
* [http://www.w3schools.com/js/default.asp JavaScript By-Example Tutorial] and [http://www.w3schools.com/jsref/default.asp JavaScript Object API]

<hr>
*[[Available_SOCR_Development_Projects]]
*[[SOCR_ProposalSubmissionGuidelines]]

{{translate|pageName=http://wiki.stat.ucla.edu/socr/index.php?title=SOCR_Distributome_Game2}}

@@ Line 34: / Line 34: @@
 ====UI Outputs====
-* A clever, dynamic and user-friendly interface for displaying, navigating and controlling the game (touch-interface/mobile compatible)
+* A clever, dynamic and user-friendly interface for displaying, navigating and controlling the game (touch-interface/mobile compatible). The UI needs to provide a truly dynamic (transition, animation) for changing the collection of distributions and the stream of new sample frequency histograms. The image below just shows an example of 4 randomly selected distributions and corresponding random samples of size 100 from each of these distributions.
 <center>[[Image:SOCR_Distributome_Game2_Fig2.png|500px]]</center>

@@ Line 35: / Line 35: @@
 ====UI Outputs====
 * A clever, dynamic and user-friendly interface for displaying, navigating and controlling the game (touch-interface/mobile compatible)
 ==References==

@@ Line 3: / Line 3: @@
 ===Background===
-Probability mass/density functions describe the likelihood of random variables to take certain values. The [http://distributome.org/ Probability Distributome] provides resources for exploring the intrinsic distribution characteristics and the intricate relations between different probability distributions, which are in many areas of scientific exploration. One of the aspects of the Distributome is to design and implement interactive webapps for motivation and enhancing the learning experiences of probability theory, modeling and applications. The [http://www.distributome.org/V3/DistributomeGame.html first Distributome game] provides an interactive web-game for matching real-live problems with specific probability distribution models. In this project, Distributome Game 2, we need to design a new webapp game that allows users to match randomly generated pairs of graphs, the first one representing the density/mass functions of different probability distribution models, and the second frequency histograms of randomly-generated samples from various distributions.
+Probability mass/density functions describe the likelihood of random variables to take certain values. The [http://distributome.org/ Probability Distributome] provides resources for exploring the intrinsic distribution characteristics and the intricate relations between different probability distributions, which are in many areas of scientific exploration. One of the aspects of the Distributome is to design and implement interactive webapps for motivation and enhancing the learning experiences of probability theory, modeling and applications. The [http://www.distributome.org/V3/DistributomeGame.html first Distributome game] provides an interactive web-game for matching real-live problems with specific probability distribution models. In this project, '''Distributome Game 2''', we need to design a new webapp game that allows users to match randomly generated pairs of graphs, the first one representing the density/mass functions of different probability distribution models, and the second frequency histograms of randomly-generated samples from various distributions.
 ===Project Goals===
 Review the [http://www.distributome.org/ Probability Distributome Project], which provides an intuitive, efficient, portable and extensible infrastructure for exploring, navigating, discovering and expanding the knowledge (meta-data) about the internal distribution properties and characteristics, and inter-distributional relations. Play the [http://www.distributome.org/V3/DistributomeGame.html first Distributome game] and think of a webapp design that provides a platform agnostic and efficient interface for the new Distributome game. We need an intuitive, extensible and efficient implementation.
 ===Project Specifics===
 ====Project Source====
 * [http://distributome.org/js/DistributomeNavigator.html Navigator]
 * JavaScripts: [http://distributome.org/js/scripts/protovis-r3.2.js protovis-r3.2.js], [http://distributome.org/js/scripts/common.js common.js], [http://distributome.org/js/scripts/distributome.js distributome.js], [http://distributome.org/js/scripts/jquery.js jquery.js], [http://distributome.org/js/scripts/splitter.js splitter.js], [http://distributome.org/js/scripts/xml2json.js xml2json.js], [http://distributome.org/js/scripts/editor.js editor.js]
 * XML Database: [http://www.distributome.org/V3/data/Distributome.xml Distributome.xml], [http://www.distributome.org/V3/data/Distributome.xsd Distributome.xsd], and [http://www.distributome.org/V3/data/Distributome.xml.html HTML parser of the XML meta-data].
 * The [http://distributome.googlecode.com/ complete Distributome Project source-code is hosted at GoogleCode].
-====Tasks====
+====UI Outputs====
-* (Easy) Enable the Editor functionality ([http://distributome.org/js/DistributomeEditor.html DistributomeEditor.html], XML_Editor button) in the main Navigator window ([http://distributome.org/js/DistributomeNavigator.html DistributomeNavigator.html]).
+* A clever, dynamic and user-friendly interface for displaying, navigating and controlling the game (touch-interface/mobile compatible)
 ==References==