http://wiki.stat.ucla.edu/socr/index.php?title=SOCR_HTML5_SOCR_ResourceNavigatorProject&feed=atom&action=historySOCR HTML5 SOCR ResourceNavigatorProject - Revision history2024-03-29T06:34:26ZRevision history for this page on the wikiMediaWiki 1.15.1http://wiki.stat.ucla.edu/socr/index.php?title=SOCR_HTML5_SOCR_ResourceNavigatorProject&diff=11826&oldid=prevIvoDinov at 17:30, 12 October 20122012-10-12T17:30:50Z<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:30, 12 October 2012</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Project Description===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Project Description===</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* Review and play with the SOCR Hyperbolic [http://socr.ucla.edu/SOCR_HT_ResourceViewer.html <del class="diffchange diffchange-inline"> </del>Tree] and [http://socr.ucla.edu/SOCR_HW_Viewer.html Wheel] Resource Navigators.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* Review and play with the SOCR Hyperbolic [http://socr.ucla.edu/SOCR_HT_ResourceViewer.html Tree] and [http://socr.ucla.edu/SOCR_HW_Viewer.html Wheel] Resource Navigators.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Look at previously developed [http://socr.ucla.edu/htmls/HTML5/ SOCR HTML5 webapps].</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Look at previously developed [http://socr.ucla.edu/htmls/HTML5/ SOCR HTML5 webapps].</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Review the [http://d3js.org/ D3 framework].</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Review the [http://d3js.org/ D3 framework].</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* Review the various SOCR hyperbolic Tree/Wheel demos (e.g., [http://socr.ucla.edu/test/NIF_HT_ResourceViewer.html NIF], [http://socr.ucla.edu/test/NSF_HT_ResourceViewer.html NSF], [http://socr.ucla.edu/test/MathGenealogy_HT_ResourceViewer.html Math Genealogy], [http://www.socr.ucla.edu/NISER/NISER_HT_ResourceViewer.html NISER]).</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* Review the various SOCR hyperbolic Tree/Wheel demos (e.g.<ins class="diffchange diffchange-inline">, [http://socr.ucla.edu/SOCR_HT_ResourceViewer.html SOCR Tree]</ins>, [http://socr.ucla.edu/test/NIF_HT_ResourceViewer.html NIF], [http://socr.ucla.edu/test/NSF_HT_ResourceViewer.html NSF], [http://socr.ucla.edu/test/MathGenealogy_HT_ResourceViewer.html Math Genealogy], [http://www.socr.ucla.edu/NISER/NISER_HT_ResourceViewer.html NISER]).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Approach===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Approach===</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* Use the following (current) XML format/syntax/examples as (graph, node/edge) input data (e.g., [http://socr.ucla.edu/test/NSF_TR_Resources.xml NSF], [http://socr.ucla.edu/test/NIF_TR_Resources.xml NIF], [http://socr.ucla.edu/test/MathGenealogy_SOCR_April26_2007.xml Math Genealogy], [http://www.socr.ucla.edu/NISER/NISER_HyperTree.xml NISER])</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* Use the following (current) XML format/syntax/examples as (graph, node/edge) input data (e.g.<ins class="diffchange diffchange-inline">, [http://socr.ucla.edu/SOCR_HyperTree.xml SOCR Resources XML]</ins>, [http://socr.ucla.edu/test/NSF_TR_Resources.xml NSF], [http://socr.ucla.edu/test/NIF_TR_Resources.xml NIF], [http://socr.ucla.edu/test/MathGenealogy_SOCR_April26_2007.xml Math Genealogy], [http://www.socr.ucla.edu/NISER/NISER_HyperTree.xml NISER])</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Use [http://www.jasondavies.com/coffee-wheel/ this D3 example]. Modify the input data format to consume our XML structure and test with some of the SOCR examples above.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Use [http://www.jasondavies.com/coffee-wheel/ this D3 example]. Modify the input data format to consume our XML structure and test with some of the SOCR examples above.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<!-- diff generator: internal 2024-03-29 06:34:26 -->
</table>IvoDinovhttp://wiki.stat.ucla.edu/socr/index.php?title=SOCR_HTML5_SOCR_ResourceNavigatorProject&diff=11825&oldid=prevIvoDinov: /* Approach */2012-10-12T17:28:52Z<p><span class="autocomment">Approach</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:28, 12 October 2012</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 11:</td>
<td colspan="2" class="diff-lineno">Line 11:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Approach===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Approach===</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* Use the following (current) XML format/syntax/examples as (graph, node/edge) input data (e.g., [http://socr.ucla.edu/test/NSF_TR_Resources.xml NSF], [http://socr.ucla.edu/test/NIF_TR_Resources.xml NIF], [http://socr.ucla.edu/test/MathGenealogy_SOCR_April26_2007.xml <del class="diffchange diffchange-inline">mathGenealogy</del>], [http://www.socr.ucla.edu/NISER/NISER_HyperTree.xml NISER])</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* Use the following (current) XML format/syntax/examples as (graph, node/edge) input data (e.g., [http://socr.ucla.edu/test/NSF_TR_Resources.xml NSF], [http://socr.ucla.edu/test/NIF_TR_Resources.xml NIF], [http://socr.ucla.edu/test/MathGenealogy_SOCR_April26_2007.xml <ins class="diffchange diffchange-inline">Math Genealogy</ins>], [http://www.socr.ucla.edu/NISER/NISER_HyperTree.xml NISER])</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Use [http://www.jasondavies.com/coffee-wheel/ this D3 example]. Modify the input data format to consume our XML structure and test with some of the SOCR examples above.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Use [http://www.jasondavies.com/coffee-wheel/ this D3 example]. Modify the input data format to consume our XML structure and test with some of the SOCR examples above.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<!-- diff generator: internal 2024-03-29 06:34:26 -->
</table>IvoDinovhttp://wiki.stat.ucla.edu/socr/index.php?title=SOCR_HTML5_SOCR_ResourceNavigatorProject&diff=11824&oldid=prevIvoDinov: /* Project Description */2012-10-12T17:28:38Z<p><span class="autocomment">Project Description</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:28, 12 October 2012</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 8:</td>
<td colspan="2" class="diff-lineno">Line 8:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Look at previously developed [http://socr.ucla.edu/htmls/HTML5/ SOCR HTML5 webapps].</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Look at previously developed [http://socr.ucla.edu/htmls/HTML5/ SOCR HTML5 webapps].</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Review the [http://d3js.org/ D3 framework].</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Review the [http://d3js.org/ D3 framework].</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* Review the various SOCR hyperbolic Tree/Wheel demos (e.g., [http://socr.ucla.edu/test/NIF_HT_ResourceViewer.html NIF], [http://socr.ucla.edu/test/NSF_HT_ResourceViewer.html NSF], [http://socr.ucla.edu/test/MathGenealogy_HT_ResourceViewer.html Math Genealogy], [http://www.socr.ucla.edu/NISER/NISER_HT_ResourceViewer.html]).</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* Review the various SOCR hyperbolic Tree/Wheel demos (e.g., [http://socr.ucla.edu/test/NIF_HT_ResourceViewer.html NIF], [http://socr.ucla.edu/test/NSF_HT_ResourceViewer.html NSF], [http://socr.ucla.edu/test/MathGenealogy_HT_ResourceViewer.html Math Genealogy], [http://www.socr.ucla.edu/NISER/NISER_HT_ResourceViewer.html <ins class="diffchange diffchange-inline">NISER</ins>]).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Approach===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Approach===</div></td></tr>
<!-- diff generator: internal 2024-03-29 06:34:26 -->
</table>IvoDinovhttp://wiki.stat.ucla.edu/socr/index.php?title=SOCR_HTML5_SOCR_ResourceNavigatorProject&diff=11823&oldid=prevIvoDinov: /* Approach */2012-10-12T16:42:49Z<p><span class="autocomment">Approach</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 16:42, 12 October 2012</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 11:</td>
<td colspan="2" class="diff-lineno">Line 11:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Approach===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Approach===</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* Use the current XML format/syntax/examples as <del class="diffchange diffchange-inline">input </del>(graph, node/edge) data (e.g., )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* Use the <ins class="diffchange diffchange-inline">following (</ins>current<ins class="diffchange diffchange-inline">) </ins>XML format/syntax/examples as (graph, node/edge) <ins class="diffchange diffchange-inline">input </ins>data (e.g., <ins class="diffchange diffchange-inline">[http://socr.ucla.edu/test/NSF_TR_Resources.xml NSF], [http://socr.ucla.edu/test/NIF_TR_Resources.xml NIF], [http://socr.ucla.edu/test/MathGenealogy_SOCR_April26_2007.xml mathGenealogy], [http://www.socr.ucla.edu/NISER/NISER_HyperTree.xml NISER]</ins>)</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* Use </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* Use <ins class="diffchange diffchange-inline">[http://www.jasondavies.com/coffee-wheel/ this D3 example]. Modify the input data format to consume our XML structure and test with some of the SOCR examples above.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===See also ===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===See also ===</div></td></tr>
<!-- diff generator: internal 2024-03-29 06:34:26 -->
</table>IvoDinovhttp://wiki.stat.ucla.edu/socr/index.php?title=SOCR_HTML5_SOCR_ResourceNavigatorProject&diff=11822&oldid=prevIvoDinov: Created page with '== SOCR Project - SOCR HTML5 Resource Navigator Project== ===Project goals=== The goal of this project is to redesign, transform and upg…'2012-10-12T16:37:39Z<p>Created page with '==<a href="/socr/index.php/Available_SOCR_Development_Projects" title="Available SOCR Development Projects"> SOCR Project</a> - SOCR HTML5 Resource Navigator Project== ===Project goals=== The goal of this project is to redesign, transform and upg…'</p>
<p><b>New page</b></p><div>==[[Available_SOCR_Development_Projects | SOCR Project]] - SOCR HTML5 Resource Navigator Project==<br />
<br />
===Project goals===<br />
The goal of this project is to redesign, transform and upgrade the SOCR Hyperbolic [http://socr.ucla.edu/SOCR_HT_ResourceViewer.html Tree] and [http://socr.ucla.edu/SOCR_HW_Viewer.html Wheel] Resource Navigators from Java to a modern platform- and browser-independent [http://en.wikipedia.org/wiki/HTML5 HTML5]/[http://en.wikipedia.org/wiki/JavaScript JavaScript] framework.<br />
<br />
===Project Description===<br />
* Review and play with the SOCR Hyperbolic [http://socr.ucla.edu/SOCR_HT_ResourceViewer.html Tree] and [http://socr.ucla.edu/SOCR_HW_Viewer.html Wheel] Resource Navigators.<br />
* Look at previously developed [http://socr.ucla.edu/htmls/HTML5/ SOCR HTML5 webapps].<br />
* Review the [http://d3js.org/ D3 framework].<br />
* Review the various SOCR hyperbolic Tree/Wheel demos (e.g., [http://socr.ucla.edu/test/NIF_HT_ResourceViewer.html NIF], [http://socr.ucla.edu/test/NSF_HT_ResourceViewer.html NSF], [http://socr.ucla.edu/test/MathGenealogy_HT_ResourceViewer.html Math Genealogy], [http://www.socr.ucla.edu/NISER/NISER_HT_ResourceViewer.html]).<br />
<br />
===Approach===<br />
* Use the current XML format/syntax/examples as input (graph, node/edge) data (e.g., )<br />
* Use <br />
<br />
===See also ===<br />
* Lam, H-C, Dinov, ID. (2012) [http://www.isrn.com/journals/cg/aip/609234/ HyperbolicWheel: A Novel Hyperbolic Space Graph Viewer for Hierarchical Information Content], [http://dx.doi.org/10.5402/CG ISRN Computer Graphics], in press, October 2012.<br />
*[[Available_SOCR_Development_Projects]]<br />
*[[SOCR_ProposalSubmissionGuidelines]]<br />
<br />
<hr><br />
<br />
{{translate|pageName=http://wiki.stat.ucla.edu/socr/index.php?title=SOCR_HTML5_SOCR_ResourceNavigatorProject}}</div>IvoDinov