Difference between revisions of "SOCR HTML5 Project"
(Created page with '== SOCR Project - SOCR HTML5 Project== ===Project goals=== The goal of this project is to redesign, transform and upgrade some of th…') |
m (→See also) |
||
| (14 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
===Project goals=== | ===Project goals=== | ||
| − | The goal of this project is to redesign, transform and upgrade some of the [http://socr.ucla.edu/ SOCR Applets] from Java to platform and browser independent [http://en.wikipedia.org/wiki/HTML5 HTML5]. | + | The goal of this project is to redesign, transform and upgrade some of the [http://socr.ucla.edu/ SOCR Applets] from Java to platform- and browser-independent [http://en.wikipedia.org/wiki/HTML5 HTML5] and JavaScript framework. |
===Examples=== | ===Examples=== | ||
| − | The list below contains examples of interesting HTML5 apps and sims that we need to develop analogues for existing SOCR Java-based charts, analysis and experiments applets. | + | The list below contains examples of interesting HTML5 web-apps and sims that we need to develop analogues for existing SOCR Java-based charts, analysis and experiments applets. |
| + | * Provide a new HTML5/JavaScript redesign of the [http://www.socr.ucla.edu/SOCR_MotionCharts/ SOCR Motion Charts] (see [[SOCR_MotionCharts|motion charts activities]]) using [http://mbostock.github.com/d3/ex/ D3]. This would include making smooth transformation (see [http://www.jasondavies.com/animated-bezier/ examples here]) and implementing some of the new [http://www.amstat.org/publications/jse/v18n3/dinov.pdf SOCR motion charts proposed in the appendix of this manuscript]. You can use Google API (http://code.google.com/webtoolkit/overview.html). All code must be HTML5 compliant and only include lightweight open-source libraries. | ||
| + | * This example demonstrates a pair of analogous [http://socr.ucla.edu/htmls/exp/Sample_Mean_Experiment.html Java-applet-based] and [http://socr.ucla.edu/test/HTML5/NormalSimulation.html HTML5/JavaScript-based] web-apps for [[SOCR_EduMaterials_Activities_SampleMeanExperiment |Normal Distribution Simulation]] | ||
| + | * See the [http://distributome.org/ Java-based Distirbutome Navigator] and the corresponding [http://distributome.org/test/Distributome.html HTML5/JavaScript Distributome Navigator] | ||
| + | * [http://vis.stanford.edu/protovis/ex/ ProtoVis] and [http://mbostock.github.com/d3/ex/ D3] provide excellent examples and source code for JavaScript/HTML5 graphing tools | ||
| + | |||
| + | ===See also === | ||
| + | * [http://jsxgraph.uni-bayreuth.de/wiki/index.php/Category:Examples JSXGraph HTML5/JS Mathematical Functions Charts and graphs] | ||
| + | * [http://thejit.org See the JavaScript InfoVis Toolkit] | ||
* [http://magic-table.googlecode.com/svn/trunk/magic-table/google_visualisation/example_1.html Hyperbolic (fish eye) table] | * [http://magic-table.googlecode.com/svn/trunk/magic-table/google_visualisation/example_1.html Hyperbolic (fish eye) table] | ||
* [http://socr.ucla.edu/applets.dir/ManualGraphicsCanvasPaint_HTML5/ Manual Graphics Paint canvas in HTML5] | * [http://socr.ucla.edu/applets.dir/ManualGraphicsCanvasPaint_HTML5/ Manual Graphics Paint canvas in HTML5] | ||
| + | * [http://www.rgraph.net/ RGraph HTML5 Charts and Graphs] | ||
| + | * [http://rendera.heroku.com/ Rendera: Interactive HTML5/CSS3/JS web-page Editor] | ||
| + | * [http://www.petting-zoo.org/Calculator.html JavaScript Open-Source Fast Numerical/Math Calculator] | ||
| + | |||
<hr> | <hr> | ||
Latest revision as of 13:49, 6 January 2012
SOCR Project - SOCR HTML5 Project
Project goals
The goal of this project is to redesign, transform and upgrade some of the SOCR Applets from Java to platform- and browser-independent HTML5 and JavaScript framework.
Examples
The list below contains examples of interesting HTML5 web-apps and sims that we need to develop analogues for existing SOCR Java-based charts, analysis and experiments applets.
- Provide a new HTML5/JavaScript redesign of the SOCR Motion Charts (see motion charts activities) using D3. This would include making smooth transformation (see examples here) and implementing some of the new SOCR motion charts proposed in the appendix of this manuscript. You can use Google API (http://code.google.com/webtoolkit/overview.html). All code must be HTML5 compliant and only include lightweight open-source libraries.
- This example demonstrates a pair of analogous Java-applet-based and HTML5/JavaScript-based web-apps for Normal Distribution Simulation
- See the Java-based Distirbutome Navigator and the corresponding HTML5/JavaScript Distributome Navigator
- ProtoVis and D3 provide excellent examples and source code for JavaScript/HTML5 graphing tools
See also
- JSXGraph HTML5/JS Mathematical Functions Charts and graphs
- See the JavaScript InfoVis Toolkit
- Hyperbolic (fish eye) table
- Manual Graphics Paint canvas in HTML5
- RGraph HTML5 Charts and Graphs
- Rendera: Interactive HTML5/CSS3/JS web-page Editor
- JavaScript Open-Source Fast Numerical/Math Calculator
Translate this page:
