Team:BU Wellesley Software/OptimusPrimer

From 2011.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 23: Line 23:
/*actual content styles*/
/*actual content styles*/
-
body {width: 860px; margin:auto;}
+
body {width: 800px; margin:auto;}
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
-
#bu-wellesley_wiki_content a {color:#69d01d;}
+
/*#bu-wellesley_wiki_content a {color:#69d01d;}*/
-
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#bababa;}
+
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
-
</style>
+
.navbar li {color: #ffffff;}
-
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/ProjectSpecific.css">
+
.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: left;
 +
      color: #3d3f3c;
 +
      font-size: 32pt;
 +
    }
 +
</style>
 +
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/Team.css">
</head>
</head>
<body class="basiclayout">
<body class="basiclayout">
-
 
<div id="bu-wellesley_wiki_content">
<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>
<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>
-
<!-- "previous page" action -->
+
 
-
<a class="prev browse left"></a>
+
<ul id="nav">  
-
<!-- root element for scrollable -->
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a></li>  
-
<div class="scrollable" width="800px">  
+
<li><a href="#">Project</a>
-
  <div class="items">
+
<ul>
-
  <div id="comp">
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Overview</a></li>  
-
<h1>Computational Team</h1>
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Clotho">Clotho</a></li>  
-
<!-- Comp people's content here-->
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/G-nomeSurferPro">G-nome Surfer Pro</a></li>  
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/OptimusPrimer">Optimus Primer</a></li>
-
leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Trumpet">Trumpet</a></li>
-
dictum augue. Proin eget odio ac mi tristique scelerisque.  
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Puppetshow">Puppetshow</a></li>
-
<img style="float:right; width:280px; height:200px" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_placeholder.png"/>Integer at
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/eLabNotebook">eLabNotebook</a></li>
-
nisl nec purus laoreet condimentum sed semper dui. Duis feugiat, ligula
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Wet_Lab">Wet Lab</a></li>  
-
eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads and Tutorials</a></li>
-
eu neque.  
+
</ul>
-
<br><br>
+
</li>
-
Vestibulum gravida, turpis tempus suscipit euismod, ipsum mi
+
<li><a href="#">Process</a>
-
tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque
+
<ul>
-
vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Methodology">Methodology</a></li>  
-
laoreet sapien at vehicula.
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Safety">Safety</a></li>  
-
Donec ac sapien erat. Proin id enim sed
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Notebook">Notebook</a></li>  
-
dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Outreach">Outreach</a></li>  
-
mauris egestas tincidunt. Vestibulum sit amet est dolor.
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Tips">Tips and Tricks</a></li>
-
<br><br><br>
+
</ul>
-
<h5>Results:</h5>
+
</li>
-
Ut eu nunc eget ante egestas egestas at eu metus. Integer quam justo,
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Gold">Medal Fulfillment</a></li>  
-
vehicula non sodales id, consequat vitae eros.<br>
+
<li><a href="#">Additional Info</a>
-
Aenean egestas, ipsum sed fringilla porta, erat mi facilisis lectus, quis elementum quam felis nec elit.  
+
<ul>
-
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Acknowledgement">Acknowledgement</a></li>  
-
<br><br>
+
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Social">Fun</a></li>
-
<h5>Ethical User Study practices:</h5>
+
</ul>
-
Aliquam in felis sit amet eros pharetra volutpat.
+
</li>
-
</div>
+
</ul>
-
<div id="overview">
+
 
-
<h1>Overview: Optimus Primer</h1>
+
<br>
-
<h5>Hypothesis Forming</h5>
+
<h6>Optimus Primer</h6>
-
<br><br>
+
 
-
Overview of this stage of the cycle. What are we trying to
+
<div id="tracking_nav">
-
accomplish, what tools are needed, how are we going to approach it,
+
JUMP TO...<br>
-
what do we want out of it?<br><br>
+
<a href="#bu-wellesley_wiki_content">Top</a><br>
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum
+
<a href="#tooloverview">Tool Overview</a><br>
-
leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at
+
<a href="#demo">Demo</a><br>
-
dictum augue. Proin eget odio ac mi tristique scelerisque. Integer at
+
<a href="#results">Results</a><br>
-
nisl nec purus laoreet condimentum sed semper dui. Duis feugiat, ligula
+
<a href="#futurework">Future Work</a>
-
eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien
+
-
eu neque.
+
-
<br><br>
+
-
Vestibulum gravida, turpis tempus suscipit euismod, ipsum mi
+
-
tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque
+
-
vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum
+
-
laoreet sapien at vehicula. Donec ac sapien erat. Proin id enim sed
+
-
dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae
+
-
mauris egestas tincidunt. Vestibulum sit amet est dolor.
+
-
<br><br>
+
-
Sed tincidunt,
+
-
tellus id feugiat bibendum, ipsum enim bibendum libero, sed congue nibh
+
-
lorem eget sapien. Suspendisse faucibus arcu vel nisi rutrum ut
+
-
imperdiet libero gravida. Proin consequat aliquam pharetra. Phasellus
+
-
leo purus, commodo ac laoreet eget, bibendum ut nisi. Donec tincidunt
+
-
velit ante, vel blandit nisi.
+
-
<br><br><br>
+
-
+
-
<a href="#"><img id="download_button" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_download_button.jpg"/></a>
+
-
<br><br><br><br><br><br><br>
+
-
<h5>Demo Video</h5>
+
</div>
</div>
-
<div id="wetlab">
+
 
-
<h1>Wetlab</h1>
+
<div id="tooloverview">
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum
+
<h1>Tool Overview</h1>
-
leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at
+
<p>
-
dictum augue. Proin eget odio ac mi tristique scelerisque.
+
<img style="float:right; width:500px; height:300px; margin:5px;" src="http://wiki.bu.edu/wiki/ece-clotho/images/9/9c/Pd-results.JPG"/>
-
<img style="width:400px; height:300px" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_placeholder.png"/>Integer at
+
<p>
-
nisl nec purus laoreet condimentum sed semper dui. Duis feugiat, ligula
+
We implemented the OptimusPrimer for the desktop and the Microsoft tabletop Surface.
-
eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien
+
Both the surface application and desktop GUI allow users to create a primer design from a selected gene. Users can then can BLAST designs and run tests based on alignment and Gibb's free energy. Both applications make use of the same algorithms and allow saving as BioBricks.
-
eu neque.  
+
<p>
-
<br><br>
+
The OptimusPrimer GUI is written in Java with <a href="http://download.oracle.com/javase/tutorial/ui/overview/intro.html">Swing</a> and offers an interface for independent and desktop centered design. It is designed for integration with <a href="http://www.clothocad.org/">Clotho</a> and allows users to save designs as BioBricks. Users can select a number of bases and run tests to determine the sustainability of their designs.
-
Vestibulum gravida, turpis tempus suscipit euismod, ipsum mi
+
<p>
-
tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque
+
<br><br>
-
vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum
+
<img style="float:left; width:430px; margin:5px;" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/System/SurfacePrimer.jpg"/>
-
Donec ac sapien erat. Proin id enim sed
+
The surface application is written in C# for the Microsoft Surface. The system is accessible from the <a href="https://2011.igem.org/Team:BU_Wellesley_Software/G-nomeSurferPro">G-Nome Surfer</a> interface. Users create designs by sliding the highlight on the gene's ends and selecting the primers.  Alignment results are generated using a .jar and BLAST results are generated using the NCBI BLAST software. Both are accessed from the command line, with BLAST results being written to file and parsed out for display and alignment results being pulled from common output for further calculation for hetero-dimer and self-dimer tests. The surface application provides a streamlined, intuitive interface for learning and collaborative design.
-
dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae
+
<p>
-
mauris egestas tincidunt. Vestibulum sit amet est dolor.  
+
Optimus Primer is an environment for designing primers and saving genes as BioBricks. We have built two interfaces-a desktop GUI for independent research and design and the surface application for collaborative learning and design. Both allow users to run a number of tests on designs to determine their feasibility before saving as BioBricks.
-
<br><br><br>
+
 
-
<h5>Results:</h5>
+
<p>
-
Ut eu nunc eget ante egestas egestas at eu metus. Integer quam justo,
+
<br>
-
vehicula non sodales id, consequat vitae eros.<br>
+
-
  Aenean egestas, ipsum sed fringilla porta, erat mi facilisis lectus, quis elementum quam felis nec elit.  
+
-
+
-
  <br><br>
+
-
  <h5>Safety practices:</h5>
+
-
  Aliquam in felis sit amet eros pharetra volutpat.
+
</div>
</div>
-
 
 
-
  </div>
 
-
 
 
-
</div>
 
-
<!-- "next page" action -->
 
-
<a class="next browse right"></a>
 
-
 
-
<script>
 
-
// execute your scripts when the DOM is ready. this is mostly a good habit
 
-
$(function() {
 
-
// initialize scrollable
+
<div id="demo">
-
$(".scrollable").scrollable();
+
<h1>Demo Video</h1>
 +
<a href="https://github.com/igemsoftware/BU_Wellesley_Software_2011/tree/master/OptimusPrimer"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/download.png" width="100px"/></a>
 +
<p>
 +
<center><iframe width="425" height="349" src="http://www.youtube.com/embed/3TTSqMQZV-Q" frameborder="0" allowfullscreen></iframe></center>
 +
</div>
-
});
+
<div id="results">
-
</script>
+
<h1>Results</h1>
-
+
<p>
 +
We successfully utilized this application to design primers for amplifying the MTb gene with attached restriction sites using PCR reaction. First of all, Optimus Primer was used through Clotho interface to generate 6 forward primers and 6 reverse primers. There was no need to determine the existence of restriction sites in the amplified sequence, because Optimus Primer will put a warning sign if that ever happens. Optimus Primer also informed us the length, melting temperature or free energy for each of the generated design. Furthermore, the bottom panel at the display window would turn pink if dimerization could occur. With the instantaneous data provided by Optimus Primer, we were able to design the required primer for MTb gene amplification easily. The primer was then ordered and used in the PCR reaction to insert TB transcription factors into the characterized genetic devices.
 +
</div>
 +
<div id="futurework">
 +
<h1>Future Work</h1>
 +
<p>
 +
 +
There are many small usability issues to address within both interfaces in the future.
 +
For the surface application specifically:
 +
<ul>
 +
<li>We would like to support more than the first 40 forward and reverse base pairs as we do now
 +
<li>When performing dimerization checks we would like to also display where they fail on the primer itself.
 +
</ul>
 +
<br>
 +
In the future we also plan to explore the advantages and disadvantages between both the Surface application and the desktop GUI. These vastly different interaction techniques can greatly affect the software's effectiveness in a laboratory setting. Using our findings, we will continue to look for ways on making the best Primer Designer.
 +
 +
</div>
 +
<p><p><p>
</div><!--end bu-wellesley_wiki_content div-->
</div><!--end bu-wellesley_wiki_content div-->
</body>
</body>
</html>
</html>

Latest revision as of 20:14, 28 September 2011

BU-Wellesley iGEM Team: Optimus Primer


Optimus Primer

Tool Overview

We implemented the OptimusPrimer for the desktop and the Microsoft tabletop Surface. Both the surface application and desktop GUI allow users to create a primer design from a selected gene. Users can then can BLAST designs and run tests based on alignment and Gibb's free energy. Both applications make use of the same algorithms and allow saving as BioBricks.

The OptimusPrimer GUI is written in Java with Swing and offers an interface for independent and desktop centered design. It is designed for integration with Clotho and allows users to save designs as BioBricks. Users can select a number of bases and run tests to determine the sustainability of their designs.



The surface application is written in C# for the Microsoft Surface. The system is accessible from the G-Nome Surfer interface. Users create designs by sliding the highlight on the gene's ends and selecting the primers. Alignment results are generated using a .jar and BLAST results are generated using the NCBI BLAST software. Both are accessed from the command line, with BLAST results being written to file and parsed out for display and alignment results being pulled from common output for further calculation for hetero-dimer and self-dimer tests. The surface application provides a streamlined, intuitive interface for learning and collaborative design.

Optimus Primer is an environment for designing primers and saving genes as BioBricks. We have built two interfaces-a desktop GUI for independent research and design and the surface application for collaborative learning and design. Both allow users to run a number of tests on designs to determine their feasibility before saving as BioBricks.


Demo Video

Results

We successfully utilized this application to design primers for amplifying the MTb gene with attached restriction sites using PCR reaction. First of all, Optimus Primer was used through Clotho interface to generate 6 forward primers and 6 reverse primers. There was no need to determine the existence of restriction sites in the amplified sequence, because Optimus Primer will put a warning sign if that ever happens. Optimus Primer also informed us the length, melting temperature or free energy for each of the generated design. Furthermore, the bottom panel at the display window would turn pink if dimerization could occur. With the instantaneous data provided by Optimus Primer, we were able to design the required primer for MTb gene amplification easily. The primer was then ordered and used in the PCR reaction to insert TB transcription factors into the characterized genetic devices.

Future Work

There are many small usability issues to address within both interfaces in the future. For the surface application specifically:

  • We would like to support more than the first 40 forward and reverse base pairs as we do now
  • When performing dimerization checks we would like to also display where they fail on the primer itself.

In the future we also plan to explore the advantages and disadvantages between both the Surface application and the desktop GUI. These vastly different interaction techniques can greatly affect the software's effectiveness in a laboratory setting. Using our findings, we will continue to look for ways on making the best Primer Designer.