Team:UCSD Software/SoftwareAchievements

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 13: Line 13:
        
        
     <Style>
     <Style>
 +
 +
#topUp {
 +
margin-top: -20px;
 +
}
body{
body{
Line 134: Line 138:
*******************************/
*******************************/
.firstHeading {
.firstHeading {
-
width: 975px;  
+
width: 0px; //575px;  
margin: 0px auto;
margin: 0px auto;
padding-top: 100px;
padding-top: 100px;
Line 146: Line 150:
background-color: #003D99;//#383838;
background-color: #003D99;//#383838;
border: 0 none;
border: 0 none;
-
height: 14px; // 46 px
+
height: 1px; // 46 px
z-index: 100;
z-index: 100;
top: 0;
top: 0;
Line 222: Line 226:
font-size: 14px;  
font-size: 14px;  
color: #414141;
color: #414141;
-
width: 960px;  
+
width: 960px;//960px;  
margin-left: auto;  
margin-left: auto;  
margin-right: auto;  
margin-right: auto;  
Line 229: Line 233:
}
}
-
.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>
     </head>
     </head>
Line 368: Line 238:
<body>
<body>
-
<!--<div class="container-fluid" id="allHome">
+
         <nav class="navbar nav-justified" role="navigation" id='nav'>
-
       
+
-
 
+
-
<div class="container-fluid">-->
+
-
           
+
-
            <!--navbar -->
+
-
       
+
-
            <!--<nav class="navbar navbar-header nav-justified" role="navigation" id='nav'>
+
-
                <div class="btn-group  btn-group btn-group-justified">
+
-
                <ul class="nav navbar-nav">
+
-
                    <li><div class="btn btn-lg" id="home">Home</div></li>
+
-
                    <li><div class="btn btn-lg" id="team">Team</div></li>
+
-
 
+
-
                    <li class="dropdown">
+
-
              <div class="btn btn-lg dropdown-toggle" data-toggle="dropdown" id="project">Project <span class="caret"></span></div>
+
-
              <ul class="dropdown-menu" role="menu">
+
-
                <li id = "database"><a href = "#">Database</a></li>
+
-
                <li id = "traversal"><a href = "#">Traversal algorithms</a></li>
+
-
                <li id = "app"><a href = "#">Web application</a></li>
+
-
                <li id = "parts"><a href = "#">Parts</a></li>
+
-
                <li id = "modeling"><a href = "#">Modeling</a></li>
+
-
              </ul>
+
-
            </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="attributions">Sponsors</div></li>
+
-
                    <li><div class="btn btn-lg" id="achieve">Achievements</div></li>
+
-
                    </ul>
+
-
              </div>
+
-
             
+
-
               
+
-
               
+
-
        </nav>-->
+
-
 
+
-
         <nav class="navbar navbar-header nav-justified" role="navigation" id='nav'>
+
                 <div class="btn-group  btn-group btn-group-justified">
                 <div class="btn-group  btn-group btn-group-justified">
                     <div class="btn btn-lg " id="home">Home</div>
                     <div class="btn btn-lg " id="home">Home</div>
                     <div class="btn btn-lg " id="team">Team</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="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="notebook">Notebook</div>
                     <div class="btn btn-lg" id="safety">Safety</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="attributions">Sponsors</div>
                     <div class="btn btn-lg" id="achieve">Achievements</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>
               </div>
                  
                  
             </nav>
             </nav>
        
        
-
        <!--</div>-->
+
<div style = "background-color: #fff" id = "topUp">
-
 
+
<!--<div class = "neighborhood-guides">
-
<!--<div class = "neighborhood-guides" >
+
<div clss = "container">-->
-
        <div class = "container">-->
+
-
 
+
-
 
+
-
 
+
-
<div style = "background-color: #fff">
+
<!-- START GOLD MEDAL-->
<!-- START GOLD MEDAL-->
       <div class="row marketing" >
       <div class="row marketing" >
Line 437: Line 267:
           <h1>iGEM Gold Medal requirements</h1>
           <h1>iGEM Gold Medal requirements</h1>
<ul>
<ul>
-
<li>We did some modeling and complexity analysis work of our project. You can find details under the Modeling section of the <a href = "https://2014.igem.org/Team:UCSD_Software/Project">Project</a> page.</li>
+
<li>We did some modeling of circuits predicted by our tool, validation of search results, and complexity analysis work of our project. You can find details under the Validation section and Modeling section of the <a href = "https://2014.igem.org/Team:UCSD_Software/Project">Project</a> page. Using our tool, we were able to predict several novel circuit topologies recently published by <a href="http://www.nature.com/nbt/journal/v31/n5/pdf/nbt.2510.pdf">Piro et al</a></li>
-
<li>We re-used and improved an existing database, & developed on it (<a href = "">Linh's paper</a>). We also made use of SBOL visual (decribed in further detail under the "Web Application" section of the <a href = "https://2014.igem.org/Team:UCSD_Software/Project">Project</a> page).</li>
+
<li>We re-used and improved an existing database, & developed on it (<a href = "http://pubs.acs.org/doi/abs/10.1021/sb400139h">Linh's paper</a>). We also made use of SBOL visual (decribed in further detail under the "Web Application" section of the <a href = "https://2014.igem.org/Team:UCSD_Software/Project">Project</a> page). Furthermore, we utilize and extend the web-application architecture used by the <a href="http://cidar.bu.edu/owl/"> Owl Datasheet generator project</a> from iGEM 2013</li>
-
<li>We created an API (Joaquin & Kwat's API/Python module pydoc/Github Documentation code) that other developers can use to build on our project or use it in novel ways for their own projects.</li>
+
<li>We created a Python API for interacting with our database. The API documentation is available on the <a href = "https://2014.igem.org/Team:UCSD_Software/Documentation">Documentation</a> page as well as on <a href="https://github.com/igemsoftware/UCSD-iGEM_2014/tree/master/CircuitNetwork/web/doc">Github</a>. This way, other developers can use to build on our project or use it in novel ways for their own projects.</li>
<li>As mentioned earlier, we made use of SBOLv standard.</li>
<li>As mentioned earlier, we made use of SBOLv standard.</li>
</ul>
</ul>
Line 461: Line 291:
           <ul>
           <ul>
           <li>We've demonstrated the relevance of our project to Synthetic Biology <a href = "https://2014.igem.org/Team:UCSD_Software/Project">here</a>.</li>
           <li>We've demonstrated the relevance of our project to Synthetic Biology <a href = "https://2014.igem.org/Team:UCSD_Software/Project">here</a>.</li>
-
           <li>We have a comprehensive and well-designed <a href = "">Tutorial</a> for using our app.</li>
+
           <li>We have a comprehensive and well-designed <a href = "https://2014.igem.org/Team:UCSD_Software/Documentation">Tutorial</a> for using our app.</li>
-
          <li>We created an API (Joaquin & Kwat's API/Python module pydoc/Github Documentation code) that other developers can use to build on our project or use it in novel ways for their own projects.</li>
+
<li>We created a Python API for interacting with our database. The API documentation is available on the <a href = "https://2014.igem.org/Team:UCSD_Software/Documentation">Documentation</a> page as well as on <a href="https://github.com/igemsoftware/UCSD-iGEM_2014/tree/master/CircuitNetwork/web/doc">Github</a>. This way, other developers can use to build on our project or use it in novel ways for their own projects.</li>
-
           <li>We used QUnit, a JavaScript unit testing framework, for some of our work during the summer.</li>
+
           <li>We used QUnit, a JavaScript unit testing framework, for some of our work during the summer. In addition, we utilized a number of realistic test cases (pulled from published literature to validate our tool during development. <a href = "https://2014.igem.org/Team:UCSD_Software/Documentation">Look here</a></li>
           </ul>
           </ul>
         </div>     
         </div>     
Line 489: Line 319:
       <!-- END BRONZE MEDAL-->
       <!-- END BRONZE MEDAL-->
</div>
</div>
-
 
-
<!--</div>
 
-
</div>-->
 
<script>
<script>
$(document).ready(function(){
$(document).ready(function(){
Line 525: Line 352:
     $("#attributions").click(function(){
     $("#attributions").click(function(){
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Attributions";  
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Attributions";  
 +
    });
 +
 +
    $("#doc").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Documentation";
     });
     });
      
      
Line 530: Line 361:
</script>
</script>
</body>
</body>
 +
</html>

Latest revision as of 03:27, 18 October 2014


iGEM Gold Medal requirements

  • We did some modeling of circuits predicted by our tool, validation of search results, and complexity analysis work of our project. You can find details under the Validation section and Modeling section of the Project page. Using our tool, we were able to predict several novel circuit topologies recently published by Piro et al
  • We re-used and improved an existing database, & developed on it (Linh's paper). We also made use of SBOL visual (decribed in further detail under the "Web Application" section of the Project page). Furthermore, we utilize and extend the web-application architecture used by the Owl Datasheet generator project from iGEM 2013
  • We created a Python API for interacting with our database. The API documentation is available on the Documentation page as well as on Github. This way, other developers can use to build on our project or use it in novel ways for their own projects.
  • As mentioned earlier, we made use of SBOLv standard.

iGEM Silver Medal requirements

  • We've demonstrated the relevance of our project to Synthetic Biology here.
  • We have a comprehensive and well-designed Tutorial for using our app.
  • We created a Python API for interacting with our database. The API documentation is available on the Documentation page as well as on Github. This way, other developers can use to build on our project or use it in novel ways for their own projects.
  • We used QUnit, a JavaScript unit testing framework, for some of our work during the summer. In addition, we utilized a number of realistic test cases (pulled from published literature to validate our tool during development. Look here

iGEM Bronze Medal requirements

  • Our team is all registered and ready to go! We're all immensely excited to represent UC San Diego at Boston.
  • We've created a project description for our application here.
  • Find us ready with a Poster to talk about SBiDer at the Regional Jamboree and World Championship Jamboree, 2014.
  • Our code is well-documented and available via The iGEM Software Registry on GitHub.