Difference between revisions of "Team:NRP-UEA-Norwich/Modeling/Glyco2D"

(Blanked the page)
 
(37 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<html>
 
<head>
 
<title>House of Carbs</title>
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
        <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrapcss?action=raw&amp;ctype=text/css" type="text/css">
 
        <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/mobilecss?action=raw&amp;ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/stylecss?action=raw&amp;ctype=text/css" type="text/css">
 
        <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/fancyboxcss?action=raw&amp;ctype=text/css" type="text/css">
 
        <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrap_js?action=raw&ctype=text/javascript"></script>
 
        <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/fancyboxjs?action=raw&ctype=text/javascript"></script>
 
  
        <!--[if lt IE 7]>
 
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
 
        <![endif]-->
 
 
        <!--[if lt IE 8]>
 
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
 
        <![endif]-->
 
       
 
        <!--[if lt IE 9]>
 
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 
        <![endif]-->
 
</head>
 
<body>
 
<header class="header" >
 
        <div class="container">
 
            <div class="row">
 
           
 
                <nav class="navbar navbar-default " role="navigation" data-offset-top="600">
 
                  <div class="navbar-inner"> 
 
                         
 
                    <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 href="/Team:NRP-UEA-Norwich" class="navbar-brand hidden-lg hidden-md hidden-sm" ><img src="https://static.igem.org/mediawiki/2015/d/d0/TeamNRP-UEA-Norwich-HoC-Logo-White.png" class="img-responsive"></a>
 
   
 
                    </div>
 
                       
 
                       
 
                            <div class="collapse navbar-collapse  " id="bs-example-navbar-collapse-1">
 
                                <ul class="nav navbar-nav  " id="nav">
 
                                <li><a href="/Team:NRP-UEA-Norwich"  class="logo"><img src="https://static.igem.org/mediawiki/2015/d/d0/TeamNRP-UEA-Norwich-HoC-Logo-White.png" class="img-responsive"></a></li>
 
                                    <li  ><a href="/Team:NRP-UEA-Norwich">Home</a></li>
 
                                    <li  ><a href="/Team:NRP-UEA-Norwich/Team">Team</a></li>
 
                                      <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle"  data-toggle="dropdown">Project</a>
 
                                      <ul class="dropdown-menu">
 
                                        <li ><a href="/Team:NRP-UEA-Norwich/Project">Background</a></li>
 
                                        <li ><a href="/Team:NRP-UEA-Norwich/Approach">Approach</a></li>
 
                                        <li ><a href="/Team:NRP-UEA-Norwich/Results">Results</a></li>
 
                                        <li ><a href="/Team:NRP-UEA-Norwich/Parts">Parts</a></li>
 
                                        <li ><a href="/Team:NRP-UEA-Norwich/Protocols">Protocols</a></li>
 
                                        <li ><a href="/Team:NRP-UEA-Norwich/Notebook">Timeline</a></li>                                 
 
                                      </ul>
 
                                    <li class="dropdown " id="dropdown"><a href="/Team:NRP-UEA-Norwich/Modeling" class="dropdown-toggle">Modelling</a>
 
                                      <ul class="dropdown-menu">
 
                                        <li ><a href="/Team:NRP-UEA-Norwich/Modeling/Glyco2D">Glyco2D</a></li>
 
                                        <li ><a href="/Team:NRP-UEA-Norwich/Modeling/Simulation">Acylation Simulation</a></li>
 
                                        <li ><a href="/Team:NRP-UEA-Norwich/Modeling/3D">3D Models</a></li>
 
                                        <li ><a href="/Team:NRP-UEA-Norwich/Modeling/Kinetic">Kinetic Model</a></li>                                 
 
                                      </ul>
 
                                  </li>   
 
                                  </li>
 
                                    <li  ><a href="/Team:NRP-UEA-Norwich/Attributions">Attributions</a></li>
 
                                    <li  ><a href="/Team:NRP-UEA-Norwich/Practices">Practices</a></li>
 
                                    <li  ><a href="/Team:NRP-UEA-Norwich/Collaborations">Collaborations</a></li>                                   
 
                                    </li>
 
                     
 
                                  </li>
 
 
                                </ul>
 
                               
 
                           
 
                          </div>
 
                </div>       
 
                </nav>
 
           
 
            </div>
 
               
 
                   
 
   
 
        </div>
 
 
    </header>
 
 
        <div class="clearfix"></div>
 
      <!-- start project section -->
 
    <section id="project" style="padding:50px 0px 15px;">
 
   
 
    <div class="container">
 
    <div class="row">
 
    <div class="col-md-6 left">
 
    <h1 class="title1">Glyco2D</h2>
 
    <div class="space30"></div>
 
    <p class="space20">
 
We built Glyco2D based on the mathematical model described by Meléndez-Hevia E. et al (1). This model described the structural properties of glycogen based on different parameters such as chain length, branching degree or the number of tiers. The model was able to demonstrate the optimal values of these parameters for maximizing the glucose stored in the smallest volume and the number of non-reducing ends. These optimal values were branching degree of 2, chain length of 13 glucose units and approximately 12 tiers (1).
 
 
The software we developed uses these properties to predict the structure of the molecule.
 
</p>
 
 
        <p class="space20">
 
The software was created in C++ using openGL. The individual glucose molecules are represented by black squares and they are used as building blocks for the chains and branches.
 
</p>
 
</div>
 
 
<div class="space30"></div>
 
<div class="col-md-5 col-md-offset-1  col-sm-offset-1  space30">
 
   
 
                    <div class="success-work project">
 
                       
 
 
<img src="https://static.igem.org/mediawiki/2015/0/0d/NRP-UEA-Norwich-glycogen-model.png" href="https://static.igem.org/mediawiki/2015/0/0d/NRP-UEA-Norwich-glycogen-model.png" alt="..." class="img-responsive mautomargin fancybox" style="cursor: pointer;">
 
                       
 
                        </div>
 
               
 
   
 
    </div>
 
    </div>
 
           
 
    </div>
 
 
    </section>
 
 
 
 
      <!-- start science section -->
 
    <section style="padding:10px 0px 0px;">
 
   
 
    <div class="container">
 
    <div class="row">
 
    <div class="col-md-12 left">
 
 
<p class="space10">To create the glycogen structures we made the following assumptions: :</p>
 
 
<p class="space10">&bull;The branching points on the chain are always the 5th and 9th glucose molecule on the chain.<br/>&bull; All chains are equal in length  <br/>&bull; The branching degree is two on each chain, except on the final tier.</p>
 
 
 
    <p class="space20">The software creates a pool of glucose units which are used to build the structure one tier at a time. Each time a new chain is about to be built, the software checks from a total of 24 possible directions and eliminates those that would grow toward the inner parts of the structure as it is not physically possible that the molecule is synthesized towards the core of the structure.  The procedure to make this elimination is to discard the growth of any chain with a distance between its end and the centre of the molecule that is less than the distance of another chain belonging to two preceding tiers. This method generates a molecule with a more circular shape.</p>
 
 
<p class="space20">To make it easier to visualise, the software does not allow for chains to cross paths on the same plane, which does reduce the number of valid tiers compared to a three dimensional model. If there is more than one possible valid chain then the software will randomly select which valid chain to build.
 
</p>
 
 
 
</div>
 
   
 
 
</div>
 
 
</div>
 
 
  <section id="project">
 
   
 
    <div class="container">
 
<div class="row">
 
    <div class="col-md-12 left">
 
    <h1 class="title1">Practices Overview</h2>
 
    <div class="space30"></div>
 
    <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
 
</div>
 
</div>
 
    <div class="row">
 
    <div class="col-md-6 left">
 
    <h3 class="title">Practices 1</h2>
 
    <div class="space30"></div>
 
    <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
 
 
        <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
 
 
<p class="space20">You can learn more by clicking on the image on the right.</p>
 
 
 
 
    </div>
 
    <div class="col-md-5 col-md-offset-1  col-sm-offset-1 space30 text-center">
 
                    <div class="success-work science">
 
                        <div class="success-work-desc">
 
                        <img src="https://static.igem.org/mediawiki/2015/0/0f/TeamNRP-UEA-Norwich-Section-2-Photo.png" class="img-responsive ">
 
                         
 
                          <a title="Lightbox Example"  href="#" class="btn outlinebtn  space50">
 
                            Read More
 
                          </a>
 
                        </div>
 
                       
 
                    </div>
 
   
 
    </div>
 
    </div>
 
 
<div class="row">
 
    <div class="col-md-6 left">
 
    <h3 class="title">Practices 2</h2>
 
    <div class="space30"></div>
 
    <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
 
 
        <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
 
 
<p class="space20">You can learn more by clicking on the image on the right.</p>
 
 
 
 
    </div>
 
    <div class="col-md-5 col-md-offset-1  col-sm-offset-1 space30 text-center">
 
                    <div class="success-work science">
 
                        <div class="success-work-desc">
 
                        <img src="https://static.igem.org/mediawiki/2015/0/0f/TeamNRP-UEA-Norwich-Section-2-Photo.png" class="img-responsive ">
 
                         
 
                          <a title="Lightbox Example"  href="#" class="btn outlinebtn  space50">
 
                            Read More
 
                          </a>
 
                        </div>
 
                       
 
                    </div>
 
   
 
    </div>
 
    </div>
 
 
<div class="row">
 
    <div class="col-md-6 left">
 
    <h3 class="title">Practices 3</h2>
 
    <div class="space30"></div>
 
    <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. </p>
 
 
        <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
 
 
<p class="space20">You can learn more by clicking on the image on the right.</p>
 
 
 
 
    </div>
 
    <div class="col-md-5 col-md-offset-1  col-sm-offset-1 space30 text-center">
 
                    <div class="success-work science">
 
                        <div class="success-work-desc">
 
                        <img src="https://static.igem.org/mediawiki/2015/0/0f/TeamNRP-UEA-Norwich-Section-2-Photo.png" class="img-responsive ">
 
                         
 
                          <a title="Lightbox Example"  href="#" class="btn outlinebtn  space50">
 
                            Read More
 
                          </a>
 
                        </div>
 
                       
 
                    </div>
 
   
 
    </div>
 
    </div>
 
 
<div class="row">
 
    <div class="col-md-6 left">
 
    <h3 class="title">Practices 4</h2>
 
    <div class="space30"></div>
 
    <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. </p>
 
 
        <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
 
 
<p class="space20">You can learn more by clicking on the image on the right.</p>
 
 
 
 
    </div>
 
    <div class="col-md-5 col-md-offset-1  col-sm-offset-1 space30 text-center">
 
                    <div class="success-work science">
 
                        <div class="success-work-desc">
 
                        <img src="https://static.igem.org/mediawiki/2015/0/0f/TeamNRP-UEA-Norwich-Section-2-Photo.png" class="img-responsive ">
 
                         
 
                          <a title="Lightbox Example"  href="#" class="btn outlinebtn  space50">
 
                            Read More
 
                          </a>
 
                        </div>
 
                       
 
                    </div>
 
   
 
    </div>
 
    </div>
 
           
 
    </div>
 
 
 
    </section>
 
 
<div class="space30"></div>
 
    <div class="col-md-12 left">
 
    <h2 class="title1">References</h2>
 
 
 
<p>1. Meléndez-Hevia E, Waddell TG, Shelton ED (1993) Optimization of molecular design in the evolution of metabolism: The glycogen molecule. Biochem Journal 295:477–83</p>
 
 
 
</div>
 
    </div>
 
 
<div class="space30"></div>
 
    </section>
 
    <div class="clearfix"></div>
 
    <div class="clearfix"></div>
 
 
      <!-- start sponsors section -->
 
<section style="padding:50px 0px; background: #f4f4f4;" class="arrow_box-test">
 
       
 
        <div class="container">
 
            <div class="row">
 
                <div class="col-md-12 text-center">
 
                    <h2 class="gray">MANY THANKS TO OUR SPONSORS</h2>
 
                    <ul class="list-inline space30 icon">
 
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/3/31/NRP-UEA-Norwich-Tgac.png" class="img-grey mautomargin"></a></li>
 
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/9e/NRP-UEA-Norwich-Nrp-logo.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/e/ed/NRP-UEA-Norwich-UEAlogo.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/9c/NRP-UEA-Norwich-Ibcarb_logo.png" width="200" height="100" class="img-grey mautomargin"></a></li>
 
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/8/8b/NRP-UEA-Norwich-TSL-logo.png" width="200" height="100" class="img-grey mautomargin"></a></li>
 
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/f/f0/NRP-UEA-Norwich-Biochemsociety.png" width="225" height="100" class="img-grey mautomargin"></a></li>
 
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/d/d3/NRP-UEA-Norwich-JIC.png" width="200" height="100" class="img-grey mautomargin" width="200" height="100"></a></li>
 
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/NRP-UEA-Norwich-Bbsrc.png" width="200" height="100" class="img-grey mautomargin"></a></li>
 
                        <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/8/81/NRP-UEA-Norwich-Dna2.png" width="200" height="100" class="img-grey mautomargin"></a></li>
 
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/8/8e/NRP-UEA-Norwich-Sgm-logo.png" width="250" height="100" class="img-grey mautomargin"></a></li>
 
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/e/e3/NRP-UEA-Norwich-Wellcome_Trust_logo.png" width="250" height="100" class="img-grey mautomargin"></a></li>
 
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/7/74/NRP-UEA-Norwich-IBBA_logo.png" width="125" height="125" class="img-grey mautomargin"></a></li>
 
 
 
                    </ul>
 
 
                 
 
                </div>
 
 
            </div>
 
              <div class="space20"></div>
 
        </div>
 
 
    </section>
 
      <!-- start footer -->
 
    <footer>
 
        <div class="container">
 
            <div class="row">
 
                <div class="col-md-4">
 
                    <h3>Useful Links</h3>
 
                    <ul class="f-menu space40">
 
                          <li><a href="/Team:NRP-UEA-Norwich">Home</a></li>
 
                        <li><a href="https://2015.igem.org/Main_Page">iGEM 2015</a></li>
 
                    </ul>
 
                </div>
 
                <div class="col-md-4">
 
                    <h3>Contact Us</h3>
 
                    <ul class="f-menu space40">
 
                        <li>nrpuea.igem2015@gmail.com</li>
 
                        <br/>
 
                        <li>Norwich Research Park,</li>
 
                        <li>Colney,</li>
 
                        <li>Norwich, NR4 7UH, UK.</li>
 
                    </ul>
 
                </div>
 
                <div class="col-md-4">
 
                    <div class="f-text">
 
                        <p class="fsize18 space10">We are the NRP-UEA-Norwich 2015 iGEM Team. </p>
 
                    </div>
 
                </div>
 
            </div>
 
            <div class="row space100">
 
                <div  class="col-md-12 text-center">
 
                    <h4 class="dark-gray">Designed and developed by the NRP-UEA-Norwich iGEM Team</h4>
 
                </div>
 
               
 
            </div>
 
        </div>
 
 
 
    </footer>
 
 
<script type="text/javascript">
 
$(document).ready(function() {
 
$(".fancybox").fancybox();
 
});
 
</script>
 
 
    <script type="text/javascript">
 
        $(document).ready(function()  {
 
       
 
          /*
 
          "Hovernav" navbar dropdown on hover
 
          Delete this segment if you don't want it, and delete the corresponding CSS in bst.css
 
          Uses jQuery Media Query - see http://www.sitepoint.com/javascript-media-queries/
 
          */
 
          var mq = window.matchMedia('(min-width: 768px)');
 
          if (mq.matches) {
 
            $('ul.navbar-nav li').addClass('hovernav');
 
          } else {
 
            $('ul.navbar-nav li').removeClass('hovernav');
 
          };
 
          /*
 
          The addClass/removeClass also needs to be triggered
 
          on page resize <=> 768px
 
          */
 
          if (matchMedia) {
 
            var mq = window.matchMedia('(min-width: 768px)');
 
            mq.addListener(WidthChange);
 
            WidthChange(mq);
 
          }
 
          function WidthChange(mq) {
 
            if (mq.matches) {
 
              $('ul.navbar-nav li').addClass('hovernav');
 
        } else {
 
              $('ul.navbar-nav li').removeClass('hovernav');
 
 
            }
 
          };
 
         
 
        });
 
 
        </script>
 
        <script type="text/javascript">
 
    $(document).ready(function() {
 
    // navigation click actions
 
    $('.scroll-link').on('click', function(event){
 
    event.preventDefault();
 
    var sectionID = $(this).attr("data-id");
 
    scrollToID('#' + sectionID, 750);
 
    });
 
    // scroll to top action
 
    $('.scroll-top').on('click', function(event) {
 
    event.preventDefault();
 
    $('html, body').animate({scrollTop:0}, 'slow');
 
    });
 
    // mobile nav toggle
 
    $('#nav-toggle').on('click', function (event) {
 
    event.preventDefault();
 
    $('#main-nav').toggleClass("open");
 
    });
 
    });
 
    // scroll function
 
    function scrollToID(id, speed){
 
    var offSet = 60;
 
    var targetOffset = $(id).offset().top - offSet;
 
    var mainNav = $('#main-nav');
 
    $('html,body').animate({scrollTop:targetOffset}, speed);
 
    if (mainNav.hasClass("open")) {
 
    mainNav.css("height", "1px").removeClass("in").addClass("collapse");
 
    mainNav.removeClass("open");
 
    }
 
    }
 
    if (typeof console === "undefined") {
 
    console = {
 
    log: function() { }
 
    };
 
      }
 
  </script>
 
  <script type="text/javascript">
 
 
          $('a.scroll-link').each( function() {
 
                $(this).parent("li").removeClass('active');
 
          });
 
           
 
          $(this).parent("li").addClass('active');
 
 
 
 
 
 
 
    });
 
});
 
 
  </script>
 
 
 
 
 
</body></html>
 

Latest revision as of 15:05, 18 September 2015