Team:UCSD Software

From 2014.igem.org

(Difference between revisions)
 
(176 intermediate revisions not shown)
Line 13: Line 13:
          
          
     <Style>
     <Style>
-
 
+
#avant{
 +
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
 +
}
body{
body{
     background-color: #0174DF;
     background-color: #0174DF;
      
      
}
}
-
#nav{
+
* {
-
    background-color: #333;//rgba(0,0,0,0.5);
+
  .border-radius(0) !important;
-
    color: white;
+
}
-
    //border: 1px solid white;
+
h2, h1 {
-
    padding: 1px;
+
border-bottom: 0px solid #57c4d0;
-
  box-sizing: border-box;    
+
}
}
Line 35: Line 36:
}
}
-
#nav .btn:hover{
 
-
    color: white;
 
-
  background-color: rgba(204,204,204,0.5);
 
-
 
 
-
}
 
-
#nav .btn:active{
 
-
    color: white;
 
-
  background-color: rgba(204,204,204,0.5);
 
-
}
 
#thumbnail-preview-indicators {
#thumbnail-preview-indicators {
   position: relative;
   position: relative;
 +
  margin-top: -20px;
   overflow: hidden;
   overflow: hidden;
}
}
Line 57: Line 50:
   background-position: center center;
   background-position: center center;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
 +
 
 +
 +
}
}
     #thumbnail-preview-indicators,
     #thumbnail-preview-indicators,
Line 66: Line 62:
     }
     }
#thumbnail-preview-indicators .slides .slide-1 {
#thumbnail-preview-indicators .slides .slide-1 {
-
   background-image: url(https://s3.amazonaws.com/ooomf-com-files/wdXqHcTwSTmLuKOGz92L_Landscape.jpg);  
+
   background-image: url(http://www.desktopaper.com/wp-content/uploads/creative-lajolla-web.jpg);
 +
 
}
}
#thumbnail-preview-indicators .slides .slide-2 {
#thumbnail-preview-indicators .slides .slide-2 {
-
  background-image: url(https://s3.amazonaws.com/ooomf-com-files/tU3ptNgGSP6U2fE67Gvy_SYDNEY-162.jpg);
+
    background-image: url(http://i.imgur.com/N40l0eb.png?1);
}
}
#thumbnail-preview-indicators .slides .slide-3 {
#thumbnail-preview-indicators .slides .slide-3 {
-
   background-image: url(https://s3.amazonaws.com/ooomf-com-files/mtNrf7oxS4uSxTzMBWfQ_DSC_0043.jpg);
+
   background-image: url(http://i.imgur.com/EfXmCOj.jpg?1);//(http://i.imgur.com/iokYtgR.jpg);
}
}
#thumbnail-preview-indicators .carousel-inner .item .carousel-caption {
#thumbnail-preview-indicators .carousel-inner .item .carousel-caption {
Line 144: Line 141:
margin: 0px auto;
margin: 0px auto;
padding-top: 100px;
padding-top: 100px;
-
margin-bottom: 20px;
+
margin-bottom: 0px;
font-family: Georgia, Times, "Times New Roman", serif;  
font-family: Georgia, Times, "Times New Roman", serif;  
}
}
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
background-color: #383838;
+
background-color: #003D99;//#383838;
border: 0 none;
border: 0 none;
-
height: 14px;
+
height: 1px; // 46 px
z-index: 100;
z-index: 100;
top: 0;
top: 0;
-
position: fixed;
+
        color: #fff;
-
width: 975px;  
+
        //display: none;
 +
position: static;
 +
width: 100%;//1000px;//2975px;  
left: 50%;  
left: 50%;  
-
margin-left: -487px;
+
margin-left: -480px;//-687px;
}
}
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
background-color: #383838;
+
background-color: #333;
-
height: 14px;
+
height: 1px; //DEFAULT 14 PX
-
display: block;
+
//display: none;//block;
 +
        color: #fff;
z-index: 10;
z-index: 10;
position: fixed;
position: fixed;
Line 171: Line 172:
top: 0;
top: 0;
}
}
 +
 +
 +
 +
/*#top-section {
 +
background-color: #333;//#383838;
 +
border: 0 none;
 +
height: 46px; // DEFAULT 14 px
 +
z-index: 100;
 +
top: 0;
 +
        //display: none;
 +
position: fixed;
 +
width: 2975px;
 +
left: 50%;
 +
margin-left: -687px;
 +
}
 +
 +
#top-section-bar {
 +
background-color: #333;
 +
height: 1px; //DEFAULT 14 PX
 +
display: none;//block;
 +
       
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}*/
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
Line 192: Line 219:
width: 100%;  
width: 100%;  
height: 100%;  
height: 100%;  
-
background-color: transparent;
+
background-color: #003D99;//#5C8AE6;//#003D99;//transparent;
}
}
Line 207: Line 234:
}
}
-
.sidemenu, .sidemenu li {
 
-
list-style-type: none;
 
-
list-style-image: none;
 
-
font-family: verdana;
 
-
text-decoration: none;
 
-
color:#000;
 
-
font-size: 14px;
 
-
}
 
-
.sidemenu li {display: block;}
 
-
 
-
.sidemenu a {
 
-
text-decoration:none;
 
-
color: #000;
 
-
display: block;
 
-
width: 180px;
 
-
height: 100%;
 
-
padding: 3px 5px;
 
-
transition: .25s ease-in-out;
 
-
-moz-transition: .25s ease-in-out;
 
-
-webkit-transition: .25s ease-in-out;
 
-
}
 
-
 
-
.sidemenu a.greyout { color: #909090; }
 
-
 
-
.sidemenu a:hover {
 
-
color:#666;
 
-
background-color: #d9f5aa;
 
-
}
 
-
 
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 
-
.sub-sidemenu a {color: #666;}
 
-
 
-
div.underconst
 
-
{
 
-
padding:10px;
 
-
border-radius:5px;
 
-
background-color:pink;
 
-
text-align:center;
 
-
}
 
-
 
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 
-
 
-
.contentpara {margin-bottom: 30px;}
 
-
 
-
span.email{font-family: monospace; font-weight: normal;}
 
-
 
-
fieldset {border: 1px solid #337f53;}
 
-
 
-
.greyout {color: #A0A0A0;}
 
-
.highlightme {background-color: #FFFF00;}
 
-
 
-
#alertContainer { margin-bottom: 10px; width: 936px;}
 
-
#annContainer {margin-left: 8px;}
 
-
#newsContainer {border: 1px solid #ccc;}
 
-
 
-
.newsTitle {
 
-
display: block;
 
-
color: #414141;
 
-
font-size: 25px; 
 
-
        font-family: Georgia, Times, "Times New Roman", serif;
 
-
padding: 10px 15px 5px 10px;
 
-
border-bottom: 1px solid #ccc;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem {
 
-
border-bottom: 1px solid #ccc;
 
-
display: block;
 
-
padding: 5px 15px 0px 10px;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem h3 {
 
-
width: auto;
 
-
display: inline;
 
-
font-size: 14px;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
padding: 0px;
 
-
margin: 0px;
 
-
}
 
-
 
-
.newsItem img {
 
-
float: right;
 
-
clear: right;
 
-
width: 80px;
 
-
padding-left: 15px;
 
-
display: inline-block;
 
-
}
 
-
 
-
.newsItem .newsDate {
 
-
font-style: italic;
 
-
font-size: 14px;
 
-
display: inline-block;
 
-
color: #999;
 
-
float: right;
 
-
padding: 0px 0px 10px 15px;
 
-
}
 
-
 
-
.newsItem p, .newsItem ul, .newsItem li {
 
-
padding: 0px;
 
-
margin-left: 20px;
 
-
font-size: 12px;
 
-
line-height: 1.2;
 
-
}
 
-
 
-
.newsItem p {margin-top: 10px;}
 
-
 
-
.annItem {
 
-
border: 2px solid #414141;
 
-
display: block;
 
-
padding: 0px 15px 10px 10px;
 
-
margin-bottom: 18px;
 
-
position: relative;
 
-
height: 160px;
 
-
vertical-align: middle;
 
-
}
 
-
 
-
.annItem .annCentered {
 
-
display: table-cell;
 
-
vertical-align: middle;
 
-
height: 160px;
 
-
}
 
-
 
-
.annCentered h3 {
 
-
padding: 0px;
 
-
display: block;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
text-align: center;
 
-
}
 
-
 
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
-
.annItem li {list-style: none; margin: 5px}
 
</style>
</style>
Line 349: Line 243:
<body>
<body>
-
<div class="container-fluid" id="allHome">
+
<div style="background-color:#fff">
-
          
+
<!--<div class="container-fluid" id="allHome">-->
-
 
+
         <!--<div class = "nav nav-justified " role = "navigation">-->
-
  <div class="container-fluid">
+
  <!-- UNCOMMENT TO REMOVE FULL WIDTH NAV BAR <div class="container-fluid"> -->
              
              
             <!--navbar -->  
             <!--navbar -->  
          
          
-
             <nav class="navbar navbar-header nav-justified" role="navigation" id='nav'>
+
             <!--<nav class="navbar nav-justified" role="navigation" id='nav'>
                 <div class="btn-group  btn-group btn-group-justified">
                 <div class="btn-group  btn-group btn-group-justified">
                 <ul class="nav  navbar-nav" role="navigation" id='nav'>
                 <ul class="nav  navbar-nav" role="navigation" id='nav'>
Line 365: Line 259:
               <div class="btn btn-lg dropdown-toggle" data-toggle="dropdown" id="project">Project <span class="caret"></span></div>
               <div class="btn btn-lg dropdown-toggle" data-toggle="dropdown" id="project">Project <span class="caret"></span></div>
               <ul class="dropdown-menu" role="menu">
               <ul class="dropdown-menu" role="menu">
-
                 <li id = "database">Database</a></li>
+
                 <li id = "database"><a href = "#">Database</a></li>
-
                 <li id = "traversal">Traversal algorithms</a></li>
+
                 <li id = "traversal"><a href = "#">Traversal algorithms</a></li>
-
                 <li id = "app">Web application</a></li>
+
                 <li id = "app"><a href = "#">Web application</a></li>
-
                 <li id = "parts">Parts</a></li>
+
                 <li id = "parts"><a href = "#">Parts</a></li>
-
                 <li id = "modeling">Modeling</a></li>
+
                 <li id = "modeling"><a href = "#">Modeling</a></li>
               </ul>
               </ul>
             </li>
             </li>
-
                     </ul>
+
                      
-
                     <ul class="nav  navbar-nav" role="navigation" id='nav'>
+
                      
                     <li><div class="btn btn-lg" id="notebook">Notebook</div></li>
                     <li><div class="btn btn-lg" id="notebook">Notebook</div></li>
                     <li><div class="btn btn-lg" id="safety">Safety</div></li>
                     <li><div class="btn btn-lg" id="safety">Safety</div></li>
                     <li><div class="btn btn-lg" id="achieve">Software Achievements</div></li>
                     <li><div class="btn btn-lg" id="achieve">Software Achievements</div></li>
                     <li><div class="btn btn-lg" id="attributions">Attributions</div></li>
                     <li><div class="btn btn-lg" id="attributions">Attributions</div></li>
 +
                    <li><div class="btn btn-lg" id="test">Tester</div></li>
                     </ul>
                     </ul>
 +
                   
               </div>
               </div>
                
                
                  
                  
                  
                  
-
         </nav>
+
         </nav>-->
 +
        <!-- FOR IMAGE! LOGOS IGEM & UCSD --><!--<nav class="navbar nav-justified" role="navigation" id='nav'>
 +
                <div class="btn-group  btn-group btn-group-justified" >
 +
                <div class="btn btn-lg " id="avant">UC San Diego</div>-->
 +
                <!--<font size = 4px>UC San Diego</font>-->
 +
 
 +
              <!--<div class="btn-group  btn-group btn-group-justified">
 +
                <img src = "http://i.imgur.com/mGHw11P.png?1">
 +
              </div>
 +
                </div>
 +
          </nav>-->
 +
        <nav class="navbar nav-justified" role="navigation" id='nav'>
 +
                <div class="btn-group  btn-group btn-group-justified">
 +
                    <div class="btn btn-lg " id="home">Home</div>
 +
                    <div class="btn btn-lg " id="team">Team</div>
 +
                    <div class="btn btn-lg " id="project">Project</div>
 +
                    <div class="btn btn-lg " id="doc">Documentation</div>
 +
                    <div class="btn btn-lg" id="notebook">Notebook</div>
 +
                    <div class="btn btn-lg" id="safety">Safety</div>
 +
                    <div class="btn btn-lg" id="attributions">Sponsors</div>
 +
                    <div class="btn btn-lg" id="achieve">Achievements</div>
 +
                    <div class="btn btn-lg" id="logo"><a href = "https://igem.org/Main_Page"><img src = "http://i.imgur.com/mGHw11P.png?1"></a></div>
 +
                   
 +
              </div>
 +
               
 +
            </nav>
        
        
-
         </div>
+
         <!-- container fluid END </div> -->
-
 
+
<!--slider-->
<!--slider-->
-
<!--<div id="thumbnail-preview-indicators" class="carousel slide" data-ride="carousel">
+
<div id="thumbnail-preview-indicators" class="carousel slide" data-ride="carousel">
            
            
-
           <ol class="carousel-indicators">
+
           <!--<ol class="carousel-indicators">
             <li data-target="#thumbnail-preview-indicators" data-slide-to="0" class="active">
             <li data-target="#thumbnail-preview-indicators" data-slide-to="0" class="active">
               <div class="thumbnail">
               <div class="thumbnail">
-
                 <img class="img-responsive" src="">
+
                 <img class="img-responsive" src="http://www.desktopaper.com/wp-content/uploads/creative-lajolla-web.jpg">
               </div>
               </div>
             </li>
             </li>
             <li data-target="#thumbnail-preview-indicators" data-slide-to="1">
             <li data-target="#thumbnail-preview-indicators" data-slide-to="1">
             <div class="thumbnail">
             <div class="thumbnail">
-
                 <img class="img-responsive" src="">
+
                 <img class="img-responsive" src="http://i.imgur.com/iokYtgR.jpg">
               </div>
               </div>
             </li>
             </li>
             <li data-target="#thumbnail-preview-indicators" data-slide-to="2">
             <li data-target="#thumbnail-preview-indicators" data-slide-to="2">
             <div class="thumbnail">
             <div class="thumbnail">
-
                 <img class="img-responsive" src="">
+
                 <img class="img-responsive" src="http://i.imgur.com/N40l0eb.png?1">
               </div>
               </div>
             </li>
             </li>
-
           </ol>
+
           </ol>-->
           <div class="carousel-inner">
           <div class="carousel-inner">
             <div class="item slides active">
             <div class="item slides active">
Line 413: Line 334:
               <div class="container">
               <div class="container">
                 <div class="carousel-caption">
                 <div class="carousel-caption">
-
                   <h1>SBiDer</h1>
+
                   <h1><font color = "gold">UC San Diego Tritons</font></h1>
-
                   <p>Our site</p>
+
                   <p><a class="btn btn-lg btn-primary" href="https://2014.igem.org/Team:UCSD_Software/Teaml" role="button">The Team</a></p>
-
               
+
                 </div>
                 </div>
               </div>
               </div>
             </div>
             </div>
 +
             <div class="item slides">
             <div class="item slides">
               <div class="slide-2"></div>
               <div class="slide-2"></div>
               <div class="container">
               <div class="container">
                 <div class="carousel-caption">
                 <div class="carousel-caption">
-
                   <h1>Another example headline.</h1>
+
                   <h1><font color = "#000000">SBiDer</font></h1>  
-
                  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
+
                   <p><a class="btn btn-lg btn-primary" href="#" role="button">Take me to the app!</a></p>          
-
                   <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
+
                 </div>
                 </div>
               </div>
               </div>
Line 433: Line 353:
               <div class="container">
               <div class="container">
                 <div class="carousel-caption">
                 <div class="carousel-caption">
-
                   <h1>One more for good measure.</h1>
+
                   <br><br><h1><font color = "gold">The Notebook</font></h1>
-
                  <p>Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
                   <p><a class="btn btn-lg btn-primary" href="https://2014.igem.org/Team:UCSD_Software/Notebook" role="button">View the Notebook</a></p>
-
                   <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
+
                 </div>
                 </div>
               </div>
               </div>
Line 448: Line 367:
<!--slider end-->
<!--slider end-->
 +
<!-- TUTORIAL & LAUNCH START -->
 +
<div class="row" id="extraInfo" style="background-color:#fff">
 +
          <div class="col-md-4" id="btmOne">
 +
              <div class="thumbnail text-center" id="thumbOne">
 +
                  <h1>Tutorial</h1>
 +
                  <span class="glyphicon glyphicon-question-sign"></span>
 +
                 
 +
               
 +
              </div>
 +
              </div>
 +
               
 +
              <div class="col-md-4 ">
 +
           
 +
              <div class="thumbnail text-center" id="thumbTwo">
 +
                  <h1>Explore our Code</h1>
 +
                  <span class="glyphicon glyphicon-search"></span>
 +
                 
 +
              </div>
 +
              </div>
 +
 +
 
 +
              <div class="col-md-4">
 +
             
 +
              <div class="thumbnail text-center" id="thumbThree">
 +
                  <H1>Launch!</h1>
 +
                  <span class="glyphicon glyphicon-circle-arrow-right"></span>
 +
              </div>
 +
              </div>
 +
       
 +
            </div>
 +
         
 +
 +
<!-- TUTORIAL & LAUNCH END -->
<div class = "neighborhood-guides">
<div class = "neighborhood-guides">
         <div class = "container">
         <div class = "container">
-
<h1>SBiDer: Synthetic Biocircuit Developer <p class = "pull-right"><img src = "https://raw.githubusercontent.com/igemsoftware/UCSD-iGEM_2014/Valeriy/CircuitNetwork/web/ProfilePics/igemlogo.png" height = 100px width = 100px></p></h1>
+
<!-- https://raw.githubusercontent.com/igemsoftware/UCSD-iGEM_2014/Valeriy/CircuitNetwork/web/ProfilePics/igemlogo.png -->
 +
<h1>SBiDer: Synthetic Biocircuit Developer <p class = "pull-right"><a href = "https://igem.org/About"><img src = "http://i.imgur.com/Ch9fpo8.png?1" height = 100px width = 100px></a></p></h1>
<h3>Abstract</h3>
<h3>Abstract</h3>
<p>
<p>
-
Genetic circuits are often difficult to engineer, requiring months to design, build, and test each individual genetic device involved in the circuit. SBiDer, a web tool developed by the UCSD Software iGEM team, will leverage existing devices to construct a database with consideration for the function of each device interpreted as boolean logic. The data can be queried by the user through SBiDer's visual interface to explore circuit designs. The displayed circuit's literature reference, characterization data, and images of included devices can be viewed through the built-in table. Basic validation of the circuit performance is also provided within in the interface. SBiDer's web of information can be expanded through user-generated additions to the database to improve the efficiency of the application and the accuracy of the models.
+
Genetic circuits are often difficult to engineer, requiring months to design, build, and test each individual genetic device involved in the circuit. SBiDer, a web tool developed by the UCSD Software iGEM team, will leverage existing devices to construct a database with consideration for the function of each device interpreted as boolean logic. The data can be queried by the user through SBiDer's visual interface to explore circuit designs. Users can search for existing circuits that can be used to assemble a complex circuit. The displayed circuit's literature reference, characterization data, and images of included devices can be viewed through the built-in table. We also provide a standalone modelling Python package that can be used to model circuits given by our online webtool. SBiDer's web of information can be expanded through user-generated additions to the database to improve the efficiency of the application and the accuracy of the models. <br>
<p>
<p>
Line 491: Line 444:
</div>
</div>
</div>
</div>
-
 
+
</div>
<script>
<script>
$(document).ready(function(){
$(document).ready(function(){
Line 503: Line 456:
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Database";  
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Database";  
     });   
     });   
 +
 +
    $("#test").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Test";
 +
    });
 +
 +
    $("#thumbThree").click(function(){
 +
      window.location.href="http://glassome.ucsd.edu:8080/CircuitNetwork/";
 +
    });
 +
    $("#thumbTwo").click(function(){
 +
      window.location.href=" https://github.com/igemsoftware/UCSD-iGEM_2014";
 +
    });
 +
 +
    $("#thumbOne").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Documentation";
 +
    });
      
      
     $("#database").click(function(){
     $("#database").click(function(){
Line 520: Line 488:
     });   
     });   
 +
    $("#doc").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Documentation";
 +
    });   
 +
 
     $("#traversal").click(function(){
     $("#traversal").click(function(){
Line 531: Line 503:
       window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software";  
       window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software";  
     });
     });
-
     /*$("#project").click(function(){
+
     $("#project").click(function(){
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Project";  
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Project";  
-
     });*/
+
     });
      
      
     $("#notebook").click(function(){
     $("#notebook").click(function(){

Latest revision as of 03:05, 18 October 2014


Tutorial

Explore our Code

Launch!

SBiDer: Synthetic Biocircuit Developer

Abstract

Genetic circuits are often difficult to engineer, requiring months to design, build, and test each individual genetic device involved in the circuit. SBiDer, a web tool developed by the UCSD Software iGEM team, will leverage existing devices to construct a database with consideration for the function of each device interpreted as boolean logic. The data can be queried by the user through SBiDer's visual interface to explore circuit designs. Users can search for existing circuits that can be used to assemble a complex circuit. The displayed circuit's literature reference, characterization data, and images of included devices can be viewed through the built-in table. We also provide a standalone modelling Python package that can be used to model circuits given by our online webtool. SBiDer's web of information can be expanded through user-generated additions to the database to improve the efficiency of the application and the accuracy of the models.

Project Description

Problem Statement

Synthetic genetic circuits created by synthetic biologists have yielded exciting applications such as biofuels production and cancer killing bacteria. These circuits are often difficult to engineer, requiring months to design, build, and test each individual genetic device involved in the circuit. Although there are many genetic devices that have been built, re-using these devices often requires a time-consuming review of the literature. The UCSD Software iGEM team will address this challenge by creating a web-tool that leverages existing genetic devices to create complex genetic circuits. We will accomplish this by:

  1. building a comprehensive database that captures the behavior, composition, and interactions of existing genetic devices in the literature
  2. constructing and visualizing the network of all synthetic genetic circuits that can interact with one another
  3. devising algorithms to search this network for the set of genetic devices that can be used to construct a complex genetic circuit.
  4. Perform some basic validation via kinetic modelling.

Aim 1 - Building a Database

We will mine the scientific literature for existing genetic devices and then construct a database that captures device characteristics such as:

  1. composition of devices
  2. function
  3. characterization data
  4. literature reference
We will design our database by rigorously constructing an entity relationship diagram and then normalizing these relationships to construct tables for a relational database.

Aim 2 - Constructing Network of Interacting Devices

We will connect known genetic devices together via device input and outputs to create a network of devices that can interact. We define a genetic device as a DNA construct transformed into cells that can cause expression of some protein in response to stimuli (or input). We will develop a web interface to facilitate access to the complex network that we have constructed. Our Web interface makes extensive use of Cytoscape, an open source bioinformatics software package for metabolic network visualization and simulation. In addition, the interface will generate SBOL Visual Images, a standard language that is easily understood by synthetic biologists all over the world. Users can also update our database with additional devices through this interface. Using the Cynetshare framework, users can share their circuit designs

Aim 3 - Searching the Network

This interface will allow researchers to query our database network for a circuit design expressed as logical operators such as “AND”, “OR”, and “NOR”, and retrieve the subnetwork of genetic devices that satisfies the circuit design. To Perform our search we modified several traditional graph search algorithms to traverse this graph, including but not limited to Prim’s algorithm (minimum spanning tree), Dijkstra’s algorithm and a breadth-first search. Results are visualized graphically in our web interface.