Difference between revisions of "Team:Tsinghua-A/Model"

Line 1: Line 1:
 
{{Tsinghua-A}}
 
{{Tsinghua-A}}
 
<html>
 
<html>
 +
      <head>
 +
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<title>Discription</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
 +
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
 +
<meta name="author" content="FREEHTML5.CO" />
  
  
<h3>★  ALERT! </h3>
+
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<link rel="shortcut icon" href="favicon.ico">
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
</div>
+
<div class="clear"></div>
+
  
<div class="column full_size">
+
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'>
<h1> Modeling</h1>
+
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">
 +
 +
<!-- Animate.css -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/animate?action=raw&ctype=text/css">
 +
<!-- Icomoon Icon Fonts-->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/icomoon?action=raw&ctype=text/css">
 +
<!-- Bootstrap  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/bootstrap?action=raw&ctype=text/css">
 +
<!-- Superfish -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/superfish?action=raw&ctype=text/css">
 +
<!-- Flexslider  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/flexslider?action=raw&ctype=text/css">
  
<p>Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.</p>
+
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/style?action=raw&ctype=text/css">
 +
      <script src="https://2017.igem.org/Template:Tsinghua-A/JS/fixed?action=raw&ctype=text/javascript">
  
</div>
+
<!-- Modernizr JS -->
<div class="clear"></div>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
 +
<!-- FOR IE9 below -->
 +
<!--[if lt IE 9]>
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/fixed?action=raw&ctype=text/javascript"></script>
 +
<![endif]-->
  
<div class="column half_size">
+
    <style type="text/css">
<h3> Gold Medal Criterion #3</h3>
+
    .myTitle1 {
<p>
+
width:90%;
To complete for the gold medal criterion #3, please describe your work on this page and fill out the description on your <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. To achieve this medal criterion, you must convince the judges that your team has gained insight into your project from modeling. You may not convince the judges if your model does not have an effect on your project design or implementation.  
+
height:84px;
</p>
+
margin-left: 5%;
 +
margin-bottom: 10px;
 +
font-size: 40px;
 +
}
 +
.myTitle2 {
 +
width:90%;
 +
height:50px;
 +
margin-left: 5%;
 +
margin-bottom: 10px;
 +
font-size: 32px;
 +
}
 +
    .myPara {
 +
width:90%;
 +
margin-left: 5%;
 +
margin-bottom: 20px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
.myPS {
 +
width:90%;
 +
margin-left: 5%;
 +
margin-bottom: 8px;
 +
font-size: 16px;
 +
text-align: left;
 +
}
 +
    .myPic1 {
 +
font-size: 100px;
 +
text-align: left;
 +
margin-bottom: 15px;
 +
margin-left: 15%;
 +
}
 +
    .myPicDis {
 +
margin-left: 5%;
 +
left: 45%;
 +
top: 370px;
 +
font-size: 18px;
 +
text-align: center;
 +
}
 +
    .background {
 +
position:absolute;
 +
width:100%;
 +
height:5000px;
 +
z-index:10000;
 +
top: 150px;
 +
left: 0px;
 +
}
 +
.mytable {
 +
width:100%;
 +
cellpadding:100;
 +
cellspacing:50;
 +
                border-width:0;
 +
                border-color:rgba(0, 0, 0, 0.00);
 +
}
 +
    </style>
 +
    </head>
 +
<body>
 +
<div id="fh5co-wrapper" >
 +
<div id="fh5co-page">
 +
<div id="fh5co-header">
 +
<header id="fh5co-header-section">
 +
<div class="container">
 +
<div class="nav-header">
 +
 +
<div class="background" id="apDiv_background">
 +
 
 +
  <div class="myTitle1" >Overview</div>
 +
 +
  <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;Since there are many kinds of E.coli in our system, it is difficult to understand the behavior of the system directly without model. Also, with an appropriate model, we can combine it with our experiment results to help us design our gene circuit. <br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;First, to adapt to our experiment design, we construct a complete fluid model which describes the growth of E.coli inside the fluid medium using Ordinary Differential Equation (ODE). This complete fluid model can help us describe the change of all six character’s amount. Furthermore, the fluid E.coli War is based on this model. <br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;As is stated in the orthogonality test in experiment part, we failed to find the orthometric gene circuit for two warriors. How can we solve this problem? Our model can tell us answer!<br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;However, complete fluid model is too complicated to instruct our experiment design. Therefore, we extracted parts of the model to help us design a good warrior I which just respond to the AHL secreted by warrior II but not itself. This can be seen on the page of Improved orthometric gene circuit.What’s more, the simplified model tells us how to regulate the killing ability of warrior experimentally.Detailed information is displayed on the page of Regulation of killing ability. <br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;Apart from things mentioned above, spatial factors also have a great impact on the results of population competition and cooperation. To understand spatial effects better, we developed our discrete probabilistic solid model, and this model is used as the basis of our solid E.coli War.
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
  </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:Tsinghua-A" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
 +
<h1 id="fh5co-logo"><a href="https://2017.igem.org/Team:Tsinghua-A"><i class="icon-home2"></i>TSINGHUA-A IGEM</a></h1>
 +
<!-- START #fh5co-menu-wrap -->
 +
<nav id="fh5co-menu-wrap" role="navigation">
 +
<ul class="sf-menu" id="fh5co-primary-menu">
 +
<li>
 +
<a href="https://2017.igem.org/Team:Tsinghua-A/Description"class="fh5co-sub-ddown">PROJECT</a>
 +
                                    <ul class="fh5co-sub-menu">
 +
                                    <li><a href="https://2017.igem.org/Team:Tsinghua-A/Description">DESCRIPTION</a></li>
 +
                                    <li><a href="https://2017.igem.org/Team:Tsinghua-A/Results">RESULT</a></li>
 +
                                    <li><a href="#">PROOF</a></li>
 +
                                    <li><a href="#">BASIC PARTS</a></li>
 +
                                    </ul>
 +
</li>
 +
<li>
 +
                                    <a href="work.html"class="fh5co-sub-ddown">MODEL</a>
 +
                                    <ul class="fh5co-sub-menu">
 +
                                    <li><a href="#">OVERVIEW</a></li>
 +
                                    <li><a href="#">FLUID MEDIUM</a></li>
 +
                                    <li><a href="#">SOLID MEDIUM</a></li>
 +
                                    </ul>
 +
                                </li>
 +
<li><a href="contact.html">GAME</a></li>
 +
                                <li>
 +
<a href="services.html" class="fh5co-sub-ddown">EXPERIMENT</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="#">ORTHOGONALITY TEST</a></li>
 +
<li><a href="#">KILLING ABILITY</a></li>
 +
                                                                                <li><a href="#">IMPROVED ORTHOGONALITY GENE CIRCUIT</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="about.html">HUMAN PRACTICE</a></li>
 +
<li><a href="contact.html">TEAM</a></li>
 +
</ul>
 +
</nav>
 +
  </div>
 +
</div>
 +
</header>
 +
 +
</div>
 +
<!-- end:fh5co-header -->
 +
<aside id="fh5co-hero" class="js-fullheight">
 +
<div class="flexslider js-fullheight">
 +
<ul class="slides">
 +
  <li style="background-image: url(images/slide_2.jpg);">
 +
  <div class="overlay-gradient"></div>
 +
  <div class="container">
 +
  <div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
 +
  <div class="slider-text-inner desc">
 +
  <h2 class="heading-section">Discription here</h2>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  </li>
 +
  </ul>
 +
  </div>
 +
</aside>
 +
<div id="fh5co-services-section"></div>
 +
</div>
 +
<!-- END fh5co-page -->
  
<p>
+
</div>
Please see the <a href="https://2017.igem.org/Judging/Medals"> 2017 Medals Page</a> for more information.
+
<!-- END fh5co-wrapper -->
</p>
+
</div>
+
  
<div class="column half_size">
+
<!-- jQuery -->
<h3>Best Model Special Prize</h3>
+
  
<p>
 
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Model prize</a>, please describe your work on this page  and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. Please note you can compete for both the gold medal criterion #3 and the best model prize with this page.
 
<br><br>
 
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
 
</p>
 
  
</div>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script>
<div class="clear"></div>
+
<!-- jQuery Easing -->
 
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.easing.1.3?action=raw&ctype=text/javascript"></script>
<div class="column full_size">
+
<!-- Bootstrap -->
<h5> Inspiration </h5>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/bootstrap?action=raw&ctype=text/javascript"></script>
<p>
+
<!-- Waypoints -->
Here are a few examples from previous teams:
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.waypoints.min?action=raw&ctype=text/javascript"></script>
</p>
+
<!-- Superfish -->
<ul>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/hoverIntent?action=raw&ctype=text/javascript"></script>
<li><a href="https://2016.igem.org/Team:Manchester/Model">Manchester 2016</a></li>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/superfish?action=raw&ctype=text/javascript"></script>
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">TU Delft 2016  </li>
+
<!-- Flexslider -->
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.flexslider-min?action=raw&ctype=text/javascript"></script>
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
+
</ul>
+
 
+
 
+
</div>
+
  
 +
<!-- Main JS (Do not remove) -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/main?action=raw&ctype=text/javascript"></script>
 +
        <script src="fixed.js"></script>
 +
</body>
 
</html>
 
</html>

Revision as of 13:39, 22 October 2017

Discription