Team:Wellesley Desyne/Downloads Tutorials

From 2013.igem.org

(Difference between revisions)
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 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 124: Line 79:
<!--Start content-->
<!--Start content-->
-
<h1>Downloads & Tutorials</h1>
+
<h3>Downloads & Tutorials</h3>
-
<br>
+
<p>Download software (zMol, zTree, Eugenie, and Bac to the Future) on <a href="https://github.com/igemsoftware/Wellesley_Desyne2013">Github</a>
-
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>
+
<h4>Bac to the Future:</h4>
-
<br>
+
<p>To access the web application, click <a href="http://bac-tothefuture.appspot.com/">here</a>
-
<br>
+
-
To access the web application, click <a href="http://bac-tothefuture.appspot.com/">here</a>
+
-
<br>
+
-
<br>
+
-
<b>Eugenie:</b>
+
<h4>Eugenie:</h4>
-
<br>
+
-
<br>
+
(Insert demo video here)
(Insert demo video here)
-
<br>
 
-
<br>
 
<ul>
<ul>
-
<li>
+
<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>
-
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, <a href="https://github.com/Wellesley-HCI-Lab/Eugenie">download</a> the Eugenie application at Github.</li>
<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>
-
 
<li>Launch the Eugenie code downloaded from Github in Visual Studio 2010 to run the program. </li>
<li>Launch the Eugenie code downloaded from Github in Visual Studio 2010 to run the program. </li>
</ul>
</ul>
-
<br>
 
-
<br>
 
-
<b>ZTree</b>
+
<h4>ZTree</h4>
-
<br>
+
-
<br>
+
-
http://www.youtube.com/watch?v=A1_XVnz1VCg
+
<p>http://www.youtube.com/watch?v=A1_XVnz1VCg
-
<p>
+
<p>Once you build it, you should have an .exe file, which means the program will be able to run on Windows machines only.  
-
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.
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>
 
-
After you have downloaded the necessary software, download the zTree application at Github.
 
-
 
-
<br>
 
 +
<p>After you have downloaded the necessary software, download the zTree application at Github.
 +
<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.alerts.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.dropdown.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.placeholder.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.tooltips.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>

Revision as of 20:22, 18 September 2013

Wellesley HCI iGEM Team: Welcome

Wellesley HCI iGEM 2013

Downloads & Tutorials

Download software (zMol, zTree, Eugenie, and Bac to the Future) on Github

Bac to the Future:

To access the web application, click here

Eugenie:

(Insert demo video here)

ZTree

http://www.youtube.com/watch?v=A1_XVnz1VCg

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.

After you have downloaded the necessary software, download the zTree application at Github.

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