Team:Wellesley HCI/Downloads Tutorials

From 2012.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 23: Line 23:
/*actual content styles*/
/*actual content styles*/
-
body {width: 800px; margin:auto;}
+
body {width: 900px; margin:auto;}
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
Line 36: Line 36:
H6 {
H6 {
       font-family: Helvetica;
       font-family: Helvetica;
 +
      font-size:32pt;
       text-transform: uppercase;
       text-transform: uppercase;
       text-decoration: none;
       text-decoration: none;
-
       text-align: center;
+
       /*text-align: center;*/
       color: #272829;
       color: #272829;
-
       font-size: 32pt;
+
       margin:0
 +
      width:100%;
 +
      padding-bottom:15px;
 +
      border-bottom:solid 1px orangered;
     }
     }
Line 56: Line 60:
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
 +
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
<style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style>
<style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style>
Line 63: Line 68:
<div id="bu-wellesley_wiki_content">
<div id="bu-wellesley_wiki_content">
-
<p  style="text-align:center;"><a href="https://2012.igem.org/Team:Wellesley_HCI"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/titleimage.png" width="800px"></a></p>
+
<a href="https://2012.igem.org/Team:Wellesley_HCI"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/titleimage.png" width="300px" style="display:block; float:left;"></a>
<!--Start NavBar-->
<!--Start NavBar-->
<ul id="nav">  
<ul id="nav">  
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team</a>
 +
                <ul>
 +
                <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team Members</a></li>
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Notebook">Notebook</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Acknowledgement">Acknowledgement</a></li>
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Tips_Tricks">Tips & Tricks</a></li>
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Social">Fun</a></li>
 +
</ul>
 +
        </li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project</a>
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project</a>
<ul>  
<ul>  
Line 73: Line 86:
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/SynBio_Search">SynBio Search</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/SynBio_Search">SynBio Search</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/MoClo_Planner">MoClo Planner</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/MoClo_Planner">MoClo Planner</a></li>  
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/SynFluo">SynFluo</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/SynFlo">SynFlo</a></li>  
                         <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Downloads_Tutorials">Downloads & Tutorials</a></li>  
                         <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Downloads_Tutorials">Downloads & Tutorials</a></li>  
</ul>
</ul>
</li>  
</li>  
-
<li><a href="#">Process</a>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Human_Practices">Human Practices</a>  
<ul>  
<ul>  
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Human_Practices">Human Practices</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Human_Practices">User Research</a></li>  
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Methodology">Methodology</a></li>  
+
                        <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Methodology">Methodology</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Safety">Safety</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Safety">Safety</a></li>  
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Notebook">Notebook</a></li>
 
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Outreach">Outreach</a></li>
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Outreach">Outreach</a></li>
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Tips_Tricks">Tips & Tricks</a></li>
 
</ul>
</ul>
</li>
</li>
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Gold">Medal Fulfillment</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Gold">Medal Fulfillment</a></li>  
-
<li><a href="#">Additional Info</a>
+
-
<ul>
+
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Acknowledgement">Acknowledgement</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Social">Fun</a></li>
+
-
</ul>
+
-
</li>
+
</ul>
</ul>
-
<!--End NavBar-->
+
<!--End NavBar-->  
 +
 
   
   
Line 107: Line 114:
<a href="#downloads">Downloads</a><br>
<a href="#downloads">Downloads</a><br>
<a href="#tutorials">Tutorials</a><br>
<a href="#tutorials">Tutorials</a><br>
 +
<a href="#install">Installation</a><br>
</div>
</div>
Line 113: Line 121:
<ul>
<ul>
-
<li><a href="#">SynBio Search</a>
+
<li><a href="http://www.synbiosearch.org">SynBio Search</a> (To access web app, click <a href="http://www.synbiosearch.org">here.</a>)
-
<li><a href="#">MoClo Planner</a>
+
<li><a href="https://github.com/igemsoftware/Wellesley_HCI_2012">MoClo Planner</a>
-
<li><a href="#">SynFlo</a>
+
<li><a href="https://github.com/igemsoftware/Wellesley_HCI_2012.git">SynFlo</a>
 +
<ul>
 +
<li><a href="http://cs/~hcilab/images/synflo/SynFlo%20Demo%20(Edited).pdf">SynFlo Demo PPT</a>
 +
</ul>
</ul>
</ul>
Line 124: Line 135:
<ul>
<ul>
<li>SynBio Search
<li>SynBio Search
-
<center><iframe width="560" height="315" src="http://www.youtube.com/embed/z6W4Eb-ueyc" frameborder="0" allowfullscreen></iframe></center>
+
<center><iframe width="560" height="315" src="http://www.youtube.com/embed/djMv0n6GPEU?rel=0" frameborder="0" allowfullscreen></iframe></center>
<li>MoClo Planner
<li>MoClo Planner
-
<center><iframe width="560" height="315" src="http://www.youtube.com/embed/iwvdNs6VLHw" frameborder="0" allowfullscreen></iframe></center>
+
<center><iframe width="560" height="315" src="http://www.youtube.com/embed/PcGD4Xya4A8?rel=0" frameborder="0" allowfullscreen></iframe></center>
-
<li>SynFluo
+
<li>SynFlo
-
<center><iframe width="560" height="315" src="http://www.youtube.com/embed/7_kucneET6U" frameborder="0" allowfullscreen></iframe></center>
+
<center><iframe width="560" height="315" src="http://www.youtube.com/embed/_oWCemFi1NI" frameborder="0" allowfullscreen></iframe></iframe></center>
</ul>
</ul>
</div>
</div>
-
<div id="installation">
+
<div id="install">
<h1>Installation Instructions</h1>
<h1>Installation Instructions</h1>
-
<li>SynBio Search</li>
+
<li>SynFlo</li>
<ul>
<ul>
-
<li>A description and demo of the installation can be found here: https://2012.igem.org/Team:Wellesley_HCI/SynFluo</li><li>To use SynFlo, you will need at least three Sifteo Cubes, which you can purchase here: https://www.sifteo.com/shop.</li>
+
<li>A description and demo of the installation can be found here: https://2012.igem.org/Team:Wellesley_HCI/SynFlo</li><li>To use SynFlo, you will need at least three Sifteo Cubes, which you can purchase here: https://www.sifteo.com/shop.</li>
<li>You need to register for a Sifteo account (https://www.sifteo.com/login). Currently, SynFlo only works with the original version of the Sifteo SDK, so you need to download SiftRunner in order to install and run the program: https://www.sifteo.com/original/download.</li>
<li>You need to register for a Sifteo account (https://www.sifteo.com/login). Currently, SynFlo only works with the original version of the Sifteo SDK, so you need to download SiftRunner in order to install and run the program: https://www.sifteo.com/original/download.</li>
<li>You will also need Visual Studio 2008: http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=6506.</li>
<li>You will also need Visual Studio 2008: http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=6506.</li>
Line 144: Line 155:
<li>If you want to simulate deployment into the environment wherein you are able to introduce toxins and trigger color changes in the E. coli, you will also need a Microsoft Surface. </li>
<li>If you want to simulate deployment into the environment wherein you are able to introduce toxins and trigger color changes in the E. coli, you will also need a Microsoft Surface. </li>
<li>Some preparation is needed in order to connect the Surface with the cubes. Once you run the server-side program on the tabletop computer, place one cube, with its screen facing up, onto the Surface and flip it. Do this for each one of your cubes, making sure no more than one tag is placed on the tabletop computer at a time. </li>
<li>Some preparation is needed in order to connect the Surface with the cubes. Once you run the server-side program on the tabletop computer, place one cube, with its screen facing up, onto the Surface and flip it. Do this for each one of your cubes, making sure no more than one tag is placed on the tabletop computer at a time. </li>
-
 
</ul>
</ul>
 +
<br>
 +
<li>SynBio Search</li>
 +
<ul><li>To access web app, click <a href="http://synbiosearch.org">here.</a></li></ul>
 +
<br>
 +
<li>MoClo Planner</li>
 +
<ul><li>To run the MoClo Planner, first <a href="https://github.com/igemsoftware/Wellesley_HCI_2012">download the application at Github</a></li></ul>
 +
<ul><li>Next, download the <a href="http://www.microsoft.com/en-us/download/details.aspx?id=26716">Microsoft Surface 2.0 Surface Development Kit</a></li></ul>
 +
<ul><li>You will need <a href="http://www.microsoft.com/en-us/download/details.aspx?displaylang=en&id=6506">Microsoft Visual Studio 2008</a> in order to run the MoClo Planner</li></ul>
 +
<ul><li>Open Visual Studio and import the Microsoft Surface SDK</li></ul>
 +
<ul><li>Launch the MoClo planner code downloaded from Github in Visual Studio and run the program</li></ul>
</div><!--end wellesley_wiki_content div-->
</div><!--end wellesley_wiki_content div-->

Latest revision as of 22:37, 3 October 2012

Wellesley HCI iGEM Team: Welcome


Downloads and Tutorials

Downloads

Tutorials

  • SynBio Search
  • MoClo Planner
  • SynFlo

Installation Instructions

  • SynFlo
    • A description and demo of the installation can be found here: https://2012.igem.org/Team:Wellesley_HCI/SynFlo
    • To use SynFlo, you will need at least three Sifteo Cubes, which you can purchase here: https://www.sifteo.com/shop.
    • You need to register for a Sifteo account (https://www.sifteo.com/login). Currently, SynFlo only works with the original version of the Sifteo SDK, so you need to download SiftRunner in order to install and run the program: https://www.sifteo.com/original/download.
    • You will also need Visual Studio 2008: http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=6506.
    • To install SynFlo into the cubes, place the cubes into the charging dock and connect Sifteo’s USB wireless link to your computer. Using SiftDev (one of the programs that should have come with the SiftRunner installation), click on the option to ‘Load Application’ then select the folder that contains SynFlo.
    • To run SynFlo, you have to first run it on Visual Studio then run it on SiftDev. Without the surface however this installation only simulates the process of modifying E. coli.
    • If you want to simulate deployment into the environment wherein you are able to introduce toxins and trigger color changes in the E. coli, you will also need a Microsoft Surface.
    • Some preparation is needed in order to connect the Surface with the cubes. Once you run the server-side program on the tabletop computer, place one cube, with its screen facing up, onto the Surface and flip it. Do this for each one of your cubes, making sure no more than one tag is placed on the tabletop computer at a time.

  • SynBio Search
    • To access web app, click here.

  • MoClo Planner
    • Open Visual Studio and import the Microsoft Surface SDK
    • Launch the MoClo planner code downloaded from Github in Visual Studio and run the program