Team:Wellesley Desyne/Downloads Tutorials

From 2013.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Wellesley_Desyne/css/wp_app.css}}
<html>
<html>
<head>
<head>
-
<title>Wellesley HCI iGEM Team: Downloads & Tutorials</title>  
+
<title>Wellesley HCI iGEM Team: Welcome</title>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
<meta charset="utf-8">
+
<meta charset="utf-8">
-
<meta name="viewport" content="width=device-width">
+
<meta name="viewport" content="width=device-width">
-
 
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
<style type="text/css">
+
-
 
+
-
/* Hiding predefined html elements */
+
-
/***********************************/
+
-
#contentSub, #search-controls, #catlinks, #p-logo, .firstHeading {
+
-
display:none;
+
-
padding:0px;
+
-
margin:0px;
+
-
}
+
-
#bodyContent {border:none;}
+
-
#content {width: 100%; padding:0px; border-left: 0px; border-right: 0px;}
+
-
#globalWrapper {width: 100%; font-size: 100%; position: static;}
+
-
#top-section {width: 100%; height:10px; border:none;}
+
-
#p-logo {display:none;}
+
-
#search-controls {display:none;}
+
-
#menubar a {color:#000000; background-color:transparent;}
+
-
#menubar a:hover{text-decoration:none; color:#0090FF; background-color:transparent;}
+
-
.left-menu a:hover{background-color:transparent; margin:5px 0px 0px 0px; padding:0; background: transparent;}
+
-
.left-menu li a:hover{background-color:transparent; margin:0; padding:0; background: transparent;}
+
-
.right-menu ul li a {background-color:transparent; background: transparent;}
+
-
.printfooter {display:none; background-color:transparent;}
+
-
a:hover {text-decoration: none;}
+
-
#footer-box {border:none; background-color:transparent;}
+
-
#catlinks {display:none; background-color:transparent;}
+
-
.firstHeading {display:none; background-color:transparent;}
+
-
#content {width: 100%; border:none; background-color:transparent;}
+
-
h1, h2, h3, h4, h5, h6 {
+
-
font-size: 100%;
+
-
padding-top: 0;
+
-
padding-bottom: 0;
+
-
border-bottom: 0px;
+
-
}
+
-
 
+
-
html {margin: 0;}
+
-
ul {
+
-
list-style-type: none;
+
-
list-style-image: none;
+
-
}
+
-
 
+
-
</style>
+
-
 
+
-
<link rel="stylesheet" href="http://cs.wellesley.edu/~hcilab/igem2013/whci_app.css">
+
-
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_jquery.js"></script>
+
-
 
+
<body>
<body>
<nav class="top-bar">
<nav class="top-bar">
Line 57: Line 12:
<!-- Title Area -->
<!-- Title Area -->
<li class="name">
<li class="name">
-
<h1><a href="#">WHCI</a></h1>
+
<h1><a href="https://2013.igem.org/Team:Wellesley_Desyne">WHCI</a></h1>
</li>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
Line 80: Line 35:
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Overview</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Overview</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a></li>
-
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree">zTree & zMol</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree">zTree</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials">Downloads & Tutorials</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials">Downloads & Tutorials</a></li>
Line 100: Line 55:
<ul class="right">
<ul class="right">
<li class="divider hide-for-small"></li>
<li class="divider hide-for-small"></li>
-
<li class="has-dropdown"><a href="#">Main Item 4</a>
+
<li><a href="https://2013.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/e/e0/Whci_igem_logo.png"></a>
</li>
</li>
<li class="divider"></li>
<li class="divider"></li>
Line 110: Line 65:
<div class="row">
<div class="row">
<div class="large-12 columns">
<div class="large-12 columns">
-
<h2><img src="https://static.igem.org/mediawiki/2013/0/03/Wellesley_logo.png">Wellesley HCI iGEM 2013</h2>
+
<a href="https://2013.igem.org/Team:Wellesley_Desyne" class="header-link"><h2><img src="https://static.igem.org/mediawiki/2013/0/03/Wellesley_logo.png">Wellesley HCI iGEM 2013</h2></a>
</div>
</div>
</div>
</div>
Line 124: Line 79:
<!--Start content-->
<!--Start content-->
-
<h1>Downloads & Tutorials</h1>
+
<h3>Downloads</h3>
-
<br>
+
-
Download software (zMol, zTree, Eugenie, and Bac to the Future) on <a href="https://github.com/igemsoftware/Wellesley_Desyne2013">Github</a>
+
-
<br>
+
-
<br>
+
-
<b>Bac to the Future:</b>
+
<p>To download the source code  for zMol, zTree, Eugenie, or Bac to the Future, please visit <a href="https://github.com/igemsoftware/Wellesley_Desyne2013">Github</a> and download the zip. To run the projects, please see below.
-
<br>
+
-
<br>
+
-
To access the web application, click <a href="http://bac-tothefuture.appspot.com/">here</a>
+
-
<br>
+
-
<br>
+
-
<b>Eugenie:</b>
+
<h4><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a></h4>
-
<br>
+
-
<br>
+
-
(Insert demo video here)
+
-
<br>
+
-
<br>
+
-
<ul>
+
<ul class="list_default">
-
<li>
+
<li>You will need <a href="http://www.google.com/url?q=http%3A%2F%2Fwww.microsoft.com%2Fvisualstudio%2Feng%2Fdownloads%23d-2010-express&sa=D&sntz=1&usg=AFQjCNH8T4jEI_D7yXgZ7xiAzD_L9TlXtw">Microsoft Visual Studio 2010 C# Express</a> and the <a href="http://www.google.com/url?q=http%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fdownload%2Fdetails.aspx%3Fid%3D26716&sa=D&sntz=1&usg=AFQjCNFoy5GAIakvY0eQMACWspLp7eUczQ"> Microsoft Surface 2.0 SDK</a> in order to run Eugenie on your machine. </li>
-
If you don’t already have <a href="http://www.google.com/url?q=http%3A%2F%2Fwww.microsoft.com%2Fvisualstudio%2Feng%2Fdownloads%23d-2010-express&sa=D&sntz=1&usg=AFQjCNH8T4jEI_D7yXgZ7xiAzD_L9TlXtw"> Microsoft Visual Studio 2010 </a> and the <a href="http://www.google.com/url?q=http%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fdownload%2Fdetails.aspx%3Fid%3D26716&sa=D&sntz=1&usg=AFQjCNFoy5GAIakvY0eQMACWspLp7eUczQ"> Microsoft Surface 2.0 Surface Development Kit</a>, download them first in order to run Eugenie on your machine. </li>
+
<li>After you have downloaded the necessary software, download the Eugenie application (zipped) from <a href="https://github.com/igemsoftware/Wellesley_Desyne2013">Github</a>.</li>
 +
<li>Unzip the file downloaded. Open the folder and double-click on the <i>Eugenie.sln</i> file. Visual Studio 2010 should open the solution.</li>
 +
<li>Press <i>F5</i> or the play button to run the program.</li>
 +
</ul>
-
<li>After you have downloaded the necessary software, <a href="https://github.com/Wellesley-HCI-Lab/Eugenie">download</a> the Eugenie application at Github.</li>
+
<h4><a href="https://2013.igem.org/Team:Wellesley_Desyne/zTree">zTree</a></h4>
-
<li>Launch the Eugenie code downloaded from Github in Visual Studio 2010 to run the program. </li>
+
<ul class="list_default">
 +
<li>You will need <a href="http://unity3d.com/unity/download/archive">the Unity Game Engine (3.5.2)</a> and the <a href="https://support.zspace.com/entries/21614256-zSpace-SDK-Releases">zSpace SDK</a> in order to run zTree on your machine. </li>
 +
<li>After you have downloaded the necessary software, download the zTree application (zipped) from <a href="https://github.com/igemsoftware/Wellesley_Desyne2013">Github</a>.</li>
 +
<li>Unzip the file downloaded. Open the <i>Assets</i> folder and double-click on the <i>Scene</i> file. Unityshould open the solution.</li>
 +
<li>Press the play button at the top center of the Unity interface to run the program.</li>
</ul>
</ul>
 +
 +
<p><i>NOTE: Once you build it, you should have an .exe file, which means the program will be able to run on Windows machines only. After an executable is generated there should be a data file that has the same name but says data that saves to the same place as zTree saves to. That data file must be in the same location as the .exe file at all times.</i>
 +
</p>
 +
 +
<h4><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a></h4>
 +
 +
<p>This web application is available at <a href="http://bac-tothefuture.appspot.com/">bac-tothefuture.appspot.com</a>.
 +
 +
<h3>Tutorials</h3>
 +
<h4><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a></h4>
<br>
<br>
 +
<div style = "margin-left:auto;
 +
margin-right:auto; width:640px;">
 +
<iframe width="640" height="360" src="//www.youtube.com/embed/7NFRSufwsEo" frameborder="0" allowfullscreen></iframe>
 +
</div>
<br>
<br>
-
 
+
<h4><a href="https://2013.igem.org/Team:Wellesley_Desyne/zTree">zTree</a></h4>
-
<b>ZTree</b>
+
<br>
<br>
 +
<div style = "margin-left:auto;
 +
margin-right:auto; width:640px;">
 +
<iframe width="640" height="360" src="//www.youtube.com/embed/A1_XVnz1VCg?rel=0" frameborder="0" allowfullscreen></iframe>
 +
</div>
<br>
<br>
-
 
+
<h4><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a></h4>
-
http://www.youtube.com/watch?v=A1_XVnz1VCg
+
-
 
+
-
<p>
+
-
Once you build it, you should have an .exe file, which means the program will be able to run on Windows machines only.
+
-
NOTE: WHEN THIS HAPPENS, there should be a data file that has the same name but says data that saves to the same place as zTree saves to. That data file must be in the same location as the .exe file at all times.
+
<br>
<br>
-
<br>
+
<div style = "margin-left:auto;
-
After you have downloaded the necessary software, download the zTree application at Github.
+
margin-right:auto; width:640px;">
-
 
+
<iframe width="640" height="360" src="//www.youtube.com/embed/mhAy7kqbLkQ" frameborder="0" allowfullscreen></iframe>
-
<br>  
+
</div>
 +
<div class="row">
 +
<hr>
 +
<img src="https://static.igem.org/mediawiki/2013/6/62/Whci_sponsor_logos.png">
 +
</div>
 +
</div>
</div>
</div>
 +
<script src="http://eastmaninteractive.com/igem/whci_zepto.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.dropdown.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.topbar.js"></script>
 +
<script>
 +
$(document).foundation();
 +
</script>
-
<!--End content-->
+
</body>
-
<html>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.abide.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.alerts.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.clearing.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.cookie.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.dropdown.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.forms.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.interchange.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.joyride.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.magellan.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.orbit.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.placeholder.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.reveal.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.section.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.tooltips.js"></script>
+
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.topbar.js"></script>
+
-
  <script>
+
-
    $(document).foundation();
+
-
  </script>
+
</html>
</html>

Latest revision as of 17:31, 27 September 2013

Wellesley HCI iGEM Team: Welcome

Downloads

To download the source code for zMol, zTree, Eugenie, or Bac to the Future, please visit Github and download the zip. To run the projects, please see below.

Eugenie

  • You will need Microsoft Visual Studio 2010 C# Express and the Microsoft Surface 2.0 SDK in order to run Eugenie on your machine.
  • After you have downloaded the necessary software, download the Eugenie application (zipped) from Github.
  • Unzip the file downloaded. Open the folder and double-click on the Eugenie.sln file. Visual Studio 2010 should open the solution.
  • Press F5 or the play button to run the program.

zTree

  • You will need the Unity Game Engine (3.5.2) and the zSpace SDK in order to run zTree on your machine.
  • After you have downloaded the necessary software, download the zTree application (zipped) from Github.
  • Unzip the file downloaded. Open the Assets folder and double-click on the Scene file. Unityshould open the solution.
  • Press the play button at the top center of the Unity interface to run the program.

NOTE: Once you build it, you should have an .exe file, which means the program will be able to run on Windows machines only. After an executable is generated there should be a data file that has the same name but says data that saves to the same place as zTree saves to. That data file must be in the same location as the .exe file at all times.

Bac to the Future

This web application is available at bac-tothefuture.appspot.com.

Tutorials

Eugenie



zTree



Bac to the Future


Retrieved from "http://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials"