Team:BU Wellesley Software

From 2011.igem.org

(Difference between revisions)
 
(77 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 a {color:#69d01d;}*/
 +
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
-
#bu-wellesley_wiki_content {font-size:18pt; color:#bababa; height:800px; line-height:100%;}
+
.navbar li {color: #ffffff;}
-
#bu-wellesley_wiki_content a {color:#69d01d; text-transform:uppercase;}
+
.navbar li a {color: #ffffff;}
-
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#bababa;}
+
.navbar li a:hover {background:#69d01d; color: #ffffff;}
-
.navbar
+
/*only use for current page content header (i.e. Team, G-nomeSurferPro, etc)*/
-
{
+
H6 {
-
list-style-type: none;
+
      font-family: Helvetica;
-
margin: 0;
+
      text-transform: uppercase;
-
padding: 0;
+
      text-decoration: none;
-
font-size: 14pt;
+
      text-align: center;
-
}
+
      color: #3d3f3c;
 +
      font-size: 32pt;
 +
    }
-
.navbar li
+
H3 {
-
{
+
      font-family: Helvetica;
-
display: inline;
+
      text-decoration: none;
-
}
+
      text-align: left;
-
 
+
          line-height:120%;
-
.navbar li a {background:#ffffff;}
+
      color: #958E8E;
-
.navbar li a.hover {background:#69d01d; color:#8f8f8f;}
+
      font-size: 12pt;
-
.intro_greeting {font-size: 16pt; line-height: 120%;}
+
    }
</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>
 
-
 
-
<ul class="navbar">
 
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a> | </li>
 
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Project Overview</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/Safety">Safety</a> | </li>
 
-
<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/Gold">Medal Fulfillment</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 & Tricks</a> | </li> 
 
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Social">Fun</a> | </li>
 
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads/Tutorials</a> | </li> 
 
-
</ul>
 
 +
<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>
<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.
<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>-->
 +
 +
<!--
<br>
<br>
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a>
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a>
Line 93: Line 128:
<br>
<br>
<a href=https://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads/Tutorials</a>
<a href=https://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads/Tutorials</a>
-
<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>
 
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/NEB_logo 1.jpg" width="160px">
 
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/NSFLogo.GIF" width="160px">
 
-
<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">
 
 +
-->
 +
<br><br>
 +
<p  style="text-align:center;"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/finaltlogoForWebsite.jpg" width="800px"></p>
-
<!--
 
<br>
<br>
-
<hr size="10">
+
<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>
+
<br></h3>
-
Pages previously created, retain?<br>
+
 
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Attributions">Attributions and Contributions</a>
+
<!--trying a vid box-->
-
<br>
+
<h2>Videos</h2>
-
<a href="https://igem.org/Team.cgi?year=2011">Team Profile</a>
+
<div class="videobox">
-
<br>
+
  <ul>
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project">Old Project page</a>
+
<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><!--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