Team:BU Wellesley Software

From 2011.igem.org

(Difference between revisions)
 
(162 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>  
+
<head>
 +
<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: 70%; margin: auto;}
+
/*hide default igem banner and reformat style into blank slate*/
-
 
+
-
/*hide default igem banner*/
+
#globalWrapper {width: 100%;}
#globalWrapper {width: 100%;}
#top-section {width: 100%; height:30px; border:none;}
#top-section {width: 100%; height:30px; border:none;}
Line 10: Line 11:
#search-controls {display:none;}
#search-controls {display:none;}
#menubar a {color:#000000;}
#menubar a {color:#000000;}
-
.left-menu {background-color:#FFFFFF;}
+
#menubar a:hover{text-decoration:none; color:#52749C;}
-
.left-menu ul{background-color:#FFFFFF;}
+
.left-menu {background-color:#FFFFFF; margin:5px 0px 0px 0px; padding:0;}
-
.right-menu {background-color:#FFFFFF;}
+
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
-
.right-menu ul {background-color:#FFFFFF;}
+
.right-menu ul li a {background-color:#FFFFFF;}
-
 
+
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
#catlinks {display:none;}
.firstHeading {display:none;}
.firstHeading {display:none;}
#content {width: 100%; border:none;}
#content {width: 100%; border:none;}
#bodyContent {border:none;}
#bodyContent {border:none;}
 +
/*actual content styles*/
 +
body {width: 800px; margin:auto;}
 +
 +
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
 +
/*#bu-wellesley_wiki_content a {color:#69d01d;}*/
 +
#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;
 +
    }
-
p {color:#000000;}
 
</style>
</style>
 +
 +
<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">
-
<p>Testing</p>
+
<div id="bu-wellesley_wiki_content">
 +
 
 +
<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>
 +
 
 +
<ul id="nav">
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a></li>
 +
<li><a href="#">Project</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Overview</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Clotho">Clotho</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/G-nomeSurferPro">G-nome Surfer Pro</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/OptimusPrimer">Optimus Primer</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Trumpet">Trumpet</a></li>
 +
<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>
 +
<h6>Welcome!</h6>
 +
 
 +
<div id="comp" class="team_box">
 +
<!--<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.
 +
<br>
 +
Check out what we have so far on the site. More content will be coming soon!~<br></div>-->
 +
 
 +
 
 +
<!--
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Project Overview</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Notebook">Notebook</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Safety">Safety</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Acknowledgement">Acknowledgments</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Gold">Give Us Gold</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Outreach">Outreach</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Tips">Tips and Tricks</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Social">Social Events</a>
 +
<br>
 +
<a href=https://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads/Tutorials</a>
 +
 
 +
-->
 +
<br><br>
 +
<p  style="text-align:center;"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/finaltlogoForWebsite.jpg" width="800px"></p>
 +
 
 +
<br>
 +
<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.
 +
<br></h3>
 +
 
 +
<!--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><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>
</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