Team:BU Wellesley Software

From 2011.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>  
+
<head>
-
<title>BU Wellesley Software</title>
+
<title>BU-Wellesley iGEM Team: Welcome</title>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
<style type="text/css">
<style type="text/css">
-
body {background:#FFFFFF; width: 800px; margin: auto;}
 
-
 
/*hide default igem banner and reformat style into blank slate*/
/*hide default igem banner and reformat style into blank slate*/
#globalWrapper {width: 100%;}
#globalWrapper {width: 100%;}
Line 23: Line 23:
/*actual content styles*/
/*actual content styles*/
 +
body {width: 800px; margin:auto;}
-
 
+
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
-
#bu-wellesley_wiki_content {font-size:18pt; color:#3d3f3c; height:800px; line-height:100%;}
+
/*#bu-wellesley_wiki_content a {color:#69d01d;}*/
-
#bu-wellesley_wiki_content a {color:#69d01d; text-transform:uppercase;}
+
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
 +
 +
.navbar li {color: #ffffff;}
 +
.navbar li a {color: #ffffff;}
 +
.navbar li a:hover {background:#69d01d; color: #ffffff;}
 +
 +
/*only use for current page content header (i.e. Team, G-nomeSurferPro, etc)*/
 +
H6 {
 +
      font-family: Helvetica;
 +
      text-transform: uppercase;
 +
      text-decoration: none;
 +
      text-align: center;
 +
      color: #3d3f3c;
 +
      font-size: 32pt;
 +
    }
 +
 +
H3 {
 +
      font-family: Helvetica;
 +
      text-decoration: none;
 +
      text-align: left;
 +
          line-height:120%;
 +
      color: #958E8E;
 +
      font-size: 12pt;
 +
    }
</style>
</style>
-
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/Main.css">
+
 
 +
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/Team.css">
 +
 
 +
<style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style>
 +
 
</head>
</head>
-
<body>
+
<body class="basiclayout">
<div id="bu-wellesley_wiki_content">
<div id="bu-wellesley_wiki_content">
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/banner.png" width="100%"></a>
 
-
<div class="navbar">
+
<p  style="text-align:center;"><a href="https://2011.igem.org/Team:BU_Wellesley_Software"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/banner.png" width="800px"></a></p>
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a>  
+
 
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Project Overview</a>  
+
<ul id="nav">
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Notebook">Notebook</a>
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a></li>  
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Safety">Safety</a>  
+
<li><a href="#">Project</a>
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Acknowledgement">Acknowledgement</a>  
+
<ul>
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Social">Fun</a>  
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Overview</a></li>  
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Gold">Medal Fulfillment</a>  
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Clotho">Clotho</a></li>  
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Outreach">Outreach</a>
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/G-nomeSurferPro">G-nome Surfer Pro</a></li>  
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Tips">Tips & Tricks</a>  
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/OptimusPrimer">Optimus Primer</a></li>  
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads/Tutorials</a>  
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Trumpet">Trumpet</a></li>  
-
</div>
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Puppetshow">Puppetshow</a></li>  
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/eLabNotebook">eLabNotebook</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Wet_Lab">Wet Lab</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads and Tutorials</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Process</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Methodology">Methodology</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Safety">Safety</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Notebook">Notebook</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Outreach">Outreach</a></li>  
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Tips">Tips and Tricks</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Gold">Medal Fulfillment</a></li>
 +
<li><a href="#">Additional Info</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Acknowledgement">Acknowledgement</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Social">Fun</a></li>
 +
</ul>
 +
</li>
 +
</ul>  
<br>
<br>
-
<h6>Team</h6>
+
<h6>Welcome!</h6>
-
<div id="tracking_nav">
+
<div id="comp" class="team_box">
-
JUMP TO...<br>
+
<!--<br>
-
<a href="#bu-wellesley_wiki_content">Top</a><br>
+
-
<a href="#comp">Computational Team</a><br>
+
-
<a href="#advisers">Advisers</a><br>
+
-
<a href="#wetlab">Wet Lab Team</a>
+
-
</div>
+
-
 
+
-
<br>
+
<div class="intro_greeting">Hi! We are a joint software team between Boston University and Wellesley College. We have created a suite of software tools that run on a desktop interface for individual research and on a tabletop multi-touch interface for collaborative brainstorming and hypothesis forming.
<div class="intro_greeting">Hi! We are a joint software team between Boston University and Wellesley College. We have created a suite of software tools that run on a desktop interface for individual research and on a tabletop multi-touch interface for collaborative brainstorming and hypothesis forming.
<br>
<br>
-
Check out what we have so far on the site. More content will be coming soon!~<br></div>
+
Check out what we have so far on the site. More content will be coming soon!~<br></div>-->
 +
 
<!--
<!--
Line 88: Line 130:
-->
-->
 +
<br><br>
 +
<p  style="text-align:center;"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/finaltlogoForWebsite.jpg" width="800px"></p>
-
<br><br><br><br><br><br>
 
-
<p>
 
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/Autodesk_logo_blk_L.png" width="160px">
 
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/BBN2.png" width="160px">
 
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/HHMILogo.jpg" width="160px">
 
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/master-logo.gif" width="160px">
 
<br>
<br>
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/NEB_logo 1.jpg" width="160px">
+
<h3><div class="intro_greeting">Synthetic biology will require a <a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview"> multidisciplinary, collaborative design environment </a> in order to engineer the complex biological systems of the future. Our team has created a collection of software tools which address specific technical synthetic biology challenges while simultaneously advancing the way in which users interact with computing environments. Our software workflow comprises <a href="https://2011.igem.org/Team:BU_Wellesley_Software/G-nomeSurferPro"> "G-Nome Surfer Pro" </a> for research, <a href="https://2011.igem.org/Team:BU_Wellesley_Software/Trumpet"> "Trumpet" </a> and <a href="https://2011.igem.org/Team:BU_Wellesley_Software/OptimusPrimer"> "Optimus Primer" </a> for design, and <a href="https://2011.igem.org/Team:BU_Wellesley_Software/Puppetshow"> "Puppetshow" </a>  and <a href="https://2011.igem.org/Team:BU_Wellesley_Software/eLabNotebook"> "eLabNotebook" </a> for the construction of those designs. In addition, we incorporated <a href="https://2011.igem.org/Team:BU_Wellesley_Software/Wet_Lab"> wetlab experimentation </a> into our project to apply these tools to create novel biological systems to investigate Tuberculosis. The combination of human computer interaction, bio-design automation, and experimental design makes our effort unique in the iGEM experience and closes the loop on the design-build-test methodology.
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/NSFLogo.GIF" width="160px">
+
<br></h3>
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/Qiagen.png" width="160px">
+
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/WellesleyLogo.PNG" width="160px">
+
 +
<!--trying a vid box-->
 +
<h2>Videos</h2>
 +
<div class="videobox">
 +
  <ul>
 +
<li><a href="http://www.youtube.com/watch?v=ms4EIkvIHyo">G-nome Surfer Pro & Optimus Prime</a></li>
 +
<li><a href="http://www.youtube.com/watch?v=UjO7HGFZ1sQ&feature=player_embedded">Trumpet</a></li>
 +
  <li><a href="http://www.youtube.com/watch?v=QVR1NaciNmo">PuppetShow</a></li>
 +
 
 +
  </ul>
 +
</div>
 +
<script type="text/javascript" src="http://cs.wellesley.edu/~oshaer/prototype.js"></script>
 +
<script type="text/javascript" src="http://cs.wellesley.edu/~oshaer/videobox.js"></script>
-
<!--
+
<!--Welcome to our site!--><br></div>
-
<br>
+
-
<hr size="10">
+
-
<br>
+
-
Pages previously created, retain?<br>
+
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Attributions">Attributions and Contributions</a>
+
-
<br>
+
-
<a href="https://igem.org/Team.cgi?year=2011">Team Profile</a>
+
-
<br>
+
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project">Old Project page</a>
+
-
-->
+
 +
<!--<br><br><br><br><br><br>-->
 +
<p>
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/Autodesk_logo_blk_L.png" width="90px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/BBN2.png" width="100px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/HHMILogo.jpg" width="90px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/master-logo.gif" width="100px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/NEB_logo 1.jpg" width="100px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/NSFLogo.GIF" width="90px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/Qiagen.png" width="90px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/WellesleyLogo.PNG" width="100px">
 +
 +
<br><br><br><br><br>
</div><!--end bu-wellesley_wiki_content div-->
</div><!--end bu-wellesley_wiki_content div-->
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 17:19, 27 October 2011

BU-Wellesley iGEM Team: Welcome


Welcome!



Synthetic biology will require a multidisciplinary, collaborative design environment in order to engineer the complex biological systems of the future. Our team has created a collection of software tools which address specific technical synthetic biology challenges while simultaneously advancing the way in which users interact with computing environments. Our software workflow comprises "G-Nome Surfer Pro" for research, "Trumpet" and "Optimus Primer" for design, and "Puppetshow" and "eLabNotebook" for the construction of those designs. In addition, we incorporated wetlab experimentation into our project to apply these tools to create novel biological systems to investigate Tuberculosis. The combination of human computer interaction, bio-design automation, and experimental design makes our effort unique in the iGEM experience and closes the loop on the design-build-test methodology.

Videos