Difference between revisions of "Team:Edinburgh UG/Software"

Line 1: Line 1:
 +
{{EdigemUG16_Home}}
 +
<html>
 +
 
{{EdigemUG16_Home}}
 
{{EdigemUG16_Home}}
 
<html>
 
<html>
Line 8: Line 11:
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
 
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
−
 
+
<link rel="stylesheet" href="http://cdn.jsdelivr.net/jquery.slick/1.5.7/slick.css">
 +
<script src="http://cdn.jsdelivr.net/jquery.slick/1.5.7/slick.min.js"></script>
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
     </head>
 
     </head>
 +
 +
    <style type="text/css">
 +
 +
    #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear
 +
 +
    {
 +
 +
    display:  none;
 +
 +
    }
 +
 +
    #top_menu_under
 +
    {
 +
    height: 0;
 +
    }
 +
 +
    #top-section {
 +
    height: 0px;
 +
    border-top: 0;
 +
    border-left: none;
 +
    border-right: none;
 +
    }
 +
      #globalWrapper
 +
        {
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: #ffffff;
 +
        margin: 0px;
 +
        padding: 0px;
 +
        font-size: 100%
 +
        }
 +
 +
        #content
 +
        {
 +
          width: 100%;
 +
          height: 100%;
 +
          margin-left: auto;
 +
          margin-right: auto;
 +
          background-color: #ffffff;
 +
          padding: 0px;
 +
          font-size: 100%;
 +
        }
 +
 +
 +
 +
    .image-bg-fluid-height,
 +
    .image-bg-fixed-height {
 +
        text-align: center;
 +
        -webkit-background-size: cover;
 +
        -moz-background-size: cover;
 +
        background-size: cover;
 +
        -o-background-size: cover;
 +
    }
 +
 +
    .image-bg-fluid-height {
 +
    background: url('https://static.igem.org/mediawiki/2016/1/15/Edinburgh2_front_page.jpeg');
 +
      padding: 450px 0;
 +
    }
 +
 +
    .image-bg-fixed-height {
 +
    background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;
 +
        height: 450px;
 +
    }
 +
 +
    .img-center {
 +
      position: absolute;
 +
    margin: auto;
 +
    top: 125px;
 +
    left: 400px;
 +
    right: 0px;
 +
}
 +
 +
    }
 +
 +
    section {
 +
        padding: 75px 0;
 +
    }
 +
 +
    .section-heading {
 +
        margin: 30px 0;
 +
        font-size: 4em;
 +
    }
 +
 +
    .section-lead {
 +
        margin: 30px 0;
 +
    }
 +
 +
    .section-paragraph {
 +
        margin: 30px 0;
 +
    }
 +
 +
    .header-image {
 +
        display: block;
 +
        width: 100%;
 +
        text-align: center;
 +
 +
        -webkit-background-size: cover;
 +
        -moz-background-size: cover;
 +
        background-size: cover;
 +
        -o-background-size: cover;
 +
    }
 +
 +
    .headline {
 +
        padding: 120px 0;
 +
    }
 +
 +
    @media(max-width:768px) {
 +
        .container {
 +
            margin: 0 15px;
 +
        }
 +
      }
 +
 +
    p1 {
 +
    text-align: center;
 +
    font-size: 200%;
 +
    }
 +
 +
</style>
 +
 +
<script>
 +
  $(function(){
 +
$('.your-class').slick({arrows:false});
 +
    $('#next').click(function(){
 +
    $('.your-class').slick('slickNext');
 +
    });
 +
    $('#prev').click(function(){
 +
    $('.your-class').slick('slickPrev');
 +
    });
 +
});
 +
</script>
 +
 +
    <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
 +
        <div class= "container-fluid">
 +
          <!-- Navigation -->
 +
          <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
              <div class="container">
 +
                  <!-- Brand and toggle get grouped for better mobile display -->
 +
                  <div class="navbar-header">
 +
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
                          <span class="sr-only">Toggle navigation</span>
 +
                          <span class="icon-bar"></span>
 +
                          <span class="icon-bar"></span>
 +
                          <span class="icon-bar"></span>
 +
                      </button>
 +
                      <a class="navbar-brand" href="#">
 +
                          <img src="https://static.igem.org/mediawiki/2016/9/92/Edinburgh_logo2_MINI.png" alt="">
 +
                      </a>
 +
                  </div>
 +
                  <!-- Collect the nav links, forms, and other content for toggling -->
 +
                  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
                      <ul class="nav navbar-nav">
 +
                          <li>
 +
                              <a href="https://2016.igem.org/Team:Edinburgh_UG">Home</a>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Team">Team</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Attribution">Attribution</a></li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Silver">Silver</a> </li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Gold">Gold</a> </li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Integrated_Practices">Integrated Practices</a> </li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Engagement">Engagement</a> </li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Description</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Design">Design</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Proof">Proof of Concept</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Demonstrate">Demonstrate</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Notebook">Notebook</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Babbled2.0">Babbled2.0</a></li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Informatics<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Lexicon_Encoding">Lexicon Encoding</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Error_Correction">Error Correction</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Encryption">Encryption</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Files">Files</a></li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Basic_Part">Basic Parts</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Composite_Part">Composite Parts</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Part_Collection">Part Collection</a> </li>
 +
                            </ul>
 +
                          </li>
 +
                          <li>
 +
                              <a href="#">Collaboration</a>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Entrepreneurship">Entrepreneurship</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Software">Software</a> </li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Safety<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Safety">Lab Safety</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Biological Safety">Biological Safety</a></li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Interlab<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Plate_Reader">Plate Reader</a></li>
 +
                            </ul>
 +
                          </li>
 +
                      </ul>
 +
                  </div>
 +
                  <!-- /.navbar-collapse -->
 +
              </div>
 +
              <!-- /.container -->
 +
          </nav>
 +
        </div>
 +
    </div>
 +
 +
 +
    <!-- End of menu  -->
  
 
  <header class="image-bg-fluid-height">
 
  <header class="image-bg-fluid-height">

Revision as of 12:47, 15 October 2016

{{EdigemUG16_Home}}

To create BabblED, we needed to rapidly design and process the information in a lexicon of over 2000 BabbleBricks. This would have been a practically impossible task without a novel computational approach. In order to make BabblED accessible our software needed to be open source (our code can be found on githubor on our dedicated wiki page), have an easy to use and elegant user interface and run under reasonable time constraints (it's possible to encode entire lexicons practically instantly). In addition, to the easy and fast encoding and decoding of our BabbleBricks we needed to automate our unique DNA error correction system; adapting a number of computer science techniques to new and creative applications in DNA storage. Finally, with data security an ever growing concern we implemented a highly secure DNA encryption system to safeguard against unauthorised access.

To read more about how the BabblED software works behind the scenes check out our pages on lexicon encoding, error correction and encryption

Contact Us

edinburgh.igem2016@gmail.com